/* The Media Tribe V1.9: stations, radio, VU meters, page shells.
   98.3 STUDIO is the live site's own look; 88.1 CLASSIC and 107.9 GAMIFIED (skin id "play") re-dress everything.
   The protected hero (#stage) is never changed; from V1.9.0 (Ash, 2026-09-11) it appears on Gamified only, and
   Classic and Studio open Home with a masthead instead. Words, order and links are identical. */

@font-face{font-family:'Libre Caslon Display';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/libre-caslon-display-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Libre Caslon Text';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/libre-caslon-text-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Libre Caslon Text';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/libre-caslon-text-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Libre Caslon Text';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/libre-caslon-text-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/archivo-black-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/chakra-petch-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/chakra-petch-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/chakra-petch-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Press Start 2P';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/press-start-2p-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/barlow-condensed-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-condensed-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-condensed-latin-700-normal.woff2) format('woff2')}

/* ---------- station tokens for the new components ---------- */
:root{
  --sk-bg:#050a17;--sk-bg2:#081226;--sk-ink:#EAF1FB;--sk-muted:#A9BAD6;--sk-line:rgba(57,184,226,.24);
  --sk-accent:#39B8E2;--sk-on:#03101f;--sk-accent2:#E8B84B;--sk-card:#0B1830;--sk-cardline:rgba(57,184,226,.22);
  --sk-disp:'Space Grotesk',system-ui,sans-serif;--sk-body:'Inter',system-ui,sans-serif;--sk-label:'Space Grotesk',system-ui,sans-serif;
  --sk-hw:700;--sk-case:none;--sk-track:-.02em;--sk-radius:14px;--sk-shadow:0 18px 40px rgba(0,0,0,.35);
  --sk-img:brightness(1.1) contrast(1.04) saturate(1.05);--sk-ov:linear-gradient(90deg,rgba(3,6,14,.78) 0%,rgba(3,6,14,.38) 48%,rgba(3,6,14,.03) 100%);
  --sk-kb:running;--lvl:0
}
html[data-skin="classic"]{
  --sk-bg:#F2F0EA;--sk-bg2:#E8E4D8;--sk-ink:#16213A;--sk-muted:#4A5264;--sk-line:#CCC5B2;
  --sk-accent:#1D3A6B;--sk-on:#F7F5EF;--sk-accent2:#8E6F2E;--sk-card:#FBFAF6;--sk-cardline:#D5CFBE;
  --sk-disp:'Libre Caslon Display',Georgia,'Times New Roman',serif;--sk-body:'Libre Caslon Text',Georgia,serif;--sk-label:'Libre Caslon Text',Georgia,serif;
  --sk-hw:400;--sk-case:none;--sk-track:0;--sk-radius:3px;--sk-shadow:none;
  --sk-img:saturate(.62) sepia(.1) contrast(1.02) brightness(1.08);--sk-ov:linear-gradient(0deg,rgba(22,33,58,.2),rgba(22,33,58,0) 60%);
  --sk-kb:paused
}
html[data-skin="play"]{
  --sk-bg:#0C0722;--sk-bg2:#140B33;--sk-ink:#F5F0FF;--sk-muted:#C2B6E8;--sk-line:#FF3EA5;
  --sk-accent:#B6FF3B;--sk-on:#140B33;--sk-accent2:#FF3EA5;--sk-card:#1B1044;--sk-cardline:#FF3EA5;
  --sk-disp:'Archivo Black','Arial Black',Impact,sans-serif;--sk-body:'Chakra Petch',system-ui,sans-serif;--sk-label:'Press Start 2P',ui-monospace,monospace;
  --sk-hw:400;--sk-case:uppercase;--sk-track:0;--sk-radius:14px;--sk-shadow:6px 6px 0 #FF3EA5;
  --sk-img:saturate(1.3) contrast(1.1) brightness(1.1) hue-rotate(-10deg);--sk-ov:linear-gradient(100deg,rgba(20,11,51,.92) 0%,rgba(120,20,110,.55) 50%,rgba(255,62,165,.06) 100%);
  --sk-kb:running
}

