:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #f6f8fb;--muted: #9299a8;--surface: rgba(17, 21, 31, .82);--line: rgba(255, 255, 255, .1);--red: #e02147;--red-bright: #ff3157;--blue: #1f61d7;--blue-bright: #3682ff;--acid: #d9ff52;background:#080b12}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#080b12}body{min-width:320px;min-height:100%;margin:0;color:var(--ink);background:radial-gradient(circle at 50% -20%,#263043 0,transparent 42rem),#080b12}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,.derby-panel:focus-visible{outline:3px solid var(--acid);outline-offset:4px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:100;top:1rem;left:1rem;padding:.75rem 1rem;border-radius:.5rem;color:#080b12;background:var(--acid);font-weight:800;transform:translateY(-180%);transition:transform .16s ease}.skip-link:focus{transform:translateY(0)}.app{position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;min-height:100svh;overflow:hidden;background:linear-gradient(#080b1233,#080b12f0),repeating-linear-gradient(112deg,transparent 0,transparent 54px,rgba(255,255,255,.018) 55px,transparent 56px)}.app:before{position:absolute;z-index:-2;inset:0;content:"";background:radial-gradient(ellipse at 50% 100%,rgba(42,50,70,.42),transparent 52%),linear-gradient(90deg,rgba(224,33,71,.035),transparent 38%,transparent 62%,rgba(31,97,215,.035));pointer-events:none}.app--T:before{background:radial-gradient(circle at 24% 48%,rgba(224,33,71,.16),transparent 46%)}.app--B:before{background:radial-gradient(circle at 76% 48%,rgba(31,97,215,.18),transparent 46%)}.stadium-lights{position:absolute;z-index:-1;top:4.75rem;width:22rem;height:9rem;opacity:.12;background-image:radial-gradient(circle,#fff 0 2px,transparent 3px);background-size:22px 22px;filter:blur(.2px);-webkit-mask-image:linear-gradient(to bottom,#000,transparent);mask-image:linear-gradient(to bottom,#000,transparent);pointer-events:none}.stadium-lights--left{left:-8rem;transform:rotate(12deg)}.stadium-lights--right{right:-8rem;transform:rotate(-12deg)}.site-header{z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;width:min(100% - 2.5rem,1180px);min-height:6.25rem;margin:0 auto;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;justify-self:start;gap:.72rem;color:var(--ink);text-decoration:none}.brand__shield{position:relative;display:grid;grid-template-columns:1fr 1fr;width:2.65rem;height:3rem;overflow:hidden;background:linear-gradient(90deg,var(--red) 50%,var(--blue) 50%);clip-path:polygon(50% 0,96% 15%,88% 72%,50% 100%,12% 72%,4% 15%);filter:drop-shadow(0 8px 10px rgba(0,0,0,.4))}.brand__shield:after{position:absolute;inset:3px;content:"";border:1px solid rgba(255,255,255,.45);clip-path:inherit}.brand__shield span,.brand__shield i{z-index:1;align-self:center;color:#fff;font-size:1rem;font-style:normal;font-weight:950;letter-spacing:-.12em;text-align:center}.brand__wordmark{font-size:1.04rem;font-weight:950;letter-spacing:.09em}.brand__wordmark span{color:#aab2c1}.view-tabs{display:grid;grid-template-columns:3.25rem minmax(7rem,auto) 3.25rem;align-items:center;padding:.28rem;border:1px solid var(--line);border-radius:999px;background:#04060ba8;box-shadow:inset 0 1px #ffffff09,0 10px 30px #0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.view-tab{position:relative;min-height:2.55rem;padding:0 .9rem;border:0;border-radius:999px;color:#848c9a;background:transparent;cursor:pointer;font-size:.69rem;font-weight:900;letter-spacing:.12em;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.view-tab--T[aria-selected=true]{color:#fff;background:var(--red);box-shadow:0 0 24px #e0214752}.view-tab--B[aria-selected=true]{color:#fff;background:var(--blue);box-shadow:0 0 24px #1f61d761}.view-tab--middle[aria-selected=true]{color:#101318;background:#f4f6f8;box-shadow:0 4px 16px #ffffff1f}.view-tab:disabled{cursor:wait;opacity:.55}.live-badge{display:inline-flex;align-items:center;justify-self:end;gap:.5rem;color:#b5bbc7;font-size:.66rem;font-weight:900;letter-spacing:.16em}.live-badge>span{width:.48rem;height:.48rem;border-radius:50%;background:#4df88d;box-shadow:0 0 0 4px #4df88d1a,0 0 15px #4df88db3;animation:live-pulse 2.2s ease-out infinite}.main-content{display:grid;width:min(100% - 2.5rem,1180px);margin:0 auto;padding:clamp(2.25rem,5.5vh,4.75rem) 0 2rem;touch-action:pan-y}.derby-panel{position:relative;align-self:center;animation:panel-in .34s cubic-bezier(.2,.8,.2,1) both}.eyebrow{margin:0 0 .85rem;color:#a9b0bd;font-size:.67rem;font-weight:900;letter-spacing:.28em}.middle-intro{margin-bottom:clamp(1.8rem,4vh,3rem);text-align:center}.middle-intro h1,.side-panel h1,.state-card h1{margin:0;font-size:clamp(2.25rem,5vw,4.65rem);font-weight:950;letter-spacing:-.065em;line-height:.98}.middle-intro h1 span{color:#8f97a6}.middle-intro__lead,.side-panel__lead{margin:1rem 0 0;color:var(--muted);font-size:clamp(.92rem,1.5vw,1.05rem)}.split-score{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:22rem;overflow:hidden;border:1px solid var(--line);border-radius:1.5rem;background:#0c1018;box-shadow:0 34px 90px #0000006b,inset 0 1px #ffffff0a}.split-score:after{position:absolute;inset:0;content:"";border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.055),transparent 23%,transparent 76%,rgba(255,255,255,.035));pointer-events:none}.split-side{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden}.split-side--T{background:radial-gradient(circle at 20% 55%,rgba(246,36,77,.27),transparent 55%),linear-gradient(130deg,rgba(224,33,71,.13),transparent 62%)}.split-side--B{border-left:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 80% 55%,rgba(48,121,255,.3),transparent 55%),linear-gradient(230deg,rgba(31,97,215,.15),transparent 62%)}.split-side__flare{position:absolute;width:13rem;height:13rem;border-radius:50%;opacity:.28;filter:blur(70px)}.split-side--T .split-side__flare{left:-4rem;background:var(--red-bright)}.split-side--B .split-side__flare{right:-4rem;background:var(--blue-bright)}.split-side__letter{position:absolute;right:-.035em;bottom:-.23em;color:#ffffff06;font-size:clamp(15rem,30vw,29rem);font-weight:1000;letter-spacing:-.13em;line-height:1;-webkit-user-select:none;user-select:none}.split-side--B .split-side__letter{right:auto;left:-.05em}.split-side__content{z-index:1;width:min(76%,21rem);padding:2.5rem 0;text-align:center}.split-side__name{margin:0 0 .75rem;font-size:.68rem;font-weight:950;letter-spacing:.25em}.split-side--T .split-side__name{color:#ff718b}.split-side--B .split-side__name{color:#7ba9ff}.split-side__total{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:.55rem;margin:0}.split-side__total svg{width:1.55rem;fill:currentColor;opacity:.65}.split-side__total strong{font-size:clamp(2.5rem,6vw,4.65rem);font-weight:950;letter-spacing:-.065em;line-height:1}.split-side__total span{flex-basis:100%;margin-top:.25rem;color:#8e96a5;font-size:.63rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.split-side__player{display:inline-flex;align-items:center;gap:.35rem;margin:1.35rem 0 1.5rem;color:#aab1bd;font-size:.8rem}.split-side__player svg{width:1rem;fill:currentColor}.split-side__player strong{color:#fff;font-size:.95rem}.split-side button{min-height:2.85rem;padding:0 1.25rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;background:#ffffff0f;cursor:pointer;font-size:.72rem;font-weight:850;letter-spacing:.07em;transition:transform .16s ease,border-color .16s ease,background .16s ease}.split-side button:hover{border-color:#ffffff7a;background:#ffffff1c;transform:translateY(-2px)}.split-side button span{display:inline-block;margin-left:.4rem;transition:transform .16s ease}.split-side button:hover span{transform:translate(3px)}.derby-mark{position:absolute;z-index:3;top:50%;left:50%;display:grid;place-items:center;width:3.7rem;height:3.7rem;border:5px solid #0c1018;border-radius:50%;color:#171b22;background:#fff;box-shadow:0 0 0 1px #fff3,0 8px 30px #00000080;font-size:.66rem;font-weight:1000;letter-spacing:.08em;transform:translate(-50%,-50%)}.side-panel{--side: var(--red);--side-bright: var(--red-bright);display:grid;place-items:center;width:min(100%,65rem);min-height:min(37rem,69vh);margin:auto;overflow:hidden;border:1px solid var(--line);border-radius:1.7rem;background:linear-gradient(110deg,color-mix(in srgb,var(--side) 14%,transparent),transparent 42%),#0c1018e6;box-shadow:0 35px 100px #00000075,inset 0 1px #ffffff0b}.side-panel--B{--side: var(--blue);--side-bright: var(--blue-bright);background:linear-gradient(250deg,color-mix(in srgb,var(--side) 16%,transparent),transparent 45%),#0c1018e6}.side-panel:before,.side-panel:after{position:absolute;content:"";pointer-events:none}.side-panel:before{inset:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at 50%,#000,transparent 70%);mask-image:radial-gradient(circle at 50%,#000,transparent 70%)}.side-panel:after{top:0;left:50%;width:36%;height:1px;background:linear-gradient(90deg,transparent,var(--side-bright),transparent);box-shadow:0 0 30px var(--side);transform:translate(-50%)}.side-panel__glow{position:absolute;top:50%;left:18%;width:25rem;height:25rem;border-radius:50%;background:var(--side);filter:blur(150px);opacity:.12;transform:translate(-50%,-50%)}.side-panel--B .side-panel__glow{right:18%;left:auto;transform:translate(50%,-50%)}.side-panel__letter{position:absolute;bottom:-.2em;left:-.03em;color:color-mix(in srgb,var(--side-bright) 8%,transparent);font-size:clamp(22rem,47vw,40rem);font-weight:1000;letter-spacing:-.15em;line-height:1;-webkit-user-select:none;user-select:none}.side-panel--B .side-panel__letter{right:-.04em;left:auto}.side-panel__content{z-index:1;display:grid;grid-template-columns:1.2fr minmax(14rem,.8fr);grid-template-areas:"eyebrow score" "title score" "lead score" "tiles button" "tiles help";align-items:end;gap:.8rem clamp(2rem,6vw,5.5rem);width:min(100% - 5rem,53rem)}.side-panel .eyebrow{grid-area:eyebrow;color:color-mix(in srgb,var(--side-bright) 75%,white)}.side-panel .eyebrow span{display:inline-block;width:1.6rem;height:2px;margin:0 .5rem .18rem 0;background:var(--side-bright);box-shadow:0 0 10px var(--side-bright)}.side-panel h1{grid-area:title;max-width:11ch;font-size:clamp(2.7rem,5.5vw,5.25rem)}.side-panel h1 span{color:color-mix(in srgb,var(--side-bright) 78%,white)}.side-panel__lead{grid-area:lead;max-width:34rem;margin-bottom:1rem;line-height:1.6}.hero-score{grid-area:score;align-self:center;padding:1.5rem 0 1.8rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.hero-score>span,.hero-score>small{display:block;color:#979eac;font-size:.62rem;font-weight:850;letter-spacing:.2em}.hero-score strong{display:block;margin:.35rem 0 .3rem;font-size:clamp(3.5rem,8vw,6.25rem);font-weight:1000;letter-spacing:-.075em;line-height:1;text-shadow:0 0 42px color-mix(in srgb,var(--side) 42%,transparent)}.score-tiles{grid-area:tiles;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.score-tile{display:flex;align-items:center;gap:.7rem;min-width:0;padding:.9rem;border:1px solid var(--line);border-radius:.85rem;background:#ffffff09}.score-tile__icon{display:grid;flex:0 0 auto;place-items:center;width:2.25rem;height:2.25rem;border-radius:.65rem;color:color-mix(in srgb,var(--side-bright) 75%,white);background:color-mix(in srgb,var(--side) 18%,transparent)}.score-tile__icon svg{width:1.15rem;fill:currentColor}.score-tile__copy{display:grid;min-width:0}.score-tile__label{overflow:hidden;color:#9299a7;font-size:.63rem;font-weight:750;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.score-tile__value{overflow:hidden;font-size:1.35rem;letter-spacing:-.04em;text-overflow:ellipsis}.like-button{grid-area:button;display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:4.1rem;padding:0 1.15rem;border:1px solid color-mix(in srgb,var(--side-bright) 78%,white);border-radius:.9rem;color:#fff;background:var(--side);box-shadow:0 12px 35px color-mix(in srgb,var(--side) 28%,transparent),inset 0 1px #ffffff2e;cursor:pointer;font-weight:950;letter-spacing:.09em;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.like-button:hover{filter:brightness(1.12);box-shadow:0 16px 46px color-mix(in srgb,var(--side) 38%,transparent),inset 0 1px #ffffff38;transform:translateY(-2px)}.like-button:active{transform:translateY(1px) scale(.985)}.like-button[aria-busy=true]{box-shadow:0 16px 46px color-mix(in srgb,var(--side) 40%,transparent),inset 0 1px #ffffff3d}.like-button svg{width:1.35rem;fill:currentColor}.like-button small{font-size:.56rem;letter-spacing:.12em;opacity:.72}.like-help{grid-area:help;align-self:start;margin:0;color:#777f8e;font-size:.62rem;text-align:center}.swipe-hint{display:none;margin:1.2rem auto 0;color:#949caa;font-size:.65rem;font-weight:750;letter-spacing:.04em;text-align:center}.swipe-hint span{margin:0 .25rem;color:#aeb5c1}.state-card{align-self:center;width:min(100%,38rem);margin:auto;padding:clamp(2.5rem,8vw,5rem);border:1px solid var(--line);border-radius:1.5rem;background:#0f131cd6;box-shadow:0 35px 100px #0000006b;text-align:center}.state-card h1{margin-bottom:1rem;font-size:clamp(2rem,6vw,3.5rem)}.state-card>p:last-of-type{margin:0;color:var(--muted);line-height:1.6}.state-card button{min-height:3rem;margin-top:1.8rem;padding:0 1.5rem;border:0;border-radius:.7rem;color:#101319;background:var(--acid);cursor:pointer;font-weight:900}.state-card__symbol{display:grid;place-items:center;width:3rem;height:3rem;margin:0 auto 1.25rem;border:1px solid rgba(255,84,112,.5);border-radius:50%;color:#ff6c84;background:#e021471a;font-size:1.5rem;font-weight:950}.loader{display:flex;justify-content:center;gap:.4rem;height:2.5rem;margin-bottom:1.5rem}.loader span{width:.42rem;border-radius:1rem;background:linear-gradient(to top,var(--red),var(--blue-bright));animation:equalizer .9s ease-in-out infinite alternate}.loader span:nth-child(2){animation-delay:-.3s}.loader span:nth-child(3){animation-delay:-.6s}.action-error{position:fixed;z-index:20;right:1rem;bottom:1rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;width:min(calc(100% - 2rem),29rem);padding:.9rem .9rem .9rem 1rem;border:1px solid rgba(255,84,112,.35);border-radius:.8rem;background:#210c12f5;box-shadow:0 18px 50px #00000080}.action-error>span{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;color:#fff;background:var(--red);font-weight:950}.action-error p{margin:0;font-size:.8rem;line-height:1.4}.action-error button{width:2rem;height:2rem;border:0;border-radius:.45rem;color:#fff;background:#ffffff12;cursor:pointer;font-size:1.2rem}.site-footer{display:flex;align-items:center;justify-content:center;gap:.65rem;min-height:3.4rem;color:#969eac;font-size:.56rem;font-weight:800;letter-spacing:.16em}@keyframes panel-in{0%{opacity:0;transform:translateY(10px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes live-pulse{0%,to{box-shadow:0 0 0 4px #4df88d1a,0 0 15px #4df88db3}50%{box-shadow:0 0 0 8px #4df88d00,0 0 9px #4df88d73}}@keyframes equalizer{0%{height:35%}to{height:100%}}@media(max-width:800px){.site-header{gap:1rem;width:min(100% - 1.5rem,1180px)}.brand__wordmark{display:none}.main-content{width:min(100% - 1.5rem,1180px)}.side-panel__content{grid-template-columns:1fr minmax(12rem,.7fr);width:min(100% - 3rem,53rem);gap:.65rem 2rem}.side-panel h1{font-size:clamp(2.5rem,8vw,4rem)}.score-tiles{grid-template-columns:1fr}}@media(max-width:620px){.site-header{grid-template-columns:1fr 1fr;gap:.7rem;min-height:7.75rem;padding:.7rem 0 .8rem}.brand__shield{width:2.25rem;height:2.55rem}.view-tabs{grid-column:1 / -1;grid-row:2;grid-template-columns:3.2rem 1fr 3.2rem;width:100%}.live-badge{grid-column:2;grid-row:1}.main-content{padding-top:1.75rem}.middle-intro{margin-bottom:1.5rem}.middle-intro h1{font-size:clamp(2.25rem,11vw,3.3rem)}.middle-intro h1 span{display:block}.split-score{min-height:23.5rem;border-radius:1.15rem}.split-side__content{width:calc(100% - 1rem);padding:2rem .3rem}.split-side__total{column-gap:.3rem}.split-side__total svg{display:none}.split-side__total strong{max-width:100%;overflow:hidden;font-size:clamp(2.15rem,12vw,3.4rem);text-overflow:ellipsis}.split-side__player{margin:1rem 0 1.2rem;font-size:.67rem}.split-side button{min-height:2.7rem;padding:0 .85rem;font-size:.62rem}.derby-mark{width:3.1rem;height:3.1rem}.side-panel{min-height:36rem;border-radius:1.15rem}.side-panel__content{grid-template-columns:1fr;grid-template-areas:"eyebrow" "title" "lead" "score" "tiles" "button" "help";align-self:stretch;align-content:center;width:calc(100% - 2rem);padding:2rem 0}.side-panel h1{max-width:none;font-size:clamp(2.55rem,12.5vw,4rem)}.side-panel h1 span{display:block}.side-panel__lead{margin:.35rem 0 .5rem;font-size:.82rem}.hero-score{padding:1rem 0}.hero-score strong{font-size:clamp(3.25rem,17vw,5rem)}.score-tiles{grid-template-columns:1fr 1fr}.score-tile{padding:.7rem}.score-tile__icon{width:1.9rem;height:1.9rem}.like-button{min-height:3.8rem}.swipe-hint{display:block}.site-footer{min-height:2.7rem}}@media(max-width:390px){.middle-intro__lead{max-width:18rem;margin-right:auto;margin-left:auto}.split-side__player svg{display:none}.split-side__player{display:block;line-height:1.5}.split-side__player strong{display:block}.score-tile__icon{display:none}.site-footer span:nth-child(n+2){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:more){:root{--line: rgba(255, 255, 255, .35);--muted: #c3c8d1}.view-tab{color:#d7dbe2}}