/* ============================================================
   THE SCOREBOARD, inner pages stylesheet
   Stadium jumbotron system: black / LED amber / white
   ============================================================ */
:root{
  --ink:#0A0A0A;--ink-2:#111111;--ink-3:#181818;--line:#2A2A2A;
  --led:#FFB300;--led-hi:#FFD54F;--led-deep:#FF8A00;--led-ember:#E85D04;
  --white:#FFFFFF;--bone:#EDEAE2;--mute:#8F8C84;
  --font-display:'Chakra Petch','Arial Narrow',Impact,sans-serif;
  --font-mono:'IBM Plex Mono','Courier New',monospace;
  --hazard:repeating-linear-gradient(-45deg,var(--led) 0 14px,var(--ink) 14px 28px);
  --gutter:clamp(1rem,4vw,3rem);
  --max:1280px;
  --ease-pop:cubic-bezier(.2,.9,.25,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
html,body{overflow-x:hidden;max-width:100vw}
body{background:var(--ink);color:var(--bone);font-family:var(--font-mono);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--led);color:var(--ink)}
a{color:inherit}
img{max-width:100%;height:auto}
[hidden]{display:none!important}
:focus-visible{outline:2px dashed var(--led);outline-offset:3px}
h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;line-height:.95;font-weight:700;color:var(--white);overflow-wrap:anywhere}
p,li,dd,dt,a,span,small,b,em,summary{overflow-wrap:break-word}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:0;background:var(--led);color:var(--ink);padding:.6rem 1rem;font-family:var(--font-mono);z-index:99}
.skip:focus{left:0}
html.lb-open,html.lb-open body{overflow:hidden}

/* ---------- LED dot-matrix text ---------- */
.dotmx{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--led)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .dotmx{
    color:transparent;
    background-image:radial-gradient(circle,var(--led-hi) 26%,var(--led) 38%,rgba(255,179,0,.12) 46%,transparent 52%);
    background-size:.115em .115em;background-position:center;
    -webkit-background-clip:text;background-clip:text;
    filter:drop-shadow(0 0 14px rgba(255,179,0,.45));
    animation:ledFlicker 4.2s steps(1) infinite;
  }
}
@keyframes ledFlicker{0%,100%{opacity:1}57%{opacity:1}58%{opacity:.82}59%{opacity:1}83%{opacity:1}84%{opacity:.9}85%{opacity:1}}
/* solid LED glow: dot-matrix feel for small type, where the dot pattern would not read */
.led{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--led);text-shadow:0 0 14px rgba(255,179,0,.5),0 0 2px rgba(255,213,79,.6);animation:ledFlicker 4.2s steps(1) infinite}
.phero h1 .l2--long,.pro h1 .l2--long{color:var(--led);background:none;-webkit-background-clip:border-box;background-clip:border-box;filter:none;text-shadow:0 0 18px rgba(255,179,0,.45)}

.dot{display:inline-block;flex-shrink:0;width:.55em;height:.55em;border-radius:50%;background:var(--led);box-shadow:0 0 8px 1px rgba(255,179,0,.8);animation:pulseDot 1.6s ease-in-out infinite}
@keyframes pulseDot{0%,100%{opacity:1;box-shadow:0 0 8px 1px rgba(255,179,0,.8)}50%{opacity:.35;box-shadow:0 0 2px 0 rgba(255,179,0,.3)}}
.hazard{height:12px;background:var(--hazard);border-block:2px solid var(--ink)}

