:root{--bg:#07080B;--floor:#11141B;--steel:#1C212B;--line:#2A303C;--text:#F2EEE6;--mute:#9AA3B2;--flare:#FF5A1F;--gold:#F5C542;--ice:#4FC3F7;--beef:#E5322D;--teamA:#2F80ED;--teamB:#27AE60;--paper:#EDE6D6;--ink:#1A1A1A;
--era1:#2F80ED;--era2:#27AE60;--era3:#4FC3F7;--era4:#E06AC4;--g:48px}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--text)}
body{font:15px/1.5 Inter,system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit}
main{flex:1;outline:none}
.nav{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;gap:32px;padding:0 var(--g);border-bottom:1px solid var(--line);background:rgba(7,8,11,.88);backdrop-filter:blur(6px)}
.logo{font:700 22px Oswald,sans-serif;letter-spacing:.12em;text-decoration:none}.logo b{color:var(--flare)}
.nav nav{display:flex;gap:28px}
.nav nav a{color:var(--mute);font:500 13px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.14em;text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}
.nav nav a.on,.nav nav a:hover{color:var(--text)}.nav nav a.on{border-color:var(--flare)}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:var(--text);font-size:20px;width:40px;height:40px;border-radius:6px}
.foot{border-top:1px solid var(--line);padding:14px var(--g);font-size:11px;color:var(--mute);text-align:center}.foot p+p{margin-top:4px}.foot a{color:var(--text)}
.kick{font:500 13px Oswald,sans-serif;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
h1.d{font:700 clamp(40px,6vw,76px)/.95 Oswald,sans-serif;text-transform:uppercase}h1.d span{color:var(--flare)}
h2.d{font:700 clamp(30px,4vw,56px)/1 Oswald,sans-serif;text-transform:uppercase}
.mute{color:var(--mute)}.wrap{padding:32px var(--g) 48px}
.btn{display:inline-block;font:600 13px Oswald;letter-spacing:.16em;text-transform:uppercase;padding:10px 16px;border-radius:999px;background:var(--flare);color:#07080B;text-decoration:none;border:0;cursor:pointer}
.btn.ghost{background:none;color:var(--text);border:1px solid var(--line)}
.missing{display:inline-block;font:700 10px Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);border:1px dashed var(--mute);padding:1px 6px;border-radius:3px}
/* plates */
.plate{display:flex;align-items:center;gap:14px;padding:12px 18px 12px 12px;background:linear-gradient(180deg,#1E2430,#12161E);border:1px solid var(--line);border-left:4px solid var(--c,var(--flare));border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06);text-decoration:none;color:var(--text);min-width:0}
.plate:hover{border-color:var(--c,var(--flare))}
.ini{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font:700 18px Oswald;background:radial-gradient(circle at 50% 35%,#3A4252,#151920);border:2px solid var(--gold)}
.plate .n{font:600 18px/1.1 Oswald;text-transform:uppercase;letter-spacing:.04em;overflow-wrap:anywhere}
.plate .r{font:400 12px Oswald;color:var(--mute);letter-spacing:.1em;text-transform:uppercase}.plate .r b{color:var(--gold);font-weight:600}
/* home arena */
.stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:center;min-height:calc(100vh - 64px);padding:clamp(28px,4vh,48px) var(--g);background:radial-gradient(ellipse 60% 70% at 78% 45%,#161A21 0,#0B0D12 70%)}
.hero{max-width:560px}.hero p{color:var(--mute);margin-top:16px;font-size:17px;max-width:440px}
.arena-col{width:100%;max-width:min(780px,calc((100vh - 64px - 230px) * 800 / 560));justify-self:end;min-width:0}
/* arena scene: static SVG, CSS animates only the light sweeps and haze */
.scene{position:relative;margin:0;aspect-ratio:800/560;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#0B0D12;box-shadow:0 30px 60px rgba(0,0,0,.55)}
.scene svg{display:block;width:100%;height:100%}
.ar .lt{mix-blend-mode:screen}.ar .sw{transform-box:view-box}
.ar .sw1{animation:arsw 17s ease-in-out infinite alternate}.ar .sw2{animation:arsw 23s ease-in-out -9s infinite alternate-reverse}
.ar .hz1{animation:arhz 41s ease-in-out infinite alternate}.ar .hz2{animation:arhz 53s ease-in-out -20s infinite alternate-reverse}
@keyframes arsw{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}@keyframes arhz{from{transform:translateX(-20px)}to{transform:translateX(20px)}}
.scene.off *{animation-play-state:paused!important}
/* season picker (outside the scene) */
.spick{margin-top:16px}.sbtns{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.sbtn{flex:1 1 200px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;min-height:52px;padding:8px 16px 8px 12px;border:1px solid var(--line);border-radius:6px;background:#0F1218;color:var(--text);text-decoration:none}
.sbtn b{grid-row:1/3;font:700 26px/1 Oswald;color:var(--flare)}.sbtn span{font:600 15px/1.15 Oswald;text-transform:uppercase;letter-spacing:.06em}.sbtn em{font:500 10px Oswald;font-style:normal;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.sbtn:hover{border-color:var(--flare)}.sbtn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.sbtn.on{background:var(--flare);border-color:var(--flare);color:#07080B}.sbtn.on b,.sbtn.on em{color:#07080B}
.strack{display:flex;align-items:flex-end;gap:2px;height:14px;margin-top:12px}.strack i{flex:1;height:5px;border-radius:1px;background:#20252D}.strack i.open{height:11px;background:var(--text)}.strack i.cur{height:14px;background:var(--flare)}
.strack small{font:500 10px/1 Oswald;letter-spacing:.12em;color:#5D6573;padding:0 4px}
.snote{margin-top:6px;font-size:12px;color:var(--mute)}
/* below the hero */
.roster{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:start;padding:40px var(--g) 8px;border-top:1px solid var(--line)}.roster.noposter{grid-template-columns:minmax(0,1fr)}
.roster .castgrid{margin-top:12px}
.sets{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:32px var(--g) 48px}
.set{border:1px solid var(--line);border-radius:6px;padding:16px;background:linear-gradient(135deg,#151A23,#0C0F14);position:relative;overflow:hidden;text-decoration:none;min-height:112px;display:block}
.set:hover{border-color:var(--flare)}.set h3{font:600 22px Oswald;text-transform:uppercase}.set p{color:var(--mute);font-size:13px;margin-top:4px;max-width:70%}
.set svg{position:absolute;right:12px;bottom:10px}
/* eliminations */
.ehd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}
.facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{font:500 12px Oswald;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:4px 10px;color:var(--mute)}.chip b{color:var(--text);font-weight:500}
.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{font:500 12px Oswald;letter-spacing:.12em;text-transform:uppercase;background:none;border:1px solid var(--line);color:var(--mute);border-radius:999px;padding:6px 12px;cursor:pointer}.filters button.on{color:#07080B;background:var(--gold);border-color:var(--gold)}
.ep{margin:28px 0 12px;font:600 14px Oswald;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;display:flex;gap:12px;align-items:center}.ep:after{content:'';flex:1;height:1px;background:var(--line)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));gap:16px}
.mcard{border:1px solid var(--line);border-radius:6px;background:linear-gradient(135deg,#12161E,#0B0D12);padding:16px;position:relative;overflow:hidden}
.mcard:before{content:'';position:absolute;left:50%;top:58px;width:160px;height:60px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(255,90,31,.35),transparent 70%);pointer-events:none}
.mtop{display:flex;justify-content:space-between;gap:8px;font:500 12px Oswald;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.mtop .g{color:var(--text);font-size:18px;letter-spacing:.06em}
.vsrow{display:grid;grid-template-columns:1fr 44px 1fr;align-items:center;gap:8px;margin-top:12px}
.vs{font:700 28px Oswald;text-align:center;color:#fff;text-shadow:0 0 20px var(--flare);z-index:1}
.side{display:flex;flex-direction:column;gap:6px;min-width:0}
.pp{display:flex;align-items:center;gap:10px;padding:8px;border-radius:4px;background:var(--steel);border-left:4px solid var(--c,var(--line));text-decoration:none;min-width:0}
.side.r .pp{flex-direction:row-reverse;text-align:right;border-left:0;border-right:4px solid var(--c,var(--line))}
.pp .ini{width:36px;height:36px;font-size:14px}
.pp .nm{font:600 15px/1.1 Oswald;text-transform:uppercase;overflow-wrap:anywhere}
.pp .how{font-size:11px;color:var(--mute)}
.res{font:700 10px Inter;letter-spacing:.14em;text-transform:uppercase;padding:2px 6px;border-radius:3px}
.res.w{background:var(--gold);color:#07080B}.res.l{background:#3a1512;color:#ffb3a8;border:1px solid var(--beef)}
.mfoot{margin-top:12px;font-size:12px;color:var(--mute);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.mfoot a{color:var(--mute)}
/* web */
.wall{position:relative;background:repeating-linear-gradient(90deg,#1B1714 0 2px,#221D19 2px 120px),linear-gradient(#241F1A,#15120F);min-height:calc(100vh - 134px);overflow:hidden}
.wall:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,transparent 30%,rgba(0,0,0,.6));pointer-events:none}
.whd{position:relative;z-index:3;padding:24px var(--g) 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:start}
.whd h1{font:400 clamp(30px,4vw,44px) 'Permanent Marker',cursive;color:var(--paper);transform:rotate(-2deg)}
.board-w{position:relative;z-index:2;margin:8px auto 0;width:100%;max-width:1400px}
.board-w svg{display:block;width:100%;height:auto}
.edge{fill:none;stroke-linecap:round;cursor:pointer}.edge:hover,.edge.sel{stroke-width:7!important;filter:drop-shadow(0 0 6px rgba(255,255,255,.4))}
.edge.dim{opacity:.12}
.pinlab{font-family:'Permanent Marker',cursive;font-size:13px;fill:var(--ink)}
.pinini{font:700 22px Oswald;fill:#5D6675}
.pin{cursor:pointer}.pin:focus{outline:none}.pin:focus rect.paper,.pin:hover rect.paper{stroke:var(--gold);stroke-width:3}
.legend{background:rgba(7,8,11,.9);border:1px solid var(--line);padding:12px 14px;border-radius:6px;font-size:13px;z-index:3;position:relative}
.legend label{display:flex;align-items:center;gap:10px;margin-top:6px;cursor:pointer}
.hist{position:fixed;right:24px;bottom:24px;width:min(380px,calc(100vw - 32px));max-height:60vh;overflow:auto;background:var(--paper);color:var(--ink);padding:16px 18px;box-shadow:0 12px 24px rgba(0,0,0,.6);z-index:30;transform:rotate(-1deg)}
.hist h3{font:400 24px 'Permanent Marker',cursive;line-height:1.1}.hist ul{margin:8px 0 0 18px;font-size:13px}.hist li{margin:4px 0}.hist .x{position:absolute;right:8px;top:6px;background:none;border:0;font-size:20px;cursor:pointer;color:var(--ink)}
.hist a{color:#7a1d10}.hist .sub{font:600 11px Oswald;letter-spacing:.16em;text-transform:uppercase;margin-top:10px;color:#555}
/* money */
.mwrap{background:#050505;padding:28px var(--g) 80px;position:relative}
.board{background:#000;border:2px solid #1E1A10;border-radius:8px;padding:20px 24px;box-shadow:inset 0 0 40px rgba(245,197,66,.08),0 20px 50px rgba(0,0,0,.8);background-image:radial-gradient(#141108 1px,transparent 1.4px);background-size:6px 6px}
.led{font-family:Doto,monospace;font-weight:900;color:var(--gold);text-shadow:0 0 8px rgba(245,197,66,.7)}
.k{font:500 12px Oswald;letter-spacing:.2em;color:var(--mute);text-transform:uppercase}
.mgrid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin-top:20px}
table.lb{width:100%;border-collapse:collapse}table.lb td{padding:8px 6px;border-bottom:1px dashed #2A2410;vertical-align:middle}
td.rk{font:900 22px Doto;color:var(--flare);width:44px}td.nm a{font:600 17px Oswald;text-transform:uppercase;text-decoration:none}td.m{text-align:right;font:900 22px Doto;color:var(--gold);text-shadow:0 0 8px rgba(245,197,66,.6);white-space:nowrap}
td.m.na{color:#55503c;text-shadow:none;font-size:16px}
.barc{height:10px;background:repeating-linear-gradient(90deg,var(--gold) 0 6px,transparent 6px 9px);box-shadow:0 0 8px rgba(245,197,66,.4);margin-top:4px}
.tick{position:fixed;left:0;right:0;bottom:0;height:40px;background:#000;border-top:1px solid #2A2410;overflow:hidden;z-index:15;display:flex;align-items:center}
.tick span{white-space:nowrap;font:900 17px Doto;color:var(--gold);animation:tk 80s linear infinite;padding-left:100%}
@keyframes tk{to{transform:translateX(-100%)}}
/* player */
.pwrap{position:relative;overflow:hidden;min-height:calc(100vh - 134px);background:radial-gradient(ellipse 60% 50% at 50% 30%,#232A37 0,#0B0D12 70%)}
.tunnel{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 80px,rgba(255,255,255,.02) 80px 82px);pointer-events:none}
.walkout{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px var(--g) 24px;position:relative}
.bigini{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;font:700 64px Oswald;background:radial-gradient(circle at 50% 35%,#3A4252,#151920);border:4px solid var(--gold);box-shadow:0 0 80px rgba(255,90,31,.35)}
.bigplate{margin-top:24px;padding:14px 28px;background:linear-gradient(180deg,#1E2430,#12161E);border:1px solid var(--line);border-bottom:4px solid var(--c,var(--flare));border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.bigplate .n{font:700 clamp(30px,5vw,52px)/1 Oswald;text-transform:uppercase;letter-spacing:.04em}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 var(--g);max-width:1100px;margin:24px auto 0}
.stat{border:1px solid var(--line);border-radius:6px;padding:16px;background:#0F1218}.stat .t{font:500 12px Oswald;color:var(--mute);letter-spacing:.16em;text-transform:uppercase}.stat .v{font:700 32px Oswald;color:var(--gold);margin-top:4px}
.slist{max-width:1100px;margin:24px auto 48px;padding:0 var(--g)}
.slist ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.slist li{font:500 12px Oswald;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:4px 10px;color:var(--mute)}
.slist li.f{border-color:var(--gold);color:var(--gold)}.slist li.w{background:var(--gold);color:#07080B;border-color:var(--gold)}.slist li.c{border-color:var(--flare);color:var(--text)}
.castgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:16px}
@media (max-width:900px){
:root{--g:20px}
.burger{display:block}.nav nav{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;gap:0;background:#07080B;border-bottom:1px solid var(--line)}
.nav nav.open{display:flex}.nav nav a{padding:14px 20px;border-bottom:1px solid var(--line)}
.stage{grid-template-columns:1fr;min-height:0;padding-top:32px}.hero{max-width:640px}.arena-col{max-width:none;justify-self:stretch}.sets{grid-template-columns:1fr 1fr}.ar .ar-detail{display:none}
.mgrid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}
.hist{right:16px;bottom:16px}
}
@media (max-width:480px){.sets{grid-template-columns:1fr}.vsrow{grid-template-columns:1fr;}.vs{font-size:20px}.side.r .pp{flex-direction:row;text-align:left;border-right:0;border-left:4px solid var(--c,var(--line))}
.mcard:before{display:none}.roster{grid-template-columns:minmax(0,1fr)}.roster .poster{display:none}.sbtn{flex-basis:100%}}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}

.ini{position:relative;overflow:hidden}.ini img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.bigini{width:160px;height:160px;font-size:64px;border-width:4px}.bigini img{object-position:50% 10%}
.mrow{display:inline-flex;align-items:center;gap:10px}.mrow .ini{width:32px;height:32px;font-size:12px;border-width:1px}
.poster{display:block;max-width:200px;border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.6)}.poster img{display:block;width:100%;height:auto}
.banner{margin:0 0 24px;border-radius:6px;overflow:hidden;max-height:260px;border:1px solid var(--line)}.banner img{display:block;width:100%;height:260px;object-fit:cover;object-position:50% 30%}
.disc{color:var(--text)}
table.cred{margin-top:20px;border-collapse:collapse;width:100%;font-size:13px}table.cred td,table.cred th{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left}table.cred a{color:var(--ice);overflow-wrap:anywhere}
@media (max-width:900px){.roster{grid-template-columns:150px minmax(0,1fr);gap:20px}.banner img{height:160px}}
@media (max-width:480px){.board{padding:14px 10px}td.rk{width:28px;font-size:16px}td.m{font-size:15px}td.nm a{font-size:14px}.mrow .ini{width:26px;height:26px}table.lb td{padding:6px 3px}}
/* seasons switcher + status */
.seas{display:flex;gap:6px}.seas a{font:500 12px Oswald;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--mute);border:1px solid var(--line);border-radius:999px;padding:4px 10px;white-space:nowrap}
.seas a.on{color:#07080B;background:var(--flare);border-color:var(--flare)}.seas a:hover{border-color:var(--flare)}
.status{margin-top:14px;font-size:13px;color:var(--mute)}.status a{color:var(--text)}
.live{display:inline-block;font:700 10px Inter;letter-spacing:.14em;text-transform:uppercase;color:#07080B;background:var(--flare);padding:2px 6px;border-radius:3px;margin-right:6px;vertical-align:1px}
.sets.five{grid-template-columns:repeat(5,1fr)}
.nav nav a[hidden]{display:none}
/* episode tracker */
.trk{overflow-x:auto;margin-top:8px;border:1px solid var(--line);border-radius:6px}
.tgrid{border-collapse:collapse;width:100%;min-width:900px;font:500 11px Oswald;letter-spacing:.08em;text-transform:uppercase}
.tgrid th,.tgrid td{border-bottom:1px solid var(--line);padding:6px 4px;text-align:center}
.tgrid thead th{color:var(--mute);font-weight:500;background:#0B0D12;position:sticky;top:0}
.tgrid tbody th{text-align:left;position:sticky;left:0;background:#0B0D12;z-index:1;padding:4px 10px 4px 6px;white-space:nowrap}
.tgrid tbody th a{text-decoration:none;font:600 13px Oswald;letter-spacing:.04em}
.tgrid tr.gone th a{color:var(--mute)}
.tteams{display:inline-flex;gap:3px;margin-left:6px;vertical-align:1px}.tteams i{display:inline-block;width:8px;height:8px;border-radius:50%}
.tc{min-width:44px}
.s-win{background:#F5C542;color:#07080B}.s-capwin{background:#4FC3F7;color:#07080B}.s-cap{background:#E8A1C0;color:#07080B}.s-nom{background:#E9D8B4;color:#07080B}
.s-safe{color:var(--mute)}.s-elim{background:#1E7A3C;color:#fff}.s-out{background:#E5574A;color:#07080B}.s-dq{background:#B3261E;color:#fff}
.s-med{background:#B57EDC;color:#07080B}.s-quit{background:#6B3FA0;color:#fff}.s-champ{background:#7CFC00;color:#07080B}.s-final{background:#ADD8E6;color:#07080B}
.s-tbd{color:var(--gold);border:1px dashed var(--gold)}.s-none{background:repeating-linear-gradient(135deg,#0F1218 0 4px,#151922 4px 8px)}
.tlegend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;font-size:12px;color:var(--mute)}.tlegend span{display:inline-flex;align-items:center;gap:6px}
.tlegend i{display:inline-block;width:14px;height:14px;border-radius:3px;min-width:0;border:1px solid var(--line)}
@media (max-width:1100px){.sets.five{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1300px){.seas a span{display:none}.nav{gap:20px}.nav nav{gap:20px}}
@media (max-width:900px){.nav{gap:12px}.seas a span{display:none}.sets.five{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.sets.five{grid-template-columns:1fr}.logo{font-size:18px}}
.tgrid .sn{display:none}
@media (max-width:600px){.tgrid .fn,.tgrid tbody th .ini{display:none}.tgrid .sn{display:inline}.tgrid tbody th{padding:4px 6px}.tgrid tbody th a{font-size:12px}.tc{min-width:40px}}