/* Each room owns its background color in both editions. */
:root[data-theme][data-area],:root[data-theme]{
 --bg:#000;--panel:#220c12;--ink:#f5f2ed;--muted:#bfb8ba;--line:#483039;
 --accent:#ef6862;--gold:#c1914f;--paper-surface:#ebe0c2;--signal:#9f0a10;
 --on-accent:#160709;--scene-base:var(--bg);color-scheme:dark;
}
:root[data-theme=matine][data-area],:root[data-theme=matine]{
 --bg:#f2f5e2;--panel:#e3dea4;--ink:#290024;--muted:#775533;--line:#b4a57b;
 --accent:#913b39;--gold:#9b682f;--paper-surface:#f2f5e2;--signal:#d4954d;
 --on-accent:#fffaf1;color-scheme:light;
}
:root:is([data-area=verso],[data-area=biblioteca],[data-area=reven],[data-area=bastidores])[data-theme=noir]{--bg:#210d15;--panel:#36121e;--ink:#f6edf0;--muted:#ceb4bd;--accent:#ee8680;--signal:#9f0a10;--line:#70414e}
:root:is([data-area=verso],[data-area=biblioteca],[data-area=reven],[data-area=bastidores])[data-theme=matine]{--bg:#f7edeb;--panel:#efdad7;--ink:#38151e;--muted:#76505a;--accent:#a52936;--signal:#a52936;--line:#c6a0a3}
:root[data-area=cine][data-theme=noir]{--bg:#0d1629;--panel:#17243c;--ink:#edf1fa;--accent:#9db9eb;--muted:#aebbd4;--line:#415675;--cine-detail:#b699d9;--signal:#8270a7}
:root[data-area=cine][data-theme=matine]{--bg:#eef0f8;--panel:#dfe5f2;--ink:#202c46;--muted:#596883;--accent:#335ca4;--line:#acb9d1;--cine-detail:#754685;--signal:#754685}
:root[data-area=game][data-theme=noir]{--bg:#101e18;--panel:#1b3025;--ink:#eff4e9;--accent:#a8cda0;--muted:#afbfab;--line:#46614b;--signal:#65944c}
:root[data-area=game][data-theme=matine]{--bg:#edf3e9;--panel:#dce9d7;--ink:#233e2b;--muted:#506c51;--accent:#35603b;--line:#9fb89c;--signal:#395c38}
:root[data-area=radio][data-theme=noir]{--bg:#221710;--panel:#332217;--ink:#f5eee4;--muted:#c9b69b;--accent:#e7ad64;--signal:#d4954d;--line:#72503d}
:root[data-area=radio][data-theme=matine]{--bg:#f7f0dc;--panel:#ebddb8;--ink:#3d291a;--muted:#785a3a;--accent:#86501e;--signal:#d4954d;--line:#c4aa79}
:root:is([data-area=workshop],[data-area=estudio],[data-area=studio],[data-area=referencias],[data-area=encomendas],[data-area=loja])[data-theme=noir]{--bg:#171310;--panel:#252019;--ink:#f2eee5;--muted:#bfb29d;--accent:#d8b574;--gold:#c1914f;--line:#69513a;--signal:#c1914f}
:root:is([data-area=workshop],[data-area=estudio],[data-area=studio],[data-area=referencias],[data-area=encomendas],[data-area=loja])[data-theme=matine]{--bg:#f5f0e2;--panel:#e9dfbf;--ink:#382c1c;--muted:#746047;--accent:#775322;--gold:#94652c;--line:#b6a16e;--signal:#d4954d}
body{background:var(--bg);color:var(--ink)}
body .primary{color:var(--on-accent)}
body .primary:hover{background:color-mix(in srgb,var(--accent) 88%,var(--ink));color:var(--on-accent)}
body .masthead,body .main-nav{background:var(--bg);color:var(--ink)}
body .theme-toggle{border-color:var(--line)}
body .signal-lamp{background:var(--signal);box-shadow:0 0 9px color-mix(in srgb,var(--signal) 35%,transparent)}
body .scene-transition{background:var(--bg);color:var(--ink)}
/* Native-resolution art without blur, desaturation or transform resampling. */
:root[data-area=central] .central-hero{height:calc(100svh - 205px);min-height:570px;max-height:850px;padding:24px 7% 32px;background:var(--bg);isolation:isolate}
:root[data-area=central][data-theme] .hero-art{width:100%;height:100%;object-fit:cover;object-position:center 55%;opacity:.94;filter:none;mix-blend-mode:normal;transform:none}
:root[data-area=central] .central-hero::before{background:linear-gradient(0deg,var(--bg),transparent 16%,transparent 90%,color-mix(in srgb,var(--bg) 42%,transparent)),linear-gradient(90deg,transparent 36%,color-mix(in srgb,var(--bg) 20%,transparent) 50%,color-mix(in srgb,var(--bg) 88%,transparent) 77%)}
:root[data-area=central] .hero-copy{width:40%;max-width:530px;margin:20px 0 20px auto;padding:0;background:none}
:root[data-area=central] .hero-copy h1{font-size:100px;line-height:.94;margin:16px 0;text-shadow:none}
:root[data-area=central] .hero-copy h1 span{color:var(--accent)}
:root[data-area=central] .hero-tagline{font-size:18px;max-width:360px;color:var(--ink)}
:root[data-area=central] .hero-top,:root[data-area=central] .hero-bottom{color:var(--ink)}
:root[data-area=central][data-theme=matine] .hero-art{opacity:.92}
:root[data-area=central][data-theme=matine] .hero-copy h1 span{color:#913b39}
/* One continuous backdrop: sections do not own separate color bands. */
:root[data-area=central] #main{isolation:isolate;background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 28%,color-mix(in srgb,var(--panel) 40%,var(--bg)) 53%,color-mix(in srgb,var(--panel) 65%,var(--bg)) 72%,var(--bg) 100%)}
:root[data-area=central] :is(.welcome-band,.frequency-section,.on-the-desk,.participate-band){position:relative;isolation:auto;background:transparent;border:0;box-shadow:none}
:root[data-area=central] :is(.welcome-band,.on-the-desk,.participate-band) em{color:var(--accent)}
:root[data-area=central] .primary{background:#9f0a10;color:#fff8f4}
:root[data-area=central] .primary:hover{background:#bd161d;color:#fff8f4}
:root[data-area=central] .hero-top{color:var(--muted)}
:root[data-area=central] .hero-bottom svg{color:var(--gold)}
/* Give the artwork dedicated space rather than fading it behind paragraphs. */
:root[data-area=central] .welcome-band{display:grid;grid-template-columns:130px minmax(0,1fr) 270px;gap:24px 38px;align-items:start;padding-block:85px;overflow:hidden}
:root[data-area=central] .welcome-band>.eyebrow{grid-column:1;grid-row:1}
:root[data-area=central] .welcome-band>div:not(.byline){grid-column:2;grid-row:1}
:root[data-area=central] .byline{grid-column:2;grid-row:2;display:grid;grid-template-columns:36px 1fr;gap:2px 12px;padding:0;align-items:center}
:root[data-area=central] .byline .avatar{grid-row:1/3;width:36px;height:40px;color:var(--gold)}
:root[data-area=central] .byline>span:last-child{grid-column:2}
.station-masks{grid-column:3;grid-row:1/3;position:static;width:100%;height:auto;aspect-ratio:1;align-self:center;object-fit:contain;opacity:.95;filter:brightness(1.1) contrast(1.3);mix-blend-mode:screen;pointer-events:none}
[data-theme=matine] .station-masks{filter:grayscale(1) brightness(1.1) contrast(1.3) invert(1);mix-blend-mode:multiply;opacity:.78}
:root[data-area=central] .frequency-section{padding-block:65px 75px}
:root[data-area=central] .room-grid{gap:22px}
:root[data-area=central] .room-tile{padding-inline:0}
:root[data-area=central] .tile-symbol>img{opacity:1;filter:none}
:root[data-area=central] .room-tile[data-room=game] img{filter:hue-rotate(110deg) saturate(.65)}
:root[data-area=central] .room-tile[data-room=cine] img{filter:hue-rotate(225deg) saturate(.65)}
:root[data-area=central] .tile-symbol>span{color:var(--gold)}
:root[data-area=central] .room-tile h3{color:var(--ink)}
:root[data-area=central] .room-tile:hover h3{color:var(--accent)}
:root[data-area=central] .on-the-desk{padding-block:80px}
:root[data-area=central] .desk-row>.mono{color:var(--muted)}
:root[data-area=central] .desk-row>svg{color:var(--gold)}
:root[data-area=central] .participate-band{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:0 65px;align-content:center;padding-block:70px;min-height:490px;overflow:hidden}
:root[data-area=central] .participate-band>:not(.station-stage){grid-column:1;max-width:100%}
:root[data-area=central] .participate-band>.primary{justify-self:start;margin-top:8px;max-width:100%}
.station-stage{position:static;grid-column:2;grid-row:1/5;align-self:center;justify-self:center;width:100%;max-width:300px;height:380px;object-fit:cover;object-position:center;opacity:1;filter:contrast(1.15);mix-blend-mode:screen;pointer-events:none}
[data-theme=matine] .station-stage{filter:grayscale(1) brightness(5) contrast(1.6) invert(1);mix-blend-mode:multiply;opacity:.85}
[data-area=workshop] .wk-front::after{background:linear-gradient(90deg,#171310ee,#17131088 55%,#17131022)}
:root[data-area=workshop][data-theme=matine] .wk-front::after{background:linear-gradient(90deg,#f5f0e2f5,#f5f0e2a0 55%,#f5f0e220)}
.st-app,.st-dialog{--st-bg:#101010;--st-panel:#1c1916;--st-deep:#090909;--st-line:#584333;--st-gold:#c1914f;--st-text:#f2eee5;--st-muted:#baab97}
:root[data-theme] .entrance-art{filter:none;opacity:.8;mix-blend-mode:normal;transform:none}
:root[data-theme] .entrance-content h1{color:var(--ink);text-shadow:none}
@media(min-width:1600px){:root[data-area=central] .hero-copy h1{font-size:118px}}
@media(max-width:1100px){
 :root[data-area=central] .hero-copy{width:46%}
 :root[data-area=central] .hero-copy h1{font-size:86px}
 :root[data-area=central] .welcome-band{grid-template-columns:minmax(0,1fr) 220px;gap:20px 32px}
 :root[data-area=central] .welcome-band>.eyebrow{grid-column:1/-1;grid-row:1}
 :root[data-area=central] .welcome-band>div:not(.byline){grid-column:1;grid-row:2}
 :root[data-area=central] .byline{grid-column:1;grid-row:3}
 .station-masks{grid-column:2;grid-row:2/4}
 :root[data-area=central] .participate-band{gap:0 30px}
}
@media(max-width:720px){
 :root[data-area=central] .central-hero{height:calc(100svh - 185px);min-height:560px;max-height:760px;padding:24px}
 :root[data-area=central][data-theme] .hero-art{object-position:35% center;opacity:.94;filter:none;transform:none}
 :root[data-area=central] .central-hero::before{background:linear-gradient(0deg,var(--bg) 2%,color-mix(in srgb,var(--bg) 94%,transparent) 22%,color-mix(in srgb,var(--bg) 76%,transparent) 49%,transparent 84%,color-mix(in srgb,var(--bg) 35%,transparent))}
 :root[data-area=central] .hero-copy{width:100%;max-width:420px;margin:145px 0 16px}
 :root[data-area=central] .hero-copy h1{font-size:72px;margin:12px 0;line-height:.94}
 :root[data-area=central] .hero-tagline{font-size:16px;margin:16px 0 6px}
 :root[data-area=central] .hero-copy .eyebrow{font-size:11px;color:var(--ink)}
 :root[data-area=central] .hero-bottom{font-size:10px}
 :root[data-area=central] .welcome-band{grid-template-columns:minmax(0,1fr) 128px;gap:24px 12px;padding:48px 24px}
 :root[data-area=central] .welcome-band>div:not(.byline){grid-column:1/-1;grid-row:2}
 :root[data-area=central] .byline{grid-column:1;grid-row:3;align-self:center}
 .station-masks{grid-column:2;grid-row:3;width:128px}
 :root[data-area=central] .frequency-section{padding-block:48px}
 :root[data-area=central] .on-the-desk{padding-block:48px}
 :root[data-area=central] .participate-band{grid-template-columns:minmax(0,1fr) 110px;gap:0 10px;padding:48px 24px;min-height:0}
 :root[data-area=central] .participate-band>h2{grid-column:1/-1;font-size:36px}
 :root[data-area=central] .participate-band>p:not(.eyebrow){grid-column:1/-1}
 :root[data-area=central] .participate-band>.primary{grid-column:1/-1;grid-row:5;justify-self:start}
 .station-stage{grid-column:2;grid-row:1;width:100%;height:110px;object-fit:cover;margin-bottom:16px}
 :root[data-area=central] .participate-band>.eyebrow{align-self:center;margin:0;max-width:170px}
 :root[data-area=central] .room-grid{gap:20px}
}
@media(max-width:380px){:root[data-area=central] .hero-copy h1{font-size:64px}:root[data-area=central] .hero-copy{margin-top:115px}:root[data-area=central] .central-hero{min-height:540px}}