@font-face{font-family:AAHD Display;src:url(./fredoka-latin-DOQG_Jwn.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:AAHD Hud;src:url(./oswald-latin-BUAu8bKM.woff2) format("woff2");font-weight:200 700;font-style:normal;font-display:swap}:root{--display: "AAHD Display", "Avenir Next", "Segoe UI", system-ui, sans-serif;--hud: "AAHD Hud", "Avenir Next Condensed", "Segoe UI", system-ui, sans-serif}:root{--ink: #eaf4ff;--panel: linear-gradient(160deg, rgba(24, 58, 104, .86), rgba(8, 24, 50, .9));--edge: rgba(160, 210, 255, .4);--accent: #ffd23f;--warn: #ff6b5c;--glow: 0 0 22px rgba(120, 190, 255, .22);--pt: var(--accent)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#08152c;font-family:var(--display);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}canvas{display:block;width:100%;height:100%}#hud{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .3s}#hud.on{opacity:1}.pview{position:absolute;overflow:hidden;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.pview.split{box-shadow:inset 0 0 0 2px #96cdff2e;border-radius:6px}#hud.two .pview.split:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #040e2259}.streaks{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .12s linear}.streaks i{position:absolute;top:-20%;bottom:-20%;width:19%;background-image:repeating-linear-gradient(to bottom,#fff0 0px 26px,#ebf8ff80 27px 30px,#fff0 31px 74px);will-change:transform}.streaks i:first-child{left:0;-webkit-mask-image:linear-gradient(to right,#000 0%,transparent 78%);mask-image:linear-gradient(to right,#000 0%,transparent 78%)}.streaks i:last-child{right:0;-webkit-mask-image:linear-gradient(to left,#000 0%,transparent 78%);mask-image:linear-gradient(to left,#000 0%,transparent 78%)}.card{position:absolute;z-index:2;background:var(--panel);border:1px solid var(--edge);border-radius:16px;padding:10px 14px;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 10px 30px #000c2073,var(--glow),inset 0 1px #ffffff38}.label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.62;font-family:var(--hud);font-weight:500}.value{font-size:26px;font-weight:600;line-height:1.05;font-family:var(--hud);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:.01em;text-shadow:0 0 14px rgba(150,205,255,.35)}.value.warn{color:var(--warn);text-shadow:0 0 16px rgba(255,107,92,.55)}.value.clock{font-size:34px;font-weight:700}.pview.split .value.clock{font-size:24px}.value.clock.pulse{animation:clockPulse .62s ease-in-out infinite;transform-origin:left center}@keyframes clockPulse{0%,to{transform:scale(1)}12%{transform:scale(1.13)}30%{transform:scale(1)}42%{transform:scale(1.06)}}@media (prefers-reduced-motion: reduce){.value.clock.pulse{animation:none}}.combo{display:none;margin-left:6px;font-family:var(--hud);font-weight:700;font-size:calc(13px + var(--k, 0) * 7px);color:hsl(calc(45 - var(--k, 0) * 45) 100% 62%);text-shadow:0 0 calc(6px + var(--k, 0) * 12px) hsl(calc(45 - var(--k, 0) * 45) 100% 60% / .8)}.combo.on{display:inline-block}.combo.pop{animation:comboPop .34s cubic-bezier(.2,1.5,.4,1)}@keyframes comboPop{0%{transform:scale(2.1) rotate(-8deg);opacity:.3}60%{transform:scale(1) rotate(2deg);opacity:1}to{transform:none}}.gauge{position:relative;width:74px}.gauge svg{display:block;width:74px;height:44px;overflow:visible}.gauge path{fill:none;stroke-linecap:round;stroke-width:7}.gTrack{stroke:#ffffff26}.gFill{stroke:#6fd0ff;stroke-dasharray:0 100;transition:stroke-dasharray .1s linear}.gNum{position:absolute;left:0;right:0;top:17px;text-align:center;display:flex;align-items:baseline;justify-content:center;gap:3px}.gNum .value{font-size:21px;text-shadow:0 2px 8px rgba(0,12,32,.8)}.gNum em{font-style:normal;font-size:9px;opacity:.5;font-family:var(--hud)}.gLabel{position:absolute;left:0;right:0;top:40px;text-align:center}.pview.split .gauge,.pview.split .gauge svg{width:60px}.pview.split .gauge svg{height:36px}.pview.split .gNum{top:13px}.pview.split .gNum .value{font-size:16px}.pview.split .gLabel{top:32px}.card.tl{top:14px;left:14px;min-width:132px}.card.tr{top:14px;right:14px;text-align:right;min-width:128px}.card.bl{bottom:14px;left:14px;min-width:168px}.pview.clash .card.tr{top:72px}.pview.split .card{border-radius:13px;padding:7px 10px}.pview.split .value{font-size:19px}.pview.split .card.tl,.pview.split .card.tr,.pview.split .card.bl{min-width:104px}.pview.split .card.tl{top:10px;left:10px}.pview.split .card.bl{bottom:10px;left:10px}.who{color:var(--pt);opacity:.95;font-weight:800}.bar{height:5px;border-radius:3px;background:#ffffff29;margin-top:7px;overflow:hidden}.bar>i{display:block;height:100%;width:100%;border-radius:3px;background:linear-gradient(90deg,#ffe89a,var(--accent));box-shadow:0 0 10px #ffd23f99;transition:width .12s linear}.bar>i.warn{background:linear-gradient(90deg,#ffa596,var(--warn));box-shadow:0 0 10px #ff6b5c99}.bar>i.distBar{background:linear-gradient(90deg,#b8f2ff,#6fe3ff);box-shadow:0 0 10px #6fe3ff8c}.lives{display:flex;gap:5px;align-items:center;margin-top:8px;min-height:10px}.pip{width:9px;height:9px;border-radius:50%;background:var(--pt);box-shadow:0 0 9px var(--pt),inset 0 1px #fff9}.lives .x{font-size:12px;font-weight:700;opacity:.8}.row{display:flex;gap:16px;justify-content:space-between;align-items:baseline}.row .value{font-size:18px}.pview.split .row .value{font-size:15px}.popup{position:absolute;left:50%;top:34%;z-index:4;transform:translate(-50%,6px);font-size:30px;font-weight:800;color:var(--accent);text-shadow:0 3px 14px rgba(0,0,0,.7),0 2px 4px rgba(0,12,32,.9),0 0 26px rgba(255,210,63,.55);opacity:0;transition:opacity .18s,transform .18s;white-space:nowrap;pointer-events:none}.popup.on{opacity:1;transform:translate(-50%,-10px)}.pview.split .popup{font-size:22px}.fxClock{position:absolute;left:50%;top:40%;z-index:1;transform:translate(-50%,-100%);display:none;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.fxClock.on{display:flex}.fxClockPill{position:relative;overflow:hidden;display:flex;align-items:baseline;gap:6px;padding:3px 10px 5px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#06210f;background:#8affb094;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 3px 12px #0000004d;border:1.5px solid rgba(255,255,255,.85)}.fxClockPill b{font-size:15px;font-variant-numeric:tabular-nums}.fxClockPill.bad{color:#290a06;background:#ff8a7699}.fxClockPill.urgent{animation:fxPulse .5s ease-in-out infinite alternate}@keyframes fxPulse{0%{transform:scale(1)}to{transform:scale(1.09)}}.fxClockPill i{position:absolute;left:0;bottom:0;height:3px;background:#0000006b}.pview.split .fxClockPill{font-size:10px;padding:2px 8px 4px;gap:5px}.pview.split .fxClockPill b{font-size:13px}.fx{position:absolute;right:14px;top:118px;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:5px;pointer-events:none}.pview.clash .fx{top:168px}.fxTag{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;white-space:nowrap;color:#0d2418;background:#7af0a5eb;box-shadow:0 2px 10px #00000059}.fxTag.bad{color:#2a0c08;background:#ff7e6ceb}.pview.split .fx{top:104px}.hint{position:absolute;left:50%;bottom:16px;z-index:3;transform:translate(-50%);white-space:nowrap;font-size:12px;letter-spacing:.04em;padding:7px 15px;border-radius:999px;background:#081a34b8;border:1px solid var(--edge);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .45s}.hint.on{opacity:.95}.pview.split .hint{bottom:60px}.hint b{color:var(--pt)}.outMask{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,#040e222e,#040c1c9e);opacity:0;transition:opacity .35s}.outMask.on{opacity:1}.outMask span{font-size:24px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:10px 22px;border-radius:14px;border:1px solid var(--edge);background:#081a34cc;text-shadow:0 0 20px rgba(150,205,255,.5)}#hud.two #stageTag{inset:auto 14px 14px auto;transform:none}#stageTag{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-size:12px;letter-spacing:.18em;text-transform:uppercase;padding:8px 18px;white-space:nowrap;border-radius:999px;background:var(--panel);border:1px solid var(--edge);box-shadow:0 8px 28px #000c206b,var(--glow);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}#stageTag b{font-weight:800;letter-spacing:.1em}#panel{position:fixed;inset:0;display:none;overflow-y:auto;align-items:center;text-align:center;justify-content:center;justify-content:safe center;flex-direction:column;gap:4px;padding:24px;background:radial-gradient(ellipse at 50% 45%,#06142c33,#040c1cb8);text-shadow:0 2px 18px rgba(3,12,30,.85)}#panel.on{display:flex}#panel h2{font-size:clamp(24px,6vw,40px);margin:0 0 4px;font-family:var(--display);font-weight:700;letter-spacing:-.01em}#panel .sub{opacity:.74;margin:6px 0 16px;font-size:14px}#panel .touch{font-size:12px;opacity:.5;max-width:340px;margin:10px 0 14px}#panel table{margin:0 auto 10px;border-collapse:collapse;font-size:15px;min-width:230px}#panel td{padding:5px 12px}#panel td:first-child{opacity:.65;text-align:left}#panel td:last-child{font-weight:600;text-align:right;font-family:var(--hud);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}#panel tr.tot td{border-top:1px solid rgba(160,210,255,.25);padding-top:8px;font-size:18px}#panel tr.tot td:last-child{color:var(--accent)}#panel .best{margin-top:12px;font-size:12px;opacity:.55;letter-spacing:.1em}#panel button{font:inherit;font-size:17px;font-weight:700;cursor:pointer;color:#06182f;background:linear-gradient(180deg,#ffe27a,var(--accent));border:0;border-radius:999px;padding:13px 40px;box-shadow:0 10px 28px #ffd23f52,inset 0 1px #ffffffb3;transition:transform .12s,box-shadow .12s}#panel button:hover{box-shadow:0 12px 34px #ffd23f75,inset 0 1px #fffc}#panel button:active{transform:scale(.96)}.logo{line-height:.92;margin-bottom:4px}.logo span{display:block;font-weight:800;letter-spacing:-.02em}.logo .l1{font-size:clamp(26px,6.5vw,52px);filter:drop-shadow(0 4px 16px rgba(90,160,240,.55))}.logo .l1 .ltr{background:linear-gradient(180deg,#fff,#b6dcff 55%,#6aa8e8);-webkit-background-clip:text;background-clip:text;color:transparent}.logo .l2{font-size:clamp(34px,9vw,74px);margin-top:-.06em;filter:drop-shadow(0 6px 22px rgba(255,190,60,.5));animation:bob 3.4s .8s ease-in-out infinite}.logo .l2 .ltr{background:linear-gradient(180deg,#fff6cf,#ffd23f 52%,#e08b1b);-webkit-background-clip:text;background-clip:text;color:transparent}.logo .l3{font-size:clamp(13px,3vw,20px);letter-spacing:.55em;margin-top:4px;color:#cfe6ff;text-shadow:0 0 18px rgba(140,200,255,.8);animation:fadeUp .6s .3s both,pulse 2.6s 1s ease-in-out infinite}.logo .ltr{display:inline-block;position:relative;animation:drop .62s calc(var(--i) * 45ms) cubic-bezier(.2,1.5,.35,1) both}.logo .l2 .ltr{animation-delay:calc(.36s + var(--i) * 45ms)}.logo .l3 .ltr{animation-delay:calc(.78s + var(--i) * 45ms)}.logo .ltr:after{content:"";position:absolute;left:50%;bottom:-.06em;width:1.5em;height:.42em;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 50% 60%,rgba(255,255,255,.95),rgba(210,235,255,.35) 55%,transparent 72%);opacity:0;animation:puff .5s calc(var(--i) * 45ms + .3s) ease-out both}.logo .l2 .ltr:after{animation-delay:calc(.66s + var(--i) * 45ms)}.logo .l3 .ltr:after{animation:none}@keyframes puff{0%{opacity:0;transform:translate(-50%) scale(.25,.5)}30%{opacity:.85;transform:translate(-50%,2px) scale(1)}to{opacity:0;transform:translate(-50%,-7px) scale(1.7,1.5)}}.logo .mark{display:block;margin:0 auto -2px;width:clamp(78px,15vw,118px);height:auto;filter:drop-shadow(0 6px 20px rgba(90,160,240,.45));animation:fadeUp .7s both}@media (prefers-reduced-motion: reduce){.logo .ltr,.logo .ltr:after,.logo .l2,.logo .mark{animation:none;opacity:1}.logo .ltr:after{display:none}}#panel.menu{justify-content:flex-start;padding-top:16px;padding-bottom:10px}#panel.menu>.logo.lockup{align-self:flex-start;display:flex;align-items:center;gap:12px;text-align:left;line-height:1;margin:0 0 2px}#panel.menu>.logo.lockup .mark{width:clamp(42px,6vw,64px);margin:0}#panel.menu>.logo.lockup .l1{font-size:clamp(19px,2.6vw,32px)}#panel.menu>.logo.lockup .l2{font-size:clamp(23px,3.3vw,40px);margin-top:0}#panel.menu .sub{margin:2px 0 6px}#panel.menu .modeBar{margin:0 0 6px}#panel.menu .racerHint{margin:5px 0 2px}#panel.menu .touch{margin:3px 0}#panel.menu .ctrlPanel.mini{transform:scale(.8);margin-bottom:-34px}@media (max-width: 680px){#panel.menu .ctrlPanel.mini{display:none}#panel.menu{padding-top:64px}#panel.menu .sub{display:none}}#panel.menu #go{margin-top:4px}#panel.menu .best{margin-top:6px}#panel.menu>.logo.lockup{transform-origin:top left}@keyframes drop{0%{opacity:0;transform:translateY(-26px) scale(.86)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse{0%,to{opacity:.75}50%{opacity:1}}.menuRow{display:flex;align-items:center;gap:14px;margin:5px 0;padding:7px 12px;border-radius:18px;border:1px solid transparent;transition:border-color .18s,background .18s}.menuRow.active{border-color:#a0d2ff57;background:#14325c61}.menuLabel{width:92px;text-align:right;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.6}.opts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.opt{font:inherit;cursor:pointer;text-align:center;display:flex;flex-direction:column;gap:2px;padding:9px 16px!important;border-radius:14px!important;min-width:108px;color:var(--ink)!important;background:#ffffff0f!important;border:1px solid rgba(160,210,255,.26)!important;box-shadow:none!important;transition:transform .14s,background .14s,border-color .14s,box-shadow .14s}.opt .optName{font-size:15px;font-weight:700}.opt .optSub{font-size:10px;opacity:.58;letter-spacing:.04em}.opt:hover{background:#ffffff1f!important;transform:translateY(-3px) scale(1.02)}.opt:active{transform:translateY(-1px) scale(.98)}.opt.on{animation:optBreath 2.8s ease-in-out infinite}@keyframes optBreath{0%,to{box-shadow:0 8px 22px #ffd23f57,inset 0 1px #ffffffbf}50%{box-shadow:0 10px 30px #ffd23f85,inset 0 1px #ffffffd9}}@media (prefers-reduced-motion: reduce){.opt.on{animation:none}}.opt.on{color:#06182f!important;background:linear-gradient(180deg,#ffe884,var(--accent))!important;border-color:#ffeba0e6!important;box-shadow:0 8px 22px #ffd23f57,inset 0 1px #ffffffbf!important;transform:translateY(-1px)}.opt.on .optSub{opacity:.7}.opts.stages .opt{min-width:0;padding:8px 12px!important}.opts.stages .opt .optName{font-size:13px}@media (max-width: 900px){.opts.stages .opt .optName{font-size:12px}}.opts.chars .opt{min-width:152px;gap:3px}.opts.chars .opt .optName{color:var(--c, inherit)}.opts.chars .opt.on .optName{color:inherit}.opts.chars .opt .optSub{max-width:136px;line-height:1.35}.stats{display:flex;flex-direction:column;gap:2px;margin-top:5px}.stat{display:flex;align-items:center;gap:6px;justify-content:space-between}.stat em{font-style:normal;font-size:9px;letter-spacing:.08em;text-transform:uppercase;opacity:.55}.pips{display:flex;gap:2px}.pips i{width:7px;height:5px;border-radius:1px;background:currentColor;opacity:.17}.pips i.on{opacity:.95}.modeBar{display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap;margin:2px 0 10px}.modeGroup{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:999px;border:1px solid transparent;transition:border-color .18s,background .18s}.modeGroup.active{border-color:#a0d2ff57;background:#14325c61}.modeLabel{font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.55}.seg{display:flex;border-radius:999px;overflow:hidden;border:1px solid rgba(160,210,255,.26);background:#ffffff0d}.seg .segBtn{font:inherit;font-size:12px;font-weight:700;cursor:pointer;padding:5px 13px!important;border-radius:0!important;color:var(--ink)!important;background:transparent!important;border:0!important;box-shadow:none!important;transition:background .14s,color .14s}.seg .segBtn+.segBtn{border-left:1px solid rgba(160,210,255,.2)!important}.seg .segBtn:hover{background:#ffffff1f!important}.seg .segBtn.on{color:#06182f!important;background:linear-gradient(180deg,#ffe884,var(--accent))!important}.seg.step{align-items:center}.seg.step .stepVal{display:inline-block;width:128px;padding:0 6px;font-size:12px;font-weight:700;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:1px solid rgba(160,210,255,.2);border-right:1px solid rgba(160,210,255,.2)}.seg.step .segBtn{font-size:15px;padding:3px 10px!important}.racerRow{display:flex;gap:22px;justify-content:center;align-items:flex-start}.racerCard{width:300px;flex:0 0 300px;display:flex;flex-direction:column;align-items:center;padding:12px 14px 14px;border-radius:22px;border:1px solid rgba(160,210,255,.2);background:linear-gradient(180deg,#0e2448e0,#061126ed);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 18px 44px #020a1a80,inset 0 1px #ffffff1a;transition:border-color .2s,box-shadow .2s,transform .2s}.racerCard.two{width:268px;flex:0 0 268px}.racerCard.active{border-color:color-mix(in srgb,var(--seat) 65%,transparent);box-shadow:0 18px 48px #020a1a8c,0 0 0 1px color-mix(in srgb,var(--seat) 45%,transparent),inset 0 1px #ffffff24}.racerSeat{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--seat);margin-bottom:6px}.racerStage{position:relative;width:100%;height:210px;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 50% 78%,#78b4f042,#08142c00 62%)}.racerCard.two .racerStage{height:190px}.racerStage .charCanvas{display:block;width:100%;height:100%}.racerStage .spin{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;padding:0!important;display:grid;place-items:center;font-size:20px;font-weight:700;line-height:1;color:var(--ink)!important;cursor:pointer;background:#0a1a3680!important;border:1px solid rgba(160,210,255,.3)!important;border-radius:999px!important;box-shadow:none!important;opacity:.72;transition:opacity .16s,background .16s,transform .16s}.racerStage .spin:hover{opacity:1;background:#183868c7!important}.racerStage .spin.l{left:6px}.racerStage .spin.r{right:6px}.racerStage .spin.l:active,.racerStage .spin.r:active{transform:translateY(-50%) scale(.9)}.racerDots{display:flex;gap:5px;margin:8px 0 4px}.racerDots i{width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.22;transition:opacity .2s,transform .2s}.racerDots i.on{opacity:.95;transform:scale(1.25)}.racerName{font-family:var(--display);font-weight:700;font-size:23px;line-height:1.1;color:var(--c);letter-spacing:-.01em;height:26px;white-space:nowrap}.racerYou{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;margin:2px 0 6px}.racerYouLabel{font-size:9px;letter-spacing:.08em;text-transform:uppercase;opacity:.55}.racerYouInput{width:100%;box-sizing:border-box;padding:5px 8px;text-align:center;font-family:inherit;font-size:13px;color:inherit;background:#ffffff12;border:1px solid rgba(255,255,255,.16);border-radius:7px;outline:none;transition:border-color .18s,background .18s}.racerYouInput::placeholder{opacity:.38}.racerYouInput:focus{border-color:var(--seat);background:#ffffff1f}.racerBlurb{font-size:11px;opacity:.62;line-height:1.35;margin:4px 0 8px;height:30px;display:flex;align-items:center;text-align:center}.racerStats{display:flex;flex-direction:column;gap:4px;width:100%}.racerStats .stat{display:grid;grid-template-columns:62px 1fr 34px;align-items:center;gap:8px}.racerStats .stat em{font-style:normal;font-size:9px;letter-spacing:.08em;text-transform:uppercase;opacity:.55;text-align:left}.racerStats .pips{display:flex;gap:3px}.racerStats .pips i{flex:1;height:6px;border-radius:2px}.racerStats .statVal{font-family:var(--hud);font-size:10px;font-weight:600;opacity:.78;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;text-align:right}.racerHint{font-size:11px;opacity:.5;margin:10px 0 2px}.racerHint b{font-weight:700;opacity:.85;padding:1px 5px;margin:0 1px;border-radius:5px;background:#ffffff1a}.ctrlPanel.mini{transform:scale(.86);transform-origin:top center;opacity:.72}@media (max-height: 780px){.racerStage{height:168px}.racerCard.two .racerStage{height:150px}.racerBlurb{display:none}}@media (max-height: 680px){#panel .ctrlPanel.mini,#panel .touch{display:none}.logo{transform:scale(.78);transform-origin:top center;margin-bottom:-10px}#panel .sub{display:none}.racerStage{height:150px}.racerCard.two .racerStage{height:138px}#panel button{padding:10px 32px;font-size:15px}.racerHint{margin:6px 0 2px}}@media (max-height: 560px){.logo{display:none}.racerStage{height:124px}.racerCard.two .racerStage{height:116px}.racerStats .stat{gap:4px}}@media (max-width: 680px){.racerRow{gap:12px}.racerCard{width:260px;flex:0 0 260px}.racerCard.two{width:176px;flex:0 0 176px}.racerCard.two .racerStage{height:132px}.racerCard.two .racerName{font-size:17px;height:20px}.racerCard.two .racerBlurb,.racerCard.two .racerYouLabel{display:none}.racerStats .stat{grid-template-columns:48px 1fr 30px;gap:5px}}#countdown{position:fixed;inset:0;z-index:6;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none;text-align:center}#countdown.on{display:flex}#countdown b{font-size:clamp(72px,18vw,190px);font-weight:800;line-height:1;color:var(--accent);text-shadow:0 6px 40px rgba(0,12,32,.75),0 0 60px rgba(255,210,63,.5)}#countdown b.pop{animation:countPop .42s cubic-bezier(.2,.9,.3,1)}@keyframes countPop{0%{transform:scale(1.9);opacity:0}45%{transform:scale(1);opacity:1}to{transform:scale(.94);opacity:.82}}#countdown span{font-size:13px;letter-spacing:.22em;text-transform:uppercase;opacity:.55;transition:color .15s,opacity .15s}#countdown span.hot{color:var(--accent);opacity:1}#countdown b{font-family:var(--display)}#introCard{position:fixed;left:50%;top:46%;z-index:6;display:none;transform:translate(-50%,-50%);pointer-events:none;text-align:center;white-space:nowrap}#introCard.on{display:block}#introCard:before{content:"";position:absolute;inset:-30px -90px;z-index:-1;background:radial-gradient(ellipse at 50% 50%,#040c1e9e,#040c1e00 72%)}#introCard .iNum{display:block;font-family:var(--hud);font-weight:500;font-size:clamp(11px,2vw,15px);letter-spacing:.42em;text-transform:uppercase;color:var(--accent);opacity:.95;text-shadow:0 2px 8px rgba(4,12,30,1),0 0 22px rgba(4,12,30,.9)}#introCard .iName{display:block;font-family:var(--display);font-weight:700;font-size:clamp(30px,8vw,74px);line-height:1.04;letter-spacing:-.01em;background:linear-gradient(180deg,#fff,#cbe6ff 58%,#7fb6ec);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 26px rgba(4,14,40,.95))}#introCard .iSub{display:block;font-family:var(--hud);font-size:clamp(10px,1.6vw,13px);letter-spacing:.2em;text-transform:uppercase;opacity:.85;text-shadow:0 2px 8px rgba(4,12,30,1),0 0 20px rgba(4,12,30,.9)}#attractCard{position:fixed;inset:0;z-index:6;display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;pointer-events:none;text-align:center;background:radial-gradient(ellipse at 50% 45%,#040e2200,#040c1c8c)}#attractCard.on{display:flex}#attractCard .logo .ltr{filter:drop-shadow(0 3px 12px rgba(4,12,30,.95))}#attractCard .logo .l3{text-shadow:0 2px 10px rgba(4,12,30,.95),0 0 18px rgba(140,200,255,.7)}#attractCard .logo.small .l1{font-size:clamp(18px,3.6vw,30px)}#attractCard .logo.small .l2{font-size:clamp(24px,5.2vw,44px)}#attractCard .logo.small .l3{font-size:clamp(11px,1.9vw,15px)}.pressStart{font-family:var(--hud);font-weight:600;font-size:clamp(13px,2.2vw,19px);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 24px rgba(255,210,63,.6),0 2px 12px rgba(4,12,30,.9);animation:pressBlink 1.15s steps(1,end) infinite}@keyframes pressBlink{0%,62%{opacity:1}63%,to{opacity:.12}}.demoTag{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));font-family:var(--hud);font-size:11px;letter-spacing:.28em;text-transform:uppercase;padding:5px 12px;border-radius:999px;opacity:.8;border:1px solid var(--edge);background:#081a3499}@media (prefers-reduced-motion: reduce){.pressStart{animation:none}}.rankWrap{display:flex;align-items:center;justify-content:center;gap:14px;margin:2px 0 10px}.rank{width:72px;height:72px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:18px;border:3px solid currentColor;font-family:var(--display);font-weight:700;font-size:46px;line-height:1;box-shadow:0 0 26px currentColor,inset 0 0 22px #ffffff29;animation:stamp .42s .18s cubic-bezier(.2,1.6,.35,1) both}.rank span{display:block;transform:translateY(-2px);text-shadow:0 3px 10px rgba(0,12,32,.6)}.rank.gS{color:#ffd23f}.rank.gA{color:#7ee0a8}.rank.gB{color:#6fd0ff}.rank.gC{color:#b9cde4}@keyframes stamp{0%{transform:scale(3.2) rotate(-16deg);opacity:0}70%{transform:scale(.92) rotate(3deg);opacity:1}to{transform:scale(1) rotate(-4deg);opacity:1}}@media (prefers-reduced-motion: reduce){.rank{animation:none;transform:rotate(-4deg)}}.rankBits{display:flex;flex-direction:column;gap:3px;text-align:left}.rankBits span{font-family:var(--hud);font-size:13px;font-variant-numeric:tabular-nums;display:flex;gap:8px;justify-content:space-between;min-width:116px}.rankBits em{font-style:normal;font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.55}.pcol .rankWrap{flex-direction:column;gap:8px}.pcol .rank{width:58px;height:58px;font-size:36px}.optPanel{display:flex;flex-direction:column;gap:10px;margin:6px auto 16px;padding:14px 18px;border-radius:18px;min-width:268px;background:#081a349e;border:1px solid var(--edge);box-shadow:var(--glow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.volRow{display:flex;align-items:center;gap:12px}.volLabel{width:74px;text-align:right;font-family:var(--hud);font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.7}.volVal{width:34px;text-align:right;font-family:var(--hud);font-variant-numeric:tabular-nums;font-size:13px;opacity:.8}input.vol{-webkit-appearance:none;appearance:none;flex:1 1 auto;width:130px;height:6px;border-radius:999px;margin:0;cursor:pointer;background:#ffffff2e;box-shadow:inset 0 1px 2px #00081880}input.vol::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;border:0;background:linear-gradient(180deg,#ffe884,var(--accent));box-shadow:0 3px 10px #ffd23f73,inset 0 1px #fffc}input.vol::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:0;background:linear-gradient(180deg,#ffe884,var(--accent));box-shadow:0 3px 10px #ffd23f73}input.vol:focus-visible{outline:2px solid var(--edge);outline-offset:4px}@media (max-height: 860px){.logo .l1{font-size:clamp(20px,4vw,34px)}.logo .l2{font-size:clamp(26px,5.6vw,46px)}.logo .l3{font-size:clamp(14px,2.6vw,22px)}#panel .sub{margin:2px 0 8px}.menuRow{margin:2px 0;padding:5px 12px}.opt{padding:7px 14px!important}.opts.chars .opt .optSub{display:none}.ctrlPanel{margin-top:6px}#panel .touch{display:none}#panel button{padding:10px 34px}}@media (max-height: 700px){.logo .mark{display:none}}@media (max-width: 560px){#panel{padding:14px 10px;gap:2px}.logo .mark{display:none}.menuRow{flex-direction:column;gap:5px;padding:4px 6px;margin:1px 0}.menuLabel{width:auto;text-align:center}.opt{min-width:84px;padding:7px 12px!important}.opt .optSub{display:none}.opts.chars .opt{min-width:92px}.opts.chars .opt .stats,.ctrlPanel,#panel .touch{display:none}#panel button{padding:11px 30px;font-size:15px}.pcols{gap:8px}.pcol{min-width:0;width:100%;padding:8px 8px 6px}.pcol .rankWrap{flex-direction:row;gap:10px;margin:0 0 6px}.pcol .rank{width:44px;height:44px;font-size:27px;border-width:2px}.rankBits span{min-width:92px;font-size:11px}#panel table{font-size:13px;min-width:0}#panel td{padding:3px 8px}#panel tr.tot td{font-size:15px}.optPanel{min-width:0;width:100%;padding:12px}input.vol{width:90px}}.ctrlPanel{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:16px 0 4px;padding:12px 14px;border-radius:18px;background:#081a349e;border:1px solid var(--edge);box-shadow:var(--glow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ctrlCol{min-width:168px;padding:0 12px;transition:opacity .2s}.ctrlCol+.ctrlCol{border-left:1px solid rgba(160,210,255,.18)}.ctrlCol.dim{opacity:.38}.ctrlWho{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--c);margin-bottom:7px;text-shadow:0 0 14px color-mix(in srgb,var(--c) 60%,transparent)}.ctrlKeys{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.ctrlKeys span{font-size:11px;opacity:.88;padding:5px 10px;border-radius:999px;border:1px solid rgba(160,210,255,.24);background:#ffffff0d}.ctrlKeys b{display:inline-block;min-width:15px;margin-right:4px;color:#06182f;background:#cfe4ff;border-radius:5px;padding:0 4px;font-weight:800;box-shadow:0 2px #78a5d7e6}.ctrlNote{font-size:10px;opacity:.6;margin-top:8px;font-style:italic}.ctrlKeys.pad{margin-top:7px;padding-top:7px;border-top:1px dashed rgba(160,210,255,.18)}.ctrlKeys.pad span{opacity:.72}.ctrlKeys.pad b{background:#ffd9a8;box-shadow:0 2px #c49254e6}.pcols{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:8px}.pcol{padding:12px 10px 8px;border-radius:18px;min-width:218px;border:1px solid rgba(160,210,255,.2);background:#091b36e0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:box-shadow .2s}.pcol.win{border-color:var(--c);box-shadow:0 0 30px color-mix(in srgb,var(--c) 42%,transparent),inset 0 1px #ffffff29}.pname{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--c);margin-bottom:8px}.pname em{font-style:normal;color:var(--accent);letter-spacing:.1em}.pcol table{margin-bottom:4px;min-width:190px}.pout{font-size:11px;opacity:.6;letter-spacing:.1em;text-transform:uppercase}.fieldBoard{margin:2px auto 10px;max-width:460px}.fieldBoard h3{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.55;margin:0 0 6px;font-weight:800}table.field{width:100%;border-collapse:collapse}table.field td{padding:5px 8px;font-size:13px;opacity:.62;border-top:1px solid rgba(160,210,255,.13)}table.field tr:first-child td{border-top:0}table.field tr.human td{opacity:1;font-weight:700}table.field td.pos{width:46px;font-weight:800;letter-spacing:.06em}table.field tr:first-child td.pos{color:var(--accent)}table.field td:last-child{text-align:right}.field .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:middle}#controls{position:fixed;z-index:5;display:flex;gap:8px;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right))}#cornerInfo{position:fixed;z-index:5;display:flex;bottom:max(14px,env(safe-area-inset-bottom));right:max(14px,env(safe-area-inset-right))}.ctl{width:44px;height:44px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font:inherit;font-size:19px;line-height:1;color:var(--ink);background:var(--panel);border:1px solid var(--edge);border-radius:14px;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 8px 28px #000c2061,inset 0 1px #fff3;transition:transform .12s,background .12s}.ctl:hover{background:#143460e6}.ctl:active{transform:scale(.93)}.ctl.off{opacity:.4}#controls.autohide .ctl,#cornerInfo.autohide .ctl{opacity:0;transition:opacity .45s ease .35s,transform .12s,background .12s}#controls.autohide.peek .ctl,#cornerInfo.autohide.peek .ctl{opacity:1;transition:opacity .16s ease 0s,transform .12s,background .12s}#controls.autohide.peek .ctl.off{opacity:.4}#controls.autohide:before{content:"";position:absolute;inset:-34px -22px -46px -46px}#cornerInfo.autohide:before{content:"";position:absolute;inset:-46px -22px -34px -46px}#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;opacity:.6}#loadBar{width:190px;height:2px;background:#ffffff2e;overflow:hidden}#loadFill{width:0;height:100%;background:currentColor;transition:width .16s linear}#splash{position:fixed;inset:0;z-index:40;background:#030c1c;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:splashLift 4.6s linear forwards}@keyframes splashLift{0%,90%{opacity:1}to{opacity:0;visibility:hidden}}#splash.quick{animation-duration:1.7s}#splash.skip{animation:splashSkip .3s linear forwards}@keyframes splashSkip{to{opacity:0;visibility:hidden}}#splash img{max-width:90%;max-height:94%;object-fit:contain;border-radius:5px;box-shadow:0 26px 80px #000c}.onlineBar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:8px 0 2px;max-width:620px}.onlineBar .onlineNote{flex-basis:100%}#panel button.alt{font-size:13px;padding:8px 18px;color:var(--ink)!important;background:#14325c8c!important;border:1px solid rgba(160,210,255,.32)!important;box-shadow:none!important}#panel button.alt:hover{background:#1e4678b3!important}#panel button.alt[disabled],#panel button[disabled]{opacity:.42;cursor:default}.onlineNote{font-size:11px;opacity:.5;margin:0;max-width:380px}.codeRow{display:flex;gap:8px;margin:10px 0 6px}.codeCell{width:40px;height:54px;line-height:54px;font-family:var(--hud);font-size:30px;font-weight:700;border-radius:10px;border:1px solid rgba(160,210,255,.28);background:#0a1e3a99}.codeCell.next{border-color:var(--accent);box-shadow:0 0 0 2px #ffd23f38}.codeField{display:flex;align-items:center;gap:8px;margin-bottom:10px}.codeField input{font-family:var(--hud);font-size:18px;letter-spacing:.3em;width:130px;padding:6px 10px;text-align:center;color:var(--ink);background:#0a1e3a99;border:1px solid rgba(160,210,255,.28);border-radius:8px}.keyGrid{display:grid;grid-template-columns:repeat(3,62px);gap:8px;justify-content:center;margin-bottom:12px}#panel .keyPad{font-family:var(--hud);font-size:20px;padding:10px 0!important;color:var(--ink)!important;background:#14325c8c!important;border:1px solid rgba(160,210,255,.28)!important;box-shadow:none!important;border-radius:10px!important}#panel .keyPad:hover{background:#1e4678bf!important}#panel .keyPad.go{font-size:14px;color:#06182f!important;background:linear-gradient(180deg,#ffe884,var(--accent))!important}.codeShow{display:flex;flex-direction:column;align-items:center;gap:4px;margin:6px 0 14px}.codeShowLabel{font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.55}.codeShowVal{font-family:var(--hud);font-size:clamp(38px,9vw,60px);font-weight:700;line-height:1;letter-spacing:.16em;color:var(--accent);text-indent:.16em}.lobbyList{list-style:none;padding:0;margin:0 0 6px;min-width:260px}.lobbyRow{display:flex;justify-content:space-between;gap:20px;padding:7px 12px;border-radius:8px;font-size:14px;background:#ffffff0d;margin-bottom:5px}.lobbyRow.you{background:#14325cb3;border:1px solid rgba(160,210,255,.3)}.lobbyYou{opacity:.6;font-weight:400}.lobbySeats{opacity:.6}.lobbyCount{font-size:12px;opacity:.55;margin:0 0 6px}.lobbyPing{opacity:.7;margin-left:8px;font-family:var(--hud)}.netError{color:#ffb0a4;font-size:13px;max-width:340px;margin:6px 0 10px}