/* ---------- page chrome on every page ---------- */
body{padding-bottom:0!important;transition:background-color .5s ease,color .5s ease}
#support{display:none!important}
#totop{display:none!important}
#glidehint{bottom:210px!important}
.v19tag{position:fixed;top:6px;left:50%;transform:translateX(-50%);z-index:100000;background:#B8321F;color:#FFF4E8;font:600 10.5px/1.3 'Inter',system-ui,sans-serif;letter-spacing:.12em;padding:4px 10px;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.4);pointer-events:none;white-space:nowrap}
body.v19 #sticky{transform:none}
body.v19{background:var(--sk-bg)}
body.v19 main{padding-top:58px;overflow-x:clip}
#sticky .slinks a[aria-current="page"]{background:rgba(57,184,226,.18);color:#fff}
.v19 .wrap,.doorsec .wrap,.pagehero .wrap,.v19sec .wrap{max-width:1180px;margin:0 auto;padding-inline:clamp(20px,5vw,48px)}

/* page hero: a full-width picture with the words inside it */
.pagehero{position:relative;min-height:clamp(300px,46vw,520px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;background:var(--sk-bg)}
.pagehero .ph{position:absolute;inset:-2%;background-size:cover;background-position:var(--pos,center 30%);filter:var(--sk-img);animation:v19kb 24s ease-in-out infinite alternate;animation-play-state:var(--sk-kb);z-index:-2;transition:filter .6s}
.pagehero .ov{position:absolute;inset:0;background:var(--sk-ov);z-index:-1}
.pagehero .txt{position:relative;width:100%;padding-block:clamp(28px,5vw,60px);display:grid;gap:12px;color:#fff}
.pagehero h1{font-family:var(--sk-disp);font-weight:var(--sk-hw);text-transform:var(--sk-case);letter-spacing:var(--sk-track);font-size:clamp(34px,6vw,68px);line-height:1.02;max-width:16ch;text-wrap:balance;text-shadow:0 2px 20px rgba(0,0,0,.45)}
.pagehero .lead{max-width:58ch;font-size:clamp(16px,1.6vw,19px);line-height:1.6;color:#E6EDF8;text-shadow:0 1px 10px rgba(0,0,0,.6)}
.pagehero .eyebrow{margin:0}
.crumbs{font:500 13px/1.4 var(--sk-body);color:#cfdaf0}
.crumbs a{color:inherit}
html[data-skin="classic"] .pagehero .txt{background:var(--sk-card);border:1px solid var(--sk-cardline);color:var(--sk-ink);max-width:640px;margin:clamp(14px,3vw,32px);padding:clamp(20px,3vw,36px)}
html[data-skin="classic"] .pagehero h1{text-shadow:none;color:var(--sk-ink)}
html[data-skin="classic"] .pagehero .lead{color:var(--sk-muted);text-shadow:none}
html[data-skin="classic"] .crumbs{color:var(--sk-muted)}
@keyframes v19kb{from{transform:scale(1.02)}to{transform:scale(1.13) translate(-1.5%,-1%)}}

/* doors: route cards on Home and on the hub pages */
.doorsec{padding-block:clamp(48px,7vw,96px)}
.doorsec h2,.v19h2{font-family:var(--sk-disp);font-weight:var(--sk-hw);text-transform:var(--sk-case);letter-spacing:var(--sk-track);font-size:clamp(28px,4vw,46px);line-height:1.05;color:var(--sk-ink);margin-bottom:14px;text-wrap:balance}
.doorsec .lede,.v19lede{color:var(--sk-muted);max-width:62ch;font-size:clamp(16px,1.5vw,18px);line-height:1.65}
.doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:clamp(14px,2vw,22px);margin-top:clamp(24px,4vw,40px)}
.door{position:relative;display:grid;grid-template-rows:auto 1fr;text-decoration:none;color:var(--sk-ink);background:var(--sk-card);border:1px solid var(--sk-cardline);border-radius:var(--sk-radius);overflow:hidden;box-shadow:var(--sk-shadow);transition:transform .3s ease,box-shadow .3s ease,background-color .5s,border-color .5s}
.door .img{aspect-ratio:16/10;overflow:hidden;position:relative;max-width:100%}
.door .img div{position:absolute;inset:0;background-size:cover;background-position:var(--pos,center 35%);filter:var(--sk-img);transition:transform .8s ease,filter .6s}
.door:hover .img div{transform:scale(1.06)}
.door .body{padding:18px 20px 20px;display:grid;gap:6px;align-content:start}
.door h3{font-family:var(--sk-disp);font-weight:var(--sk-hw);text-transform:var(--sk-case);font-size:clamp(20px,2vw,24px);line-height:1.15}
.door p{font-size:14.5px;line-height:1.55;color:var(--sk-muted)}
.door .go{font:600 13px/1 var(--sk-label);letter-spacing:.06em;color:var(--sk-accent);margin-top:6px}
.door:hover{transform:translateY(-4px)}
html[data-skin="play"] .door{border-width:3px}
html[data-skin="play"] .door:hover{transform:translate(-3px,-3px) rotate(-.4deg);box-shadow:9px 9px 0 #FF3EA5,0 0 calc(var(--lvl)*40px) rgba(182,255,59,calc(var(--lvl)*.6))}
html[data-skin="play"] .door .go{font-size:9px}

/* session sheet: the fifteen modules, five crafts */
.crafts{display:grid;gap:clamp(14px,2vw,20px);margin-top:28px}
.craft{background:var(--sk-card);border:1px solid var(--sk-cardline);border-radius:var(--sk-radius);overflow:hidden;box-shadow:var(--sk-shadow);transition:background-color .5s,border-color .5s}
.craft .ch{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--sk-line);position:relative}
.craft .ch::before{content:"";width:6px;align-self:stretch;border-radius:3px;background:var(--a)}
.craft .ch h3{font-family:var(--sk-disp);font-weight:var(--sk-hw);text-transform:var(--sk-case);font-size:clamp(19px,2vw,24px);color:var(--sk-ink);flex:1}
.craft .ch .tot{font:600 12px/1 var(--sk-label);letter-spacing:.1em;color:var(--sk-muted);text-transform:uppercase;white-space:nowrap}
.craft details{border-bottom:1px solid var(--sk-line)}
.craft details:last-child{border-bottom:0}
.craft summary{list-style:none;display:grid;grid-template-columns:1fr auto minmax(60px,120px);gap:14px;align-items:center;padding:14px 18px;cursor:pointer;color:var(--sk-ink);font:500 16px/1.35 var(--sk-body)}
.craft summary::-webkit-details-marker{display:none}
.craft summary .wk{font:600 12px/1 var(--sk-label);letter-spacing:.08em;color:var(--sk-accent2);white-space:nowrap}
.craft summary .lvl{height:6px;border-radius:6px;background:var(--sk-line);overflow:hidden}
.craft summary .lvl i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,var(--a),var(--sk-accent2))}
.craft summary:hover{background:rgba(127,127,127,.06)}
.craft details[open] summary{background:rgba(127,127,127,.07)}
.craft details p{padding:2px 18px 18px;color:var(--sk-muted);font-size:15px;line-height:1.7;max-width:78ch}
html[data-skin="play"] .craft{border-width:3px}
html[data-skin="play"] .craft summary .lvl{height:12px;border:2px solid var(--a);background:transparent;border-radius:3px}
html[data-skin="play"] .craft summary .lvl i{background:repeating-linear-gradient(90deg,var(--a) 0 7px,transparent 7px 10px)}
html[data-skin="play"] .craft summary .wk,html[data-skin="play"] .craft .ch .tot{font-size:9px}
html[data-skin="classic"] .craft summary .lvl{display:none}
html[data-skin="classic"] .craft summary{grid-template-columns:1fr auto}
@media(max-width:560px){.craft summary{grid-template-columns:1fr auto}.craft summary .lvl{grid-column:1/-1}}

/* programme cards, sorted by level */
.progs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:clamp(14px,1.8vw,20px);margin-top:28px}
.prog{background:var(--sk-card);border:1px solid var(--sk-cardline);border-radius:var(--sk-radius);padding:22px;display:grid;gap:10px;align-content:start;box-shadow:var(--sk-shadow);transition:background-color .5s,border-color .5s,transform .25s}
.prog .lv{display:none;font:400 10px/1 'Press Start 2P',monospace;color:#140B33;background:#B6FF3B;padding:6px 8px;border-radius:6px;justify-self:start}
.prog .dur{font:600 12px/1.3 var(--sk-label);letter-spacing:.08em;text-transform:uppercase;color:var(--sk-accent2)}
.prog h3{font-family:var(--sk-disp);font-weight:var(--sk-hw);text-transform:var(--sk-case);font-size:19px;line-height:1.22;color:var(--sk-ink)}
.prog p{font-size:14.5px;line-height:1.6;color:var(--sk-muted)}
.prog .bar{height:6px;border-radius:6px;background:var(--sk-line);overflow:hidden}
.prog .bar i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,var(--sk-accent),var(--sk-accent2))}
.prog a{justify-self:start;font:600 14px/1 var(--sk-body);color:var(--sk-accent);text-decoration:none}
html[data-skin="play"] .prog{border-width:3px}
html[data-skin="play"] .prog .lv{display:inline-block}
html[data-skin="play"] .prog .dur{font-family:'Chakra Petch',sans-serif;font-weight:700}
html[data-skin="play"] .prog .bar{height:12px;border:2px solid #B6FF3B;background:transparent;border-radius:3px}
html[data-skin="play"] .prog .bar i{background:repeating-linear-gradient(90deg,#B6FF3B 0 8px,transparent 8px 11px)}
html[data-skin="classic"] .progs{grid-template-columns:1fr;gap:0;border-top:1px solid var(--sk-line)}
html[data-skin="classic"] .prog{grid-template-columns:200px minmax(0,1fr);gap:6px 32px;border-width:0 0 1px;border-radius:0;background:transparent;box-shadow:none;padding:24px 0}
html[data-skin="classic"] .prog>*{grid-column:2}
html[data-skin="classic"] .prog .dur{grid-column:1;grid-row:1 / span 3;letter-spacing:.04em;color:var(--sk-muted)}
html[data-skin="classic"] .prog .bar{display:none}
@media(max-width:700px){html[data-skin="classic"] .prog{grid-template-columns:1fr}html[data-skin="classic"] .prog>*,html[data-skin="classic"] .prog .dur{grid-column:1;grid-row:auto}}
.feecard{margin-top:28px;background:var(--sk-card);border:1px solid var(--sk-cardline);border-radius:var(--sk-radius);padding:22px 24px;display:grid;gap:10px;max-width:820px;color:var(--sk-ink);box-shadow:var(--sk-shadow)}
.feecard p{color:var(--sk-muted);font-size:15px;line-height:1.65}
.feecard a{color:var(--sk-accent);font-weight:600}

/* credits roll */
.rollwrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:24px}
.roll{position:relative;height:380px;overflow:hidden;border-radius:var(--sk-radius);background:#03050c;border:1px solid var(--sk-cardline);-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}
.roll ul{list-style:none;margin:0;padding:0;text-align:center;animation:rollup 26s linear infinite}
.roll:hover ul,.roll:focus-within ul{animation-play-state:paused}
.roll li{padding:14px 10px;font:600 13px/1.3 'Space Grotesk',sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#E6EDF8}
.roll li small{display:block;font:500 11px/1.4 'Inter',sans-serif;letter-spacing:.14em;color:#8fa4c6;margin-bottom:4px}
@keyframes rollup{from{transform:translateY(0)}to{transform:translateY(-50%)}}
html[data-skin="classic"] .roll{background:#FBFAF6}
html[data-skin="classic"] .roll li{color:#16213A;font-family:'Libre Caslon Text',Georgia,serif;letter-spacing:.16em}
html[data-skin="classic"] .roll li small{color:#6a7080}
html[data-skin="play"] .roll{background:#140B33;border-width:3px}
html[data-skin="play"] .roll li{color:#B6FF3B;font-family:'Archivo Black',sans-serif;letter-spacing:.06em}
html[data-skin="play"] .roll li small{color:#FF3EA5;font-family:'Press Start 2P',monospace;font-size:8px}
@media(max-width:820px){.rollwrap{grid-template-columns:1fr}.roll{height:300px}}

/* picture grids */
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(12px,1.6vw,18px);margin-top:24px}
.shot{margin:0;display:grid;gap:8px}
.shot .img{aspect-ratio:4/3;border-radius:var(--sk-radius);overflow:hidden;position:relative;background:#111;max-width:100%}
.shot .img div{position:absolute;inset:0;background-size:cover;background-position:var(--pos,center 35%);filter:var(--sk-img);animation:v19kb 26s ease-in-out infinite alternate;animation-play-state:var(--sk-kb);transition:filter .6s}
.shot figcaption{font-size:14px;line-height:1.5;color:var(--sk-muted)}
.shot figcaption b{display:block;color:var(--sk-ink);font-family:var(--sk-disp);font-weight:var(--sk-hw);font-size:16px;text-transform:var(--sk-case)}
html[data-skin="play"] .shot .img{border:3px solid #FF3EA5}
.v19sec{padding-block:clamp(48px,7vw,96px)}
.v19sec.alt{background:var(--sk-bg2);transition:background-color .5s}
.v19sec .eyebrow{margin-bottom:12px}
.v19sec p.v19p{color:var(--sk-muted);max-width:66ch;font-size:clamp(16px,1.5vw,18px);line-height:1.7;margin-top:12px}
.v19sec p.v19p strong{color:var(--sk-ink)}

/* PLAY stickers: the five characters, on PLAY only */
.sticker{display:none;position:absolute;width:clamp(70px,8vw,108px);height:auto;z-index:3;transform:rotate(var(--tilt,-8deg));filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(4px 6px 0 rgba(0,0,0,.35));pointer-events:none}
html[data-skin="play"] .sticker{display:block;animation:v19bob 3.2s ease-in-out infinite}
@keyframes v19bob{50%{transform:rotate(var(--tilt,-8deg)) translateY(-6px)}}
.rel{position:relative}
html[data-skin="play"] body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:74;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px)}

/* ================= LEGACY SECTIONS RE-DRESSED ================= */
/* variables scoped away from the protected hero */
html[data-skin="classic"] :is(main,footer,#sticky,.radio-dock,.pagehero){--ink:#F2F0EA;--paper:#16213A;--cyan:#1D3A6B;--royal:#1D3A6B;--gold:#8E6F2E;--gold-lt:#6B5220;--disp:'Libre Caslon Display',Georgia,serif;--body:'Libre Caslon Text',Georgia,serif}
html[data-skin="play"] :is(main,footer,#sticky,.radio-dock,.pagehero){--ink:#0C0722;--paper:#F5F0FF;--cyan:#FF3EA5;--royal:#7A2BD9;--gold:#B6FF3B;--gold-lt:#D8FF8A;--disp:'Archivo Black','Arial Black',sans-serif;--body:'Chakra Petch',system-ui,sans-serif}
html[data-skin="classic"] body{background:#F2F0EA;color:#16213A}
html[data-skin="play"] body{background:#0C0722}
html[data-skin] main{color:var(--paper);font-family:var(--body)}

/* ---- CLASSIC ---- */
html[data-skin="classic"] main{background:#F2F0EA}
html[data-skin="classic"] :is(.section h2,.fmtitle,.pillar h3,.card h3,.quote .who,.founder h3,.sub,#floor .fl-intro h2,.seatsec h2,.pl b,.rn h3,.codegate label,.mod,.appform .tick,.cinfo .loc){color:#16213A;font-weight:400;text-shadow:none}
html[data-skin="classic"] :is(.section p.lead,.seatsub,.pl,#floor .fl-intro .lead,.pillar p,.card p,.founder p,.quote p,.paynote,.admform .admhead,.appform .notice p,.founder.principal p){color:#4A5264}
html[data-skin="classic"] :is(.pillar,.quote,.founder,.mod,.paycard,.codegate,.pc,.card){background:#FBFAF6;border-color:#D5CFBE;border-radius:4px;box-shadow:none}
html[data-skin="classic"] .founder.principal{background:linear-gradient(135deg,rgba(142,111,46,.08),#FBFAF6 55%);border-color:#8E6F2E}
html[data-skin="classic"] :is(.card a,.btn,.cform button,.paybtn,.coderow button,#floor .btn,.founder .ftitle){background:#1D3A6B;color:#F7F5EF;border-radius:3px}
html[data-skin="classic"] .btn.ghost{background:transparent;color:#1D3A6B;border-color:#1D3A6B}
html[data-skin="classic"] :is(.cform input,.cform select,.cform textarea,.coderow input){background:#fff;border-color:#CFC8B6;color:#16213A}
html[data-skin="classic"] .appform .notice{background:rgba(142,111,46,.06);border-color:rgba(142,111,46,.35)}
html[data-skin="classic"] :is(#en_done,#ap_done,#ad_done){color:#2F6B4F}
html[data-skin="classic"] #code_msg{color:#16213A}
html[data-skin="classic"] .bq{color:#16213A}
html[data-skin="classic"] .ctaband{background:radial-gradient(120% 140% at 50% 0%,rgba(29,58,107,.08),transparent);border-color:#CCC5B2}
html[data-skin="classic"] footer{background:#E8E4D8;border-top-color:#CCC5B2}
html[data-skin="classic"] :is(.fcol a,.cinfo a){color:#3A4254}
html[data-skin="classic"] .fbar{color:#6A7080;border-top-color:#CCC5B2}
html[data-skin="classic"] .fsoc a{color:#16213A;border-color:#CCC5B2}
html[data-skin="classic"] .fbrand{color:#16213A}
html[data-skin="classic"] footer p{color:#4A5264!important}
html[data-skin="classic"] #sticky{background:rgba(242,240,234,.94);border-bottom-color:#CCC5B2}
html[data-skin="classic"] #sticky .sbrand{color:#16213A}
html[data-skin="classic"] #sticky .slinks a{color:#3A4254}
html[data-skin="classic"] #sticky .slinks a[aria-current="page"]{background:rgba(29,58,107,.1);color:#16213A}
html[data-skin="classic"] #sticky .slinks a.cta{background:#1D3A6B;color:#fff;border-color:#8E6F2E}
html[data-skin="classic"] #floor{background:#F2F0EA;border-bottom-color:#CCC5B2}
html[data-skin="classic"] #floor .ph{filter:saturate(.62) sepia(.1) contrast(1.02) brightness(1.08);animation-play-state:paused}
html[data-skin="classic"] #floor .band::before{background:linear-gradient(0deg,rgba(22,33,58,.18),transparent 60%)}
html[data-skin="classic"] :is(#floor .band::after,#floor .tile::after){display:none}
html[data-skin="classic"] #floor .band .sweep{display:none}
html[data-skin="classic"] #floor .band figcaption{background:#FBFAF6;border:1px solid #D5CFBE;margin:clamp(12px,3vw,28px);padding:clamp(18px,3vw,34px)}
html[data-skin="classic"] #floor .band h3{color:#16213A;text-shadow:none;font-weight:400}
html[data-skin="classic"] #floor .band p{color:#4A5264;text-shadow:none}
html[data-skin="classic"] #floor .tile::before{background:linear-gradient(180deg,transparent 42%,rgba(242,240,234,.97) 100%)}
html[data-skin="classic"] #floor .tile b{color:#16213A;font-weight:400}
html[data-skin="classic"] #floor .tile span{color:#4A5264}
html[data-skin="classic"] #floor .band3{background:#F2F0EA}
html[data-skin="classic"] #floor .sep{background:#CCC5B2}
html[data-skin="classic"] #floor .sep::after{background:#8E6F2E;box-shadow:none}
html[data-skin="classic"] #floor .fl-note{color:#6A7080}
html[data-skin="classic"] .seatsec{background:linear-gradient(180deg,rgba(29,58,107,.06),transparent);border-bottom-color:#CCC5B2}
html[data-skin="classic"] .seatline .glow{color:#8E6F2E;text-shadow:none;animation:none!important}
html[data-skin="classic"] .seatsec h2 b{color:#8E6F2E}
html[data-skin="classic"] .pn{color:#8E6F2E;font-weight:400}
html[data-skin="classic"] .proofsec .ph{color:#1D3A6B}
html[data-skin="classic"] .eyebrow{color:#8E6F2E;font-family:'Libre Caslon Text',Georgia,serif;font-style:italic;text-transform:none;letter-spacing:.06em;font-size:15px}

/* ---- PLAY ---- */
html[data-skin="play"] main{background:linear-gradient(180deg,#0C0722,#140B33 45%,#0C0722)}
html[data-skin="play"] :is(.section h2,.fmtitle,.pillar h3,.card h3,.founder h3,.sub,#floor .fl-intro h2,.seatsec h2,#floor .band h3,#floor .tile b){text-transform:uppercase;font-weight:400;letter-spacing:0}
html[data-skin="play"] :is(.pillar,.quote,.founder,.mod,.paycard,.codegate,.pc,.card){background:#1B1044;border:2px solid #FF3EA5;border-radius:14px;box-shadow:6px 6px 0 #FF3EA5,0 0 calc(var(--lvl)*30px) rgba(182,255,59,calc(var(--lvl)*.5))}
html[data-skin="play"] :is(.card a,.btn,.cform button,.paybtn,.coderow button,#floor .btn,.founder .ftitle){background:#B6FF3B;color:#140B33;box-shadow:4px 4px 0 #FF3EA5;border-radius:10px}
html[data-skin="play"] .btn.ghost{background:transparent;color:#F5F0FF;border-color:#B6FF3B;box-shadow:none}
html[data-skin="play"] .eyebrow{font-family:'Press Start 2P',monospace;font-size:10px;letter-spacing:.06em;color:#FF3EA5}
html[data-skin="play"] :is(.cform input,.cform select,.cform textarea,.coderow input){background:#140B33;border:2px solid #7A2BD9;color:#F5F0FF}
html[data-skin="play"] #floor{background:#0C0722}
html[data-skin="play"] #floor .ph{filter:saturate(1.3) contrast(1.1) brightness(1.1) hue-rotate(-10deg)}
html[data-skin="play"] #floor .band::before{background:linear-gradient(100deg,rgba(20,11,51,.9) 0%,rgba(120,20,110,.5) 50%,rgba(255,62,165,.05) 100%)}
html[data-skin="play"] #floor .band3{background:#0C0722}
html[data-skin="play"] footer{background:#0A061C;border-top:2px solid #FF3EA5}
html[data-skin="play"] #sticky{background:rgba(12,7,34,.92);border-bottom:2px solid #FF3EA5}
html[data-skin="play"] #sticky .slinks a{font-family:'Chakra Petch',sans-serif;font-weight:600}
html[data-skin="play"] #sticky .slinks a.cta{background:#B6FF3B;color:#140B33;border-color:#FF3EA5}
html[data-skin="play"] .pn{color:#B6FF3B}
html[data-skin="play"] .seatline .glow{color:#B6FF3B;text-shadow:0 0 18px rgba(182,255,59,.6)}

/* ================= THE RADIO ================= */
.radio [hidden],.radio[hidden]{display:none!important}
.radio-dock .radio{transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .45s ease}
.radio-dock.offstage .radio{transform:translateY(140%);opacity:0;pointer-events:none}
.radio-dock{position:sticky;bottom:10px;z-index:75;display:flex;justify-content:center;padding:0 8px;margin:34px 0 22px;pointer-events:none}
.radio{pointer-events:auto;position:relative;width:min(680px,100%);font-family:'Barlow Condensed','Arial Narrow',sans-serif;color:#E9D3A2}
.radio.tucked{width:auto;margin-left:auto}
.rbody{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:clamp(10px,2vw,18px);align-items:center;padding:12px clamp(12px,2vw,18px);border-radius:0 0 20px 20px;background:repeating-linear-gradient(94deg,rgba(255,255,255,.018) 0 2px,rgba(0,0,0,.03) 2px 5px),linear-gradient(180deg,#2d2119 0%,#1b140f 55%,#120d0a 100%);border:1px solid #4a3726;border-top:0;box-shadow:0 22px 44px rgba(0,0,0,.5),inset 0 -2px 0 rgba(0,0,0,.4)}
.vubridge{display:flex;justify-content:center;gap:clamp(8px,2vw,18px);padding:10px clamp(12px,2vw,18px) 8px;border-radius:20px 20px 0 0;background:linear-gradient(180deg,#1c1612,#241b14);border:1px solid #4a3726;border-bottom:1px solid #120d0a;box-shadow:inset 0 1px 0 rgba(255,236,200,.1)}
.vum{width:clamp(118px,24vw,172px);max-width:46%}
.vum svg{display:block;width:100%;height:auto}
.kw{display:grid;justify-items:center;gap:5px}
.kl{font-size:11px;letter-spacing:.24em;font-weight:600;color:#C9A457}
.knob{width:64px;height:64px;border-radius:50%;position:relative;cursor:grab;touch-action:none;background:repeating-conic-gradient(#0b0908 0 5deg,#342b24 5deg 10deg);box-shadow:0 6px 10px rgba(0,0,0,.6),0 0 0 3px #3a2c20,0 0 0 4px #C9A457;transform:rotate(var(--rot,0deg))}
.knob::before{content:"";position:absolute;inset:7px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#5a4d42 0%,#231c17 55%,#0e0b09 100%);box-shadow:inset 0 2px 3px rgba(255,255,255,.14),inset 0 -3px 5px rgba(0,0,0,.6)}
.knob::after{content:"";position:absolute;left:50%;top:9px;width:4px;height:17px;margin-left:-2px;border-radius:3px;background:#F1DFB6;box-shadow:0 0 6px rgba(246,198,107,.55)}
.knob.grab{cursor:grabbing}
.knob:focus-visible{outline:2px solid #F6C66B;outline-offset:5px}
.dial{display:grid;gap:6px;min-width:0}
.glass{position:relative;height:58px;border-radius:9px;background:radial-gradient(ellipse 70% 120% at 50% 110%,#ffe3a1 0%,#f3c46a 45%,#d9993c 100%);border:2px solid #C9A457;box-shadow:inset 0 3px 10px rgba(80,40,0,.45),0 0 18px rgba(246,198,107,calc(.18 + var(--lvl) * .5));cursor:ew-resize;touch-action:none;overflow:hidden}
.glass::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0) 45%);pointer-events:none}
.scale{position:absolute;left:14px;right:14px;top:0;bottom:0}
.tick{position:absolute;bottom:14px;width:1px;height:7px;background:#5a3510;transform:translateX(-.5px)}
.tick.major{height:12px;width:1.5px}
.tlabel{position:absolute;bottom:0;font-size:11px;font-weight:700;color:#4a2a0c;transform:translateX(-50%);line-height:13px}
.stn{position:absolute;top:5px;transform:translateX(-50%);background:none;border:0;padding:2px 4px;font:700 11px/1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.16em;color:#6b3f12;cursor:pointer;white-space:nowrap}
.stn::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#8c5a24;margin-right:5px;vertical-align:1px}
.stn.l{transform:translateX(-4px)}
.stn.r{transform:translateX(calc(-100% + 4px))}
.stn.r::before{display:none}
.stn.r::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#8c5a24;margin-left:5px;vertical-align:1px}
.stn[aria-pressed="true"]{color:#2a1402}
.stn[aria-pressed="true"]::before,.stn.r[aria-pressed="true"]::after{background:#ff4b2b;box-shadow:0 0 8px #ff4b2b}
.needle{position:absolute;top:2px;bottom:2px;width:3px;margin-left:-1.5px;background:#C8321F;border-radius:2px;box-shadow:0 0 8px rgba(200,50,31,.8);left:50%;z-index:2}
.read{display:flex;align-items:baseline;gap:10px;min-width:0}
.freq{font-size:24px;font-weight:700;line-height:1;color:#F6C66B;text-shadow:0 0 10px rgba(246,198,107,.55);font-variant-numeric:tabular-nums;min-width:3.1ch;text-align:right}
.fm{font-size:11px;letter-spacing:.2em;color:#C9A457}
.sname{font-size:15px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#F1DFB6;white-space:nowrap}
.sid{font-family:'Inter',system-ui,sans-serif;font-size:11.5px;color:#C4AE82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.now{font-family:'Inter',system-ui,sans-serif;font-size:11px;color:#9f8a62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.tuck{position:absolute;right:12px;top:-12px;z-index:3;background:#2d2119;border:1px solid #4a3726;color:#C9A457;font:600 11px/1 'Barlow Condensed',sans-serif;letter-spacing:.2em;padding:5px 10px;border-radius:999px;cursor:pointer}
.pill{display:flex;align-items:center;gap:10px;margin-left:auto;background:linear-gradient(180deg,#2d2119,#15100c);border:1px solid #4a3726;border-radius:999px;padding:10px 16px;color:#F1DFB6;font:600 14px/1 'Barlow Condensed',sans-serif;letter-spacing:.16em;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.45)}
.pill i{width:8px;height:8px;border-radius:50%;background:#ff4b2b;box-shadow:0 0 8px #ff4b2b}
.rhint{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translateX(-50%);background:#F6C66B;color:#2a1402;font:600 13px/1.35 'Inter',system-ui,sans-serif;padding:9px 14px;border-radius:10px;white-space:nowrap;box-shadow:0 10px 24px rgba(0,0,0,.35);transition:opacity .4s}
.rhint::after{content:"";position:absolute;left:50%;top:100%;border:7px solid transparent;border-top-color:#F6C66B;transform:translateX(-50%)}
@media (min-width:1100px){.radio-dock{justify-content:flex-end;padding-right:24px}.radio{width:min(640px,100%)}.radio:has(.strip){width:min(780px,100%)}.strip{gap:14px}.rhint{left:auto;right:40px;transform:none}.rhint::after{left:auto;right:60px}}
/* channel strip (Home only) */
.rbody.mid{border-radius:0}
.strip{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(8px,2.2vw,20px);padding:12px 14px 14px;background:repeating-linear-gradient(94deg,rgba(255,255,255,.012) 0 2px,rgba(0,0,0,.03) 2px 5px),linear-gradient(180deg,#16110e,#0e0a08);border:1px solid #4a3726;border-top:1px solid #2a2019;border-radius:0 0 20px 20px;box-shadow:0 22px 44px rgba(0,0,0,.5)}
.stripcap{font:600 11px/1.25 'Barlow Condensed',sans-serif;letter-spacing:.2em;color:#C9A457;align-self:center;text-align:right}
.stripcap small{font:500 10px/1.2 'Inter',sans-serif;letter-spacing:.02em;color:#8c7a55}
.ssep{width:1px;align-self:stretch;background:linear-gradient(180deg,transparent,#4a3726,transparent)}
.sk{display:grid;justify-items:center;gap:4px;min-width:48px}
.knob.sm{width:40px;height:40px;box-shadow:0 4px 8px rgba(0,0,0,.6),0 0 0 2px #3a2c20,0 0 0 3px #8c6f3c}
.knob.sm::before{inset:5px}
.knob.sm::after{top:5px;height:11px;width:3px;margin-left:-1.5px}
.knob.step{box-shadow:0 4px 8px rgba(0,0,0,.6),0 0 0 2px #3a2c20,0 0 0 3px #C9A457}
.sk .kl{font-size:10px;letter-spacing:.18em}
.kv{font:600 10.5px/1 'Barlow Condensed',sans-serif;color:#F1DFB6;letter-spacing:.08em;min-width:6ch;text-align:center;font-variant-numeric:tabular-nums}
.led{width:8px;height:8px;border-radius:50%;background:#2d2419;box-shadow:inset 0 1px 2px rgba(0,0,0,.6);transition:background .05s}
.led.on{background:#7dff6a;box-shadow:0 0 8px #7dff6a}
.gr{display:block;width:40px;height:4px;border-radius:2px;background:#2a2019;overflow:hidden}
.gr i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffb23e,#ff5a1a)}
.fxdots{display:flex;gap:3px}
.fxdots i{width:5px;height:5px;border-radius:50%;background:#3a2c20}
.fxdots i.on{background:#F6C66B;box-shadow:0 0 6px #F6C66B}
.inout{align-self:center;background:linear-gradient(180deg,#3a2c20,#211812);border:1px solid #6b5230;color:#F6C66B;font:700 12px/1 'Barlow Condensed',sans-serif;letter-spacing:.2em;padding:9px 12px;border-radius:8px;cursor:pointer;box-shadow:0 0 12px rgba(246,198,107,.25)}
.inout[aria-pressed="false"]{color:#8c7a55;box-shadow:none}
.radio:has(.strip) .rbody{border-radius:0}
.tour{align-self:center;background:transparent;border:1px solid #6b5230;color:#C9A457;font:700 11px/1 'Barlow Condensed',sans-serif;letter-spacing:.16em;padding:9px 10px;border-radius:8px;cursor:pointer}
.tour:hover{color:#F6C66B;border-color:#C9A457}
.scap{order:-1;flex:0 0 100%;text-align:center;font:500 12.5px/1.4 'Inter',system-ui,sans-serif;color:#F6C66B;min-height:1.4em;letter-spacing:.01em}
.scap:empty{display:none}
.knob.auto{box-shadow:0 4px 8px rgba(0,0,0,.6),0 0 0 2px #3a2c20,0 0 0 3px #F6C66B,0 0 16px rgba(246,198,107,.8)}
@media (max-width:560px){
  .stripcap,.ssep{display:none}
  .strip{gap:6px 4px;padding:9px 6px 11px}
  .scap{font-size:11.5px}
  .tour{padding:8px 7px;font-size:10.5px;letter-spacing:.08em}
  .sk{min-width:40px}
  .sk .kl{font-size:8.5px;letter-spacing:.1em}
  .kv{font-size:9.5px;min-width:0}
  .knob.sm{width:32px;height:32px}
  .knob.sm::after{top:4px;height:9px}
  .inout{padding:8px 7px;font-size:11px;letter-spacing:.1em}
  .radio:not(.playing) .strip{display:none}
  .radio:not(.playing) .rbody{border-radius:0 0 20px 20px}
}
#snow{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:99990;opacity:0;image-rendering:pixelated}
@media (max-width:560px){
  .knob{width:50px;height:50px}.knob::before{inset:6px}.knob::after{top:7px;height:13px}
  .kl{font-size:9.5px;letter-spacing:.18em}
  .glass{height:50px}
  .stn{font-size:9px;letter-spacing:.08em;padding:2px}
  .stn::before,.stn.r::after{width:5px;height:5px}
  .tlabel{font-size:9.5px}
  .freq{font-size:20px}.sname{font-size:12px;letter-spacing:.12em}
  .sid,.now{display:none}
  .rbody{padding:10px 10px}
  .vubridge{padding:7px 10px 5px}
  .vum{width:100px}
  .rhint{font-size:12px;white-space:normal;width:max-content;max-width:240px;text-align:center}
}
@media (prefers-reduced-motion:reduce){
  .pagehero .ph,.shot .img div,.roll ul,.sticker{animation:none!important}
  #snow{display:none}
  .roll{height:auto;-webkit-mask-image:none;mask-image:none}
}

/* ================= V1.9.0 (Ash, 2026-09-11) ================= */
/* PAN on the meter bridge, between L and R, on every page */
.vubridge{align-items:center}
.vpan{display:grid;justify-items:center;align-content:center}
.vpan .sk{min-width:46px}
.vpan .knob.sm{box-shadow:0 4px 8px rgba(0,0,0,.6),0 0 0 2px #3a2c20,0 0 0 3px #C9A457}
@media (max-width:560px){.vpan .sk{min-width:38px}.vpan .knob.sm{width:34px;height:34px}.vum{width:min(100px,34vw)}.vubridge{gap:6px}}

/* the heroes appear on Gamified only; Classic and Studio open with a masthead */
html:not([data-skin="play"]) :is(#stage,#dock,#glidehint){display:none!important}
html:not([data-skin="play"]) body:has(#stage) #sticky{transform:none}
.masthead{display:none}
html:not([data-skin="play"]) .masthead{display:block}
.masthead{position:relative;overflow:hidden;isolation:isolate;padding:calc(58px + clamp(40px,8vw,104px)) 0 clamp(44px,7vw,96px);transition:background-color .5s}
.masthead .wrap{max-width:1180px;margin:0 auto;padding-inline:clamp(20px,5vw,48px);position:relative}
.mh-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.mh-ph{position:absolute;inset:-28px;background:url('/floor/gear1-console-wide-v2.webp') center 30%/cover}
.mh-ov{position:absolute;inset:0}
.mh-shield{display:block;width:clamp(64px,9vw,92px);height:auto;margin-bottom:18px}
.mh-eye{font:600 12px/1.3 var(--sk-label);letter-spacing:.2em;text-transform:uppercase;color:var(--sk-accent2)}
.mh-h1{font-family:var(--sk-disp);font-weight:var(--sk-hw);font-size:clamp(44px,8vw,96px);line-height:1;letter-spacing:var(--sk-track);color:var(--sk-ink);margin:12px 0 16px;text-wrap:balance}
.mh-lead{font:400 clamp(17px,1.8vw,21px)/1.55 var(--sk-body);color:var(--sk-muted);max-width:44ch}
.mh-line{font:italic 400 clamp(16px,1.7vw,20px)/1.5 var(--sk-body);color:var(--sk-ink);margin-top:10px}
.mh-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.mh-btn{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;font:600 15px/1 var(--sk-body);text-decoration:none;border-radius:var(--sk-radius);background:var(--sk-accent);color:var(--sk-on);border:1px solid var(--sk-accent);transition:transform .2s}
.mh-btn:hover{transform:translateY(-2px)}
.mh-btn.ghost{background:transparent;color:var(--sk-ink);border-color:var(--sk-line)}
.mh-rule,.mh-deck{display:none}

/* Classic: formal, centred, printed */
html[data-skin="classic"] .masthead{background:#F2F0EA;text-align:center;border-bottom:1px solid #CCC5B2}
html[data-skin="classic"] .mh-bg{display:none}
html[data-skin="classic"] .mh-shield{margin:0 auto 20px}
html[data-skin="classic"] .mh-eye{font-family:var(--sk-body);font-weight:400;letter-spacing:.26em;color:#8E6F2E}
html[data-skin="classic"] .mh-h1{font-size:clamp(46px,8.4vw,104px)}
html[data-skin="classic"] .mh-rule{display:block;width:min(420px,70%);height:5px;margin:0 auto 22px;border-top:1px solid #8E6F2E;border-bottom:1px solid #8E6F2E}
html[data-skin="classic"] .mh-lead{margin-inline:auto;color:#4A5264}
html[data-skin="classic"] .mh-line{color:#16213A}
html[data-skin="classic"] .mh-cta{justify-content:center}
html[data-skin="classic"] .mh-btn{border-radius:3px;background:#1D3A6B;border-color:#1D3A6B;color:#F7F5EF}
html[data-skin="classic"] .mh-btn.ghost{background:transparent;color:#16213A;border-color:#8E6F2E}

/* Studio: a softly blurred console behind, a faceplate of knobs and a meter that follows the music */
html[data-skin="studio"] .masthead{background:#050a17;min-height:min(88svh,780px);display:flex;align-items:center}
html[data-skin="studio"] .masthead .wrap{width:100%}
html[data-skin="studio"] .mh-ph{filter:blur(6px) saturate(.9) brightness(.8);transform:scale(1.04);animation:v19kb 30s ease-in-out infinite alternate}
html[data-skin="studio"] .mh-ov{background:linear-gradient(90deg,rgba(3,6,14,.86) 0%,rgba(3,6,14,.5) 55%,rgba(3,6,14,.16) 100%),linear-gradient(0deg,#050a17 0%,rgba(5,10,23,0) 32%)}
html[data-skin="studio"] .mh-h1{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.5)}
html[data-skin="studio"] .mh-lead{color:#C9D6EC}
html[data-skin="studio"] .mh-line{color:#EAF1FB}
html[data-skin="studio"] .mh-eye{color:#39B8E2}
html[data-skin="studio"] .mh-btn{background:#39B8E2;border-color:#39B8E2;color:#03101f;border-radius:10px}
html[data-skin="studio"] .mh-btn.ghost{background:rgba(3,6,14,.35);color:#EAF1FB;border-color:rgba(234,241,251,.35)}
html[data-skin="studio"] .mh-deck{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:34px;padding:14px 18px;max-width:560px;border-radius:12px;background:linear-gradient(180deg,#1c1612,#241b14);border:1px solid #4a3726;box-shadow:0 14px 30px rgba(0,0,0,.45);position:relative}
.mh-deck::before,.mh-deck::after{content:"";position:absolute;top:8px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#8a7a66,#2b241f)}
.mh-deck::before{left:8px}.mh-deck::after{right:8px}
.mh-knobs{display:flex;gap:14px}
.mh-knobs i{display:grid;justify-items:center;gap:4px;font:600 9px/1 'Barlow Condensed',sans-serif;letter-spacing:.16em;color:#C9A457;font-style:normal}
.mh-knobs i::before{content:"";width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#5a4d42 0%,#231c17 55%,#0e0b09 100%);box-shadow:0 3px 6px rgba(0,0,0,.6),0 0 0 2px #3a2c20,0 0 0 3px #8c6f3c;transform:rotate(var(--r,0deg));background-image:linear-gradient(#F1DFB6,#F1DFB6),radial-gradient(circle at 34% 28%,#5a4d42 0%,#231c17 55%,#0e0b09 100%);background-size:2px 9px,100% 100%;background-position:50% 3px,0 0;background-repeat:no-repeat}
.mh-leds{display:flex;gap:4px;align-items:center}
.mh-leds b{width:9px;height:18px;border-radius:2px;background:#3ad17a;opacity:clamp(.14,calc(var(--lvl,0)*14 - var(--i)),1);box-shadow:0 0 8px currentColor;color:rgba(58,209,122,.5);transition:opacity .08s}
.mh-leds b:nth-child(n+9){background:#F6C66B;color:rgba(246,198,107,.5)}
.mh-leds b:nth-child(n+11){background:#E5483B;color:rgba(229,72,59,.5)}
.mh-deck small{font:500 11px/1.3 'Inter',system-ui,sans-serif;color:#b9a784;flex-basis:100%}
@media (max-width:560px){.mh-knobs{gap:10px}.mh-knobs i::before{width:26px;height:26px}.mh-leds b{width:7px;height:15px}}
html[data-skin="studio"] :is(.doorsec,.v19sec.alt){position:relative;isolation:isolate;overflow:hidden}
html[data-skin="studio"] :is(.doorsec,.v19sec.alt)::before{content:"";position:absolute;inset:-30px;z-index:-1;background:linear-gradient(180deg,rgba(5,10,23,.86),rgba(8,18,38,.78)),url('/floor/gear4-rack-v2.webp') center/cover;filter:blur(7px)}
html[data-skin="studio"] .v19sec.alt:nth-of-type(odd)::before{background:linear-gradient(180deg,rgba(5,10,23,.86),rgba(8,18,38,.78)),url('/floor/gear1-console-wide-v2.webp') center 30%/cover}
@media (prefers-reduced-motion:reduce){.mh-ph{animation:none!important}}
/* Ash, 2026-09-11: the pictures were a little too dark overall; natural-light pictures lifted on every station */
html[data-skin="studio"] #floor .ph{filter:brightness(1.1) contrast(1.04) saturate(1.05)}

/* ===================== V1.9.1 (Ash, 2026-09-11) ===================== */
/* Devanagari for the Hindi pages: each station's Latin families gain a matching Devanagari face through unicode-range,
   so English pages never download these files. Noto Sans Devanagari and Tiro Devanagari Hindi (OFL-1.1) and Baloo 2 (OFL-1.1),
   from Fontsource, self-hosted. */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 500;font-display:swap;src:url(fonts/noto-sans-devanagari-devanagari-400-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:600 900;font-display:swap;src:url(fonts/noto-sans-devanagari-devanagari-700-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:100 500;font-display:swap;src:url(fonts/noto-sans-devanagari-devanagari-400-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600 900;font-display:swap;src:url(fonts/noto-sans-devanagari-devanagari-700-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:100 500;font-display:swap;src:url(fonts/noto-sans-devanagari-devanagari-400-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600 900;font-display:swap;src:url(fonts/noto-sans-devanagari-devanagari-700-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:'Libre Caslon Text';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/tiro-devanagari-hindi-devanagari-400-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:'Libre Caslon Text';font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/tiro-devanagari-hindi-devanagari-400-italic.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:'Libre Caslon Display';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/tiro-devanagari-hindi-devanagari-400-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:'Archivo Black';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/baloo-2-devanagari-700-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:100 500;font-display:swap;src:url(fonts/baloo-2-devanagari-500-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:600 900;font-display:swap;src:url(fonts/baloo-2-devanagari-700-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:'Press Start 2P';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/baloo-2-devanagari-700-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF}

html[lang="hi"] body{line-height:1.7}
html[lang="hi"] :is(h1,h2,h3,.mh-h1){line-height:1.3}
html[lang="hi"] .pagehero h1,html[lang="hi"] .doorsec h2,html[lang="hi"] .v19h2{letter-spacing:0}
html[lang="hi"][data-skin="play"] :is(.door h3,.prog h3,.craft .ch h3,.pagehero h1,.doorsec h2,.v19h2){text-transform:none}

/* the social bar is back on every page, Chat first on the left */
#pinbar{display:flex!important}
body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))!important}
#pinbar .pb-support{order:-1}
#pinbar .pb-copy{order:0}
html[data-skin="classic"] #pinbar{background:rgba(242,240,234,.96);border-top:1px solid #CCC5B2}
html[data-skin="classic"] #pinbar .pb-copy b{color:#16213A}
html[data-skin="classic"] #pinbar .pb-soc a{color:#3A4254;border-color:#CCC5B2}
html[data-skin="play"] #pinbar{background:rgba(12,7,34,.95);border-top:2px solid #FF3EA5}

/* the full console (radio + strip) sits at the foot of every page, in the flow */
.radio-dock{position:relative;bottom:auto;margin:44px 0 30px;pointer-events:auto;justify-content:center;padding:0 12px}
.radio-dock .radio,.radio-dock.offstage .radio{transform:none;opacity:1;pointer-events:auto}
.radio:has(.strip){width:min(1200px,100%)}
@media (max-width:560px){.radio:not(.playing) .strip{display:flex}.radio:not(.playing) .rbody{border-radius:0}}
@media (min-width:1000px){
  .radio-dock{justify-content:center;padding:0 24px}
  .radio:has(.strip){width:min(1200px,100%)}
  .radio .rwrap{display:grid;grid-template-columns:minmax(440px,560px) minmax(0,1fr);grid-template-areas:"bridge strip" "body strip"}
  .radio .vubridge{grid-area:bridge;border-radius:20px 0 0 0}
  .radio .rbody{grid-area:body;border-radius:0 0 0 20px!important}
  .radio .strip{grid-area:strip;border-radius:0 20px 20px 0;align-content:center;align-items:center;gap:14px 18px;border-left:1px solid #4a3726}
}
@media (min-width:1100px){.radio-dock{justify-content:center;padding-right:24px}.radio:has(.strip){width:min(1200px,100%)}}
.amode{display:inline-flex;border:1px solid #6b5230;border-radius:999px;overflow:hidden}
.amode button{font:600 11px/1 'Barlow Condensed',sans-serif;letter-spacing:.16em;padding:9px 12px;background:#1b1512;color:#b9a784;border:0;cursor:pointer}
.amode button[aria-pressed="true"]{background:#C9A457;color:#1b1612}
.radio.auto-on #rauto{box-shadow:0 0 14px rgba(246,198,107,.6) inset}

/* the mini radio: always in reach, above the social bar, with two single-needle meters (after the first radio preview) */
.miniradio{position:fixed;left:50%;bottom:calc(60px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:88;display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:16px;
  background:repeating-linear-gradient(94deg,rgba(255,255,255,.012) 0 2px,rgba(0,0,0,.03) 2px 5px),linear-gradient(180deg,#2a2019,#171210);border:1px solid #4a3726;box-shadow:0 10px 26px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,236,190,.08);
  font-family:'Barlow Condensed','Arial Narrow',sans-serif;color:#E9D3A2;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .35s ease;max-width:calc(100vw - 16px)}
.miniradio.offstage,.miniradio.away{transform:translate(-50%,170%);opacity:0;pointer-events:none}
.knob.xs{width:38px;height:38px;flex:0 0 auto;box-shadow:0 3px 6px rgba(0,0,0,.6),0 0 0 2px #3a2c20,0 0 0 3px #C9A457}
.knob.xs::before{inset:5px}.knob.xs::after{top:5px;height:10px;width:3px;margin-left:-1.5px}
.mread{display:grid;justify-items:start;gap:2px;background:none;border:0;color:inherit;cursor:pointer;padding:2px 4px;min-width:70px;text-align:left}
.mfreq{font:600 20px/1 'Barlow Condensed',sans-serif;color:#F6C66B;letter-spacing:.02em}
.mname{font:600 11px/1 'Barlow Condensed',sans-serif;letter-spacing:.2em;color:#E9D3A2;white-space:nowrap}
.mvus{display:flex;gap:4px}
.mvu{width:62px;height:auto;display:block}
.mopen{width:32px;height:32px;flex:0 0 auto;border-radius:50%;border:1px solid #6b5230;background:#1b1512;color:#F1DFB6;display:grid;place-items:center;cursor:pointer;padding:0}
.mopen svg{width:18px;height:18px}
.mopen:focus-visible,.mread:focus-visible{outline:2px solid #F6C66B;outline-offset:3px}
.miniradio .rhint{position:absolute;bottom:calc(100% + 12px);left:50%;right:auto;top:auto;transform:translateX(-50%);white-space:nowrap}
@media (max-width:420px){.miniradio{gap:6px;padding:5px 7px}.mvu{width:52px}.mread{min-width:58px}.mfreq{font-size:17px}.mname{font-size:10px;letter-spacing:.14em}.knob.xs{width:34px;height:34px}}

/* masthead: one phrase per station, revealed word by word on the first arrival of a visit */
.mh-line{display:none;font-size:clamp(20px,2.4vw,28px)}
html[data-skin="studio"] .mh-line[data-for="studio"],html[data-skin="classic"] .mh-line[data-for="classic"]{display:block}
.mh-line .pw{display:inline-block}
.mh-line.reveal .pw{animation:pwin .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * .13s + .35s)}
@keyframes pwin{from{opacity:0;transform:translateY(.45em);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
html[data-skin="classic"] .mh-line{font-style:italic;color:#8E6F2E}

/* the language pop-down */
.langsel{position:relative;flex:0 0 auto;margin:0 6px}
.langsel summary{list-style:none;cursor:pointer;font:600 12.5px/1 'Inter',system-ui,sans-serif;padding:8px 10px;border-radius:8px;border:1px solid rgba(150,178,225,.32);color:#dfe9fb;white-space:nowrap}
.langsel summary::-webkit-details-marker{display:none}
.langsel[open] summary{background:rgba(57,184,226,.16)}
.langsel .langlist{position:absolute;left:0;top:calc(100% + 6px);min-width:150px;background:#0b1830;border:1px solid rgba(57,184,226,.35);border-radius:10px;padding:6px;display:grid;gap:2px;z-index:130;box-shadow:0 12px 30px rgba(0,0,0,.45)}
.langsel .langlist a{display:block;padding:10px 12px;border-radius:7px;color:#eaf1ff;text-decoration:none;font-size:15px}
.langsel .langlist a:hover{background:rgba(57,184,226,.14)}
.langsel .langlist a[aria-current="true"]{background:rgba(57,184,226,.2)}
html[data-skin="classic"] .langsel summary{color:#16213A;border-color:#CCC5B2}
html[data-skin="classic"] .langsel .langlist{background:#FBFAF6;border-color:#CCC5B2}
html[data-skin="classic"] .langsel .langlist a{color:#16213A}
html[data-skin="play"] .langsel summary{border-color:#FF3EA5}
#sticky .langsel{margin-left:auto;margin-right:6px}
@media (max-width:760px){#sticky .langsel{margin-left:6px;margin-right:2px}}
html[lang="hi"][data-skin="play"] :is(.eyebrow,.door .go,.prog .dur,.craft .ch .tot,.craft summary .wk){font-size:13px;letter-spacing:0}

/* support chat, kept as a placeholder; its button sits first in the pinned bar (V1.9.1): chat panel above the pinned bar */
#chat{left:12px;right:auto;bottom:124px;z-index:96}
@media (max-width:760px){#chat{left:8px;right:8px;bottom:120px;top:auto;width:auto;max-width:none;max-height:62vh}}