:root{
  --ink:#07060C; --ink2:#0E0B18; --ink3:#171226;
  --gold:#F0C24A; --gold2:#B8821E; --coral:#FF6B5B; --teal:#35D6C6; --pink:#FF4D9D; --violet:#8A5CFF;
  --txt:#F3EFFA; --mut:#A79FBE;
  --gut:clamp(16px,4vw,48px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--txt);font-family:Barlow,system-ui,sans-serif;font-size:18px;line-height:1.5;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 var(--gut)}
h1,h2,h3{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:.01em;line-height:.92;text-transform:uppercase}
em{font-style:normal;color:var(--gold)}

/* ---------- nav ---------- */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:12px var(--gut);transition:background .3s,backdrop-filter .3s,padding .3s}
.nav.solid{background:rgba(7,6,12,.86);backdrop-filter:blur(12px);padding:8px var(--gut);border-bottom:1px solid rgba(240,194,74,.22)}
.mark{display:flex;align-items:center;gap:10px;font-family:Anton,sans-serif;font-size:22px;letter-spacing:.04em}
.mark img{width:46px;height:46px;border-radius:50%;border:2px solid var(--gold)}
.mark b{color:var(--coral);font-weight:400}
.nav nav{display:flex;align-items:center;gap:26px;font-family:"Barlow Condensed";font-weight:700;font-size:18px;letter-spacing:.08em;text-transform:uppercase}
.nav nav a{position:relative;padding:6px 0}
.nav nav a:not(.pill):after{content:"";position:absolute;left:0;right:100%;bottom:0;height:3px;background:var(--gold);transition:right .25s}
.nav nav a:hover:after{right:0}
.pill{background:var(--gold);color:#12060A;padding:8px 18px!important;border-radius:3px;transform:rotate(-1.5deg)}
.burger{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer}
.burger i{display:block;height:3px;background:#fff;margin:7px 6px;transition:.25s}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:110px 0 90px}
.hero-bg{position:absolute;inset:-6%;background:url(img/hero.jpg) 62% 55%/cover no-repeat;animation:drift 26s ease-in-out infinite alternate;will-change:transform}
@keyframes drift{from{transform:scale(1.02) translateY(0)}to{transform:scale(1.13) translateY(-2.5%)}}
.hero-veil{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(7,6,12,.94) 0%,rgba(7,6,12,.70) 38%,rgba(7,6,12,.18) 70%,rgba(7,6,12,.55) 100%),
  linear-gradient(180deg,rgba(7,6,12,.55) 0%,rgba(7,6,12,0) 30%,rgba(7,6,12,0) 62%,var(--ink) 100%)}
#embers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.bulbs{position:absolute;inset:auto 0 0 0;height:30px;display:flex;justify-content:space-between;padding:0 14px;align-items:center;
  background:linear-gradient(180deg,transparent,rgba(7,6,12,.9))}