/* ============ STICKY NAV ============ */
.nav{position:sticky;top:0;z-index:50;background:rgba(10,10,10,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:3px solid var(--led)}
.nav__in{display:flex;align-items:center;gap:1.25rem;height:64px}
.logo{display:flex;align-items:center;gap:.65rem;text-decoration:none;flex-shrink:0;min-width:0}
.logo__mark{font-family:var(--font-display);font-weight:700;font-size:1.15rem;background:var(--led);color:var(--ink);padding:.15rem .5rem;letter-spacing:.02em;clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}
.logo__type{font-family:var(--font-display);font-weight:600;font-size:.95rem;letter-spacing:.14em;color:var(--white);text-transform:uppercase;white-space:nowrap}
.logo__type small{display:block;font-family:var(--font-mono);font-weight:400;font-size:.55rem;letter-spacing:.3em;color:var(--led)}
.nav__main{margin-left:auto}
.nav__links{display:flex;gap:1.4rem;list-style:none}
.nav__links a{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--mute);position:relative;padding-block:.35rem;transition:color .2s;white-space:nowrap}
.nav__links a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--led);transition:width .25s var(--ease-pop)}
.nav__links a:hover,.nav__links a[aria-current]{color:var(--white)}
.nav__links a:hover::after,.nav__links a[aria-current]::after{width:100%}
.nav__cta{margin-left:1.25rem;flex-shrink:0}
.nav__toggle{display:none;margin-left:auto;flex-shrink:0;width:46px;height:36px;align-items:center;justify-content:center;background:transparent;border:2px solid var(--led);color:var(--led);cursor:pointer;transform:skewX(-8deg);transition:background .18s,box-shadow .18s var(--ease-pop),transform .18s var(--ease-pop)}
.nav__toggle:hover{transform:skewX(-8deg) translate(-2px,-2px);box-shadow:4px 4px 0 var(--led)}
.nav__bars{display:grid;gap:4px;transform:skewX(8deg)}
.nav__bars i{display:block;width:18px;height:2px;background:currentColor;transition:transform .25s var(--ease-pop),opacity .2s}
.nav__toggle[aria-expanded="true"]{background:var(--led);color:var(--ink)}
.nav__toggle[aria-expanded="true"] .nav__bars i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav__toggle[aria-expanded="true"] .nav__bars i:nth-child(2){opacity:0}
.nav__toggle[aria-expanded="true"] .nav__bars i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.drawer{border-top:1px solid var(--line);background:var(--ink);max-height:calc(100vh - 67px);overflow-y:auto}
.drawer__list{list-style:none;padding-block:.6rem}
.drawer__list a{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px dashed var(--line);text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;color:var(--white);transition:color .2s,padding .25s var(--ease-pop)}
.drawer__list a:hover,.drawer__list a[aria-current]{color:var(--led);padding-left:.4rem}
.drawer__code{font-family:var(--font-mono);font-weight:500;font-size:.68rem;letter-spacing:.14em;color:var(--led)}
.drawer__go{margin-left:auto;font-family:var(--font-mono);color:var(--led)}
.drawer__tag{display:flex;align-items:center;gap:.6rem;padding-block:1rem 1.4rem;font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mute)}
@media (max-width:900px){.nav__main{display:none}.nav__toggle{display:inline-flex}.nav__cta{margin-left:.7rem}}
@media (min-width:901px){.drawer{display:none!important}}
@media (max-width:640px){
  .nav__in{gap:.6rem}
  .logo{gap:.5rem}
  .logo__mark{font-size:1rem;padding:.15rem .4rem}
  .logo__type{font-size:.7rem;letter-spacing:.06em}
  .logo__type small{font-size:.46rem;letter-spacing:.18em}
  .btn--small{font-size:.66rem;padding:.42rem .65rem}
  .hide-sm{display:none}
}
@media (max-width:420px){.logo__type small{display:none}.nav .nav__cta{display:none}}

/* ---------- Buttons (skewed scoreboard plates) ---------- */
.btn{display:inline-block;text-decoration:none;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.08em;transform:skewX(-8deg);border:2px solid var(--led);padding:.7rem 1.4rem;max-width:100%;text-align:center;transition:transform .18s var(--ease-pop),box-shadow .18s var(--ease-pop),background .18s,color .18s}
.btn>span{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;transform:skewX(8deg)}
.btn--solid{background:var(--led);color:var(--ink)}
.btn--solid:hover{transform:skewX(-8deg) translate(-3px,-3px);box-shadow:5px 5px 0 var(--white);background:var(--led-hi)}
.btn--ghost{background:transparent;color:var(--led)}
.btn--ghost:hover{transform:skewX(-8deg) translate(-3px,-3px);box-shadow:5px 5px 0 var(--led);color:var(--led-hi)}
.btn--big{font-size:1.15rem;padding:1rem 2.2rem}
.btn--small{font-size:.78rem;padding:.5rem 1rem}
.wa-ico{width:1.05em;height:1.05em;fill:currentColor;flex-shrink:0}
@media (max-width:480px){.btn--big{font-size:.98rem;padding:.9rem 1.4rem}}

/* ============ TICKER ============ */
.ticker{background:var(--ink-2);border-bottom:1px solid var(--line);overflow:hidden;padding-block:.55rem}
.ticker__track{display:flex;width:max-content;animation:tick 30s linear infinite}
.ticker:hover .ticker__track{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}
.ticker__set{display:flex;flex-shrink:0}
.ticker__set span{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--led);white-space:nowrap;padding-inline:1.6rem;position:relative}
.ticker__set span::after{content:"◆";position:absolute;right:-.42em;color:var(--mute);font-size:.75em;top:50%;transform:translateY(-50%)}

/* ============ BREADCRUMBS ============ */
.crumbs{background:var(--ink);border-bottom:1px solid var(--line)}
.crumbs__in{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;padding-block:.6rem}
.crumbs__list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;gap:.25rem .6rem;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);min-width:0}
.crumbs__list li{display:inline-flex;align-items:center;gap:.6rem;min-width:0}
.crumbs__list li+li::before{content:"▸";color:var(--led);font-size:.95em;letter-spacing:0}
.crumbs__list a{color:var(--mute);text-decoration:none;transition:color .2s}
.crumbs__list a:hover{color:var(--led)}
.crumbs__list [aria-current]{color:var(--led)}
.crumbs__live{display:inline-flex;align-items:center;gap:.55rem;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);text-align:right}
@media (max-width:760px){.crumbs__live{display:none}}

