:root{
  --bg:#080706;--panel:#17110b;--panel2:#21170d;--brass:#c8862f;--gold:#f6bd52;
  --amber:#ff8a18;--cream:#f7e5ba;--red:#ff3c24;--green:#42e85a;--ink:#080604;
}
*{box-sizing:border-box} html,body{margin:0;background:radial-gradient(circle at 50% 10%,#2d1a0d 0,#0b0907 42%,#050505 100%);color:#f5e6c9;font-family:Segoe UI,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:repeating-linear-gradient(90deg,transparent 0 3px,#fff 4px 4px);mix-blend-mode:soft-light}
a{color:#ffd47c;text-decoration:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;background:linear-gradient(#20150c,#0b0907);border-bottom:2px solid var(--brass);position:sticky;top:0;z-index:20;box-shadow:0 8px 30px #000}
.brand{display:flex;align-items:center;gap:12px}.brand img{width:66px;height:66px;object-fit:cover;border-radius:50%;border:2px solid var(--brass);box-shadow:0 0 20px #ff8a1838}.brand strong{font-family:Georgia,serif;color:var(--gold);font-size:24px;letter-spacing:1px}.brand small{display:block;color:#bd8a4c}
nav{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}nav a,.nav-cta{padding:10px 12px;border:1px solid #6b4520;background:#140e09;border-radius:5px;font-size:13px}.nav-cta{box-shadow:inset 0 0 12px #ff8a1838;color:#ffd688}
main{min-height:calc(100vh - 140px);padding:14px}footer{display:flex;justify-content:space-between;gap:20px;padding:13px 22px;border-top:1px solid #70451e;background:#080604;color:#b98543;font-size:12px;letter-spacing:1px}
.panel{background:linear-gradient(145deg,#1d140d,#090806 68%);border:2px solid #855720;box-shadow:inset 0 0 0 2px #2c1b0d,0 8px 24px #0009;border-radius:9px;padding:12px;position:relative}
.panel:after{content:"";position:absolute;inset:5px;border:1px solid #3d2815;border-radius:5px;pointer-events:none}
.panel h3,.panel h2{font-family:Georgia,serif;color:#f6bd52;margin:.2em 0 .7em;letter-spacing:.5px}
.studio-grid{display:grid;grid-template-columns:250px minmax(520px,1fr) 350px;gap:12px;max-width:1700px;margin:auto}
.left-stack,.right-stack,.center-stack{display:flex;flex-direction:column;gap:12px}
.vu-face{height:215px;border-radius:52% 52% 22% 22%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 72%,#efe1b6,#d4b26f 48%,#1a120b 50%,#050403 54%);border:9px solid #2a1c0f;box-shadow:inset 0 0 35px #000,0 0 0 3px #b77a2c}
.vu-face:before{content:"VU";position:absolute;top:39%;left:0;right:0;text-align:center;color:#3b250f;font:bold 23px Georgia}
.vu-scale{position:absolute;top:14px;left:20px;right:20px;text-align:center;color:#432608;font:bold 13px monospace;word-spacing:8px}
.vu-logo{position:absolute;width:115px;height:72px;object-fit:cover;opacity:.36;left:50%;bottom:23px;transform:translateX(-50%);filter:sepia(1)}
.vu-needle{position:absolute;width:5px;height:94px;background:#692a10;bottom:22px;left:50%;transform-origin:50% 100%;transform:rotate(-45deg);transition:transform .08s linear;box-shadow:0 0 5px #f55}
.vu-pin{position:absolute;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,#f8c66a,#5c3312);left:calc(50% - 11px);bottom:12px;border:2px solid #31200f}
.mini-bars{height:35px;display:flex;gap:5px;align-items:end;justify-content:center;margin-top:8px}.mini-bars i{width:12px;background:linear-gradient(#ffdd45,#ff7a16);height:30%;animation:miniBar .7s infinite alternate}.mini-bars i:nth-child(2){animation-delay:.1s;height:70%}.mini-bars i:nth-child(3){animation-delay:.2s;height:95%}.mini-bars i:nth-child(4){animation-delay:.3s;height:50%}.mini-bars i:nth-child(5){animation-delay:.4s;height:80%}
@keyframes miniBar{to{height:95%}}
.clock{font:32px "Courier New",monospace;text-align:center;color:#ffbf39;background:#050402;border:2px inset #765019;border-radius:6px;padding:7px;margin-top:8px;text-shadow:0 0 8px #ff8a18}.clock-label{text-align:center;color:#c49b62;font-size:12px;margin-top:3px}
.station-status>div{margin:9px 0}.lamp{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px;background:#5d3b1c;box-shadow:inset 0 0 5px #000}.lamp.green{background:#39ef56;box-shadow:0 0 11px #39ef56}.lamp.amber{background:#ff981c;box-shadow:0 0 11px #ff981c}.pulse{animation:pulse 1.4s infinite}@keyframes pulse{50%{filter:brightness(1.8);box-shadow:0 0 23px currentColor}}
.tube-rack{display:flex;gap:14px;justify-content:center;padding:18px}.tube{width:42px;height:95px;border:4px solid #6e4720;border-radius:16px 16px 10px 10px;background:linear-gradient(90deg,#150b04,#5a2410,#130904);position:relative;box-shadow:inset 0 0 16px #000}.tube:before{content:"";position:absolute;left:13px;top:12px;width:9px;height:60px;border-radius:50%;background:#ff9d22;box-shadow:0 0 12px #ff5d00,0 0 28px #ff8a18;animation:tubeGlow 1.7s ease-in-out infinite alternate}.tube:nth-child(2):before{animation-delay:.5s}.tube:nth-child(3):before{animation-delay:1s}@keyframes tubeGlow{to{filter:brightness(1.7);box-shadow:0 0 25px #ffcc55,0 0 45px #ff5d00}}
.gear-rail{height:42px;overflow:hidden;text-align:center;color:#9f6429}.gear{font-size:46px;line-height:38px;display:inline-block;margin:0 13px;filter:drop-shadow(0 0 4px #000)}.g1{animation:spin 7s linear infinite}.g2{animation:spinBack 10s linear infinite}.g3{animation:spin 13s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinBack{to{transform:rotate(-360deg)}}
.now-playing{min-height:540px;padding:10px;overflow:hidden}.artwork{position:absolute;inset:10px;background-size:cover;background-position:center;border-radius:6px;filter:saturate(.9) brightness(.75)}.artwork-fallback{width:100%;height:100%;display:grid;place-items:end center;padding:45px;background:radial-gradient(circle at 75% 30%,#ff9d4055,transparent 26%),linear-gradient(160deg,#0b1724,#243b3e 48%,#090705 49%);color:#d4aa68;font-family:Georgia,serif;letter-spacing:2px}.track-overlay{position:relative;text-align:center;padding:34px 24px;z-index:2;text-shadow:0 3px 8px #000}.track-overlay small{color:#ffbf4f;font:bold 18px Georgia}.track-overlay h1{font:44px Georgia;margin:12px 0 2px}.track-overlay h2{font:24px Georgia;margin:0;color:#f0dfc4}.track-overlay p{margin-top:28px;letter-spacing:1px}.on-air-sign{position:absolute;z-index:4;right:25px;top:22px;background:#71170f;color:#fff5cf;border:2px solid #e69b35;padding:8px 13px;border-radius:5px;font-weight:800;box-shadow:0 0 15px #f33,inset 0 0 12px #ff742d;animation:onAirGlow 1.8s infinite alternate}@keyframes onAirGlow{to{filter:brightness(1.5)}}
.spectrum{position:absolute;z-index:3;left:5%;right:5%;bottom:58px;height:120px;display:flex;align-items:end;gap:3px}.spectrum i{flex:1;min-width:3px;height:7%;background:linear-gradient(#fff354,#ff9a1d 45%,#e75b0d);box-shadow:0 0 5px #ff8b1b;transition:height .06s linear}
.progress-row{position:absolute;z-index:5;left:18px;right:18px;bottom:17px;display:flex;align-items:center;gap:10px;font:bold 13px monospace}.progress{height:10px;flex:1;border:1px solid #7b5529;background:#050403;border-radius:10px;overflow:hidden}.progress b{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff7d0f,#ffd14a);box-shadow:0 0 9px #ff8d19}
.transport{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.metal-btn{appearance:none;border:2px solid #77502b;border-radius:5px;background:linear-gradient(#2b2017,#0b0907 70%);color:#ffe2a6;padding:13px 10px;font-weight:800;cursor:pointer;box-shadow:inset 0 1px #9f7242,0 3px 7px #000;display:inline-flex;align-items:center;justify-content:center}.metal-btn:hover{border-color:#e69b35;box-shadow:inset 0 0 14px #ff9b242e,0 0 10px #ff901737}.metal-btn.primary{color:#fff7d6;border-color:#f4a328;box-shadow:inset 0 0 18px #ff8a184f,0 0 15px #ff851f75}.obs-btn{color:#d7ffd8}.danger-btn{border-color:#a12f25;color:#ffc1ae}.small{padding:7px 10px;font-size:11px}
.track-list{max-height:405px;overflow:auto}.track-row{display:grid;grid-template-columns:36px 1fr 36px;gap:7px;padding:8px;border-bottom:1px solid #3f2b19;align-items:center}.track-row:hover{background:#2b1c0d}.play-track,.heart{border:1px solid #6c4927;background:#0d0906;color:#ffc05a;border-radius:4px;height:31px;cursor:pointer}.heart{color:#8a5e42}.heart.active{color:#ff4d3a;text-shadow:0 0 7px #f33}.track-meta{display:flex;flex-direction:column}.track-meta small{color:#b99b75}.empty,.muted{color:#a99780}.transmission-log{max-height:285px;overflow:auto;font-size:13px}.transmission-log div{display:grid;grid-template-columns:58px 1fr;gap:8px;padding:6px 2px;border-bottom:1px solid #302116}.transmission-log time{color:#b68a51}.live-dot{float:right;color:#ff4532;font:12px sans-serif}.station-id-panel{text-align:center}.station-id-ring{width:95px;height:95px;margin:9px auto;border:5px double #d89233;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 17px #ff8a1834}.station-id-ring.due{animation:idDue .7s infinite alternate}@keyframes idDue{to{box-shadow:0 0 28px #ff3d21,inset 0 0 22px #ff7d1b;border-color:#ffcf49}}
.flash-wrap{max-width:1100px;margin:10px auto}.flash{padding:10px 15px;border:1px solid #75512b;background:#20140a;margin:5px;border-radius:5px}.flash.success{border-color:#2f9a47}.flash.danger{border-color:#a2342a}.flash.info,.flash.warning{border-color:#b0832f}
.form-card{max-width:700px;margin:40px auto;padding:28px}.wide-form{max-width:900px}.form-card form,.compact-form{display:grid;gap:12px}.form-card label{display:grid;gap:5px;color:#d2ad72}.form-card input,.form-card select,.form-card textarea,.compact-form input,.compact-form select{width:100%;background:#090705;border:1px solid #76502c;color:#f4e2c4;padding:11px;border-radius:4px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:start}.check input{width:auto}.account-grid,.admin-grid{max-width:1300px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.span-2{grid-column:1/-1}.simple-row,.submission-review,.admin-track{display:flex;justify-content:space-between;gap:18px;padding:10px;border-bottom:1px solid #392617}.simple-row span,.admin-track small,.submission-review small{color:#b79a73}.status{padding:4px 7px;border-radius:5px}.status.approved{background:#173f20;color:#7ff091}.status.pending{background:#4b3711;color:#ffd05d}.status.rejected{background:#4b1711;color:#ff9a8d}.admin-actions,.review-buttons{display:flex;gap:8px;flex-wrap:wrap}.admin-track{align-items:center}.admin-track>div{display:flex;flex-direction:column}.submission-review>div:first-child{display:flex;flex-direction:column;gap:5px}.pricing{max-width:1200px;margin:35px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan{padding:25px;text-align:center}.price{font:26px Georgia;color:#ffc05c;margin:14px 0}.featured-plan{box-shadow:0 0 30px #ff8a1836,inset 0 0 0 2px #b97825}.center{text-align:center}
.obs-body{margin:0;overflow:hidden;background:#000}.obs-stage{position:relative;width:100vw;height:100vh;background:radial-gradient(circle at 65% 24%,#6a351b,#0e1117 28%,#060606 70%);overflow:hidden;color:#fff}.obs-top{position:absolute;z-index:5;left:3%;right:3%;top:3%;display:flex;align-items:center;gap:15px;padding:10px 18px;background:#090706c9;border:2px solid #b97727}.obs-top img{width:78px;height:78px;border-radius:50%;object-fit:cover}.obs-top div{display:flex;flex-direction:column}.obs-top b{font:32px Georgia;color:#ffc866}.obs-top span{color:#d2aa72}.obs-top em{margin-left:auto;background:#8c160f;padding:9px 15px;border:2px solid #f0a239;color:#fff6ce;font-style:normal;font-weight:900;box-shadow:0 0 18px #f33}.obs-artwork{position:absolute;inset:0;background-position:center;background-size:cover;opacity:.55}.obs-artwork:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0004,#0001 45%,#000b)}.obs-info{position:absolute;z-index:3;left:8%;right:8%;top:28%;text-align:center;text-shadow:0 5px 15px #000}.obs-info small{font:24px Georgia;color:#ffc55e}.obs-info h1{font:64px Georgia;margin:10px}.obs-info h2{font:30px Georgia;color:#f0dcc0}.obs-spectrum{position:absolute;z-index:4;left:7%;right:7%;bottom:12%;height:150px;display:flex;gap:4px;align-items:end}.obs-spectrum i{flex:1;height:4%;background:linear-gradient(#fff04e,#ff8619,#d44b08);box-shadow:0 0 7px #ff8a18;transition:height .06s}.obs-bottom{position:absolute;z-index:5;left:7%;right:7%;bottom:5%;display:flex;align-items:center;gap:15px;font:bold 21px monospace}.obs-bottom b{height:13px;flex:1;border:1px solid #9e682c;border-radius:8px;background:linear-gradient(90deg,#ff8a16 var(--p,0%),#17110b var(--p,0%))}
#stationVideo,#obsVideo{display:none}
@media(max-width:1100px){.studio-grid{grid-template-columns:220px 1fr}.right-stack{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.transport{grid-template-columns:repeat(3,1fr)}.track-overlay h1{font-size:34px}.pricing{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:10px}.brand strong{font-size:18px}}
@media(max-width:760px){.studio-grid{display:block}.left-stack,.center-stack,.right-stack{margin-bottom:12px}.right-stack{display:block}.panel{margin-bottom:12px}.topbar{position:static;display:block}.topbar nav{margin-top:10px;justify-content:flex-start}.two-col,.account-grid,.admin-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.transport{grid-template-columns:1fr 1fr}.now-playing{min-height:450px}.track-overlay h1{font-size:29px}footer{display:block;text-align:center}footer span{display:block;margin:5px}}

.steampunk-select,.playlist-create input,.local-folder-form input{
  background:#090705;border:1px solid #76502c;color:#f4e2c4;padding:10px;border-radius:4px;
}
.steampunk-select{width:100%}.playlist-note{font-size:12px}
.playlist-create{display:grid;grid-template-columns:1fr 1.5fr auto;gap:8px}
.playlist-admin{border-top:1px solid #6f491f;padding-top:10px;margin-top:12px}
.playlist-track-line{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #302015}
.playlist-track-line small{color:#b49166;margin-left:8px}
@media(max-width:760px){.playlist-create{grid-template-columns:1fr}.playlist-track-line{align-items:flex-start}}

.hero-landing{max-width:1600px;margin:0 auto 14px;min-height:360px;border:2px solid #7f5427;border-radius:12px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:radial-gradient(circle at 72% 28%,#ff8b2438,transparent 23%),linear-gradient(120deg,#080706 0,#201409 45%,#0a0908 72%);box-shadow:inset 0 0 0 2px #29190e,0 10px 30px #0009;overflow:hidden;position:relative}
.hero-copy{position:relative;z-index:2}.eyebrow{color:#d49c54;letter-spacing:2px;font-size:13px}.hero-copy h1{font:58px Georgia,serif;color:#ffc866;margin:10px 0;text-shadow:0 4px 12px #000}.hero-copy p{font:20px Georgia;color:#ead7b3}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.hero-badge{position:relative;z-index:2;text-align:center}.hero-badge img{width:230px;height:230px;border-radius:50%;object-fit:cover;border:4px solid #a26c2b;box-shadow:0 0 40px #ff8a1832}.hero-badge span{display:block;margin-top:10px;color:#bf8b4b;font-size:12px;letter-spacing:1px}
.genre-bar{max-width:1600px;margin:0 auto 14px}.genre-bar-title{display:flex;align-items:end;gap:16px;margin-bottom:10px}.genre-bar-title strong{font:22px Georgia;color:#ffc35c}.genre-bar-title span{color:#b79569}.genre-buttons,.playlist-buttons{display:flex;gap:7px;flex-wrap:wrap}.genre-chip,.playlist-chip,.drawer-toggle{border:1px solid #6f4824;background:#0b0907;color:#e7c89a;padding:9px 13px;border-radius:5px;cursor:pointer;font-weight:700}.genre-chip:hover,.playlist-chip:hover,.genre-chip.active{border-color:#f3a536;color:#fff5d7;box-shadow:inset 0 0 13px #ff8d183f,0 0 9px #ff8d1825}.playlist-drawer{margin-top:10px;border-top:1px solid #4e3218;padding-top:10px}.drawer-toggle{margin-bottom:8px}.playlist-buttons{display:none}.playlist-buttons.open{display:flex}
.source-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#b9976d;font-size:12px}
.discovery-shelves{max-width:1600px;margin:14px auto;display:grid;gap:14px}.shelf-head{display:flex;align-items:end;justify-content:space-between;gap:15px}.shelf-head h2{margin:0}.shelf-head span{color:#aa8b64}.card-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px;margin-top:12px}.music-card{cursor:pointer;border:1px solid #4b3119;background:#0b0907;padding:9px;border-radius:7px;display:flex;flex-direction:column;gap:4px}.music-card:hover{border-color:#c38433;transform:translateY(-2px);box-shadow:0 7px 18px #0008}.card-art{aspect-ratio:1;background:radial-gradient(circle at 70% 25%,#f28b2a4a,transparent 28%),linear-gradient(145deg,#182632,#19100a);background-size:cover;background-position:center;border-radius:5px;border:1px solid #4a321b}.music-card strong{color:#f5dfb8;margin-top:5px}.music-card span{color:#c19a68}.music-card small{color:#856d50}
.submission-explainer{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.submission-explainer div{border:1px solid #5d3c1e;background:#0d0907;padding:12px;border-radius:6px}.submission-explainer strong{display:block;color:#f6bd52}.submission-explainer span,.field-help{color:#a98f70;font-size:12px}.field-help{margin:-6px 0 4px}
@media(max-width:900px){.hero-landing{padding:25px}.hero-copy h1{font-size:42px}.hero-badge img{width:170px;height:170px}.submission-explainer{grid-template-columns:1fr}}
@media(max-width:700px){.hero-landing{display:block;text-align:center}.hero-badge{margin-top:25px}.hero-actions{justify-content:center}.hero-copy h1{font-size:34px}.genre-bar-title,.shelf-head{display:block}}

.forge-showcase{max-width:1600px;margin:0 auto 14px;padding:22px}.forge-showcase-head{text-align:center;max-width:850px;margin:0 auto 18px}.forge-showcase-head h2{font:36px Georgia;color:#ffc45f;margin:6px}.forge-showcase-head p{color:#bca07a;line-height:1.55}
.forge-content-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.forge-content-card{min-height:190px;border:1px solid #5d3c1e;border-radius:8px;padding:18px;text-align:center;text-decoration:none;background:radial-gradient(circle at 50% 20%,#f1872028,transparent 35%),linear-gradient(#100c08,#080706);color:#e7c89a;transition:.2s}.forge-content-card:hover{transform:translateY(-3px);border-color:#e99a35;box-shadow:0 8px 25px #000a,inset 0 0 25px #ff8b1621}.forge-content-card>span{display:block;font-size:38px;color:#f5a640;text-shadow:0 0 16px #ff7d22;margin-bottom:8px}.forge-content-card strong{display:block;font:20px Georgia;color:#ffe0a1}.forge-content-card small{display:inline-block;margin:7px 0;color:#e5a84d;letter-spacing:1px}.forge-content-card p{font-size:12px;color:#9e8565;line-height:1.45}.forge-content-card.live-card{border-color:#b67428;box-shadow:inset 0 0 25px #ff8b161c}
@media(max-width:1050px){.forge-content-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.forge-content-grid{grid-template-columns:1fr 1fr}}

.forge-signature{display:flex;align-items:center;gap:10px;color:#d7a64d;font-size:11px;letter-spacing:.6px}
.forge-signature b{font-family:Georgia,serif;font-size:14px;color:#ffc45f}
.forge-signature span{color:#d5b889}
.forge-signature em{color:#9f8664;font-style:normal}
@media(max-width:900px){.forge-signature em{display:none}}

.forge-subbrand{margin:0;color:#f1b451;letter-spacing:5px;font-size:20px}
.forge-byline{margin:7px 0!important;color:#c4a271!important;font-size:14px!important}
.forge-tagline{display:block;color:#f0d3a0;margin:8px 0 18px;font:italic 16px Georgia,serif}

/* V2.7c — Functional Steampunk Upgrade. Real DOM/CSS, not a single image skin. */
.panel,.now-playing,.transport,.genre-bar,.forge-showcase,.vu-module,.station-status,.tube-rack{
  position:relative;
  background:
    linear-gradient(180deg,rgba(34,22,12,.96),rgba(9,8,7,.98));
  border:1px solid #6e4722;
  box-shadow:
    inset 0 0 0 2px #1d1209,
    inset 0 0 28px rgba(255,132,25,.035),
    0 10px 24px rgba(0,0,0,.45);
}
.panel:before,.now-playing:before,.transport:before,.genre-bar:before,.forge-showcase:before{
  content:"";
  pointer-events:none;
  position:absolute; inset:4px;
  border:1px solid rgba(184,118,47,.28);
  border-radius:inherit;
}
.panel:after,.now-playing:after{
  content:"";
  pointer-events:none;
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 8px 8px,#a66c31 0 2px,#2d1b0d 2.4px 4px,transparent 4.5px),
    radial-gradient(circle at calc(100% - 8px) 8px,#a66c31 0 2px,#2d1b0d 2.4px 4px,transparent 4.5px),
    radial-gradient(circle at 8px calc(100% - 8px),#a66c31 0 2px,#2d1b0d 2.4px 4px,transparent 4.5px),
    radial-gradient(circle at calc(100% - 8px) calc(100% - 8px),#a66c31 0 2px,#2d1b0d 2.4px 4px,transparent 4.5px);
}

/* Real mechanical VU face */
.vu-face{
  overflow:hidden;
  background:
    radial-gradient(ellipse at 50% 68%,rgba(255,185,76,.18),transparent 42%),
    linear-gradient(#e1bd78,#a9864f 54%,#251a0f 55%,#0a0806 100%);
}
.vu-mechanism{
  position:absolute;
  left:50%; bottom:8%;
  width:104px;height:72px;
  transform:translateX(-50%);
  z-index:2;
  filter:drop-shadow(0 2px 4px #000);
}
.vu-gear{
  position:absolute;
  color:#3a2513;
  text-shadow:0 1px 0 #d39a46,0 0 5px #000;
  line-height:1;
}
.vu-gear-lg{font-size:54px;left:18px;bottom:0;animation:forgeGearCW 9s linear infinite}
.vu-gear-sm{font-size:34px;right:5px;bottom:4px;animation:forgeGearCCW 5.5s linear infinite}
.vu-hub{
  position:absolute;left:46px;bottom:15px;width:22px;height:22px;border-radius:50%;
  background:radial-gradient(circle,#e6b35f 0 18%,#87501e 20% 48%,#25160a 50% 100%);
  border:2px solid #c48631;box-shadow:0 0 8px #000,inset 0 0 6px #f7c970;
}
.vu-brass-arc{
  position:absolute;left:12px;right:12px;bottom:-7px;height:38px;
  border-bottom:4px solid #a56624;border-radius:0 0 60px 60px;
  box-shadow:0 4px 0 #2a1709;
}

/* Header and panel gears */
.gear,.panel-gear{user-select:none}
.panel-gear{
  position:absolute;z-index:1;color:#533319;text-shadow:0 1px 0 #be7c32;opacity:.72;
  font-size:70px;line-height:1
}
.panel-gear-left{left:14px;bottom:34px;animation:forgeGearCW 16s linear infinite}
.panel-gear-right{right:18px;bottom:34px;animation:forgeGearCCW 13s linear infinite}
@keyframes forgeGearCW{to{transform:rotate(360deg)}}
@keyframes forgeGearCCW{to{transform:rotate(-360deg)}}

/* CSS-built vintage microphone */
.forge-mic{
  position:absolute;right:24px;bottom:44px;width:92px;height:190px;z-index:4;
  opacity:.9;filter:drop-shadow(0 6px 6px #000)
}
.mic-head{
  position:absolute;top:0;left:17px;width:58px;height:108px;border-radius:28px;
  border:5px solid #6f451f;
  background:
    repeating-linear-gradient(0deg,rgba(255,170,69,.15) 0 5px,rgba(23,14,8,.9) 5px 10px),
    linear-gradient(90deg,#1a110a,#7d4b1f 48%,#160e08);
  box-shadow:inset 0 0 12px #000,0 0 16px rgba(255,116,24,.14);
}
.mic-head:before,.mic-head:after{
  content:"";position:absolute;left:8px;right:8px;height:4px;background:#b0752f;box-shadow:0 22px 0 #b0752f,0 44px 0 #b0752f,0 66px 0 #b0752f
}
.mic-head:before{top:13px}
.mic-head:after{top:24px;opacity:.65}
.mic-stem{position:absolute;top:106px;left:42px;width:8px;height:58px;background:linear-gradient(90deg,#2a180b,#b3772f,#2a180b);border-radius:6px}
.mic-base{position:absolute;bottom:0;left:19px;width:56px;height:18px;border-radius:50%;background:radial-gradient(ellipse,#b4772f,#4a2c15 58%,#140c07);box-shadow:0 4px 0 #0b0704}

/* Functional glowing vacuum tubes */
.tube-rack{display:flex;justify-content:center;align-items:flex-end;gap:16px;padding:14px!important}
.tube{
  position:relative;width:42px;height:86px;border-radius:18px 18px 8px 8px;
  border:2px solid #6d4928;
  background:
    radial-gradient(circle at 50% 72%,rgba(255,110,23,.95),rgba(255,110,23,.16) 28%,transparent 46%),
    linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.02) 30%,rgba(0,0,0,.34));
  box-shadow:inset 0 0 15px #ff7a1f3b,0 0 12px #ff6d191f;
  animation:tubePulse 2.2s ease-in-out infinite alternate;
}
.tube:before{content:"";position:absolute;left:10px;right:10px;bottom:11px;height:40px;border-radius:50%;background:linear-gradient(#ffe36a,#ff8b1f 48%,#ff5414);filter:blur(3px);opacity:.85}
.tube:after{content:"";position:absolute;left:5px;right:5px;bottom:-7px;height:12px;border-radius:3px;background:linear-gradient(#c4883d,#3b2311);border:1px solid #6a451f}
.tube:nth-child(2){animation-delay:.35s}.tube:nth-child(3){animation-delay:.7s}
@keyframes tubePulse{from{filter:brightness(.82)}to{filter:brightness(1.25)}}

/* Button illumination */
.metal-btn{
  background:linear-gradient(#27180b,#0c0906);
  border-color:#704821;
  box-shadow:inset 0 1px 0 rgba(255,203,114,.11),0 2px 7px rgba(0,0,0,.5)
}
.metal-btn:hover{box-shadow:inset 0 0 16px rgba(255,128,25,.16),0 0 10px rgba(255,128,25,.18);border-color:#d58b31}
.metal-btn.primary,.on-air-sign{animation:buttonGlow 1.9s ease-in-out infinite alternate}
@keyframes buttonGlow{from{box-shadow:0 0 6px #ff721d55,inset 0 0 7px #ff9a2a22}to{box-shadow:0 0 16px #ff721d99,inset 0 0 14px #ff9a2a44}}

/* More authentic animated spectrum */
.spectrum i{transform-origin:bottom;animation:forgeSpectrum 1s ease-in-out infinite alternate}
.spectrum i:nth-child(3n){animation-duration:.74s}.spectrum i:nth-child(4n){animation-duration:1.25s}.spectrum i:nth-child(5n){animation-duration:.52s}
@keyframes forgeSpectrum{from{transform:scaleY(.45);filter:brightness(.8)}to{transform:scaleY(1.12);filter:brightness(1.25)}}

/* Small mechanical accent rail under header */
.forge-signature:before{content:"⚙";font-size:18px;color:#9d6428;animation:forgeGearCW 8s linear infinite;display:inline-block}

@media(max-width:1000px){
  .forge-mic{opacity:.35;transform:scale(.8);transform-origin:right bottom}
  .panel-gear{opacity:.35}
}

.build-badge{position:fixed;right:10px;bottom:8px;z-index:99999;background:#090704;border:1px solid #c27a2b;color:#ffc15b;padding:5px 9px;border-radius:4px;font:11px Consolas,monospace;box-shadow:0 0 10px #ff7a2233}

.vu-forge-mark{position:absolute;left:50%;bottom:-19px;transform:translateX(-50%);white-space:nowrap;
font:700 9px Georgia,serif;letter-spacing:1.8px;color:#d29a4a;text-shadow:0 1px 2px #000}
.build-badge{position:fixed!important;right:8px!important;bottom:7px!important;z-index:999999!important;
background:#080604!important;border:1px solid #d6872c!important;color:#ffc35e!important;
padding:6px 10px!important;border-radius:4px!important;font:11px Consolas,monospace!important;
box-shadow:0 0 13px #ff7b254f!important}

.owner-setup-shell{min-height:78vh;display:grid;place-items:center;padding:34px 18px}
.owner-setup-card{width:min(680px,96vw);padding:34px!important;text-align:center}
.owner-forge-seal{width:92px;height:92px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;
font-size:56px;color:#c67b2d;background:radial-gradient(circle,#2f1a0c,#080604 68%);
border:2px solid #9d6127;box-shadow:inset 0 0 18px #ff8a1829,0 0 24px #000;animation:forgeGearCW 11s linear infinite}
.owner-setup-card h1{margin:4px 0 0;font:52px Georgia,serif;color:#ffc55f;text-transform:uppercase}
.owner-setup-card h2{margin:4px 0 15px;font:22px Georgia,serif;color:#ead0a0}
.owner-setup-card>p{color:#b99b73;line-height:1.55;max-width:560px;margin:0 auto 20px}
.owner-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}
.owner-form label{display:flex;flex-direction:column;gap:6px;color:#d4b27f;font-size:12px}
.owner-form input{background:#090704;border:1px solid #6f4824;color:#f5dfb8;padding:12px;border-radius:5px}
.owner-create-btn{grid-column:1/-1;justify-content:center;padding:14px!important;margin-top:4px}
.owner-note{margin-top:18px;padding:12px;border:1px solid #513318;background:#0a0705;border-radius:5px;color:#a98d68}
.owner-note strong{display:block;color:#efb655;margin-bottom:4px}
.owner-setup-nav{border-color:#c77c2c!important;box-shadow:inset 0 0 12px #ff8a1825}
@media(max-width:650px){.owner-form{grid-template-columns:1fr}.owner-setup-card h1{font-size:38px}}

.owner-claim-link{display:inline-flex!important;align-items:center!important;padding:9px 12px!important;margin-left:6px!important;
border:1px solid #d1832d!important;border-radius:5px!important;color:#ffc45f!important;text-decoration:none!important;
background:#140c06!important;box-shadow:inset 0 0 12px #ff8a1824,0 0 8px #ff7c171b!important;font-weight:700!important}
.owner-startup-callout{max-width:1600px;margin:12px auto!important;padding:16px 20px!important;display:grid!important;
grid-template-columns:auto 1fr auto;align-items:center;gap:16px;border-color:#b87128!important}
.owner-startup-callout h2{margin:2px 0;color:#ffd17b;font:24px Georgia,serif}.owner-startup-callout p{margin:4px 0;color:#b79a74}
.owner-startup-gear{font-size:46px;color:#bd772e;animation:forgeGearCW 9s linear infinite}.owner-big-button{white-space:nowrap}
@media(max-width:700px){.owner-startup-callout{grid-template-columns:1fr;text-align:center}.owner-startup-gear{margin:auto}}


/* Now Playing -> Playlist patch */
.now-playing-playlist{
  display:grid;
  grid-template-columns:minmax(250px,1fr) minmax(190px,260px) auto auto;
  gap:10px;
  align-items:center;
  margin-top:8px;
}
.np-playlist-copy{display:flex;flex-direction:column;gap:3px}
.np-playlist-copy strong{color:#ffc35c;font-family:Georgia,serif;letter-spacing:.4px}
.np-playlist-copy small{color:#b99668}
.steampunk-select{
  width:100%;min-height:38px;background:#0b0806;color:#f3d8a8;
  border:1px solid #7b4f20;border-radius:5px;padding:7px 10px
}
@media(max-width:950px){.now-playing-playlist{grid-template-columns:1fr}}


/* ================= THE FORGE V3 CREATOR AUTOPILOT ================= */
.v3-credit-bar,.v3-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
.v3-credit-bar>div,.v3-stat-grid>div{background:#0d0906;border:1px solid #74471d;border-radius:7px;padding:14px;text-align:center;box-shadow:inset 0 0 18px #000}
.v3-credit-bar strong,.v3-stat-grid strong{display:block;font-size:1.55rem;color:#ffc45f}.v3-credit-bar span,.v3-stat-grid span{font-size:.72rem;color:#a8855d;letter-spacing:1px}
.v3-stat-grid{grid-template-columns:repeat(5,1fr)}
.forge-alert{padding:14px;border:1px solid #875f21;border-radius:6px;background:#21180b}.forge-alert.warning{color:#ffd988}
.trusted-badge{display:inline-block;padding:4px 8px;border:1px solid #c18b2e;border-radius:12px;color:#ffc45f;font-size:.75rem}
.submission-meter strong{display:block;font-size:2rem;color:#ffc45f}.submission-meter span{color:#ad8a61}
.submission-account-card,.rapid-review-card{background:#0c0906;border:1px solid #4d351f;border-radius:8px;padding:14px;margin:12px 0}
.submission-account-card>div:first-child{display:flex;justify-content:space-between;gap:10px}.prescreen-line{display:flex;align-items:center;gap:10px;margin-top:8px}
.score-badge{display:inline-block;border-radius:999px;padding:5px 9px;font-weight:800;letter-spacing:.5px;background:#1c140b;border:1px solid #7b5428;color:#ffc45f}
.score-ready{border-color:#5b8c56}.score-flagged{border-color:#b6842f}.score-needs_info{border-color:#9c553c}
.status-border-ready{border-left:4px solid #638f5c}.status-border-flagged{border-left:4px solid #c18b2e}.status-border-needs_info{border-left:4px solid #a45c45}
.rapid-review-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.rapid-review-head strong{font-size:1.15rem;color:#f1d09b}.rapid-review-head small{display:block;color:#9f805d;margin-top:4px}.prescreen-stack{text-align:right;white-space:nowrap}.prescreen-stack b{display:block;font-size:.72rem;color:#aa8a67;margin-top:4px}
.review-meta{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.review-meta span{font-size:.7rem;padding:4px 7px;border:1px solid #5a3c20;border-radius:4px;color:#c6a575;background:#130e09}
.prescreen-summary{color:#d7bd95}.flag-line{color:#d7a857;font-size:.85rem}.review-player{width:100%;margin:10px 0;min-height:38px}.review-links,.v3-review-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.review-note-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.review-note-form input{min-width:0}
.creator-control-row{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(150px,.6fr) minmax(160px,.7fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #342417}.creator-control-row small{display:block;color:#9f805d}.compact-check{margin:0!important}.creator-control-list{max-height:520px;overflow:auto;padding-right:5px}
.v3-pricing-head{text-align:center;margin:18px auto}.v3-pricing-head h1{color:#ffc45f;margin-bottom:4px}.v3-pricing-head p{font-family:Georgia,serif;font-size:1.35rem;color:#d7bd95}.v3-pricing{grid-template-columns:repeat(4,1fr)!important}.v3-pricing .price small{font-size:.7rem}.pricing-note{max-width:1100px;margin:14px auto}
@media(max-width:1000px){.v3-stat-grid{grid-template-columns:repeat(3,1fr)}.creator-control-row{grid-template-columns:1fr 1fr}.v3-pricing{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:650px){.v3-credit-bar,.v3-stat-grid,.v3-pricing{grid-template-columns:1fr!important}.creator-control-row{grid-template-columns:1fr}.rapid-review-head{flex-direction:column}.prescreen-stack{text-align:left}.review-note-form{grid-template-columns:1fr}}


/* V3.2 Listener Favorites + Personal Playlists */
.transport{flex-wrap:wrap}
#shuffleBtn.shuffle-on{
  border-color:#ffb32f;color:#fff6d7;background:linear-gradient(#8b3d0b,#3a1605);
  box-shadow:inset 0 0 18px #ff8a18aa,0 0 16px #ff8a1888;text-shadow:0 0 8px #ffd36a
}
#favoriteNowBtn.favorite-on{
  border-color:#ff6553;color:#fff0e8;background:linear-gradient(#7c1f14,#35100b);
  box-shadow:inset 0 0 15px #ff4d3a88,0 0 12px #ff4d3a55;text-shadow:0 0 7px #ff7564
}
.personal-playlist-panel[hidden]{display:none!important}
.personal-playlist-panel{gap:10px;align-items:center;flex-wrap:wrap}
.personal-playlist-panel.playlist-highlight{
  border-color:#f3a536;box-shadow:inset 0 0 22px #ff8d1840,0 0 18px #ff8d1855
}
.forge-input{
  min-width:190px;background:#0b0b08;color:#f4e6ca;border:1px solid #74451d;
  border-radius:5px;padding:10px 12px;box-shadow:inset 0 0 12px #000
}
.playlist-chip.personal{border-color:#8f632c}
.personal-playlist-drawer{margin-top:8px}
.admin-station-playlist{border-color:#5d3b18}

/* V3.3 — Station IDs, library previews, analytics and personal playlist editing */
.shuffle-on{box-shadow:0 0 14px rgba(255,174,54,.9),inset 0 0 12px rgba(255,174,54,.24)!important;border-color:#ffb23e!important;color:#ffd67b!important}
.station-id-admin-row,.library-preview-row{display:grid;grid-template-columns:minmax(210px,1fr) minmax(220px,1.4fr) minmax(260px,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid rgba(211,157,76,.22)}
.station-id-admin-row small,.library-track-meta small{display:block;opacity:.72;margin-top:4px}.admin-preview{width:100%;max-height:160px}.station-id-settings{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.station-id-settings input[type=text],.station-id-settings input:not([type]){min-width:150px}.station-id-settings input[type=number]{width:62px}.station-id-upload input[type=file]{max-width:360px}
.library-preview summary{cursor:pointer;font-weight:700;color:#e8b65f}.library-preview audio,.library-preview video{width:min(520px,100%);max-height:260px;margin-top:8px}.media-badge,.file-badge{display:inline-block;border:1px solid rgba(232,182,95,.45);padding:1px 6px;border-radius:4px;color:#e8b65f}
.forge-public-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.forge-public-stats div{text-align:center;padding:10px}.forge-public-stats strong{display:block;font-size:1.8rem;color:#f0bd63}.forge-public-stats span{font-size:.72rem;letter-spacing:.12em}.activity-ticker{display:flex;gap:10px;flex-wrap:wrap}.activity-ticker span{border:1px solid rgba(232,182,95,.3);padding:8px 12px;border-radius:20px;background:rgba(36,20,9,.7)}
.analytics-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:16px}.personal-editor-grid{margin-top:18px}.personal-editor-grid label{display:grid;gap:4px}.personal-editor-grid .playlist-edit-form{display:grid;grid-template-columns:1fr 1.5fr auto;gap:10px;align-items:end}
@media(max-width:900px){.station-id-admin-row,.library-preview-row{grid-template-columns:1fr}.forge-public-stats{grid-template-columns:repeat(2,1fr)}.analytics-columns,.personal-editor-grid .playlist-edit-form{grid-template-columns:1fr}}

.now-playing{position:relative;overflow:hidden}.station-video-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#050302;z-index:4}.station-video-layer~.track-overlay,.station-video-layer~.spectrum,.station-video-layer~.progress-row{position:relative;z-index:5}.obs-stage{position:relative;overflow:hidden}#obsVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#050302;z-index:3}.obs-top,.obs-info,.obs-spectrum,.obs-bottom{position:relative;z-index:4}

/* V3.3.1 video/library usability hotfix */
.now-playing.video-playing .station-video-layer{z-index:8;display:block!important}
.now-playing.video-playing .artwork,.now-playing.video-playing .track-overlay,.now-playing.video-playing .forge-mic,.now-playing.video-playing .panel-gear,.now-playing.video-playing .spectrum{visibility:hidden}
.now-playing.video-playing .progress-row{position:absolute;z-index:10;left:22px;right:22px;bottom:18px;background:#080503cc;padding:7px 10px;border-radius:6px}
.now-playing.video-playing .on-air-sign{z-index:11}
.track-row.currently-playing{background:linear-gradient(90deg,#5a350f,#2a190a)!important;border-left:4px solid #ffad2f;box-shadow:inset 0 0 16px #ff9a2038,0 0 10px #ff9a2024}
.track-row.currently-playing .track-meta strong{color:#ffd77b;text-shadow:0 0 7px #ff9a2055}
.track-row.currently-playing .play-track{box-shadow:0 0 10px #ff9a20;color:#fff2c7}
.track-context-menu{position:fixed;z-index:99999;width:280px;padding:8px;background:#120b06;border:1px solid #bd792b;border-radius:7px;box-shadow:0 12px 30px #000c,0 0 15px #ff941f33}
.track-context-menu[hidden]{display:none}
.track-context-menu button{width:100%;border:1px solid #8d5724;background:#2a1609;color:#ffd27a;padding:9px 10px;font-weight:800;cursor:pointer;border-radius:4px;text-align:left}
.track-context-menu button:hover{background:#6a2515;color:#fff0cf}
.track-context-menu small{display:block;color:#b99b75;padding:5px 3px 0}

/* V3.3.2 owner library context menu */
.track-context-menu{width:330px}
.track-context-menu button+button{margin-top:6px}
.track-context-menu button.context-danger{border-color:#a3442d;color:#ffb39d;background:#2c0d08}
.track-context-menu button.context-danger:hover{background:#7a2416;color:#fff0e8}
.track-context-menu button:disabled{opacity:.55;cursor:wait}
.track-context-menu small{line-height:1.35}

/* V3.4.1 — discovery, social-import notice and Forge Challenges */
.social-import-warning{font-size:1.02rem;border-width:2px;margin:14px 0 18px}
.forge-search-bar{display:grid;grid-template-columns:1fr auto;gap:10px;margin:18px 0 28px}.forge-search-bar input{font-size:1.15rem}
.search-results{display:grid;gap:8px}.search-result{display:flex;justify-content:space-between;gap:14px;padding:12px;border:1px solid rgba(202,153,65,.35);background:rgba(0,0,0,.24);text-decoration:none}.search-result span{opacity:.75}
.search-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.forge-chip{padding:7px 10px;border:1px solid rgba(202,153,65,.45);border-radius:999px;text-decoration:none}
.challenge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:18px}.challenge-card{padding:18px;border:1px solid rgba(202,153,65,.5);background:linear-gradient(145deg,rgba(68,43,18,.38),rgba(10,10,10,.72));text-decoration:none}.challenge-card:hover{transform:translateY(-2px)}
.challenge-status{font-size:.72rem;letter-spacing:.14em}.challenge-status.open{color:#ffc85c}.challenge-status.closed{opacity:.65}.challenge-prompt{font-size:1.15rem}
.challenge-entry-form,.challenge-admin-form{display:grid;gap:10px;margin:18px 0}.challenge-entries{display:grid;gap:12px}.challenge-entry{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;gap:12px;align-items:center;padding:14px;border:1px solid rgba(202,153,65,.35);background:rgba(0,0,0,.28)}.challenge-entry>div:first-child{display:grid}.challenge-entry .rank{font-size:.75rem;opacity:.6}.vote-count{font-weight:800}.challenge-entry.winner{border-width:2px;box-shadow:0 0 22px rgba(225,164,54,.25)}.winner-badge{grid-column:1/-1;text-align:center;letter-spacing:.08em}
@media(max-width:760px){.forge-search-bar,.challenge-entry{grid-template-columns:1fr}.search-result{display:grid}}


/* V3.4.4 — YouTube/social-link playback */
.station-youtube-layer{
  position:absolute;
  inset:0;
  z-index:8;
  width:100%;
  height:100%;
  background:#000;
  overflow:hidden;
  display:none;
}
.station-youtube-layer iframe,
#youtubePlayerHost{
  width:100% !important;
  height:100% !important;
  border:0;
  display:block;
}
.now-playing.youtube-playing .station-youtube-layer{display:block}
.now-playing.youtube-playing .station-video-layer{display:none !important}
.now-playing.youtube-playing .artwork,
.now-playing.youtube-playing .track-overlay,
.now-playing.youtube-playing .forge-mic,
.now-playing.youtube-playing .panel-gear,
.now-playing.youtube-playing .spectrum{display:none !important}
.now-playing.youtube-playing .progress-row{z-index:10}
.now-playing.youtube-playing .on-air-sign{z-index:11}


/* V3.4.5 — THE FORGE primary branding + live Challenge spotlight */
.forge-plate-brand{
  width:min(370px,29vw);
  min-width:250px;
  display:flex;
  align-items:center;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
.forge-plate-brand img{
  width:100% !important;
  height:auto !important;
  max-height:82px !important;
  object-fit:contain;
  border-radius:8px;
  box-shadow:0 0 18px rgba(255,139,0,.12);
}
.hero-forge-banner{
  width:min(610px,47vw);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}
.hero-forge-banner img{
  width:100%;
  height:auto;
  max-height:330px;
  object-fit:cover;
  object-position:center top;
  border:1px solid rgba(213,143,43,.55);
  border-radius:15px;
  box-shadow:0 0 28px rgba(255,126,0,.2),inset 0 0 0 1px rgba(255,192,96,.12);
}
.hero-forge-banner span{
  color:#c58a37;
  font-size:.72rem;
  letter-spacing:.18em;
}
.challenge-nav-link{box-shadow:inset 0 -2px 0 rgba(245,147,27,.35)}
.home-challenge-spotlight{
  max-width:1600px;
  margin:14px auto;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  border-color:#9b5d17 !important;
  background:
    radial-gradient(circle at 4% 50%,rgba(255,112,0,.16),transparent 19%),
    linear-gradient(90deg,rgba(38,19,6,.95),rgba(12,9,6,.96));
}
.challenge-fire{font-size:3.2rem;filter:drop-shadow(0 0 10px rgba(255,119,0,.6))}
.challenge-spotlight-copy h2{margin:.15rem 0 .25rem;color:#ffc15b;font-size:clamp(1.3rem,2.3vw,2.15rem)}
.challenge-spotlight-copy p{margin:.2rem 0 .5rem}
.challenge-spotlight-meta{color:#d69b47;letter-spacing:.04em}
.challenge-spotlight-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.home-challenge-teaser{
  max-width:1600px;
  margin:14px auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
}
.home-challenge-teaser div{display:grid;gap:3px}
.home-challenge-teaser strong{color:#ffc15b;font-size:1.2rem}
@media(max-width:1050px){
  .forge-plate-brand{width:290px;min-width:220px}
  .hero-forge-banner{width:100%;max-width:680px}
}
@media(max-width:760px){
  .forge-plate-brand{width:min(92vw,360px)}
  .home-challenge-spotlight{grid-template-columns:1fr;text-align:center}
  .challenge-spotlight-actions{justify-content:center}
  .home-challenge-teaser{display:grid}
}


/* V3.4.6 — Challenge compare player + clearer competition layout */
.challenge-compare-heading{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:12px;
  border-bottom:1px solid rgba(214,142,48,.35);
  margin:20px 0 10px;
}
.challenge-compare-heading span{
  color:#d79a42;
  font-size:.78rem;
  letter-spacing:.11em;
}
.challenge-entry-v346{
  grid-template-columns:minmax(260px,1.35fr) minmax(240px,1fr) auto auto auto;
  align-items:center;
}
.challenge-entry-info{display:grid;gap:2px}
.challenge-entry-info small{opacity:.58}
.challenge-preview-wrap{min-width:240px}
.challenge-preview-slot{margin-top:8px}
.challenge-youtube-frame{
  width:100%;
  aspect-ratio:16/9;
  border:1px solid rgba(225,151,51,.55);
  border-radius:7px;
  background:#000;
}
.challenge-inline-media{
  width:100%;
  max-height:260px;
  background:#000;
  border-radius:7px;
}
.challenge-inline-audio{width:100%}
@media(max-width:1150px){
  .challenge-entry-v346{grid-template-columns:1fr 1fr}
  .challenge-entry-v346 .winner-badge{grid-column:1/-1}
}
@media(max-width:700px){
  .challenge-entry-v346{grid-template-columns:1fr}
  .challenge-preview-wrap{min-width:0}
  .challenge-compare-heading{align-items:start;flex-direction:column}
}


/* V3.4.7 — compact home + Challenges inside Explore */
.hero{
  min-height:unset !important;
  padding-top:24px !important;
  padding-bottom:24px !important;
}
.hero-copy h1{margin-bottom:.2rem}
.hero-copy p{margin:.3rem 0}
.hero-actions{margin-top:12px}
.hero-forge-banner img{
  max-height:230px !important;
}
.home-challenge-spotlight,
.home-challenge-teaser{
  display:none !important;
}
.challenge-quick-link{
  text-decoration:none;
  border-color:#a96718 !important;
  box-shadow:inset 0 -2px 0 rgba(255,131,0,.22);
}
.challenge-explore-card{
  background:
    radial-gradient(circle at 50% 15%,rgba(255,118,0,.15),transparent 35%),
    linear-gradient(145deg,rgba(40,20,7,.96),rgba(10,8,6,.98)) !important;
  border-color:#a96516 !important;
}
.challenge-explore-card .explore-icon{
  filter:drop-shadow(0 0 10px rgba(255,125,0,.65));
}
@media(min-width:1200px){
  .explore-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}


/* ============================================================
   THE FORGE V3.4.8 — FORGE DASHBOARD REDESIGN
   ============================================================ */

/* Bring the radio to the foreground immediately. */
.forge-dashboard-v348 .hero{
  display:none !important;
}
.forge-dashboard-v348 .studio-grid{
  margin-top:10px !important;
}

/* Header: keep Forge identity but reduce vertical bulk. */
.forge-dashboard-v348 .site-header{
  background:linear-gradient(180deg,#0d0905,#080604);
  border-bottom:1px solid #8f5515;
  box-shadow:0 8px 30px rgba(0,0,0,.48);
}
.forge-dashboard-v348 .forge-plate-brand{
  width:min(440px,31vw) !important;
  min-width:260px !important;
}
.forge-dashboard-v348 .forge-plate-brand img{
  max-height:76px !important;
  object-fit:cover;
}
.forge-dashboard-v348 .top-nav{
  gap:6px !important;
}

/* Explore becomes a compact dashboard strip instead of a tall landing section. */
.forge-showcase-compact{
  width:min(1780px,98vw);
  margin:10px auto !important;
  padding:10px 12px !important;
}
.forge-showcase-compact .forge-showcase-head{
  display:flex;
  align-items:center;
  gap:15px;
  margin-bottom:8px;
}
.forge-showcase-compact .forge-showcase-head .eyebrow{
  display:none;
}
.forge-showcase-compact .forge-showcase-head h2{
  margin:0;
  color:#ffc45e;
  font-size:1.35rem;
  white-space:nowrap;
}
.forge-showcase-compact .forge-showcase-head p{
  margin:0;
  font-size:.83rem;
  opacity:.72;
}
.forge-showcase-compact .forge-content-grid{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:8px !important;
}
.forge-showcase-compact .forge-content-card{
  min-height:82px !important;
  padding:8px !important;
}
.forge-showcase-compact .forge-content-card span{
  font-size:1.55rem !important;
}
.forge-showcase-compact .forge-content-card strong{
  font-size:.9rem !important;
}
.forge-showcase-compact .forge-content-card small{
  font-size:.66rem !important;
}
.forge-showcase-compact .forge-content-card p{
  display:none !important;
}

/* Left rail order: VU -> Discover -> Tubes -> Status. */
.forge-left-dashboard{
  display:flex !important;
  flex-direction:column;
  gap:10px;
}
.forge-left-dashboard .vu-module{order:1}
.forge-left-dashboard .forge-discover-compact{order:2}
.forge-left-dashboard .tube-rack{order:3}
.forge-left-dashboard .station-status{order:4}

/* Compact Discover replaces the old Station Status-sized cell. */
.forge-discover-compact{
  padding:10px !important;
  max-height:285px;
  overflow:auto;
}
.forge-side-title{
  display:grid;
  gap:1px;
  margin-bottom:7px;
}
.forge-side-title strong{
  color:#ffc45e;
  font-family:Georgia,serif;
  font-size:1.23rem;
}
.forge-side-title small{
  color:#bba07b;
  font-size:.72rem;
}
.forge-discover-buttons{
  display:grid !important;
  grid-template-columns:1fr;
  gap:5px;
}
.forge-discover-buttons .genre-chip{
  width:100%;
  min-height:31px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:5px 9px !important;
  font-size:.72rem !important;
  text-decoration:none;
  border:1px solid #774511;
  background:linear-gradient(#161009,#0b0805);
  color:#f0d6a4;
}
.forge-discover-buttons .genre-chip.active,
.forge-discover-buttons .genre-chip:hover{
  border-color:#ffa31f;
  box-shadow:0 0 10px rgba(255,130,0,.14);
}
.forge-challenge-chip{
  color:#ffd071 !important;
  border-color:#9e6119 !important;
}
.forge-side-playlists{
  margin-top:7px;
}
.forge-side-playlists .playlist-drawer{
  margin-top:5px !important;
}
.forge-side-playlists .drawer-toggle{
  width:100%;
  font-size:.68rem;
  min-height:28px;
}
.forge-side-playlists .playlist-buttons{
  max-height:120px;
  overflow:auto;
}

/* Tubes stay immediately below Discover. */
.forge-left-dashboard .tube-rack{
  min-height:112px !important;
  padding:8px !important;
}
.forge-left-dashboard .tube{
  transform:scale(.88);
  transform-origin:bottom center;
}

/* Station status requested below the tubes. */
.forge-left-dashboard .station-status{
  padding:10px !important;
}
.forge-left-dashboard .station-status h3{
  color:#ffc45e;
  font-family:Georgia,serif;
  margin:0 0 8px;
}
.forge-left-dashboard .station-status > div{
  margin:6px 0;
  font-size:.82rem;
}

/* Player has visual priority. */
.forge-dashboard-v348 .studio-grid{
  width:min(1780px,98vw);
  grid-template-columns:270px minmax(0,1fr) 330px !important;
  gap:12px !important;
}
.forge-dashboard-v348 .center-stack{
  gap:8px;
}
.forge-dashboard-v348 .now-playing{
  min-height:380px;
  border-color:#8a5318;
  box-shadow:inset 0 0 0 1px rgba(255,159,33,.04),0 6px 25px rgba(0,0,0,.45);
}
.forge-dashboard-v348 .transport{
  gap:7px !important;
}
.forge-dashboard-v348 .right-stack > .panel:first-child{
  max-height:610px;
  overflow:auto;
}

/* Live Challenge stays visible, but BELOW the player so it never blocks listening. */
.forge-live-challenge-strip{
  width:min(1780px,98vw);
  margin:10px auto;
  padding:10px 14px !important;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;
  gap:12px;
  background:
    radial-gradient(circle at 4% 50%,rgba(255,125,0,.16),transparent 16%),
    linear-gradient(90deg,rgba(45,24,8,.98),rgba(10,8,5,.98)) !important;
  border-color:#9b5d16 !important;
}
.forge-live-trophy{
  font-size:2.4rem;
}
.forge-live-challenge-copy{
  display:grid;
}
.forge-live-challenge-copy span{
  color:#d79236;
  font-size:.7rem;
  letter-spacing:.09em;
}
.forge-live-challenge-copy strong{
  color:#ffc45e;
  font-size:1.12rem;
}
.forge-live-challenge-copy small{
  color:#c5ad8c;
}
.forge-live-challenge-count{
  color:#dba14a;
  font-size:.8rem;
  white-space:nowrap;
}
.forge-live-challenge-actions{
  display:flex;
  gap:6px;
}

/* More dashboard-like bronze/black surface. */
.forge-dashboard-v348 .panel{
  background:
    linear-gradient(145deg,rgba(29,18,10,.97),rgba(8,7,5,.98));
  box-shadow:
    inset 0 0 0 1px rgba(255,180,76,.035),
    0 5px 18px rgba(0,0,0,.38);
}

/* Responsive */
@media(max-width:1280px){
  .forge-dashboard-v348 .studio-grid{
    grid-template-columns:235px minmax(0,1fr) 290px !important;
  }
}
@media(max-width:980px){
  .forge-dashboard-v348 .studio-grid{
    grid-template-columns:1fr !important;
  }
  .forge-left-dashboard{
    display:grid !important;
    grid-template-columns:1fr 1fr;
  }
  .forge-left-dashboard .vu-module{display:none}
  .forge-showcase-compact .forge-content-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .forge-live-challenge-strip{
    grid-template-columns:1fr;
    text-align:center;
  }
  .forge-live-challenge-actions{justify-content:center}
}
@media(max-width:650px){
  .forge-left-dashboard{grid-template-columns:1fr}
  .forge-showcase-compact .forge-content-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}


/* ============================================================
   V3.4.9 — TRUE DASHBOARD FIX + FORGED WINNERS
   Root cause fix: the real landing class is .hero-landing, not .hero.
   ============================================================ */
.forge-dashboard-v348 .hero-landing,
.forge-dashboard-v349 .hero-landing{
  display:none !important;
}
body.forge-dashboard-v348,
body.forge-dashboard-v349{
  background:
    radial-gradient(circle at 50% -8%,rgba(118,58,9,.15),transparent 30%),
    linear-gradient(#070604,#0a0704 38%,#060504);
}

/* Exact rebuilt left rail */
.forge-left-dashboard-v349{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}
.forge-left-dashboard-v349 .vu-module{order:1}
.forge-left-dashboard-v349 .forge-discover-compact{order:2}
.forge-left-dashboard-v349 .forge-dashboard-tubes{order:3}
.forge-left-dashboard-v349 .forge-dashboard-status{order:4}
.forge-dashboard-tubes{
  display:flex !important;
  align-items:flex-end;
  justify-content:center;
  gap:10px;
  min-height:126px;
  padding:8px 10px !important;
}
.forge-dashboard-tubes .tube{
  display:block !important;
  width:54px;
  min-width:54px;
  height:102px;
}
.forge-dashboard-status{
  display:block !important;
  padding:10px 12px !important;
}
.forge-dashboard-status h3{
  margin:0 0 8px;
  color:#ffc65e;
  font-family:Georgia,serif;
}
.forge-dashboard-status > div{
  margin:7px 0;
  font-size:.82rem;
}

/* Make Discover useful but restrained. */
.forge-left-dashboard-v349 .forge-discover-compact{
  max-height:330px;
  overflow:auto;
}
.forge-winner-chip{
  color:#ffd16d !important;
  border-color:#ae721f !important;
}

/* Make Explore visibly dashboard-size. */
.forge-showcase-compact{
  max-height:185px;
  overflow:hidden;
}
.forge-showcase-compact .forge-content-grid{
  height:auto;
}
.forge-showcase-compact .forge-content-card{
  min-height:78px !important;
}

/* Player becomes the hero of ON AIR. */
.forge-dashboard-v348 .studio-grid{
  margin-top:8px !important;
}
.forge-dashboard-v348 .now-playing{
  min-height:410px;
}

/* Forged Winners */
.forged-winners-link{
  margin-left:auto;
  color:#ffc966;
  text-decoration:none;
  border:1px solid #895317;
  padding:5px 9px;
  border-radius:4px;
}
.forged-winner-card{
  border:1px solid #b37320 !important;
  background:radial-gradient(circle at 50% 25%,rgba(255,142,19,.18),transparent 46%),#100b06 !important;
  text-decoration:none;
}
.forged-winner-art{
  min-height:142px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(214,143,43,.5);
  background:linear-gradient(145deg,#291408,#090705);
  color:#ffd06a;
}
.forged-winner-art span{font-size:3rem}
.forged-winner-art b{text-align:center;letter-spacing:.12em}
.forged-winner-callout{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:14px;
  margin:14px 0;
  border:1px solid #a56a1d;
  background:radial-gradient(circle at 7% 50%,rgba(255,136,16,.18),transparent 18%),#100b06;
}
.forged-winner-callout > div:nth-child(2){display:grid}
.forged-winner-callout span{color:#d89738;font-size:.72rem;letter-spacing:.12em}
.forged-winner-callout strong{color:#ffd06b;font-size:1.2rem}
.forged-winner-trophy{font-size:2.8rem}
.forged-winners-page{max-width:1450px;margin:auto}
.forged-winners-hero{text-align:center;margin-bottom:22px}
.forged-winner-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:14px;
}
.forged-winner-gallery-card{
  display:grid;
  gap:8px;
  text-align:center;
  padding:18px;
  border:1px solid #955b18;
  background:radial-gradient(circle at 50% 18%,rgba(255,130,0,.15),transparent 35%),linear-gradient(#1a1008,#090705);
}
.winner-medallion{font-size:4.6rem;filter:drop-shadow(0 0 14px rgba(255,139,0,.4))}
.winner-label{color:#d99638;font-size:.72rem;letter-spacing:.12em}
.forged-winner-gallery-card h2{margin:2px 0;color:#ffd06a}
.forged-winner-gallery-card h3{margin:0;color:#f1e1c3}
.winner-badge-page{max-width:1500px;margin:auto;text-align:center}
.winner-badge-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:14px}
#forgeWinnerCanvas{
  display:block;
  width:100%;
  max-width:1200px;
  height:auto;
  margin:0 auto;
  border:1px solid #9b601b;
  box-shadow:0 0 25px rgba(255,127,0,.13);
}
@media print{
  body *{visibility:hidden !important}
  #forgeWinnerCanvas,#forgeWinnerCanvas *{visibility:visible !important}
  #forgeWinnerCanvas{position:absolute;left:0;top:0;width:100%}
}
@media(max-width:760px){
  .forged-winner-callout{grid-template-columns:1fr;text-align:center}
}


/* V3.5.0 — Challenge category drawer */
.forge-challenge-discover{display:grid;gap:5px}
.forge-challenge-toggle{justify-content:space-between!important;cursor:pointer}
.forge-challenge-drawer{display:none;border:1px solid #6e4317;background:#0a0705;padding:6px;border-radius:4px;max-height:360px;overflow:auto}
.forge-challenge-drawer.open{display:grid;gap:6px}
.forge-challenge-category{border:1px solid rgba(147,91,28,.48);background:rgba(20,13,7,.82)}
.forge-challenge-category-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:7px 8px;background:transparent;border:0;color:#f3d4a2;cursor:pointer;font:inherit}
.forge-challenge-category-toggle b{min-width:20px;height:20px;border-radius:99px;display:grid;place-items:center;background:#6c3f12;color:#ffd06c;font-size:.66rem}
.forge-challenge-items{display:none;padding:0 5px 5px}
.forge-challenge-category.open .forge-challenge-items{display:grid;gap:4px}
.forge-challenge-item{width:100%;text-align:left;display:grid;gap:2px;padding:7px;border:1px solid rgba(122,75,24,.48);background:linear-gradient(#161008,#0a0705);color:#efd7aa;cursor:pointer}
.forge-challenge-item:hover{border-color:#f69b22;box-shadow:0 0 9px rgba(255,132,0,.12)}
.forge-challenge-item strong{font-size:.72rem}.forge-challenge-item small{font-size:.62rem;color:#b79a72}
.forge-challenge-all{padding:6px 4px 2px;text-align:center;color:#efb45c;font-size:.66rem;text-decoration:none}
.forge-challenge-empty{padding:8px;color:#ad9677;font-size:.7rem}

/* Challenge selected inside the main player window */
.forge-challenge-player-layer{position:absolute;inset:0;z-index:12;display:none;flex-direction:column;background:radial-gradient(circle at 20% 20%,rgba(255,126,0,.13),transparent 25%),linear-gradient(145deg,#130c06,#060504 70%);border-radius:inherit;overflow:auto;color:#f6e4c8}
.now-playing.challenge-playing .forge-challenge-player-layer{display:flex}
.now-playing.challenge-playing .station-video-layer,
.now-playing.challenge-playing .station-youtube-layer,
.now-playing.challenge-playing .artwork,
.now-playing.challenge-playing .track-overlay,
.now-playing.challenge-playing .forge-mic,
.now-playing.challenge-playing .panel-gear,
.now-playing.challenge-playing .spectrum,
.now-playing.challenge-playing .progress-row{display:none!important}
.forge-challenge-player-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #6f4317}
.forge-challenge-player-head span{color:#e3a249;letter-spacing:.12em;font-size:.72rem}
.forge-challenge-player-body{padding:14px;display:grid;gap:12px}
.forge-challenge-player-title span{color:#d99235;letter-spacing:.12em;font-size:.68rem}
.forge-challenge-player-title h2{color:#ffd06e;margin:4px 0;font-size:1.55rem}
.forge-challenge-player-title p{margin:0;color:#cdb898}
#challengePlayerMeta{color:#e0a149;margin-top:5px;font-size:.75rem}
.forge-challenge-player-entries{display:grid;gap:8px}
.forge-challenge-player-entry{display:grid;grid-template-columns:auto minmax(170px,1fr) minmax(220px,1.1fr) auto auto auto;gap:8px;align-items:center;border:1px solid #6f4317;padding:8px;background:rgba(9,7,5,.7)}
.forge-entry-rank{color:#af8b5b;font-size:.72rem}
.forge-entry-copy{display:grid}.forge-entry-copy strong{color:#f7e6c9}.forge-entry-copy span{color:#d0b590;font-size:.75rem}.forge-entry-copy small{color:#937d62;font-size:.64rem}
.forge-challenge-entry-media iframe,.forge-challenge-entry-media video{width:100%;aspect-ratio:16/9;max-height:190px;border:0;background:#000}.forge-challenge-entry-media audio{width:100%}
.forge-entry-votes{color:#e5a544;white-space:nowrap}
.forge-challenge-player-footer{margin-top:auto;padding:10px 12px;border-top:1px solid #6f4317;text-align:right}
.forge-challenge-player-empty{padding:18px;text-align:center;color:#ad9475}

/* Public Challenge hub filters */
.challenge-category-filter{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 16px}
.challenge-category-filter .forge-chip.active{border-color:#ff9f1e;color:#ffd06a;box-shadow:0 0 10px rgba(255,130,0,.12)}
.challenge-card-category{display:inline-block;color:#d89637;font-size:.68rem;letter-spacing:.1em;margin-bottom:3px}

@media(max-width:1050px){.forge-challenge-player-entry{grid-template-columns:1fr 1fr}.forge-challenge-entry-media{grid-column:1/-1}}
@media(max-width:650px){.forge-challenge-player-entry{grid-template-columns:1fr}}

/* V3.5.1 GET FORGED */
#nowMessage{color:#f6bd52;font-weight:800;letter-spacing:1.5px;text-shadow:0 0 10px #ff8a1855}#playBtn{min-height:52px}

/* ============================================================
   THE FORGE V3.5.7 — RESPONSIVE / MOBILE LAYOUT
   Keeps the full desktop dashboard intact and deliberately
   reorganizes the same Forge controls for smaller screens.
   ============================================================ */
html,body{max-width:100%;overflow-x:hidden}
img,video,iframe{max-width:100%}

/* Smaller desktop / tablet: protect the dashboard from crushing. */
@media (max-width:1280px){
  .forge-dashboard-v348 .studio-grid,
  .forge-dashboard-v349 .studio-grid{
    width:min(1180px,98vw)!important;
    grid-template-columns:220px minmax(0,1fr) 270px!important;
    gap:9px!important;
  }
  .forge-dashboard-v348 .now-playing,
  .forge-dashboard-v349 .now-playing{min-height:390px}
  .track-overlay h1{font-size:clamp(30px,4vw,42px)}
  .transport{gap:6px}
  .transport .metal-btn{padding-left:8px;padding-right:8px}
}

/* Tablet / windowed desktop: player first, support panels after it. */
@media (max-width:1024px){
  .forge-dashboard-v348 .studio-grid,
  .forge-dashboard-v349 .studio-grid,
  .studio-grid{
    display:flex!important;
    flex-direction:column!important;
    width:min(940px,96vw)!important;
    gap:10px!important;
  }
  .center-stack{order:1!important;min-width:0}
  .forge-left-dashboard,
  .forge-left-dashboard-v349{order:2!important}
  .right-stack{order:3!important}

  .forge-dashboard-v348 .now-playing,
  .forge-dashboard-v349 .now-playing,
  .now-playing{min-height:410px!important}

  .forge-left-dashboard,
  .forge-left-dashboard-v349{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    align-items:stretch;
  }
  .forge-left-dashboard .vu-module,
  .forge-left-dashboard-v349 .vu-module{display:block!important;order:1!important}
  .forge-left-dashboard .forge-discover-compact,
  .forge-left-dashboard-v349 .forge-discover-compact{order:2!important;max-height:none!important}
  .forge-left-dashboard .forge-dashboard-tubes,
  .forge-left-dashboard-v349 .forge-dashboard-tubes{order:3!important}
  .forge-left-dashboard .forge-dashboard-status,
  .forge-left-dashboard-v349 .forge-dashboard-status{order:4!important}

  .right-stack{
    display:grid!important;
    grid-template-columns:minmax(0,1.5fr) minmax(220px,.75fr)!important;
    gap:10px!important;
  }
  .right-stack>.panel:first-child{grid-row:span 2;max-height:520px!important;overflow:auto}
  .right-stack .log-panel,.right-stack .station-id-panel{min-width:0}

  .forge-showcase-compact{max-height:none!important;overflow:visible!important;width:min(940px,96vw)}
  .forge-showcase-compact .forge-content-grid{grid-template-columns:repeat(5,minmax(120px,1fr))!important;gap:7px!important}
  .forge-showcase-compact .forge-content-card{min-height:72px!important;padding:8px!important}
  .forge-showcase-compact .forge-content-card p{display:none}

  .transport{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .transport .metal-btn{min-height:42px;white-space:normal;line-height:1.05}
  .now-playing-playlist{grid-template-columns:1fr 1fr!important}
  .source-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
}

/* Phone / narrow tablet: purpose-built mobile Forge. */
@media (max-width:700px){
  body{font-size:15px}
  .site-header,.topbar{position:static!important;padding-left:10px!important;padding-right:10px!important}
  .topbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}
  .topbar nav,.top-nav{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:6px!important;padding-bottom:5px;scrollbar-width:thin}
  .topbar nav a,.top-nav a{flex:0 0 auto;white-space:nowrap}
  .forge-plate-brand img,.brand img{max-width:min(92vw,520px)!important;height:auto!important}

  .forge-showcase-compact{
    width:94vw!important;
    margin:8px auto!important;
    padding:9px!important;
  }
  .forge-showcase-head h2{font-size:1.18rem;margin:3px 0}
  .forge-showcase-head p{display:none}
  .forge-showcase-compact .forge-content-grid{
    display:flex!important;
    overflow-x:auto!important;
    gap:7px!important;
    padding-bottom:5px;
    scroll-snap-type:x proximity;
  }
  .forge-showcase-compact .forge-content-card{
    flex:0 0 132px!important;
    min-height:70px!important;
    scroll-snap-align:start;
  }
  .forge-showcase-compact .forge-content-card small{font-size:.62rem}

  .forge-dashboard-v348 .studio-grid,
  .forge-dashboard-v349 .studio-grid,
  .studio-grid{width:94vw!important;margin-left:auto!important;margin-right:auto!important}

  /* Make Now Playing the immediate focus on a phone. */
  .center-stack{order:1!important}
  .forge-left-dashboard,.forge-left-dashboard-v349{order:2!important}
  .right-stack{order:3!important}

  .forge-dashboard-v348 .now-playing,
  .forge-dashboard-v349 .now-playing,
  .now-playing{
    min-height:340px!important;
    height:auto!important;
    border-radius:8px;
  }
  .track-overlay{padding:30px 12px 55px!important}
  .track-overlay small{font-size:14px!important}
  .track-overlay h1{font-size:clamp(25px,8vw,34px)!important;line-height:1.04;overflow-wrap:anywhere}
  .track-overlay h2{font-size:clamp(17px,5.5vw,23px)!important;overflow-wrap:anywhere}
  .track-overlay p{font-size:.72rem;margin-top:18px!important}
  .on-air-sign{right:10px!important;top:10px!important;font-size:.68rem!important;padding:6px 8px!important}
  .progress-row{left:10px!important;right:10px!important;bottom:8px!important;font-size:.7rem;gap:5px}
  .artwork-fallback{padding:24px 12px!important;text-align:center;font-size:.78rem}
  .station-youtube-layer,#youtubePlayerHost,.station-youtube-layer iframe{width:100%!important;height:100%!important}

  /* Touch-first player controls. */
  .transport{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    padding:8px!important;
  }
  .transport .metal-btn{min-height:46px!important;font-size:.76rem!important;padding:8px 5px!important}
  #playBtn{font-size:.88rem!important}
  .source-actions{padding:8px!important;font-size:.72rem}
  .source-actions .metal-btn{width:100%}

  .now-playing-playlist{grid-template-columns:1fr!important;gap:7px!important;padding:9px!important}
  .now-playing-playlist .metal-btn,.now-playing-playlist select,.now-playing-playlist input{width:100%;min-height:44px}

  /* Keep the Forge personality, but stop side panels dominating the screen. */
  .forge-left-dashboard,
  .forge-left-dashboard-v349{display:flex!important;flex-direction:column!important;gap:8px!important}
  .forge-left-dashboard .vu-module,
  .forge-left-dashboard-v349 .vu-module{display:block!important;order:1!important;padding:9px!important}
  .forge-left-dashboard .forge-discover-compact,
  .forge-left-dashboard-v349 .forge-discover-compact{order:2!important;padding:9px!important;max-height:none!important;overflow:visible!important}
  .forge-left-dashboard .forge-dashboard-tubes,
  .forge-left-dashboard-v349 .forge-dashboard-tubes{order:3!important;min-height:92px!important;padding:4px!important}
  .forge-dashboard-tubes .tube{width:42px!important;min-width:42px!important;height:80px!important;transform:scale(.86)}
  .forge-left-dashboard .forge-dashboard-status,
  .forge-left-dashboard-v349 .forge-dashboard-status{order:4!important}
  .forge-discover-buttons{grid-template-columns:1fr 1fr!important}
  .forge-discover-buttons .genre-chip{min-height:42px!important;font-size:.72rem!important}
  .clock{font-size:clamp(23px,8vw,30px)!important}
  .clock-label{font-size:.68rem!important}

  .right-stack{display:flex!important;flex-direction:column!important;gap:8px!important}
  .right-stack>.panel:first-child{order:1!important;max-height:420px!important;overflow:auto!important}
  .right-stack .station-id-panel{order:2!important}
  .right-stack .log-panel{order:3!important;max-height:220px;overflow:auto}
  .track-row{min-height:52px;padding:7px 4px!important}
  .play-track,.heart{min-width:42px!important;min-height:42px!important}
  .track-meta{min-width:0}.track-meta strong,.track-meta small{overflow-wrap:anywhere}

  .forge-live-challenge-strip{width:94vw!important;padding:10px!important;gap:7px!important}
  .forge-live-trophy{font-size:1.8rem!important}
  .forge-live-challenge-actions{display:grid!important;grid-template-columns:1fr!important}
  .forge-live-challenge-actions .metal-btn{min-height:44px}

  .forge-public-stats{width:94vw!important;grid-template-columns:1fr 1fr!important;gap:5px!important}
  .forge-activity,.discovery-shelves{width:94vw!important;margin-left:auto!important;margin-right:auto!important}
  .shelf-head{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important}
  .forged-winners-link{margin-left:0!important}
  .card-row{
    display:flex!important;
    overflow-x:auto!important;
    gap:9px!important;
    scroll-snap-type:x proximity;
    padding-bottom:7px;
  }
  .music-card{flex:0 0 156px!important;scroll-snap-align:start}

  /* Challenge overlay must remain usable inside the smaller player. */
  .forge-challenge-player-layer{padding:8px!important;overflow:auto!important}
  .forge-challenge-player-head{flex-wrap:wrap;gap:6px}
  .forge-challenge-player-title h2{font-size:1.25rem!important}
  .forge-challenge-player-entry{grid-template-columns:1fr!important}
  .forge-challenge-player-footer .metal-btn{width:100%;min-height:44px}

  footer{padding-left:10px!important;padding-right:10px!important}
}

/* Extra-small phones. */
@media (max-width:420px){
  .forge-dashboard-v348 .studio-grid,
  .forge-dashboard-v349 .studio-grid,
  .studio-grid,.forge-showcase-compact,.forge-live-challenge-strip,.forge-public-stats,.forge-activity,.discovery-shelves{width:96vw!important}
  .now-playing{min-height:315px!important}
  .forge-discover-buttons{grid-template-columns:1fr!important}
  .transport .metal-btn{font-size:.7rem!important}
  .forge-public-stats{grid-template-columns:1fr 1fr!important}
  .music-card{flex-basis:145px!important}
}



/* V3.6.0 — tester onboarding visibility */
.nav-register-cta,.new-listener-register{
  font-weight:900!important;
  letter-spacing:.04em;
  box-shadow:0 0 0 2px rgba(255,177,59,.38),0 0 18px rgba(255,145,25,.28)!important;
}
@media (max-width:900px){
  .nav-register-cta{order:-1;width:100%;text-align:center;margin:.35rem 0!important;padding:.8rem 1rem!important}
}

/* V3.7.0 - ENGAGEMENT */
.forge-challenge-main-event{position:relative;border-width:2px!important;box-shadow:0 0 28px rgba(255,126,0,.16)!important}
.forge-main-event-label{font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#ffc45e;font-size:.72rem}
.forge-challenge-main-event>.forge-main-event-label{grid-column:1/-1;text-align:center;margin:-2px 0 2px}
.track-comment-btn{border:1px solid rgba(255,255,255,.18);background:transparent;color:#efc27e;border-radius:7px;padding:5px 8px;cursor:pointer}
.forge-comment-modal{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.82);display:grid;place-items:center;padding:18px}.forge-comment-modal[hidden]{display:none}
.forge-comment-dialog{position:relative;width:min(680px,96vw);max-height:86vh;overflow:auto;background:#100b07;border:1px solid #9b601b;border-radius:12px;padding:22px;box-shadow:0 18px 60px #000}
.forge-comment-close{position:absolute;right:12px;top:8px;background:none;border:0;color:#f2c47f;font-size:1.8rem;cursor:pointer}.forge-comment-list{display:grid;gap:9px;margin:15px 0}.forge-comment{border:1px solid rgba(225,151,51,.24);border-radius:8px;padding:10px}.forge-comment p{margin:5px 0 0;white-space:pre-wrap}
#forgeCommentBody{width:100%;min-height:90px;box-sizing:border-box;margin:8px 0;padding:10px;background:#080604;color:#eee;border:1px solid #6e4317}

/* V3.7.1 COMMENTS VISIBLE FIX */
.track-row .track-comment-btn{width:36px;min-width:36px;height:32px;display:grid;place-items:center;padding:0;border:1px solid #8f5718;border-radius:4px;background:linear-gradient(#211307,#0b0805);color:#ffbc52;cursor:pointer;font-size:16px}
.forge-comment-modal{position:fixed;inset:0;z-index:10050;background:rgba(0,0,0,.82);display:grid;place-items:center;padding:18px}.forge-comment-modal[hidden]{display:none!important}
.forge-comment-dialog{position:relative;width:min(680px,96vw);max-height:86vh;overflow:auto;padding:22px;background:#111;border:1px solid #9b601b;border-radius:10px;color:#f3d4a2}
.forge-comment-close{position:absolute;right:12px;top:8px;background:none;border:0;color:#ffba4a;font-size:28px;cursor:pointer}
.forge-comments-kicker{color:#f7a42b;font-weight:900;letter-spacing:.15em}.forge-comment-list{display:grid;gap:9px;margin:16px 0}
.forge-comment{padding:10px 12px;border:1px solid rgba(185,111,26,.45);border-radius:6px}.forge-comment p{margin:5px 0 0;white-space:pre-wrap}
#forgeCommentBody{width:100%;min-height:92px;box-sizing:border-box;padding:10px;margin:8px 0;background:#090705;color:#f6e5c9;border:1px solid #875119}

/* V3.7.3 CURRENT BUILD COMMENT LAYOUT */
.track-row{grid-template-columns:36px minmax(0,1fr) 76px!important}
.track-row-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:5px;width:76px;min-width:76px}
.track-row-actions .heart,.track-row-actions .track-comment-btn{box-sizing:border-box!important;width:34px!important;min-width:34px!important;height:32px!important;min-height:32px!important;padding:0!important}
.track-row-actions .track-comment-btn{display:grid!important;place-items:center}
#commentsNowBtn{white-space:nowrap}

/* V3.8 COPYRIGHT & CREATOR RIGHTS */
.forge-rights-footer{align-items:center;flex-wrap:wrap}
.forge-rights-footer a{color:#ffc05c;text-decoration:none;font-weight:700}
.forge-rights-footer a:hover{text-decoration:underline}
.creator-rights-box{border:1px solid #8b5a24;background:linear-gradient(180deg,#171008,#0b0805);padding:16px;border-radius:7px;box-shadow:inset 0 0 0 1px #2c1b0d}
.creator-rights-box h3{margin:0 0 8px;color:#ffc05c;font-family:Georgia,serif}
.creator-rights-box p{margin:7px 0 12px;color:#cdb18b}
.creator-rights-box .check{padding:8px 0;border-top:1px solid #342417;color:#ead3ae}
.creator-rights-box a{color:#ffc05c}
.forge-rights-policy{max-width:980px;margin:30px auto;padding:28px;line-height:1.65}
.forge-rights-policy h1,.forge-rights-policy h2{color:#ffc05c;font-family:Georgia,serif}
.forge-rights-policy h2{margin-top:24px;font-size:20px}

/* V3.9 CHALLENGE HUB */
.v39-challenge-hub{display:grid;gap:18px}.v39-main-event{text-align:center;padding:26px 18px;border:1px solid #9a5d19;background:radial-gradient(circle at 50% 0,rgba(255,139,24,.18),transparent 52%),linear-gradient(180deg,#1b1007,#090605);box-shadow:0 0 28px rgba(255,126,0,.14)}.v39-main-event h1{margin:5px 0;color:#ffd06d;font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.6rem)}.v39-main-event p{margin:0;color:#ff9d26;font-weight:900;letter-spacing:.17em}.v39-main-event small{display:block;margin-top:9px;color:#bfa27b}.v39-kicker{color:#ffab39;font-size:.74rem;font-weight:900;letter-spacing:.17em}.v39-type-filter{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.v39-type-badge{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid #86511d;border-radius:99px;font-size:.65rem;font-weight:900;letter-spacing:.08em;background:#171009;color:#f4d3a3}.v39-type-badge.type-official,.type-official.active{border-color:#ee931f;color:#ffd16b}.v39-type-badge.type-community,.type-community.active{border-color:#7899a9;color:#cceeff}.v39-type-badge.type-sponsored,.type-sponsored.active{border-color:#aa78b8;color:#f1c9ff}.v39-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.v39-challenge-card{display:grid;gap:7px;position:relative}.v39-challenge-card.type-official{box-shadow:inset 3px 0 0 #d98318}.v39-challenge-card.type-community{box-shadow:inset 3px 0 0 #6d95a8}.v39-challenge-card.type-sponsored{box-shadow:inset 3px 0 0 #9666a5}.v39-card-stats{margin-top:auto;padding-top:8px;border-top:1px solid rgba(147,91,28,.35);color:#d7b98e}.v39-card-stats span{opacity:.45;margin:0 4px}.v39-sponsored-by{color:#b89c78}.v39-prize{padding:8px 10px;border:1px solid rgba(217,142,44,.5);background:rgba(80,45,10,.24);color:#f0c270;border-radius:4px}.v39-detail-type-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#bda37e}.v39-detail-prize{margin:10px 0 15px}.v39-create-community{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(360px,1.2fr);gap:18px;padding:20px;border:1px solid #704519;background:linear-gradient(145deg,#130d08,#080605)}.v39-create-community h2{color:#ffd06d;margin:5px 0}.v39-community-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v39-community-form label{display:grid;gap:4px}.v39-community-form label:nth-child(3),.v39-community-form label:nth-child(4),.v39-community-form label:nth-child(5),.v39-community-form button,.v39-community-form>small{grid-column:1/-1}.v39-community-form input,.v39-community-form textarea,.v39-community-form select{width:100%}.v39-admin-create{grid-template-columns:repeat(2,minmax(180px,1fr))}.v39-admin-challenge-card{display:flex!important;justify-content:space-between;gap:12px;align-items:center}.v39-admin-challenge-card>div:first-child{display:grid;gap:4px}.v39-admin-challenge-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.v39-pending-badge{display:inline-block;width:max-content;padding:3px 7px;background:#7f4d08;color:#ffd27c;border:1px solid #c17b18;font-size:.62rem;font-weight:900;letter-spacing:.08em}@media(max-width:760px){.v39-create-community{grid-template-columns:1fr}.v39-community-form{grid-template-columns:1fr}.v39-community-form>*{grid-column:1!important}.v39-admin-challenge-card{align-items:stretch;flex-direction:column}.v39-admin-challenge-actions{justify-content:flex-start}}


/* V3.91 — THE FORGE ARENA / BATTLE OF THE BANDS */
.v391-arena{display:grid;gap:18px;background:#080604!important;overflow:hidden}.v391-arena-hero{position:relative;min-height:440px;border:1px solid #7d4819;background:url('/static/images/forge_arena_battle.jpg') center 27%/cover no-repeat;box-shadow:inset 0 0 70px #000,0 0 32px rgba(255,91,0,.18)}.v391-arena-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.05) 48%,rgba(0,0,0,.9)),linear-gradient(90deg,rgba(0,0,0,.12),transparent 35%,transparent 65%,rgba(0,0,0,.12))}.v391-arena-copy{position:absolute;left:5%;right:5%;bottom:20px;text-align:center;text-shadow:0 3px 10px #000}.v391-arena-copy h1{font:900 clamp(2.7rem,7vw,5.6rem)/.9 Georgia,serif;margin:5px;color:#eee;letter-spacing:.02em}.v391-arena-copy h2{margin:8px;color:#f19a35;letter-spacing:.16em}.v391-arena-copy p{font-weight:900;letter-spacing:.08em}.v391-main-stage{width:min(840px,92%);margin:-58px auto 0;position:relative;z-index:2;text-align:center;padding:24px;border:2px solid #84501f;background:linear-gradient(#21150c,#0b0806);box-shadow:0 12px 38px #000,inset 0 0 30px rgba(255,111,0,.08)}.v391-stage-label{color:#ff8b24;font-weight:900;letter-spacing:.14em}.v391-main-stage h2{font-size:clamp(1.8rem,4vw,3rem);margin:8px;color:#f4e6d0}.v391-stage-stats{color:#c9a67a;margin:14px}.v391-stage-stats span{margin:0 8px;color:#754b28}.v391-stage-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.v391-arena-grid{display:grid;grid-template-columns:1.25fr .65fr 1.1fr;gap:14px}.v391-bill,.v391-winners,.v391-forged-mark{border:1px solid #68431f;background:linear-gradient(180deg,#15100c,#090706);padding:15px;box-shadow:inset 0 0 0 1px #24170d}.v391-section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #5e3a1c;padding-bottom:8px;margin-bottom:6px}.v391-section-head h2{font-size:1.05rem;color:#ffc46b;margin:0}.v391-section-head span,.v391-section-head a{font-size:.67rem;color:#cba270}.v391-bill-row{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;padding:10px 3px;border-bottom:1px solid #2e2116;color:#eee;text-decoration:none}.v391-bill-row>span{color:#ff9e2c}.v391-bill-row div{display:grid}.v391-bill-row small{color:#8f8172}.v391-bill-row em{font-size:.62rem;color:#e9a64b;font-style:normal}.v391-forged-mark{text-align:center;display:grid;place-content:center;min-height:210px}.v391-anvil{font-size:4rem;filter:drop-shadow(0 0 12px #d06d12)}.v391-forged-mark h2{color:#e4d1b4;letter-spacing:.08em}.v391-winner-wall>div{min-height:125px;display:grid;place-content:center;text-align:center;border:1px solid #50341d;background:radial-gradient(circle,rgba(182,96,18,.18),transparent 60%);font-size:2rem}.v391-winner-wall b,.v391-winner-wall small{display:block;font-size:.78rem;margin-top:6px}.v391-winner-wall small{color:#9f8a70}.v391-winners>.metal-btn{margin-top:10px;width:100%;box-sizing:border-box;text-align:center}@media(max-width:900px){.v391-arena-grid{grid-template-columns:1fr}.v391-arena-hero{min-height:360px}.v391-main-stage{margin:-35px auto 0}}@media(max-width:560px){.v391-arena-hero{min-height:300px}.v391-arena-copy h1{font-size:2.35rem}.v391-arena-copy h2{font-size:.9rem}.v391-arena-copy p{font-size:.65rem}.v391-main-stage{width:auto;margin:-22px 8px 0}.v391-bill-row{grid-template-columns:22px 1fr}.v391-bill-row em{grid-column:2}}


/* V3.91 ARENA FULL-WIDTH HOTFIX — 2026-09-15 */
/* challenges.html uses form-card/wide-form; override those limits only for Arena */
.form-card.wide-form.v391-arena,
section.form-card.wide-form.v391-arena,
.v391-arena.wide-form,
.v391-arena.form-card {
  width:100% !important;
  max-width:1770px !important;
  margin:14px auto !important;
  padding:14px !important;
}
.v391-arena .v391-arena-hero { width:100% !important; }
.v391-arena .v391-arena-grid { width:100% !important; }
@media (min-width:1800px){
  .form-card.wide-form.v391-arena,section.form-card.wide-form.v391-arena,.v391-arena.wide-form,.v391-arena.form-card{max-width:calc(100vw - 28px) !important;}
}


/* V3.91 ARENA CLEAN HERO HOTFIX — 2026-09-15
   The arena artwork already contains THE FORGE ARENA / BATTLE OF THE BANDS.
   Hide the duplicate HTML hero copy while preserving the artwork and live challenge card. */
.v391-arena .v391-arena-copy{
  display:none !important;
}

/* V3.91 ARENA SEPARATE-STAGE FIX — 2026-09-15
   Keep the live challenge card BELOW the Arena artwork instead of overlapping it. */
.v391-arena .v391-main-stage{
  margin:0 auto !important;
  position:relative !important;
  z-index:2 !important;
}
@media(max-width:900px){
  .v391-arena .v391-main-stage{margin:0 auto !important;}
}
@media(max-width:560px){
  .v391-arena .v391-main-stage{margin:0 8px !important;width:auto !important;}
}

/* ============================================================
   THE FORGE V3.91 — INTEGRATED LIVE ARENA
   Matched with challenges.html. Keeps artwork as the interface.
   ============================================================ */
.v391-arena{
  width:100%!important;
  max-width:1770px!important;
  margin:14px auto!important;
  padding:14px!important;
}
.v391-arena-hero{
  position:relative!important;
  width:100%!important;
  min-height:440px!important;
  overflow:hidden!important;
  background:url('/static/images/forge_arena_battle.jpg') center 27%/cover no-repeat!important;
}
.v391-arena-copy,.v391-main-stage{display:none!important}
.v391-arena-shade{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.02) 44%,rgba(0,0,0,.18) 100%)!important;
  pointer-events:none;
}
.v391-live-arena-panel{
  position:absolute;
  z-index:4;
  left:39%;
  width:34%;
  top:46%;
  min-height:43%;
  padding:10px 14px 12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:1px solid rgba(201,119,35,.78);
  background:linear-gradient(180deg,rgba(20,12,7,.94),rgba(7,6,5,.94));
  box-shadow:inset 0 0 25px rgba(255,118,20,.09),0 7px 24px rgba(0,0,0,.62);
}
.v391-live-kicker{color:#ff9d32;font-size:.72rem;font-weight:900;letter-spacing:.16em;margin-bottom:4px}
.v391-live-arena-panel .v39-type-badge{margin:1px 0 3px}
.v391-live-arena-panel h2{
  margin:3px 0!important;
  color:#f3e6d0!important;
  font:900 clamp(1.05rem,2vw,2rem)/1.05 Georgia,serif!important;
}
.v391-live-arena-panel p{
  margin:4px 0!important;
  max-width:95%;
  color:#d8c6aa;
  font-size:clamp(.62rem,.82vw,.82rem);
  line-height:1.25;
}
.v391-live-arena-panel .v391-stage-stats{
  margin:5px 0 7px!important;
  font-size:clamp(.58rem,.72vw,.76rem);
}
.v391-live-arena-panel .v391-stage-actions{gap:7px}
.v391-live-arena-panel .metal-btn{padding:8px 10px;font-size:clamp(.6rem,.72vw,.78rem)}

.v391-hotspot{
  position:absolute;
  z-index:7;
  left:.7%;
  width:12.6%;
  height:18%;
  border:1px solid transparent;
  border-radius:3px;
  background:transparent;
  cursor:pointer;
}
.v391-hotspot:hover,.v391-hotspot:focus{
  border-color:rgba(255,157,39,.72);
  background:rgba(255,126,20,.07);
  box-shadow:0 0 16px rgba(255,126,20,.25);
  outline:none;
}
.v391-hotspot-current{top:12%}
.v391-hotspot-upnext{top:32%}
.v391-hotspot-submit{top:52%}
.v391-hotspot-leaderboard{top:72%}
.v391-hotspot-winners{top:92%}

@media(max-width:900px){
  .v391-arena-hero{min-height:360px!important}
  .v391-live-arena-panel{left:34%;width:43%;top:43%;min-height:48%;padding:8px}
  .v391-live-arena-panel p{display:none}
  .v391-hotspot{width:14%}
}
@media(max-width:560px){
  .v391-arena-hero{min-height:300px!important}
  .v391-live-arena-panel{left:30%;width:52%;top:42%;min-height:50%;padding:6px}
  .v391-live-arena-panel .v391-stage-actions{display:grid;width:100%}
  .v391-live-arena-panel .metal-btn{padding:6px 5px}
}

/* ==========================================================
   THE FORGE V3.91 — STARTUP BROADCAST BACKGROUND FIX
   The image is already loading successfully (HTTP 200).
   This override places it on the artwork fallback layer that
   is actually visible before GET FORGED starts playback.
   ========================================================== */
.now-playing .artwork-fallback{
  background:
    linear-gradient(90deg,rgba(3,5,6,.42),rgba(7,4,2,.25)),
    url("/static/images/forge_ai_radio_banner.jpg") center center / cover no-repeat !important;
  color:#f2c26a;
  position:relative;
}

/* Keep startup text and Forge controls above the background. */
.now-playing .track-overlay{
  position:relative;
  z-index:6;
}

/* Preserve normal video / YouTube playback behavior. */
.now-playing.video-playing .artwork-fallback,
.now-playing.youtube-playing .artwork-fallback{
  visibility:hidden !important;
}



/* ==========================================================
   THE FORGE V3.92 — BROADCAST EDITION
   Real HTML/CSS treatment inspired by the approved mockup.
   No screenshot is baked into the player background.
   ========================================================== */
body.forge-dashboard-v348,body.forge-dashboard-v349{
  background:
    radial-gradient(circle at 50% 18%,rgba(255,118,15,.08),transparent 26%),
    linear-gradient(180deg,#080604 0%,#030303 48%,#090603 100%);
}
.topbar{border-bottom:2px solid #9b5716;box-shadow:0 5px 24px #000,0 1px 10px rgba(255,128,18,.12)}
.topbar nav a{transition:.18s ease}
.topbar nav a:hover{border-color:#ff9c1b!important;color:#ffe0a1!important;box-shadow:0 0 14px rgba(255,126,16,.28)}
.topbar nav .nav-auth-login{border-color:#d9742a!important;color:#fff0c8!important;box-shadow:inset 0 0 10px rgba(255,111,26,.08)}
.topbar nav .nav-register-cta{border-color:#ff8c18!important;color:#fff1c5!important;background:linear-gradient(#45180b,#1d0d07)!important;box-shadow:0 0 15px rgba(255,93,15,.34),inset 0 0 12px rgba(255,139,26,.12)!important}

.now-playing.forge-radio-startup{
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 48%,rgba(255,132,20,.23),transparent 24%),
    radial-gradient(circle at 14% 48%,rgba(255,111,10,.16),transparent 18%),
    radial-gradient(circle at 86% 48%,rgba(255,111,10,.16),transparent 18%),
    repeating-linear-gradient(90deg,transparent 0 48px,rgba(133,77,28,.06) 49px 50px),
    linear-gradient(155deg,#090807 0%,#17100a 48%,#050505 100%)!important;
}
.now-playing.forge-radio-startup:after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.62;
  background:
    radial-gradient(circle at 8% 52%,#080706 0 44px,#7d481c 45px 47px,#111 48px 62px,#050505 63px 100px,transparent 101px),
    radial-gradient(circle at 92% 52%,#080706 0 44px,#7d481c 45px 47px,#111 48px 62px,#050505 63px 100px,transparent 101px),
    linear-gradient(180deg,transparent 0 72%,rgba(255,116,14,.08) 73%,transparent 74%);
}
.now-playing.forge-radio-startup .artwork-fallback{
  background:transparent!important;
  opacity:.14!important;
}
.now-playing.forge-radio-startup .track-overlay{z-index:7!important;max-width:900px;margin:auto;padding:54px 24px 110px!important}
.now-playing.forge-radio-startup .track-overlay small{color:#ffb23f!important;font-size:clamp(12px,1.1vw,17px)!important;letter-spacing:.2em!important}
.now-playing.forge-radio-startup .track-overlay h1{font-size:clamp(48px,6.2vw,88px)!important;line-height:.92!important;color:#f7ead0!important;text-shadow:0 4px 2px #000,0 0 22px rgba(255,126,17,.34)!important}
.now-playing.forge-radio-startup .track-overlay h2{font-size:clamp(18px,2.1vw,30px)!important;color:#ffc15d!important;margin-top:14px!important;text-shadow:0 2px 8px #000!important}
.forge-startup-subline{font-size:clamp(11px,1vw,15px)!important;color:#d9bd91!important;font-weight:700!important;letter-spacing:.08em!important;margin-top:12px!important}
#forgeStartupPrompt{display:inline-block!important;margin-top:22px!important;padding:14px 28px!important;border:1px solid #c77920!important;border-radius:4px;background:linear-gradient(#28170c,#0b0805)!important;color:#ffe1a0!important;font-size:clamp(13px,1.25vw,18px)!important;box-shadow:0 0 18px rgba(255,123,17,.25),inset 0 0 18px rgba(255,123,17,.08)!important}
#playBtn.forge-get-forged{background:linear-gradient(#4b1d0c,#160b06)!important;border-color:#ff9b20!important;color:#fff0c5!important;box-shadow:0 0 18px rgba(255,112,14,.48),inset 0 0 14px rgba(255,133,23,.15)!important;font-size:1rem!important}
#playBtn.forge-get-forged:hover{transform:translateY(-1px);box-shadow:0 0 28px rgba(255,112,14,.65),inset 0 0 16px rgba(255,133,23,.2)!important}
.panel,.forge-showcase{box-shadow:inset 0 0 0 1px rgba(255,147,35,.035),0 8px 24px rgba(0,0,0,.25)}
.build-badge{border-color:#c8771d!important;color:#ffc15d!important;background:#0c0805e8!important}

@media(max-width:700px){
 .topbar nav .nav-auth-login,.topbar nav .nav-register-cta{font-weight:900!important}
 .now-playing.forge-radio-startup .track-overlay{padding:38px 12px 82px!important}
 .now-playing.forge-radio-startup .track-overlay h1{font-size:clamp(38px,13vw,58px)!important}
 #forgeStartupPrompt{padding:11px 14px!important}
}


/* THE FORGE V3.92 — REAL STUDIO HERO BACKGROUND */
.now-playing.forge-radio-startup,
.now-playing{
  background:
    linear-gradient(90deg,rgba(2,2,2,.28),rgba(0,0,0,.12),rgba(2,2,2,.30)),
    url("/static/images/forge_broadcast_studio.jpg") center center / cover no-repeat !important;
}
.now-playing .artwork-fallback{
  background:transparent !important;
}
.now-playing.forge-radio-startup:before{
  background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.02) 50%,rgba(0,0,0,.38)) !important;
}
.now-playing .track-overlay{
  z-index:8 !important;
  text-shadow:0 3px 12px #000,0 0 16px #000;
}


/* THE FORGE V3.92 — remove obsolete CSS speaker circles.
   Real speakers/equipment now live in forge_broadcast_studio.jpg. */
.now-playing.forge-radio-startup:after{
  background:
    linear-gradient(180deg,transparent 0 72%,rgba(255,116,14,.08) 73%,transparent 74%) !important;
}

/* ============================================================
   THE FORGE V3.93 — CLEAN DECK DIRECT REPLACEMENT
   Built directly from the live station.css supplied 2026-09-15.
   ============================================================ */
.forge-v393-toggle{
  width:100%!important;
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:10px 12px!important;
  border:1px solid #8d5316!important;
  border-radius:5px!important;
  background:linear-gradient(90deg,rgba(50,27,10,.98),rgba(12,9,6,.98))!important;
  color:#ffc45e!important;
  cursor:pointer!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  box-shadow:inset 0 0 18px rgba(255,151,39,.04),0 2px 8px rgba(0,0,0,.35)!important;
}
.forge-v393-toggle:hover{
  border-color:#d48525!important;
  box-shadow:0 0 12px rgba(222,126,25,.18)!important;
}
.forge-v393-toggle b{color:#e79631!important;font-size:1rem!important}

/* EVERYTHING OPTIONAL STARTS CLOSED */
.forge-v393-collapse-body{display:none!important}
.forge-v393-collapse-body.forge-v393-open{display:block!important}

/* Discover */
#discover{padding:7px!important}
#discover .forge-v393-discover-toggle{margin:0!important}
#discover .forge-v393-collapse-body.forge-v393-open{padding-top:7px!important}

/* Player primary row */
.forge-v393-primary-transport{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:7px!important;
}
.forge-v393-primary-transport .metal-btn{min-width:0!important}

/* Player tools dropdown */
.forge-v393-tools-toggle{margin-top:7px!important}
.forge-v393-tools.forge-v393-open{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  padding:8px!important;
  margin-bottom:7px!important;
  border:1px solid rgba(134,79,20,.65)!important;
  border-radius:5px!important;
  background:rgba(13,9,6,.92)!important;
}
.forge-v393-tools .metal-btn{flex:1 1 150px!important}

/* Branded Featured / New Releases headers */
.forge-v393-shelf-hero{
  min-height:92px!important;
  display:flex!important;
  align-items:center!important;
  padding:14px 18px!important;
  border:1px solid rgba(141,83,22,.6)!important;
  border-radius:6px 6px 0 0!important;
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 78% 45%,rgba(238,131,26,.22),transparent 28%),
    linear-gradient(115deg,rgba(51,27,9,.97),rgba(9,7,5,.98))!important;
}
.forge-v393-shelf-hero:after{
  content:"THE FORGE";
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  font-size:clamp(1.8rem,4vw,4rem);
  font-weight:900;
  letter-spacing:.08em;
  color:rgba(255,171,70,.07);
  white-space:nowrap;
}
.forge-v393-shelf-hero strong{
  display:block!important;
  color:#ffc45e!important;
  font-size:1.08rem!important;
  letter-spacing:.08em!important;
}
.forge-v393-shelf-hero small{
  display:block!important;
  color:#bca681!important;
  margin-top:4px!important;
}
.forge-v393-slider.forge-v393-open{display:flex!important}

/* Hidden-content cue */
.forge-v393-more-cue{
  text-align:right!important;
  color:#c7832e!important;
  font-size:.67rem!important;
  letter-spacing:.08em!important;
  padding:5px 4px 0!important;
  opacity:.9!important;
}
.forge-v393-explore-cue{padding-right:10px!important}

/* Missing art fallback */
.forge-v393-fallback-art{
  position:relative!important;
  overflow:hidden!important;
  background:none!important;
}
.forge-v393-fallback-art:before{
  content:"THE FORGE";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding:8px;
  text-align:center;
  color:#ffd086;
  font-weight:900;
  letter-spacing:.09em;
  text-shadow:0 2px 7px #000;
  background:
    radial-gradient(circle at 50% 42%,rgba(241,135,25,.28),transparent 24%),
    linear-gradient(135deg,#351b08,#0a0705 68%);
}
.forge-v393-fallback-art.forge-v393-fallback-1:before{
  content:"FORGED RELEASE";
  background:
    radial-gradient(circle at 50% 50%,rgba(236,131,29,.23),transparent 28%),
    linear-gradient(45deg,#0b0806,#44240b);
}
.forge-v393-fallback-art.forge-v393-fallback-2:before{
  content:"AI RADIO";
  background:linear-gradient(135deg,#0b0806,#2b1608 60%,#0b0806);
}

@media(max-width:700px){
  .forge-v393-primary-transport{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .forge-v393-shelf-hero{
    min-height:76px!important;
    padding:10px 12px!important;
  }
  .forge-v393-shelf-hero strong{font-size:.92rem!important}
  .forge-v393-shelf-hero small{font-size:.68rem!important}
}


/* ============================================================
   V3.94 MOBILE FORGE LAYOUT
   Desktop remains the Forge control room. Phones become a radio-first app.
   ============================================================ */
.forge-mobile-bottom-nav{display:none}
.forge-video-hub{width:min(1400px,96vw);margin:18px auto;padding:16px;box-sizing:border-box}
.forge-video-hub-head{display:flex;align-items:end;justify-content:space-between;gap:18px;border-bottom:1px solid #5e3a1c;padding-bottom:12px;margin-bottom:14px}
.forge-video-hub-head h2{font-size:clamp(1.7rem,3vw,2.7rem);margin:2px 0;color:#ffc15d;letter-spacing:.08em}
.forge-video-hub-head p{margin:4px 0;color:#b9a182;max-width:720px}
.forge-video-filters{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.forge-video-filter{border:1px solid #76502a;background:#100c08;color:#d8b98d;padding:8px 10px;border-radius:999px;font-weight:800;cursor:pointer}
.forge-video-filter.active{border-color:#ff9a25;color:#ffe0a6;box-shadow:0 0 14px rgba(255,124,20,.2)}
.forge-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.forge-video-card{appearance:none;text-align:left;border:1px solid #53371e;background:linear-gradient(#17110c,#0a0806);color:#eee;padding:8px;border-radius:7px;cursor:pointer;min-width:0}
.forge-video-card:hover{border-color:#b76c20;transform:translateY(-1px)}
.forge-video-card>strong,.forge-video-card>span,.forge-video-card>small{display:block;padding:2px 3px}.forge-video-card>span{color:#b99a73}.forge-video-card>small{color:#d88f38;font-size:.67rem;letter-spacing:.09em}
.forge-video-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:5px;background:#050403;display:block!important;padding:0!important}
.forge-video-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.forge-video-playbadge{position:absolute;inset:0;display:grid!important;place-items:center!important;font-size:2.6rem;color:#fff;text-shadow:0 2px 15px #000;background:linear-gradient(transparent,rgba(0,0,0,.16));padding:0!important}
.forge-video-player-shell{margin-top:16px;border:1px solid #7d4c1c;background:#080604;padding:10px;border-radius:7px}
.forge-video-player-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 4px 10px}.forge-video-player-head>div{display:grid;gap:2px}.forge-video-player-head small{color:#a99172}
.forge-video-frame{position:relative;aspect-ratio:16/9;background:#030302 center/cover no-repeat;overflow:hidden;border:1px solid #382517;border-radius:5px}.forge-video-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:transparent;z-index:2}
.forge-video-loading{position:absolute;inset:auto 0 16px;z-index:3;text-align:center;color:#ffd48e;font-weight:900;letter-spacing:.1em;text-shadow:0 2px 8px #000;pointer-events:none}.forge-video-player-actions{display:flex;justify-content:center;padding-top:10px}.forge-video-empty{grid-column:1/-1;padding:22px;text-align:center;color:#ae9677}
.forge-mobile-challenge-anchor{scroll-margin-top:10px}

@media(max-width:700px){
  html{scroll-behavior:smooth;scroll-padding-bottom:92px}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;background:#080604}
  .build-badge{display:none!important}

  /* Compact app header: brand only. Full desktop nav becomes the bottom bar. */
  .topbar{position:sticky!important;top:0!important;z-index:850!important;display:flex!important;flex-direction:row!important;align-items:center!important;min-height:54px!important;padding:5px 10px!important;background:rgba(8,6,4,.96)!important;backdrop-filter:blur(8px)}
  .topbar nav,.topbar .forge-signature{display:none!important}
  .forge-plate-brand{margin:0 auto!important;display:block!important}.forge-plate-brand img,.brand img{display:block!important;max-width:min(88vw,390px)!important;max-height:48px!important;width:auto!important;object-fit:contain!important}

  /* The phone opens on the radio, not a marketing page. */
  .hero-landing,.forge-showcase-compact{display:none!important}
  .studio-grid{width:100%!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:8px!important}
  .center-stack{order:1!important;width:100%!important;min-width:0!important}
  .forge-left-dashboard,.forge-left-dashboard-v349{display:none!important}
  .right-stack{order:2!important;width:100%!important;display:block!important;padding:0 8px!important;box-sizing:border-box}
  .right-stack>.panel:first-child{display:block!important;max-height:270px!important;overflow:auto!important;margin:0!important}
  .right-stack .log-panel,.right-stack .station-id-panel{display:none!important}

  .now-playing{min-height:330px!important;border-radius:0!important;border-left:0!important;border-right:0!important;background-position:center!important}
  .now-playing .forge-mic,.now-playing .panel-gear,.now-playing .spectrum{display:none!important}
  .track-overlay{padding:34px 14px 62px!important}.track-overlay small{font-size:.68rem!important}.track-overlay h1{font-size:clamp(26px,8.4vw,36px)!important}.track-overlay h2{font-size:clamp(16px,5vw,22px)!important}.track-overlay .forge-startup-subline{display:none!important}
  #forgeStartupPrompt{font-size:.72rem!important;padding:10px 12px!important;letter-spacing:.05em!important}
  .progress-row{left:10px!important;right:10px!important;bottom:9px!important}

  /* Eight thumb-friendly controls: radio row + social row. */
  .transport{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin:0 8px!important;padding:7px!important}
  .transport .metal-btn{min-height:48px!important;padding:7px 3px!important;font-size:.69rem!important;line-height:1.05!important}.transport #playBtn{font-size:.76rem!important}.transport .obs-btn{display:none!important}
  .source-actions{display:none!important}.admin-station-playlist{display:none!important}
  .now-playing-playlist{margin:0 8px!important;grid-template-columns:1fr!important}

  #queueHeading{font-size:.8rem!important;letter-spacing:.08em}.track-row{min-height:54px!important}.track-meta strong{font-size:.87rem}.track-meta small{font-size:.7rem}.play-track,.heart,.track-comment-btn{min-width:40px!important;min-height:40px!important}

  /* Mobile video is click-to-watch: poster first, zero video download until tap. */
  .forge-video-hub{width:100%!important;margin:12px 0 0!important;border-left:0!important;border-right:0!important;padding:12px 9px!important;scroll-margin-top:56px}
  .forge-video-hub-head{display:block!important}.forge-video-hub-head h2{font-size:1.75rem}.forge-video-hub-head p{font-size:.78rem;line-height:1.35}.forge-video-filters{justify-content:flex-start;margin-top:10px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.forge-video-filter{flex:0 0 auto;min-height:38px}
  .forge-video-grid{display:flex!important;overflow-x:auto!important;gap:9px!important;scroll-snap-type:x mandatory;padding-bottom:7px}.forge-video-card{flex:0 0 76vw!important;max-width:310px;scroll-snap-align:start}.forge-video-player-shell{position:relative;margin:10px 0}.forge-video-player-head{align-items:flex-start}.forge-video-frame{aspect-ratio:16/9}.forge-video-loading{font-size:.72rem}

  .forge-live-challenge-strip,.forge-public-stats,.forge-activity,.discovery-shelves{width:96%!important;margin-left:auto!important;margin-right:auto!important;scroll-margin-top:58px}
  .forge-public-stats{grid-template-columns:1fr 1fr!important}.discovery-shelves .card-row{overflow-x:auto!important}.music-card{flex:0 0 150px!important}

  /* Persistent mobile app navigation. Hash destinations keep the radio playing. */
  .forge-mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:1000000;display:grid!important;grid-template-columns:repeat(5,1fr);padding:6px 4px calc(5px + env(safe-area-inset-bottom,0px));background:rgba(7,5,4,.97);border-top:1px solid #9b5a1c;box-shadow:0 -6px 24px #000;backdrop-filter:blur(10px)}
  .forge-mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:48px;color:#d5b17e;text-decoration:none;font-size:.59rem;font-weight:900;letter-spacing:.04em}.forge-mobile-bottom-nav a b{font-size:1.08rem;line-height:1}.forge-mobile-bottom-nav a:active,.forge-mobile-bottom-nav a:focus{color:#ffb24b}
  footer{padding-bottom:86px!important}
}

@media(max-width:390px){.transport{grid-template-columns:repeat(4,minmax(0,1fr))!important}.transport .metal-btn{font-size:.62rem!important}.forge-video-card{flex-basis:82vw!important}}


/* V3.94.1 VIDEO GATEWAY PAGE */
.forge-video-library-page{min-height:62vh;margin-top:22px!important}
.forge-video-more-wrap{display:flex;justify-content:center;padding:18px 0 4px}
.forge-video-filter{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:700px){.forge-video-library-page{padding-bottom:78px!important}.forge-video-library-page .forge-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.forge-video-library-page .forge-video-card{min-width:0!important}.forge-video-library-page .forge-video-hub-head .metal-btn{margin-top:10px}}


/* V3.94.2L — unified right-library / YouTube discovery */
.forge-library-separator{padding:7px 8px;border-top:1px solid #6e451d;border-bottom:1px solid #4a2e16;background:#1a0f07;color:#ffc35c;font-size:11px;font-weight:900;letter-spacing:.08em}
.forge-youtube-separator{color:#ffb05a}.forge-youtube-library-row{background:linear-gradient(90deg,#190807,#0d0906)}
.forge-youtube-library-row .track-meta small{color:#d98f72}.forge-youtube-play{font-size:10px;font-weight:900;color:#ff8b62!important;border-color:#9d3c28!important}
.forge-youtube-more{width:100%;border:1px solid #6c4927;background:#140d08;color:#ffc35c;padding:9px;cursor:pointer;font-weight:900;letter-spacing:.04em}
.forge-youtube-more:hover{border-color:#ff9b20;color:#fff0c5}.forge-queue-empty{padding:14px;color:#c9a87b;font-size:12px}

/* V3.94.2L UNIFIED DISCOVER + LIBRARY SYNC */


/* V3.94.2O — keep the YouTube watch card clear of the radio timeline. */
.now-playing.youtube-safe-link .progress-row{display:none!important}
.now-playing.youtube-safe-link .spectrum{display:none!important}
.now-playing.youtube-safe-link .track-overlay{display:none!important}
.now-playing.youtube-safe-link .station-youtube-layer{z-index:30!important;inset:0!important}
.now-playing.youtube-safe-link .forge-yt-safe-card{
  justify-content:flex-start!important;
  overflow:auto!important;
  padding:18px 28px 72px!important;
}
.now-playing.youtube-safe-link .forge-yt-safe-card img{max-height:190px!important}
.now-playing.youtube-safe-link .forge-yt-safe-card .metal-btn{position:relative!important;z-index:35!important;margin-top:2px!important}
@media(max-width:700px){
  .now-playing.youtube-safe-link .forge-yt-safe-card{padding:14px 14px 72px!important}
  .now-playing.youtube-safe-link .forge-yt-safe-card img{width:92%!important;max-height:150px!important}
  .now-playing.youtube-safe-link .forge-yt-safe-card h2{font-size:1.15rem!important;line-height:1.18!important}
}
/* V3.94.2O YOUTUBE SAFE CARD LAYOUT */


/* V3.94.2P — radio-page finish: YouTube Hub + clean Forged Winners button */
.forge-discover-buttons .forge-challenge-discover,
.forge-discover-buttons .forge-winner-chip{grid-column:1/-1!important;width:100%!important;box-sizing:border-box!important}
.forge-discover-buttons .forge-challenge-discover .forge-challenge-chip{width:100%!important;box-sizing:border-box!important}
.forge-winner-chip{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;
  min-height:36px!important;margin:0!important;padding:8px 12px!important;line-height:1.1!important;
  border:1px solid #8e5724!important;border-radius:4px!important;background:linear-gradient(180deg,#1d1109,#0b0805)!important;
  color:#f3d49e!important;text-decoration:none!important;box-shadow:inset 0 0 10px rgba(255,139,32,.06)!important
}
.forge-winner-chip:hover{border-color:#f2a23b!important;color:#fff0c7!important;box-shadow:inset 0 0 13px rgba(255,139,32,.16),0 0 9px rgba(255,139,32,.16)!important}
.forge-yt-hub-gateway{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 14px;padding:11px 14px;border:1px solid #7e4d22;border-radius:6px;background:linear-gradient(90deg,#190b08,#130d08);color:#f2d5a2;text-decoration:none}
.forge-yt-hub-gateway strong{color:#ffb13b;letter-spacing:.06em}.forge-yt-hub-gateway span{color:#b99567;font-size:12px}.forge-yt-hub-gateway:hover{border-color:#f39b28;box-shadow:0 0 14px rgba(255,139,25,.18)}
.forge-yt-hub-page{max-width:1600px;margin:18px auto 60px;padding:0 14px}.forge-yt-hub-head{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px}.forge-yt-hub-head h1{margin:.15em 0;color:#ffc35c}.forge-yt-hub-head p{margin:0;color:#c6a47c}.forge-yt-hub-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.forge-yt-hub-actions strong{color:#ffb13b;letter-spacing:.08em}
.forge-yt-hub-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;margin-top:12px}.forge-yt-hub-tools input{flex:1;min-height:42px;background:#090705;border:1px solid #76502c;color:#f4e2c4;border-radius:4px;padding:0 12px;font:inherit}.forge-yt-hub-tools span{color:#c39e6d;font-size:12px;white-space:nowrap}
.forge-yt-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}.forge-yt-hub-card{border:1px solid #593719;background:#0b0806;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.forge-yt-hub-card[hidden]{display:none!important}.forge-yt-hub-thumb{position:relative;display:block;aspect-ratio:16/9;background:#080605;overflow:hidden}.forge-yt-hub-thumb img{width:100%;height:100%;object-fit:cover;display:block}.forge-yt-hub-thumb span{position:absolute;inset:0;display:grid;place-items:center;font-size:44px;color:#fff;text-shadow:0 3px 12px #000;background:rgba(0,0,0,.08)}.forge-yt-hub-copy{padding:12px;display:flex;flex-direction:column;gap:7px;height:100%}.forge-yt-hub-copy small{color:#ff9f3e;font-weight:900;letter-spacing:.1em}.forge-yt-hub-copy h3{margin:0;color:#f3dfba;font-size:1rem;line-height:1.25}.forge-yt-hub-copy p{margin:0 0 5px;color:#b99262;font-size:.84rem}.forge-yt-hub-copy .metal-btn{margin-top:auto;text-align:center}.forge-yt-load-more{display:block;margin:20px auto 0}.forge-yt-empty{grid-column:1/-1;padding:20px;color:#c6a47c}
@media(max-width:1100px){.forge-yt-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.forge-yt-hub-head{display:block}.forge-yt-hub-actions{align-items:stretch;margin-top:16px}.forge-yt-hub-tools{display:block}.forge-yt-hub-tools input{width:100%;box-sizing:border-box}.forge-yt-hub-tools span{display:block;margin-top:8px}.forge-yt-hub-grid{grid-template-columns:1fr 1fr;gap:9px}.forge-yt-hub-copy{padding:9px}.forge-yt-hub-copy h3{font-size:.9rem}.forge-yt-hub-copy .metal-btn{font-size:.72rem;padding:8px}.forge-yt-hub-gateway{display:block}.forge-yt-hub-gateway span{display:block;margin-top:3px}}
@media(max-width:430px){.forge-yt-hub-grid{grid-template-columns:1fr}}
/* V3.94.2P YOUTUBE LINK HUB + RADIO FINISH */



/* V3.94.2Q RADIO FINISH - STARTUP + CHALLENGE ROWS */
body.forge-playback-started #forgeStartupPrompt{display:none!important;visibility:hidden!important;pointer-events:none!important}
body.forge-playback-started .now-playing.forge-radio-startup{ }
.forge-discover-buttons .forge-challenge-stack{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
}
.forge-discover-buttons .forge-challenge-stack>.forge-challenge-discover,
.forge-discover-buttons .forge-challenge-stack>.forge-winner-chip{
  grid-column:1!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0!important;
  float:none!important;
}
.forge-discover-buttons .forge-challenge-stack .forge-challenge-chip,
.forge-discover-buttons .forge-challenge-stack .forge-winner-chip{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.forge-discover-buttons .forge-challenge-stack .forge-winner-chip{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:36px!important;
  padding:8px 12px!important;
  border-radius:4px!important;
  line-height:1.15!important;
  text-decoration:none!important;
}
/* FORGE_V3966F_RADIO_BACKGROUND_FIX */
.now-playing.forge-radio-startup,
.now-playing{
  background:
    linear-gradient(90deg,rgba(2,2,2,.28),rgba(0,0,0,.12),rgba(2,2,2,.30)),
    url("/static/images/forge_broadcast_studio.jpg") center center / cover no-repeat !important;
}
.now-playing .artwork-fallback{
  background:transparent !important;
}

/* ============================================================
   FORGE V3999 MOBILE REEL STABILITY
   The reel controller owns the timeline while mobile reel is active.
   ============================================================ */
.forge-mobile-reel-active .progress-row{
  bottom: 2px !important;
  z-index: 40 !important;
}
.forge-mobile-reel-active #elapsed,
.forge-mobile-reel-active #remaining{
  line-height: 1 !important;
  white-space: nowrap !important;
}
.forge-mobile-reel-active #playBtn.active,
.forge-mobile-reel-active #pauseBtn.active{
  transform: none !important;
  filter: none !important;
}

/* FORGE V3999 MOBILE BOTTOM PLAYER LAYOUT */
/* Keeps the timer fully inside narrow screens and restores the animated spectrum. */
@media (max-width:700px){
  .now-playing .spectrum{
    display:flex!important;
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    bottom:43px!important;
    height:42px!important;
    gap:2px!important;
    align-items:flex-end!important;
    z-index:6!important;
    pointer-events:none!important;
  }
  .now-playing .spectrum i{
    display:block!important;
    flex:1 1 0!important;
    min-width:2px!important;
    max-width:none!important;
    height:22%!important;
    transform-origin:bottom!important;
    animation:forgeSpectrumMobile .55s ease-in-out infinite alternate!important;
  }
  .now-playing .spectrum i:nth-child(2n){animation-duration:.42s!important}
  .now-playing .spectrum i:nth-child(3n){animation-duration:.68s!important}
  .now-playing .spectrum i:nth-child(4n){animation-duration:.51s!important}
  .now-playing .spectrum i:nth-child(5n){animation-duration:.76s!important}

  .now-playing .progress-row{
    display:flex!important;
    position:absolute!important;
    left:7px!important;
    right:7px!important;
    bottom:7px!important;
    width:auto!important;
    max-width:none!important;
    box-sizing:border-box!important;
    min-width:0!important;
    gap:5px!important;
    align-items:center!important;
    z-index:7!important;
    font-size:10px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .now-playing .progress-row > span{
    flex:0 0 auto!important;
    min-width:34px!important;
    text-align:center!important;
  }
  .now-playing .progress-row .progress{
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    height:8px!important;
    margin:0!important;
  }
  .now-playing .progress-row .progress b{min-width:0!important}
}

@media (max-width:380px){
  .now-playing .spectrum{left:7px!important;right:7px!important;bottom:42px!important;height:38px!important}
  .now-playing .progress-row{left:5px!important;right:5px!important;bottom:5px!important;gap:3px!important;font-size:9px!important}
  .now-playing .progress-row > span{min-width:31px!important}
  .now-playing .progress-row .progress{height:7px!important}
}

@keyframes forgeSpectrumMobile{
  0%{transform:scaleY(.28);filter:brightness(.75)}
  35%{transform:scaleY(.72);filter:brightness(1)}
  70%{transform:scaleY(.42);filter:brightness(.9)}
  100%{transform:scaleY(1);filter:brightness(1.2)}
}
/* ============================================================
   THE FORGE V4.00.3 — MOBILE SHELF TOUCH
   ============================================================ */
@media(max-width:700px){
  .discovery-shelves .shelf.panel{overflow:visible!important;min-width:0!important;}
  .discovery-shelves .card-row.forge-v393-slider{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:stretch!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;overscroll-behavior-x:contain!important;scrollbar-width:auto!important;gap:9px!important;padding:2px 10px 12px!important;}
  .discovery-shelves .card-row.forge-v393-slider>.music-card{display:flex!important;flex:0 0 156px!important;width:156px!important;min-width:156px!important;max-width:156px!important;box-sizing:border-box!important;}
}
@media(max-width:420px){.discovery-shelves .card-row.forge-v393-slider>.music-card{flex-basis:145px!important;width:145px!important;min-width:145px!important;max-width:145px!important;}}