/* v4 additions */
.qx{height:420vh;position:relative}
.qx-pin{position:sticky;top:0;height:100vh;height:100svh;display:grid;place-items:center;overflow:clip;background:radial-gradient(60% 50% at 50% 50%,rgba(23,58,43,.55),transparent 70%)}
.qx-stage{position:relative;width:100%;max-width:1100px;min-height:60vh;padding:0 20px}
.qx-q{position:absolute;left:20px;right:20px;top:50%;transform:translateY(-40%);opacity:0;font:800 clamp(38px,6.4vw,96px)/1.0 var(--font-display);letter-spacing:-.05em;text-wrap:balance;transition:opacity .6s var(--ease),transform .8s var(--ease)}
.qx-q b{color:var(--primary);font-weight:800}
.qx-n{position:absolute;left:20px;top:0;font:700 14px/1 var(--font-mono);color:var(--ink-3);letter-spacing:.08em}
.qx[data-step="0"] [data-s="0"],.qx[data-step="1"] [data-s="1"],.qx[data-step="2"] [data-s="2"],.qx[data-step="3"] [data-s="3"]{opacity:1;transform:translateY(-50%)}
.qx-reveal{position:absolute;left:20px;bottom:0;font:700 clamp(18px,2vw,24px)/1.3 var(--font-body);color:var(--primary);opacity:0;transition:opacity .6s .3s}
.qx[data-step="3"] .qx-reveal{opacity:1}
/* radial: one score */
.fan{position:relative;width:min(100%,760px);aspect-ratio:1;margin:0 auto}
.fan-core{position:absolute;left:50%;top:50%;width:188px;height:188px;margin:-94px 0 0 -94px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 40% 35%,#1E4A37,#0C1C15 70%);box-shadow:0 0 0 1.5px rgba(212,255,58,.5),0 0 80px rgba(212,255,58,.25);z-index:3}
.fan-core b{display:block;font:800 92px/.9 var(--font-display);letter-spacing:-.06em;background:linear-gradient(180deg,#F3FFB8,#D4FF3A);-webkit-background-clip:text;background-clip:text;color:transparent}
.fan-core span{font:700 12px/1.3 var(--font-mono);letter-spacing:.06em;color:var(--ink-2);text-transform:uppercase}
.fan-node{position:absolute;left:50%;top:50%;--r:255px;transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a))) translate(-50%,-50%);transform-origin:0 0;z-index:2}
.fan-node .card{padding:10px 14px;display:grid;gap:2px;white-space:nowrap;background:var(--surface);opacity:0;transform:scale(.8);transition:opacity .5s var(--ease),transform .6s var(--ease)}
.fan-node b{font-size:15px}
.fan-node small{font-size:13px;color:var(--ink-3);font-weight:600}
.fan-node .v{font-weight:800;color:var(--primary);font-size:14px}
.fan-line{position:absolute;left:50%;top:50%;height:1.5px;width:calc(var(--r,255px) - 60px);transform-origin:0 50%;transform:rotate(var(--a)) translateX(94px) scaleX(0);background:linear-gradient(90deg,rgba(212,255,58,.8),rgba(212,255,58,.08));transition:transform .7s var(--ease);z-index:1}
.fan.played .fan-line{transform:rotate(var(--a)) translateX(94px) scaleX(1)}
.fan.played .fan-node .card{opacity:1;transform:none}
.fan.played .fan-core{animation:corePulse 2.4s var(--ease) infinite}
@keyframes corePulse{0%,100%{box-shadow:0 0 0 1.5px rgba(212,255,58,.5),0 0 60px rgba(212,255,58,.2)}50%{box-shadow:0 0 0 1.5px rgba(212,255,58,.9),0 0 110px rgba(212,255,58,.4)}}
@media (max-width:760px){.fan{aspect-ratio:auto;display:grid;gap:8px}.fan-core{position:relative;left:auto;top:auto;margin:0 auto 12px}.fan-node{position:relative;left:auto;top:auto;transform:none}.fan-node .card{white-space:normal}.fan-line{display:none}}
.facts4{display:grid;gap:1px;background:var(--line);border-radius:22px;overflow:hidden;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:48px}
@media (min-width:900px){.facts4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.facts4>div{background:var(--night);padding:24px;display:grid;gap:6px}
.facts4 b{font:800 clamp(32px,4vw,52px)/1 var(--font-display);letter-spacing:-.045em;color:var(--ink)}
.facts4 span{font-size:15px;color:var(--ink-2)}
/* mixed formats */
.mixed{background:radial-gradient(60% 60% at 80% 20%,rgba(142,180,255,.08),transparent 70%),var(--night)}
.mx-grid{display:grid;gap:16px;margin-top:40px}
@media (min-width:960px){.mx-grid{grid-template-columns:1.25fr 1fr 1fr}}
.mx-card{background:var(--surface);border-radius:24px;padding:24px;display:grid;gap:14px;align-content:start;box-shadow:var(--shadow-card)}
.mx-card.team{background:linear-gradient(160deg,#1B4433,#10261C 60%);box-shadow:0 0 0 1.5px rgba(212,255,58,.35),var(--shadow-raised)}
.mx-big{font:800 clamp(48px,6vw,80px)/.9 var(--font-display);letter-spacing:-.06em}
.mx-math{font:600 14px/1.6 var(--font-mono);color:var(--ink-2)}
.mx-math b{color:var(--ink)}
.mx-vs{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.mx-vs span{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 20px;border-radius:999px;font-weight:800;font-size:17px;box-shadow:inset 0 0 0 1.5px var(--edge);white-space:nowrap}
.mx-vs em{font-style:normal;font-weight:600;color:var(--ink-3);font-size:14px}
.soon{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;background:var(--warn-tint);color:var(--warn);font:800 12px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;width:fit-content}
.livebar{display:grid;gap:12px;margin-top:40px;padding:24px;border-radius:22px;box-shadow:inset 0 0 0 1.5px var(--line)}
@media (min-width:900px){.livebar{grid-template-columns:auto 1fr 1fr 1fr;align-items:start;gap:28px}}
.livebar b{display:block;font-size:17px;margin-bottom:4px}
.livebar span{font-size:15px;color:var(--ink-2)}
.bigline{font:800 clamp(30px,4.4vw,64px)/1.04 var(--font-display);letter-spacing:-.045em;text-wrap:balance;max-width:20ch;margin:8px 0 48px}
.darren{font:700 clamp(22px,2.4vw,32px)/1.3 var(--font-display);letter-spacing:-.025em;display:grid;gap:4px}
.darren span{display:block}
.darren .lime{color:var(--primary)}
@media (prefers-reduced-motion:reduce){.qx{height:auto}.qx-pin{position:relative;height:auto;padding:80px 0}.qx-stage{display:grid;gap:24px}.qx-q,.qx-reveal{position:relative;opacity:1;transform:none;left:auto;right:auto;top:auto;bottom:auto}.qx-n{position:relative}}

.nav-menu a{white-space:nowrap}.nav .wrap{gap:16px}@media (min-width:1080px) and (max-width:1279px){.nav-menu{display:none}.nav-burger{display:grid}}
.rtoggle{white-space:nowrap;top:auto!important;bottom:16px!important;left:12px!important;right:auto!important}@media (max-width:1079px){.rtoggle{display:none!important}}