/* ============ PAGE HERO (jumbotron, inner pages) ============ */
.phero{position:relative;padding-block:clamp(3rem,7vw,5.5rem) clamp(2.8rem,6vw,4.5rem);background:radial-gradient(ellipse 80% 70% at 18% -10%,rgba(255,179,0,.13),transparent 60%),var(--ink);overflow:hidden}
.phero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.5px);background-size:26px 26px}
.phero::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 4px)}
.phero__in{position:relative;z-index:1}
.phero__big{position:absolute;z-index:0;right:var(--gutter);bottom:-.08em;font-family:var(--font-display);font-weight:700;font-size:clamp(7rem,19vw,16rem);line-height:.8;letter-spacing:.01em;color:transparent;-webkit-text-stroke:2px rgba(255,179,0,.2);pointer-events:none;user-select:none;white-space:nowrap}
@media (max-width:760px){.phero__big{display:none}}
.phero__eyebrow{display:inline-flex;align-items:center;gap:.8rem;font-size:clamp(1.05rem,2.6vw,1.6rem);margin-bottom:1.3rem}
.phero__eyebrow .dot{width:.5em;height:.5em}
.phero h1,.pro h1{font-size:clamp(2.3rem,7vw,5.6rem);letter-spacing:.01em;margin-bottom:1.5rem;max-width:18ch}
.phero h1 .l1,.pro h1 .l1{display:block;color:var(--white)}
.phero h1 .l2,.pro h1 .l2{display:block;font-size:1em}
.phero h1 .l2--long,.pro h1 .l2--long{font-size:.66em;margin-top:.12em;letter-spacing:.04em}
.phero__intro{max-width:66ch}
.phero__intro p{color:var(--mute);font-size:.95rem}
.phero__intro p:first-child{color:var(--bone)}
.phero__intro p+p{margin-top:.9rem}
.phero__intro a,.prose a,.faq__a a,.step p a,.board__label a,.pro__tagline a,.final__note a,.form a,.stats a{color:var(--led);text-decoration:underline;text-decoration-color:rgba(255,179,0,.4);text-underline-offset:4px;transition:color .2s,text-decoration-color .2s}
.phero__intro a:hover,.prose a:hover,.faq__a a:hover,.step p a:hover,.board__label a:hover,.pro__tagline a:hover,.final__note a:hover,.form a:hover,.stats a:hover{color:var(--led-hi);text-decoration-color:var(--led-hi)}
.phero .statrow{justify-content:flex-start;margin-top:2.2rem}
.phero__in--center{text-align:center}
.phero__in--center h1{margin-inline:auto}
.phero__in--center .phero__intro{margin-inline:auto}
.nf__code{display:block;font-size:clamp(5rem,22vw,12rem);line-height:1.05;padding-top:.04em;margin-bottom:.2rem}
.hero__ctas{display:flex;gap:1.1rem;justify-content:center;flex-wrap:wrap;margin-top:2.2rem}

/* flip-in stat chips */
.statrow{display:flex;justify-content:center;gap:.9rem;flex-wrap:wrap;perspective:700px}
.chip{background:var(--ink-2);border:1px solid var(--line);border-top:3px solid var(--led);padding:.75rem 1.3rem;min-width:min(132px,100%);transform-origin:top center}
.chip b{display:block;font-family:var(--font-display);font-weight:700;font-size:1.35rem;color:var(--led);letter-spacing:.04em}
.chip small{display:block;font-size:.58rem;letter-spacing:.26em;text-transform:uppercase;color:var(--mute);margin-top:.15rem}
@media (max-width:480px){.statrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.chip{min-width:0;padding:.65rem .8rem}.chip b{font-size:1.15rem}.chip small{letter-spacing:.16em}}

@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes flipIn{0%{opacity:0;transform:rotateX(88deg)}62%{opacity:1;transform:rotateX(-14deg)}82%{transform:rotateX(7deg)}100%{opacity:1;transform:rotateX(0)}}
.phero .rv,.pro .rv{animation:rise .7s var(--ease-pop) both}
.phero .rv:nth-child(1),.pro .rv:nth-child(1){animation-delay:.05s}
.phero .rv:nth-child(2),.pro .rv:nth-child(2){animation-delay:.15s}
.phero .rv:nth-child(3),.pro .rv:nth-child(3){animation-delay:.28s}
.phero .rv:nth-child(4),.pro .rv:nth-child(4){animation-delay:.4s}
.phero .rv:nth-child(5),.pro .rv:nth-child(5){animation-delay:.5s}
.statrow .chip{animation:flipIn .8s var(--ease-pop) both}
.statrow .chip:nth-child(1){animation-delay:.55s}
.statrow .chip:nth-child(2){animation-delay:.68s}
.statrow .chip:nth-child(3){animation-delay:.81s}
.statrow .chip:nth-child(4){animation-delay:.94s}

/* ============ SECTION SCAFFOLD ============ */
.sec{padding-block:clamp(3.5rem,8vw,6.5rem)}
.sec--alt{background:var(--ink-2)}
.sec+.sec{border-top:1px solid var(--line)}
.sec__head{margin-bottom:clamp(2.2rem,5vw,3.5rem)}
.sec__tag{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.32em;text-transform:uppercase;color:var(--led);margin-bottom:.9rem}
.sec__tag::before{content:"";width:2.2rem;height:2px;background:var(--led);flex-shrink:0}
.sec h2{font-size:clamp(2rem,5.5vw,3.6rem);letter-spacing:.01em}
.sec__head p:not(.sec__tag){color:var(--mute);max-width:60ch;margin-top:1rem;font-size:.88rem}
@supports (animation-timeline: view()){
  .sec .vr{animation:rise 1ms linear both;animation-timeline:view();animation-range:cover 0% cover 22%}
}

