/* 3.8.35: image text stays untouched; metadata occupies predictable safe areas. */
.mbn-release-banner{position:relative;margin:0 0 24px;border-radius:22px;overflow:hidden;isolation:isolate;background:#101319}
.mbn-release-banner__image{display:block;width:100%;height:auto;margin:0}
.mbn-official-room__cover{position:relative}
.mbn-banner-date{position:absolute;z-index:2;top:6%;left:1.5%;width:clamp(52px,6.2vw,105px);overflow:hidden;text-align:center;border:1px solid rgba(255,255,255,.6);border-radius:10px;background:rgba(15,15,15,.75);box-shadow:0 3px 10px #0003;backdrop-filter:blur(4px);color:#fff;font-family:var(--mbn-body-font,system-ui);font-weight:800;line-height:1.1}
.mbn-banner-date span,.mbn-banner-date b{display:block;padding:9px 4px;font-size:clamp(11px,1.3vw,18px);color:#fff}
.mbn-banner-date strong{display:block;background:var(--mbn-accent,#d90b7f);padding:8px 4px;font-size:clamp(22px,2.6vw,38px);color:#fff}
.mbn-banner-badges{position:absolute;z-index:2;bottom:8%;right:3%;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;width:46%;max-height:28%;overflow:auto;scrollbar-width:thin;padding:2px}
.mbn-banner-badges--bottom-left{right:auto;left:3%;justify-content:flex-start}
.mbn-banner-badges--bottom-center{right:auto;left:25%;width:50%;justify-content:center}
.mbn-banner-badge,.mbn-single .mbn-banner-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff65;border-radius:999px;background:rgba(12,16,22,.8);color:#fff!important;text-decoration:none;padding:7px 13px;font:600 clamp(11px,1.1vw,16px)/1.2 system-ui;backdrop-filter:blur(4px);max-width:100%}
.mbn-banner-badge span{overflow-wrap:anywhere}
.mbn-banner-badge:hover,.mbn-banner-badge:focus-visible{background:#080b11;border-color:var(--mbn-accent);outline:2px solid var(--mbn-accent);outline-offset:2px}
.mbn-badge-icon{flex:0 0 22px;width:22px;height:22px;color:var(--mbn-accent,#d90b7f)}
/* Clean guidance: monochrome, scoped to single releases. Other warning levels retain their meaning. */
.mbn-single .mbn-warning-badge--info{background:transparent;color:#000;border:1px solid #000}
html[data-mbn-theme="dark"] .mbn-single .mbn-warning-badge--info{background:#fbfaf5;color:#000;border-color:#000}
/* Match the actual player box, including its border and responsive aspect ratio. */
@media(min-width:1101px){
 .mbn-single-song .mbn-song-listening{align-items:stretch}
 .mbn-single-song .mbn-song-listening__video .mbn-player{height:auto;min-height:0;aspect-ratio:16/9}
 .mbn-single-song .mbn-lyrics-panel{box-sizing:border-box;min-height:0;max-height:none;height:var(--mbn-listening-height,520px);overflow:hidden;margin:0}
 .mbn-single-song .mbn-lyrics-scroll{flex:1;min-height:0;max-height:none;overflow:auto}
}
@media(max-width:1100px){
 .mbn-single-song .mbn-lyrics-panel{height:auto;min-height:320px;max-height:430px;box-sizing:border-box}
}
@media(max-width:760px){
 .mbn-release-banner{border-radius:14px}
 .mbn-banner-date{width:48px;top:8px;left:8px;border-radius:6px}
 .mbn-banner-date span,.mbn-banner-date b{padding:4px 2px;font-size:10px}
 .mbn-banner-date strong{padding:4px 2px;font-size:20px}
 .mbn-release-banner .mbn-banner-badges,.mbn-official-room__cover .mbn-banner-badges{position:static;max-height:none;width:auto;padding:12px;justify-content:flex-start;background:#101319;overflow:visible}
 .mbn-banner-badge{padding:6px 10px;font-size:12px}
 .mbn-official-room__cover:has(.mbn-banner-badges){height:auto!important;max-height:none!important}
 .mbn-single-song .mbn-lyrics-scroll{max-height:310px}
}
.mbn-single .mbn-lyrics-scroll{color:var(--mbn-single-text)}
@media(max-width:760px){
 .mbn-official-room__cover:has(.mbn-banner-badges){min-height:0!important}
 .mbn-official-room__cover:has(.mbn-banner-badges)>img{position:relative;height:auto;object-fit:contain}
}