.bulbs i{width:14px;height:14px;border-radius:50%;background:#3a2d17;animation:bulb .9s steps(1) infinite}
.bulbs i:nth-child(3n+1){animation-delay:0s}.bulbs i:nth-child(3n+2){animation-delay:.3s}.bulbs i:nth-child(3n){animation-delay:.6s}
@keyframes bulb{0%,33%{background:#FFE9A8;box-shadow:0 0 14px 4px rgba(240,194,74,.85)}34%,100%{background:#3a2d17;box-shadow:none}}

.hero-in{position:relative;z-index:2;width:100%;max-width:1240px;margin:0 auto;padding:0 var(--gut)}
.onair{display:inline-flex;align-items:center;gap:10px;font-family:"Barlow Condensed";font-weight:900;letter-spacing:.2em;font-size:16px;
  background:rgba(255,77,109,.14);border:1px solid rgba(255,77,109,.6);color:#FF8FA3;padding:6px 14px;border-radius:3px;margin-bottom:22px}
.onair i{width:10px;height:10px;border-radius:50%;background:#FF4D6D;animation:pulse 1.2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,77,109,.8)}100%{box-shadow:0 0 0 14px rgba(255,77,109,0)}}
.hero h1{font-size:clamp(58px,11.5vw,176px)}
.hero h1 span{display:block;opacity:0;transform:translateY(60px) skewY(4deg);animation:rise .9s cubic-bezier(.2,.8,.2,1) forwards}
.hero h1 .l1{animation-delay:.1s}
.hero h1 .l2{animation-delay:.25s;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.85)}
.hero h1 .l3{animation-delay:.4s}
.hero h1 em{font-family:"Rubik Dirt",Anton,sans-serif;background:linear-gradient(180deg,#FFF3C4,#F0C24A 40%,#B8821E 75%,#FFE9A8);
  -webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 34px rgba(240,194,74,.6))}
@keyframes rise{to{opacity:1;transform:none}}
.lede{max-width:560px;font-size:clamp(18px,2vw,22px);color:#DDD6EE;margin:22px 0 28px;opacity:0;animation:rise .8s .6s forwards}
.cta{display:flex;flex-wrap:wrap;gap:14px}
.hero .cta{opacity:0;animation:rise .8s .75s forwards}
.btn{display:inline-block;font-family:Anton,sans-serif;font-size:20px;letter-spacing:.05em;text-transform:uppercase;padding:14px 26px;border-radius:3px;
  border:2px solid transparent;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}
.btn.gold{background:linear-gradient(180deg,#FFE9A8,#F0C24A 45%,#C9921F);color:#12060A;box-shadow:0 0 0 rgba(240,194,74,0)}
.btn.gold:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 12px 34px rgba(240,194,74,.45)}
.btn.ghost{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.04)}
.btn.ghost:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-3px)}
.stats{display:flex;flex-wrap:wrap;gap:clamp(18px,4vw,54px);margin-top:46px;opacity:0;animation:rise .8s .9s forwards}
.stats b{display:block;font-family:Anton,sans-serif;font-size:clamp(40px,5vw,66px);line-height:1;color:var(--gold)}
.stats span{font-family:"Barlow Condensed";font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:15px;color:var(--mut)}
.scrollcue{position:absolute;left:50%;bottom:46px;width:28px;height:46px;margin-left:-14px;border:2px solid rgba(255,255,255,.55);border-radius:16px;z-index:3}
.scrollcue span{position:absolute;left:50%;top:8px;width:4px;height:9px;margin-left:-2px;background:var(--gold);border-radius:2px;animation:wheel 1.6s infinite}
@keyframes wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(18px)}}

/* ---------- ticker ---------- */
.ticker{position:relative;display:flex;align-items:stretch;background:#0B0813;border-block:3px solid var(--gold);overflow:hidden}
.tk-label{flex:0 0 auto;display:flex;align-items:center;padding:0 22px;background:var(--gold);color:#12060A;font-family:Anton,sans-serif;font-size:22px;letter-spacing:.06em;z-index:2;
  clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%);padding-right:40px}
.tk-track{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.tk-row{display:flex;gap:0;width:max-content;animation:tick 110s linear infinite}
.ticker:hover .tk-row{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}
.tk{display:flex;align-items:center;gap:12px;padding:14px 30px;border-right:1px solid rgba(255,255,255,.1);white-space:nowrap;font-family:Anton,sans-serif;font-size:24px}
.tk img{width:40px;height:40px;object-fit:contain;background:#fff;border-radius:50%;padding:3px}
.tk .w{color:#fff}.tk .ws{color:var(--gold);font-size:30px}
.tk .l{color:#C9C2DC}.tk .ls{color:#C9C2DC;font-size:26px}
.tk .dash{color:#5d5478}
.tk .d{font-family:"Barlow Condensed";font-weight:900;font-size:13px;letter-spacing:.1em;background:var(--coral);color:#12060A;padding:2px 7px;border-radius:2px}

/* ---------- shared section bits ---------- */
section{position:relative}
.sec-head{margin:0 0 34px}
.sec-head h2{font-size:clamp(44px,7vw,96px)}
.sec-head p{max-width:620px;color:var(--mut);margin-top:12px;font-size:19px}
.eyebrow{font-family:"Barlow Condensed";font-weight:900;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-size:17px;margin-bottom:10px}
.brush{font-family:"Rubik Dirt",Anton,sans-serif;font-size:clamp(50px,9vw,128px);line-height:.92;
  background:linear-gradient(180deg,#FFF3C4 2%,#F0C24A 36%,#B8821E 66%,#FFE9A8);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 5px 0 #1A1206) drop-shadow(0 0 40px rgba(240,194,74,.55))}
.reveal{opacity:0;transform:translateY(46px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}
.fine{color:var(--mut);font-size:15px;margin-top:22px}

/* ---------- game of the week ---------- */
.gotw{--gh:clamp(380px,74vh,780px);overflow:hidden;padding:0 0 80px}
.gotw-bg{position:absolute;inset:0 0 auto 0;height:var(--gh);background:url(img/helmets.jpg) center 46%/cover no-repeat;will-change:transform}
.gotw-veil{position:absolute;inset:0 0 auto 0;height:calc(var(--gh) + 40px);background:linear-gradient(180deg,var(--ink) 0%,rgba(7,6,12,.25) 16%,rgba(7,6,12,0) 45%,rgba(7,6,12,.55) 72%,var(--ink) 94%)}
.gotw-in{position:relative;z-index:2;text-align:center;width:100%;padding-top:calc(var(--gh) - 120px)}
.versus{display:flex;align-items:center;justify-content:center;gap:clamp(14px,4vw,60px);margin:18px 0 26px}
.tname{font-family:Anton,sans-serif;font-size:clamp(42px,8.4vw,120px);line-height:.9;text-shadow:0 6px 0 rgba(0,0,0,.8)}
.tmas{font-family:"Barlow Condensed";font-weight:900;letter-spacing:.14em;font-size:clamp(18px,2.2vw,30px)}
.trec{font-family:"Barlow Condensed";font-weight:700;letter-spacing:.1em;color:#CFC8E2;text-transform:uppercase;font-size:clamp(15px,1.6vw,21px)}
.at{font-family:Bangers,Anton,sans-serif;font-size:clamp(34px,5vw,72px);color:var(--gold);transform:rotate(-6deg);text-shadow:0 4px 0 #000}
.clock{display:inline-flex;gap:clamp(8px,1.6vw,18px)}
.clock div{min-width:clamp(76px,11vw,132px);padding:14px 8px 10px;background:rgba(11,8,19,.82);border:2px solid rgba(240,194,74,.55);border-radius:6px;backdrop-filter:blur(6px)}
.clock b{display:block;font-family:Anton,sans-serif;font-size:clamp(40px,6vw,78px);line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}
.clock span{font-family:"Barlow Condensed";font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:13px;color:var(--mut)}
.when{margin-top:20px;font-family:"Barlow Condensed";font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:clamp(17px,2vw,24px)}

/* ---------- unbeaten ---------- */
.unb{padding:90px 0 40px}
.unb-row{display:flex;gap:16px;overflow-x:auto;padding:8px 4px 22px;scroll-snap-type:x mandatory}
.ub{flex:0 0 min(78vw,270px);scroll-snap-align:start;position:relative;padding:22px 20px 20px;border-radius:8px;overflow:hidden;
  background:linear-gradient(160deg,var(--c1),#0B0813 78%);border:1px solid rgba(255,255,255,.12);transition:transform .25s}
.ub:hover{transform:translateY(-8px) rotate(-1deg)}
.ub img{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.7));margin-bottom:12px}
.ub h3{font-size:34px}
.ub .m{font-family:"Barlow Condensed";font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#E8E1F6;font-size:15px}
.ub .r{position:absolute;right:16px;top:12px;font-family:Anton,sans-serif;font-size:54px;color:rgba(255,255,255,.92);text-shadow:0 4px 0 rgba(0,0,0,.5)}

/* ---------- slate ---------- */
.slate{padding:70px 0 100px}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.filters button{font-family:"Barlow Condensed";font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:17px;padding:10px 20px;border-radius:3px;
  background:transparent;color:#fff;border:2px solid rgba(255,255,255,.28);cursor:pointer;transition:.2s}
.filters button:hover{border-color:var(--gold)}
.filters button.on{background:var(--gold);border-color:var(--gold);color:#12060A}
.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,560px),1fr));gap:12px}
.g{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;border-radius:6px;overflow:hidden;min-height:92px;
  box-shadow:0 8px 22px rgba(0,0,0,.45);transition:transform .2s,opacity .35s}
.g:hover{transform:scale(1.02)}
.g.hide{display:none}
.g .s{display:flex;align-items:center;gap:12px;padding:12px 14px;min-width:0;background:linear-gradient(100deg,var(--c),rgba(11,8,19,.92))}
.g .s.h{flex-direction:row-reverse;text-align:right;background:linear-gradient(260deg,var(--c),rgba(11,8,19,.92))}
.g img,.g .ph{flex:0 0 54px;width:54px;height:54px;object-fit:contain;background:#fff;border-radius:50%;padding:4px}
.g .ph{background:#241c3a}
.g .n{font-family:Anton,sans-serif;font-size:clamp(19px,2.3vw,25px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g .rc{font-family:"Barlow Condensed";font-weight:700;letter-spacing:.1em;font-size:15px;color:#E0D9F0}
.g .tx{min-width:0}
.g .mid{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 12px;background:#0B0813;font-family:Anton,sans-serif;font-size:19px;color:var(--gold);min-width:74px}
.g .mid small{font-family:"Barlow Condensed";font-weight:900;font-size:11px;letter-spacing:.1em;color:#12060A;background:var(--teal);padding:1px 6px;border-radius:2px;margin-top:4px}

/* ---------- send ---------- */
.send{padding:100px 0}
.asks{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}
.ask{position:relative;padding:30px 26px 28px;border-radius:8px;background:#110c1f;border:1px solid rgba(255,255,255,.12);overflow:hidden;transition:transform .25s,border-color .25s}
.ask:before{content:"";position:absolute;inset:auto -30% -60% -30%;height:120%;background:radial-gradient(closest-side,rgba(240,194,74,.22),transparent);transition:transform .5s;transform:translateY(30%)}
.ask:hover{transform:translateY(-8px);border-color:var(--gold)}
.ask:hover:before{transform:translateY(0)}
.ask .n{font-family:Anton,sans-serif;font-size:70px;line-height:.8;color:transparent;-webkit-text-stroke:2px rgba(240,194,74,.6)}
.ask h3{font-size:34px;margin:14px 0 10px;position:relative}
.ask p{color:#CFC8E2;position:relative}
.ask i{display:inline-block;margin-top:18px;font-style:normal;font-family:"Barlow Condensed";font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);position:relative}
.ask:nth-child(2) .n{-webkit-text-stroke-color:rgba(53,214,198,.7)}.ask:nth-child(3) .n{-webkit-text-stroke-color:rgba(255,107,91,.7)}

/* ---------- footer ---------- */
footer{border-top:3px solid var(--gold);background:#05040a;padding:40px 0}
.foot{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}
.f1{display:flex;align-items:center;gap:12px}.f1 img{width:54px;height:54px;border-radius:50%}
.f1 b{display:block;font-family:Anton,sans-serif;font-size:22px;letter-spacing:.04em}.f1 span{color:var(--mut);font-size:15px}
.f2{display:flex;gap:22px;font-family:"Barlow Condensed";font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.f2 a:hover{color:var(--gold)}
.f3{display:flex;align-items:center;justify-content:flex-end;gap:12px;color:var(--mut);font-size:14px;text-align:right}.f3 img{height:36px}

/* ---------- small screens ---------- */
@media (max-width:900px){
  .nav nav{position:fixed;inset:62px 0 auto 0;flex-direction:column;gap:0;background:rgba(7,6,12,.97);padding:10px 0 20px;transform:translateY(-130%);transition:transform .3s}
  .nav nav.open{transform:none}
  .nav nav a{padding:14px 0;font-size:22px}
  .burger{display:block}
  .hero-bg{background-position:72% 60%}
  .hero-veil{background:linear-gradient(180deg,rgba(7,6,12,.80) 0%,rgba(7,6,12,.45) 40%,rgba(7,6,12,.35) 62%,var(--ink) 100%)}
  .asks{grid-template-columns:1fr}
  .foot{grid-template-columns:1fr;text-align:center}.f1,.f2,.f3{justify-content:center;text-align:center}
  .versus{flex-direction:column;gap:4px}
  .tk-label{font-size:16px;padding:0 26px 0 12px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .hero h1 span,.lede,.hero .cta,.stats,.reveal{opacity:1;transform:none}
}
@media (max-width:600px){
  .stats{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}
  .hero{padding-bottom:110px}
  .clock div{min-width:0;flex:1}
  .clock{display:flex}
}
@media (max-width:600px){
  .g{grid-template-columns:1fr 58px 1fr}
  .g .s,.g .s.h{flex-direction:column;text-align:center;gap:8px;padding:14px 8px}
  .g .n{white-space:normal;overflow:visible;font-size:20px;line-height:1.02}
  .g .mid{min-width:0;padding:0 4px}
  .g img,.g .ph{flex-basis:60px;width:60px;height:60px}
}


/* ---------- LA-1 showdown + district stars ---------- */
.la1{display:inline-flex;align-items:center;gap:18px;margin:6px 0 14px;text-align:left}
.la1 img{width:clamp(84px,10vw,124px);height:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.7));transform:rotate(-4deg);animation:signsway 5s ease-in-out infinite}
@keyframes signsway{50%{transform:rotate(3deg)}}
.la1 b{display:block;font-family:Anton,sans-serif;font-weight:400;font-size:clamp(34px,5.4vw,70px);line-height:.95;color:#fff;letter-spacing:.02em}
.la1 span{font-family:"Barlow Condensed";font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7BE39B;font-size:clamp(16px,1.8vw,22px)}
.dstar{font-family:"Barlow Condensed";font-weight:900;letter-spacing:.2em;font-size:clamp(18px,2vw,24px);color:var(--gold);margin-bottom:6px}
.dstar i,.stars i{font-style:normal;color:var(--gold);display:inline-block;animation:twinkle 1.6s ease-in-out infinite;text-shadow:0 0 14px rgba(240,194,74,.9)}
.dstar i:nth-child(2),.stars i:nth-child(2){animation-delay:.25s}.dstar i:nth-child(3),.stars i:nth-child(3){animation-delay:.5s}.dstar i:nth-child(4){animation-delay:.75s}
@keyframes twinkle{50%{transform:scale(1.35) rotate(12deg);opacity:.7}}
.rival{margin-top:12px;font-family:Bangers,Anton,sans-serif;font-size:clamp(26px,3.6vw,44px);color:var(--coral);transform:rotate(-1.5deg);letter-spacing:.03em}
/* ---------- hot 5 ---------- */
.hot{padding:90px 0 30px;background:radial-gradient(70% 50% at 50% 0%,rgba(255,107,91,.16),transparent 70%)}
.fire{background:linear-gradient(180deg,#FFE9A8,#FF9F43 40%,#FF4D4D);-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:flame 1.8s ease-in-out infinite}
@keyframes flame{50%{filter:drop-shadow(0 -6px 18px rgba(255,107,91,.9))}}
.hot-list{display:grid;gap:16px}
.hg{display:grid;grid-template-columns:clamp(70px,10vw,130px) minmax(0,1fr);border-radius:8px;overflow:hidden;background:#0E0B18;border:1px solid rgba(255,255,255,.12);transition:transform .25s,border-color .25s}
.hg.dg{border-color:rgba(240,194,74,.6);box-shadow:0 0 34px rgba(240,194,74,.13)}
.hg:hover{transform:translateX(8px)}
.rank{display:flex;align-items:center;justify-content:center;font-family:Anton,sans-serif;font-size:clamp(64px,10vw,130px);line-height:1;color:#12060A;background:linear-gradient(180deg,#FFE9A8,#FF9F43 45%,#FF4D4D)}
.hbody{padding:16px clamp(12px,2vw,24px) 18px;min-width:0}
.stars{font-family:"Barlow Condensed";font-weight:900;letter-spacing:.16em;font-size:clamp(16px,1.7vw,20px);color:var(--gold);margin-bottom:10px}
.stars.nd{color:var(--mut)}
.hrow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;border-radius:6px;overflow:hidden}
.hs{display:flex;align-items:center;gap:14px;padding:14px;min-width:0;background:linear-gradient(100deg,var(--c),rgba(11,8,19,.9))}
.hs.r{flex-direction:row-reverse;text-align:right;background:linear-gradient(260deg,var(--c),rgba(11,8,19,.9))}
.hs img,.hs .ph{flex:0 0 72px;width:72px;height:72px;object-fit:contain;background:#fff;border-radius:50%;padding:5px}
.hs .ph.txt{display:flex;align-items:center;justify-content:center;font-family:Anton,sans-serif;font-size:24px;color:#0B2A5B}
.hn{font-family:Anton,sans-serif;font-size:clamp(24px,3.4vw,44px);line-height:1}
.hr{font-family:"Barlow Condensed";font-weight:700;letter-spacing:.1em;font-size:clamp(17px,1.8vw,22px);color:#E8E1F6;text-transform:uppercase}
.hj{display:flex;align-items:center;padding:0 16px;background:#07060C;font-family:Bangers,Anton,sans-serif;font-size:clamp(24px,3vw,38px);color:var(--gold)}
.why{margin-top:12px;color:#DAD3EC;font-size:clamp(17px,1.7vw,20px)}
@media (max-width:600px){
  .la1{flex-direction:column;text-align:center;gap:8px}
  .hg{grid-template-columns:54px minmax(0,1fr)}
  .hrow{grid-template-columns:1fr}
  .hs,.hs.r{flex-direction:row;text-align:left}
  .hj{justify-content:center;padding:4px 0}
  .hs img,.hs .ph{flex-basis:60px;width:60px;height:60px}
}

@media (max-width:600px){
  .hero{padding-top:50svh;align-items:flex-start}
  .hero-bg{inset:-3%;background-position:84% 0%;background-size:auto 58svh;background-color:#07060C}
  .hero-veil{background:linear-gradient(180deg,rgba(7,6,12,.55) 0%,rgba(7,6,12,0) 14%,rgba(7,6,12,0) 36%,rgba(7,6,12,.9) 52%,var(--ink) 66%)}
  .hero h1{font-size:clamp(56px,17vw,80px)}
}

/* ---------- LSWA poll ---------- */
.poll{padding:70px 0 40px}
.filters button i{font-style:normal;background:var(--gold);color:#12060A;border-radius:10px;padding:0 7px;margin-left:6px;font-size:14px}
.filters button.on i{background:#12060A;color:var(--gold)}
.ptable{border-top:2px solid rgba(255,255,255,.15)}
.pr{display:grid;grid-template-columns:64px minmax(0,1fr) auto 84px;align-items:center;gap:14px;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.1);transition:background .2s}
.pr:hover{background:rgba(255,255,255,.04)}
.pr.ours{background:linear-gradient(90deg,rgba(240,194,74,.22),rgba(240,194,74,.04));border-left:6px solid var(--gold);padding-left:8px}
.pk{font-family:Anton,sans-serif;font-size:clamp(30px,4vw,44px);color:var(--mut);line-height:1}
.pr.ours .pk{color:var(--gold)}
.pn{font-family:Anton,sans-serif;font-size:clamp(22px,3vw,34px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn b{font:900 12px "Barlow Condensed";letter-spacing:.12em;background:var(--gold);color:#12060A;padding:2px 7px;border-radius:2px;margin-left:10px;vertical-align:middle}
.prc{font:700 clamp(17px,2vw,22px) "Barlow Condensed";letter-spacing:.1em;color:#E8E1F6}
.mv{font:900 15px "Barlow Condensed";letter-spacing:.08em;text-align:center;padding:4px 0;border-radius:3px}
.mv.up{color:#7BE39B}.mv.dn{color:#FF7B7B}.mv.same{color:var(--mut)}.mv.new{background:var(--teal);color:#05211d}
.oth{margin-top:14px;color:var(--mut);font-size:17px}.oth em{color:var(--gold);font-weight:700}
@media (max-width:600px){.pr{grid-template-columns:44px minmax(0,1fr) auto 60px;gap:8px}.pn{white-space:normal;font-size:20px}.pn b{display:block;width:max-content;margin:4px 0 0}}

.g .mid em{font-style:normal;font:900 12px "Barlow Condensed";letter-spacing:.12em;background:var(--coral);color:#12060A;padding:1px 7px;border-radius:2px;margin-bottom:4px}
.stars .thu{font:900 13px "Barlow Condensed";letter-spacing:.14em;background:var(--coral);color:#12060A;padding:2px 8px;border-radius:2px;margin-left:8px;vertical-align:middle}
.moved{display:block;font:700 15px "Barlow Condensed";letter-spacing:.14em;color:var(--coral);margin-top:4px}
.g .rc .mv{color:var(--coral);font-size:13px;letter-spacing:.08em}

/* ---------- power ratings ---------- */
.power{padding:70px 0 40px}
.powtable{border-top:2px solid rgba(255,255,255,.15)}
.pw{display:grid;grid-template-columns:64px 1fr auto 70px;gap:14px;align-items:center;padding:14px 10px;border-bottom:1px solid rgba(255,255,255,.08)}
.pw .rk{font-family:Anton,sans-serif;font-size:34px;line-height:1;color:var(--gold);text-align:center}
.pw .nm{display:block;font-family:Anton,sans-serif;font-size:clamp(20px,2.6vw,28px);letter-spacing:.02em}
.pw .nm small{display:block;font-family:"Barlow Condensed";font-weight:800;font-size:14px;letter-spacing:.1em;color:#B9B0D6;margin-top:2px}
.pw .bar{display:block;height:6px;width:min(100%,260px);background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden;margin-top:6px}
.pw .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),#fff)}
.pw .prv{font-family:Anton,sans-serif;font-size:30px;line-height:1;text-align:right}
.pw .chip{font-family:"Barlow Condensed";font-weight:900;font-size:14px;letter-spacing:.12em;text-align:center;padding:7px 0;border-radius:5px;background:var(--gold);color:#12060A}
.pw.out{opacity:.62}.pw.out .chip{background:#3A2E3E;color:#D9C9E8}
.pw.out .rk{color:#8E82A8}
.powmeta{font-family:"Barlow Condensed";font-weight:800;font-size:15px;letter-spacing:.1em;color:#B9B0D6;padding:12px 10px 4px;text-transform:uppercase}
@media (max-width:600px){.pw{grid-template-columns:48px 1fr auto 56px;gap:10px}.pw .rk{font-size:26px}.pw .prv{font-size:24px}}

.powmode{margin-top:-10px}
.pw.ours{background:linear-gradient(90deg,rgba(240,194,74,.22),rgba(240,194,74,.04));border-left:6px solid var(--gold);padding-left:8px}
.pw.ours .nm{color:var(--gold)}
.powcut{font-family:"Barlow Condensed";font-weight:900;font-size:15px;letter-spacing:.2em;color:var(--gold);text-align:center;padding:12px 0 6px;border-top:3px dashed var(--gold);margin-top:6px}
.powcut.np{color:#B9B0D6;border-top:1px solid rgba(255,255,255,.25)}

.powpage{position:relative;max-width:560px;margin:0 auto;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 60px rgba(0,0,0,.6);background:#0B0A14}
.powpage img{display:block;width:100%;height:auto}
.powpage .pnav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(7,6,12,.75);color:var(--gold);font-family:Anton,sans-serif;font-size:26px;cursor:pointer}
.powpage .pnav:hover{background:var(--gold);color:#12060A}
.powpage .prev{left:10px}.powpage .next{right:10px}