/* copy sections: outlined number + sticky heading, prose column */
.sec--copy{padding-block:clamp(3rem,7vw,5.5rem)}
.copy{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(1.6rem,5vw,4.5rem);align-items:start}
.copy__head{position:sticky;top:96px}
.copy__num{display:block;font-family:var(--font-display);font-weight:700;font-size:clamp(3rem,7vw,5.5rem);line-height:.9;color:transparent;-webkit-text-stroke:2px var(--led);margin-bottom:.8rem;transition:color .35s,transform .45s var(--ease-pop);transform-origin:left bottom}
.copy:hover .copy__num{color:var(--led);transform:rotateX(360deg)}
.copy h2{font-size:clamp(1.7rem,3.8vw,2.8rem)}
.prose{max-width:68ch}
.prose p{color:var(--bone);font-size:.95rem;line-height:1.8}
.prose p+p{margin-top:1.15rem}
.prose p:first-child::first-letter{font-family:var(--font-display);font-weight:700;color:var(--led);font-size:1.6em;line-height:1}
@media (max-width:860px){.copy{grid-template-columns:1fr}.copy__head{position:static}}

/* ============ LINEUP GRID + CARDS ============ */
.legend{display:grid;grid-template-columns:5rem 1fr 1fr 8rem;gap:1rem;padding:.6rem 1rem;margin-bottom:1.2rem;background:var(--ink-3);border:1px solid var(--line);font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--mute)}
@media (max-width:720px){.legend{display:none}}
.grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}
.grid>*{min-width:0}
.card{display:block;text-decoration:none;background:var(--ink-2);border:1px solid var(--line);transition:transform .22s var(--ease-pop),border-color .22s,box-shadow .22s;position:relative}
.card:hover{transform:translateY(-5px);border-color:var(--led);box-shadow:0 0 0 1px var(--led),0 18px 40px -18px rgba(255,179,0,.35)}
.card__art{aspect-ratio:4/5;position:relative;overflow:hidden;background:var(--ink-3)}
.card__art img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}
.card__art .ph--alt{opacity:0;transition:opacity .35s var(--ease-pop)}
.card:hover .ph--alt[src],.card:focus-visible .ph--alt[src]{opacity:1}
.card__art::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(10,10,10,.12) 0 1px,transparent 1px 5px)}
.card__rank{position:absolute;top:0;left:0;z-index:3;background:var(--ink);color:var(--led);font-family:var(--font-mono);font-weight:600;font-size:.8rem;letter-spacing:.1em;padding:.42rem .7rem}
.card__book{position:absolute;left:0;right:0;bottom:0;z-index:3;background:var(--ink);color:var(--led);font-family:var(--font-display);font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:.6rem;transform:translateY(101%);transition:transform .28s var(--ease-pop)}
.card:hover .card__book,.card:focus-visible .card__book{transform:translateY(0)}
.card__meta{padding:1rem 1.1rem 1.1rem}
.card__name{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;font-family:var(--font-display);font-weight:700;font-size:1.28rem;letter-spacing:.03em;text-transform:uppercase;color:var(--white)}
.card__name em{font-style:normal;font-family:var(--font-mono);font-weight:400;font-size:.72rem;color:var(--mute);letter-spacing:.1em;white-space:nowrap}
.card__area{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--led);margin-top:.2rem}
.card__foot{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.8rem;padding-top:.8rem;border-top:1px dashed var(--line);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}
.card__rate{color:var(--bone);font-weight:500}
.card__status{display:inline-flex;align-items:center;gap:.45rem;color:var(--led)}
@media (max-width:520px){
  .grid{gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr))}
  .card__meta{padding:.8rem .8rem .9rem}
  .card__name{font-size:1.02rem;gap:.4rem}
  .card__name em{font-size:.58rem}
  .card__area{font-size:.56rem;letter-spacing:.12em}
  .card__foot{font-size:.54rem;letter-spacing:.06em;flex-wrap:wrap;row-gap:.3rem;gap:.45rem}
  .card__rank{font-size:.68rem;padding:.32rem .55rem}
  .card__book{font-size:.68rem;letter-spacing:.08em}
}

/* filter chips */
.filters{margin-bottom:1.6rem}
.filters__row{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));perspective:700px}
.fchip{display:flex;flex-direction:column;background:var(--ink-2);border:1px solid var(--line);border-top:3px solid var(--line);transition:border-color .2s,transform .2s var(--ease-pop),background .2s}
.fchip:hover{border-top-color:var(--led);transform:translateY(-3px)}
.fchip.is-on{border-color:var(--led);border-top-color:var(--led);background:var(--ink-3);box-shadow:0 0 0 1px var(--led) inset}
.fchip__btn{display:block;width:100%;text-align:left;background:none;border:0;color:inherit;cursor:pointer;padding:.75rem 1rem .6rem;font:inherit}
.fchip__btn b{display:block;font-family:var(--font-display);font-weight:700;font-size:1.45rem;line-height:1.05;color:var(--white);letter-spacing:.04em;transition:color .2s}
.fchip__btn small{display:block;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-top:.2rem}
.fchip.is-on .fchip__btn b,.fchip__btn:hover b{color:var(--led)}
.fchip__go{display:block;border-top:1px dashed var(--line);padding:.45rem 1rem;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);text-decoration:none;transition:color .2s,background .2s}
.fchip__go:hover{color:var(--ink);background:var(--led)}
.filters__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 2rem;margin-top:1rem}
.filters__away{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .5rem;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.filters__away .areas__key{margin-right:.6rem}
.filters__away a{color:var(--bone);text-decoration:none;border-bottom:1px solid rgba(255,179,0,.4);transition:color .2s}
.filters__away a:hover{color:var(--led)}
.filters__count{font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.filters__count b{display:inline-block;font-family:var(--font-display);font-size:1.25rem;color:var(--led);letter-spacing:.04em;vertical-align:-.12em;transform-origin:center 60%}
.filters__count b.is-flip{animation:flipIn .6s var(--ease-pop) both}
@media (max-width:480px){.filters__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.fchip__btn{padding:.6rem .7rem .5rem}.fchip__btn b{font-size:1.2rem}.fchip__btn small{letter-spacing:.1em}.fchip__go{padding:.4rem .7rem;letter-spacing:.1em}}

/* ============ STEPS ============ */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1.1rem;counter-reset:step}
.step{background:var(--ink);border:1px solid var(--line);padding:2rem 1.6rem 1.8rem;position:relative;overflow:hidden;transition:border-color .25s;min-width:0}
.step:hover{border-color:var(--led)}
.step::after{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--hazard);opacity:0;transition:opacity .25s}
.step:hover::after{opacity:1}
.step__num{display:inline-block;font-family:var(--font-display);font-weight:700;font-size:3.2rem;line-height:1;color:transparent;-webkit-text-stroke:2px var(--led);margin-bottom:1.1rem;transition:transform .4s var(--ease-pop),color .3s;transform-style:preserve-3d}
.step:hover .step__num{transform:rotateX(360deg);color:var(--led)}
.step h3{font-size:1.2rem;letter-spacing:.05em;margin-bottom:.7rem;line-height:1.05}
.step p{color:var(--mute);font-size:.88rem}
.step__arrow{position:absolute;right:1.2rem;top:2rem;color:var(--led);font-family:var(--font-mono);font-size:1.1rem;opacity:.5}

/* ============ RATES BOARD ============ */
.board{border:1px solid var(--line);background:var(--ink-2)}
.board__row{display:grid;grid-template-columns:5.5rem minmax(0,1fr) minmax(0,auto);align-items:center;gap:1.2rem;padding:1.25rem 1.4rem;border-top:1px solid var(--line);transition:background .2s;text-decoration:none;position:relative}
.board__row:first-child{border-top:0}
.board__row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--led);transform:scaleY(0);transition:transform .25s var(--ease-pop)}
.board__row:hover{background:var(--ink-3)}
.board__row:hover::before{transform:scaleY(1)}
.board__code{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.2em;color:var(--mute)}
.board__label{font-family:var(--font-display);font-weight:600;font-size:clamp(1rem,2.4vw,1.35rem);letter-spacing:.05em;text-transform:uppercase;color:var(--white)}
.board__label small{display:block;font-family:var(--font-mono);font-weight:400;font-size:.72rem;letter-spacing:.06em;text-transform:none;color:var(--mute);margin-top:.25rem}
.board__val{font-family:var(--font-display);font-weight:700;font-size:clamp(1.15rem,3vw,1.7rem);color:var(--led);letter-spacing:.03em;text-align:right;max-width:18ch}
.board__val small{font-family:var(--font-mono);font-weight:400;font-size:.58rem;letter-spacing:.24em;display:block;text-align:right;color:var(--mute);text-transform:uppercase}
.board--links .board__val{font-family:var(--font-mono);transition:transform .25s var(--ease-pop)}
.board--links .board__row:hover .board__val{transform:translateX(6px)}
.board__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-top:1.4rem}
.rates__fine{color:var(--mute);font-size:.78rem;max-width:70ch}
@media (max-width:620px){
  .board__row{grid-template-columns:minmax(0,1fr) minmax(0,auto);padding:1.1rem 1rem;gap:.9rem}
  .board__code{display:none}
}
@media (max-width:420px){
  .board__row{grid-template-columns:1fr}
  .board__val,.board__val small{text-align:left}
  .board--links .board__row{grid-template-columns:minmax(0,1fr) auto}
}

/* ============ AREAS / VENUES ============ */
.areas{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));list-style:none}
.areas>li{min-width:0;display:flex}
.venue{display:flex;flex-direction:column;width:100%;border:1px solid var(--line);background:var(--ink);padding:1.5rem 1.3rem;position:relative;overflow:hidden;text-decoration:none;transition:transform .2s var(--ease-pop),border-color .2s,box-shadow .2s}
.venue:hover{transform:translateY(-4px);border-color:var(--led);box-shadow:0 18px 40px -22px rgba(255,179,0,.4)}
.venue.is-current{border-color:var(--led)}
.venue__code{font-family:var(--font-display);font-weight:700;font-size:2.4rem;line-height:1;color:var(--led);letter-spacing:.02em}
.venue__name{font-family:var(--font-display);font-weight:600;font-size:.95rem;letter-spacing:.1em;text-transform:uppercase;color:var(--white);margin-top:.4rem}
.venue__note{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-top:.7rem}
.venue__go{position:absolute;right:1.1rem;bottom:1rem;font-family:var(--font-mono);color:var(--led);opacity:0;transform:translateX(-8px);transition:opacity .2s,transform .25s var(--ease-pop)}
.venue:hover .venue__go,.venue:focus-visible .venue__go{opacity:1;transform:none}
.venue--away::after{content:"";position:absolute;top:0;right:0;width:44px;height:44px;background:var(--hazard);clip-path:polygon(100% 0,0 0,100% 100%)}
.venue__faces{display:flex;margin-top:1.1rem;padding-right:2rem}
.venue__faces img{width:44px;height:55px;object-fit:cover;object-position:center 20%;border:2px solid var(--ink);margin-left:-10px;filter:grayscale(.35);transition:filter .25s,transform .25s var(--ease-pop)}
.venue__faces img:first-child{margin-left:0}
.venue:hover .venue__faces img{filter:none}
.venue:hover .venue__faces img:nth-child(2){transform:translateY(-3px)}
.venue:hover .venue__faces img:nth-child(3){transform:translateY(-5px)}
.venue--hub .venue__code{font-size:3rem}
.areas__lede{display:flex;gap:.8rem 2rem;flex-wrap:wrap;margin-bottom:1.6rem}
.areas__key{display:inline-flex;align-items:center;gap:.55rem;font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mute)}
.areas__key i{width:.9rem;height:.9rem;flex-shrink:0}
.areas__key i.home{background:var(--led)}
.areas__key i.away{background:var(--hazard)}

/* ============ FAQ ============ */
.faqwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.faq{max-width:820px;min-width:0}
.faq details{border:1px solid var(--line);background:var(--ink);margin-bottom:.8rem;transition:border-color .2s}
.faq details[open]{border-color:var(--led)}
.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:1.1rem;padding:1.15rem 1.3rem;font-family:var(--font-display);font-weight:600;font-size:1.02rem;letter-spacing:.05em;text-transform:uppercase;color:var(--white);transition:color .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--led)}
.faq__t{min-width:0}
.faq__q{font-family:var(--font-mono);font-weight:600;font-size:.68rem;letter-spacing:.14em;color:var(--led);flex-shrink:0}
.faq__x{margin-left:auto;flex-shrink:0;font-family:var(--font-mono);color:var(--led);font-size:1.1rem;line-height:1;transition:transform .3s var(--ease-pop)}
.faq details[open] .faq__x{transform:rotate(45deg)}
.faq__a{padding:0 1.3rem 1.3rem 3.5rem}
.faq__a p{color:var(--bone);opacity:.86;font-size:.88rem;line-height:1.75}
.faq details[open] .faq__a{animation:rise .45s var(--ease-pop) both}
.faqside{position:sticky;top:96px}
.faqside__card{border:1px solid var(--line);border-top:3px solid var(--led);background:var(--ink-2);padding:1.6rem 1.4rem;position:relative;overflow:hidden}
.faqside__card::after{content:"";position:absolute;right:0;top:0;width:44px;height:44px;background:var(--hazard);clip-path:polygon(100% 0,0 0,100% 100%)}
.faqside__big{display:block;font-size:clamp(2.2rem,4vw,3rem);line-height:1;margin-bottom:.8rem}
.faqside__txt{color:var(--mute);font-size:.82rem;margin-bottom:1.2rem}
.faqside__link{display:inline-block;margin-top:1.1rem;font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--led);text-decoration:none}
.faqside__link:hover{color:var(--led-hi)}
@media (max-width:900px){.faqwrap{grid-template-columns:1fr}.faqside{position:static}}
@media (max-width:560px){.faq summary{gap:.8rem;padding:1rem;font-size:.92rem}.faq__a{padding:0 1rem 1.1rem}}

/* ============ FINAL CTA ============ */
.final{position:relative;text-align:center;padding-block:clamp(4.5rem,10vw,8rem);background:radial-gradient(ellipse 70% 80% at 50% 110%,rgba(255,179,0,.14),transparent 65%),var(--ink-2);overflow:hidden}
.final::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1.5px);background-size:22px 22px}
.final__in{position:relative;z-index:1}
.final .dotmx{font-size:clamp(2.2rem,7.5vw,5.2rem);display:block;margin-bottom:1.2rem;line-height:1;overflow-wrap:anywhere}
.final h2{font-size:clamp(1.2rem,3.2vw,1.9rem);color:var(--bone);font-weight:600;letter-spacing:.06em;margin-bottom:2.2rem;line-height:1.15}
.final__note{max-width:60ch;margin:0 auto 2.2rem;color:var(--bone);font-size:.98rem}
.final__ctas{display:flex;gap:1.1rem;justify-content:center;flex-wrap:wrap}
.final__meta{margin-top:1.8rem;font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:var(--mute)}

/* ============ PROFILE ============ */
.pro{position:relative;padding-block:clamp(2rem,5vw,4.5rem) clamp(2.8rem,6vw,5rem);background:radial-gradient(ellipse 70% 60% at 85% -10%,rgba(255,179,0,.12),transparent 60%),var(--ink);overflow:hidden}
.pro::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.5px);background-size:26px 26px}
.pro__in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(1.6rem,4.5vw,4rem);align-items:start}
.pro__photo{position:relative;border:1px solid var(--line);background:var(--ink-3);box-shadow:0 0 0 1px rgba(255,179,0,.0);transition:border-color .25s,box-shadow .25s}
.pro__photo:hover{border-color:var(--led);box-shadow:0 0 0 1px var(--led),0 30px 60px -30px rgba(255,179,0,.45)}
.pro__photoLink{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;cursor:zoom-in}
.pro__photoLink img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .6s var(--ease-pop)}
.pro__photo:hover .pro__photoLink img{transform:scale(1.03)}
.pro__photoLink::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(10,10,10,.12) 0 1px,transparent 1px 5px),linear-gradient(180deg,transparent 60%,rgba(10,10,10,.55))}
.pro__photo .card__rank{font-size:1rem;padding:.55rem .9rem}
.pro__live{position:absolute;top:0;right:0;z-index:3;display:inline-flex;align-items:center;gap:.5rem;background:var(--ink);color:var(--led);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;padding:.5rem .8rem}
.pro__cap{padding:.7rem 1rem;border-top:1px dashed var(--line);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mute)}
.pro__info{min-width:0;padding-top:clamp(0rem,2vw,1.5rem)}
.pro h1{font-size:clamp(2.3rem,5.4vw,4.6rem);max-width:none}
.pro__tagline{font-size:1.02rem;color:var(--bone);max-width:52ch;margin-bottom:1.8rem;padding-left:1rem;border-left:3px solid var(--led)}
.stats{border:1px solid var(--line);border-top:3px solid var(--led);background:var(--ink-2);margin-bottom:2rem}
.stats__row{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:1rem;align-items:baseline;padding:.7rem 1.1rem;border-top:1px dashed var(--line);transition:background .2s}
.stats__row:first-child{border-top:0}
.stats__row:hover{background:var(--ink-3)}
.stats dt{font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--mute);transition:color .2s}
.stats__row:hover dt{color:var(--led)}
.stats dd{font-family:var(--font-display);font-weight:600;font-size:1.02rem;letter-spacing:.04em;color:var(--white)}
.stats__row:first-child dd,.stats__row:last-child dd{color:var(--led);font-weight:700}
.pro__ctas{display:flex;gap:1rem;flex-wrap:wrap}
@media (max-width:860px){.pro__in{grid-template-columns:1fr}.pro__photo{max-width:560px}}
@media (max-width:480px){.stats__row{grid-template-columns:6.2rem minmax(0,1fr);padding:.65rem .8rem;gap:.7rem}.stats dt{letter-spacing:.14em}.stats dd{font-size:.94rem}}

/* photo set */
.pset{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.pset--few{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),380px))}
.pset__item{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--ink-3);border:1px solid var(--line);cursor:zoom-in;min-width:0;transition:border-color .22s,transform .22s var(--ease-pop),box-shadow .22s}
.pset__item:hover{border-color:var(--led);transform:translateY(-4px);box-shadow:0 0 0 1px var(--led),0 18px 40px -18px rgba(255,179,0,.35)}
.pset__item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .5s var(--ease-pop)}
.pset__item:hover img{transform:scale(1.04)}
.pset__item::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(10,10,10,.12) 0 1px,transparent 1px 5px)}
.pset__num{position:absolute;top:0;left:0;z-index:3;background:var(--ink);color:var(--led);font-weight:600;font-size:.78rem;letter-spacing:.1em;padding:.38rem .65rem}
.pset__zoom{position:absolute;left:0;right:0;bottom:0;z-index:3;background:var(--ink);color:var(--led);font-family:var(--font-display);font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:.55rem;transform:translateY(101%);transition:transform .28s var(--ease-pop)}
.pset__item:hover .pset__zoom,.pset__item:focus-visible .pset__zoom{transform:none}
@media (max-width:560px){.pset{gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr))}}

/* scouting report highlights */
.form__title{font-size:.95rem;letter-spacing:.14em;color:var(--led);margin:2rem 0 .9rem}
.form{list-style:none;border:1px solid var(--line);background:var(--ink)}
.form li{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:.6rem;align-items:baseline;padding:.8rem 1rem;border-top:1px dashed var(--line);transition:background .2s}
.form li:first-child{border-top:0}
.form li:hover{background:var(--ink-3)}
.form__n{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:transparent;-webkit-text-stroke:1px var(--led);transition:color .25s}
.form li:hover .form__n{color:var(--led)}
.form__t{font-size:.84rem;color:var(--bone)}
.related__links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}

/* prev / next */
.pn{background:var(--ink-2);border-top:1px solid var(--line);padding-block:1.6rem}
.pn__in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}
.pn__link{display:flex;align-items:center;gap:1rem;min-width:0;padding:.8rem;border:1px solid var(--line);background:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s var(--ease-pop)}
.pn__link:hover{border-color:var(--led);transform:translateY(-3px)}
.pn__link--next{flex-direction:row-reverse;text-align:right}
.pn__img{width:64px;height:80px;object-fit:cover;object-position:center 20%;flex-shrink:0;filter:grayscale(.4);transition:filter .25s}
.pn__link:hover .pn__img{filter:none}
.pn__txt{display:flex;flex-direction:column;min-width:0}
.pn__txt small{font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--led)}
.pn__txt b{font-family:var(--font-display);font-weight:700;font-size:1.5rem;letter-spacing:.04em;text-transform:uppercase;color:var(--white);line-height:1.1}
.pn__txt em{font-style:normal;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
@media (max-width:560px){.pn__in{grid-template-columns:1fr}.pn__txt b{font-size:1.2rem}}

/* lightbox */
.lb{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;background:#060606}
.lb::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 4px)}
.lb__bar{position:relative;display:flex;align-items:center;gap:1rem;padding:.8rem var(--gutter);border-bottom:3px solid var(--led);background:var(--ink)}
.lb__count{font-size:.72rem;letter-spacing:.22em;color:var(--mute);white-space:nowrap}
.lb__count b{font-family:var(--font-display);font-size:1.3rem;color:var(--led)}
.lb__cap{flex:1;min-width:0;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb__close{flex-shrink:0;background:transparent;border:2px solid var(--led);color:var(--led);font-family:var(--font-display);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;padding:.45rem .9rem;cursor:pointer;transform:skewX(-8deg);transition:background .18s,color .18s}
.lb__close:hover{background:var(--led);color:var(--ink)}
.lb__close i{font-style:normal}
.lb__stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:1rem clamp(.5rem,4vw,5rem)}
.lb__fig{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0}
.lb__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border:1px solid var(--line);box-shadow:0 0 60px -10px rgba(255,179,0,.25)}
.lb__img.is-in{animation:lbIn .45s steps(1) both,rise .45s var(--ease-pop) both}
@keyframes lbIn{0%{opacity:0}20%{opacity:.6}35%{opacity:.3}50%{opacity:1}}
.lb__nav{position:absolute;top:50%;z-index:2;width:52px;height:52px;margin-top:-26px;background:var(--ink);border:2px solid var(--led);color:var(--led);font-family:var(--font-mono);font-size:1.3rem;cursor:pointer;transform:skewX(-8deg);transition:background .18s,color .18s,box-shadow .18s var(--ease-pop)}
.lb__nav:hover{background:var(--led);color:var(--ink);box-shadow:4px 4px 0 var(--white)}
.lb__nav--prev{left:clamp(.4rem,2vw,1.5rem)}
.lb__nav--next{right:clamp(.4rem,2vw,1.5rem)}
.lb__dots{display:flex;justify-content:center;gap:.45rem;padding:.9rem 0 1.2rem}
.lb__dots i{width:.55rem;height:.55rem;border-radius:50%;background:var(--line);transition:background .2s,box-shadow .2s}
.lb__dots i.on{background:var(--led);box-shadow:0 0 8px 1px rgba(255,179,0,.8)}
.lb--single .lb__nav,.lb--single .lb__dots{display:none}
@media (max-width:640px){.lb__nav{top:auto;bottom:.4rem;margin-top:0;width:46px;height:46px}.lb__stage{padding:.6rem .6rem 4rem}.lb__cap{display:none}}

/* ============ FOOTER ============ */
.footer{background:var(--ink);border-top:1px solid var(--line);padding-block:3rem 2.2rem}
.footer__grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:2.5rem;margin-bottom:2.5rem}
.footer__grid>*{min-width:0}
@media (max-width:1000px){.footer__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer__brand{grid-column:1/-1}}
@media (max-width:620px){.footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.2rem}}
.footer__brand p{color:var(--mute);font-size:.78rem;margin-top:.9rem;max-width:42ch}
.footer h4{font-family:var(--font-mono);font-weight:600;font-size:.62rem;letter-spacing:.32em;text-transform:uppercase;color:var(--led);margin-bottom:1rem}
.footer ul{list-style:none}
.footer ul li{margin-bottom:.5rem}
.footer ul a{color:var(--mute);text-decoration:none;font-size:.78rem;letter-spacing:.05em;transition:color .2s}
.footer ul a:hover{color:var(--led)}
.badge21{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid var(--led);border-radius:50%;font-family:var(--font-display);font-weight:700;color:var(--led);font-size:.85rem;letter-spacing:0;margin-top:1.1rem}
.footer__legal{border-top:1px dashed var(--line);padding-top:1.6rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.footer__legal b{color:var(--bone);font-weight:500}

/* ============ MOTION SAFETY ============ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
  html{scroll-behavior:auto}
  .ticker__track{animation:none}
}