:root{--ink:#eaf4ff;--dim:#eaf4ff8c;--accent:#57e0ff;font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);overscroll-behavior:none;background:#080a14;margin:0;padding:0;overflow:hidden}#scene{touch-action:none;width:100%;height:100dvh;display:block;position:fixed;inset:0}.hidden{display:none!important}.underwater{pointer-events:none;z-index:5;opacity:0;-webkit-backdrop-filter:blur(2px)saturate(.7);backdrop-filter:blur(2px)saturate(.7);background:radial-gradient(120% 100% at 50% 30%,#186e8240,#031a2cd1);height:100dvh;transition:opacity .32s;position:fixed;inset:0}.underwater.on{opacity:1;transition:opacity .14s}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;background:radial-gradient(120% 90% at 50% 40%,#0a1628b8,#040812f0);place-items:center;height:100dvh;display:grid;position:fixed;inset:0}.overlay-inner{text-align:center;padding:2rem}.overlay h1{letter-spacing:.34em;text-transform:uppercase;text-indent:.34em;background:linear-gradient(180deg, #fff 10%, var(--accent) 130%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.6rem,9vw,5.2rem);font-weight:200}.overlay h2{letter-spacing:.26em;text-transform:uppercase;text-indent:.26em;margin:0 0 1.6rem;font-size:1.6rem;font-weight:300}.tag{color:var(--dim);letter-spacing:.32em;text-transform:uppercase;text-indent:.32em;margin:.9rem 0 2.2rem;font-size:.82rem}.fine{color:#eaf4ff4d;letter-spacing:.2em;text-transform:uppercase;margin:1.6rem 0 0;font-size:.7rem}button{appearance:none;color:var(--ink);font:inherit;letter-spacing:.26em;text-transform:uppercase;text-indent:.26em;cursor:pointer;background:#57e0ff14;border:1px solid #57e0ff80;border-radius:999px;padding:1rem 2.4rem;font-size:.86rem;transition:background .16s,border-color .16s,transform .16s}button:hover{background:#57e0ff33;border-color:#57e0ffe6}button:active{transform:scale(.98)}#pause button{margin-inline:auto;display:block}#pause .secondary-button{color:var(--dim);background:#eaf4ff0a;border-color:#eaf4ff33;margin-top:.8rem;padding:.72rem 1.5rem;font-size:.68rem}.spots{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:1.1rem;display:flex}.spot{appearance:none;color:#eaf4ff9e;font:inherit;letter-spacing:.18em;text-transform:uppercase;text-indent:.18em;cursor:pointer;background:#06162680;border:1px solid #eaf4ff2e;border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;padding:.7rem 1.1rem .6rem;font-size:.72rem;transition:background .16s,border-color .16s,color .16s;display:flex}.spot:hover{color:var(--ink);background:#061626cc;border-color:#57e0ff80}.spot[aria-pressed=true]{color:var(--ink);background:#57e0ff24;border-color:#57e0ffe6}.spot .grade{letter-spacing:.22em;color:#57e0ffb3;font-size:.58rem}.spot-blurb{max-width:34rem;min-height:2.6rem;color:var(--dim);letter-spacing:.04em;margin:0 auto 1.9rem;font-size:.8rem;line-height:1.6}@media (max-width:620px){.overlay-inner{width:100%;padding:1.25rem}.spots{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.spot{padding-inline:.65rem}.spot-blurb{font-size:.74rem}}.hud{pointer-events:none;z-index:10;height:100dvh;padding:max(1.2rem, env(safe-area-inset-top)) max(1.4rem, env(safe-area-inset-right)) max(1.2rem, env(safe-area-inset-bottom)) max(1.4rem, env(safe-area-inset-left));text-shadow:0 1px 12px #001428b3;position:fixed;inset:0}.hud-corner{position:absolute}.hud-tl{top:max(1.2rem, env(safe-area-inset-top));left:max(1.4rem, env(safe-area-inset-left))}.hud-tr{top:max(1.2rem, env(safe-area-inset-top));right:max(1.4rem, env(safe-area-inset-right));text-align:right}.hud-bl{bottom:max(1.2rem, env(safe-area-inset-bottom));left:max(1.4rem, env(safe-area-inset-left));letter-spacing:.14em;text-transform:uppercase;color:#eaf4ff6b;font-size:.7rem;line-height:1.9}.hud-bl b{color:#eaf4ffbf;font-weight:500}.speed{font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:200;line-height:1}.speed .unit{letter-spacing:.2em;color:var(--dim);text-transform:uppercase;margin-left:.5rem;font-size:.7rem}.meter{background:#ffffff24;border-radius:2px;width:148px;height:3px;margin-top:.6rem;overflow:hidden}.meter>div{background:linear-gradient(90deg, var(--accent), #fff);border-radius:2px;width:0%;height:100%;transition:width 90ms linear}.meter.speed{--kick:0;transform-origin:0}.meter.speed.kick{animation:.34s ease-out speed-kick}@keyframes speed-kick{0%{transform:scaleY(calc(1 + var(--kick) * 2.4));filter:brightness(calc(1 + var(--kick)))}to{filter:brightness();transform:scaleY(1)}}.meter.flow,.meter.arms{width:96px;height:2px;margin-top:.5rem}.meter.flow>div{background:linear-gradient(90deg,#57e0ff,#b8f6ff);transition:width .14s ease-out}.meter.flow.hot>div{background:linear-gradient(90deg,#7dffd0,#fff);box-shadow:0 0 10px #7dffd0e6}.meter.arms>div{background:linear-gradient(90deg,#ffb257,#ffe9c8)}.meter.arms.spent>div{background:linear-gradient(90deg,#ff5f5f,#ffb0b0)}.meter-label{letter-spacing:.26em;text-transform:uppercase;color:#eaf4ff59;margin-top:.32rem;font-size:.55rem}.live-score{transform-origin:0;align-items:baseline;gap:.38rem;margin-top:.9rem;display:flex}.live-score.kick{animation:.36s cubic-bezier(.2,.85,.25,1) score-kick}#score-value{font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:300;line-height:1}.score-unit{letter-spacing:.19em;text-transform:uppercase;color:var(--dim);font-size:.57rem}.chain-moves{letter-spacing:.19em;text-transform:uppercase;color:#7dffd0b8;opacity:0;max-width:15rem;margin-top:.42rem;font-size:.5rem;line-height:1.5;transition:opacity .16s}.chain-moves.show{opacity:1}.chain{opacity:0;font-variant-numeric:tabular-nums;align-items:baseline;gap:.3rem;margin-top:.3rem;transition:opacity .16s,transform .16s;display:flex;transform:translateY(-3px)}.chain.show{opacity:1;transform:none}#chain-pot{color:#7dffd0;font-size:1rem;font-weight:400;line-height:1}.chain-x{color:#7dffd08c;font-size:.62rem}#chain-mult{color:#7dffd0;font-size:1.05rem;font-weight:600;line-height:1}.chain-note{letter-spacing:.2em;text-transform:uppercase;color:#7dffd073;font-size:.48rem}.chain.hot #chain-pot,.chain.hot #chain-mult{color:#fff2a8;text-shadow:0 0 16px #ffe278cc}.chain.slipping{animation:.46s ease-in-out infinite chain-slip}.chain.slipping #chain-pot,.chain.slipping #chain-mult,.chain.slipping .chain-note{color:#ffb59a}@keyframes chain-slip{0%,to{opacity:1}50%{opacity:.45}}.score-target{letter-spacing:.2em;text-transform:uppercase;color:#eaf4ff61;margin-top:.35rem;font-size:.52rem}@keyframes score-kick{0%{transform:scale(1)}35%{color:#fff;transform:scale(1.16)}to{transform:scale(1)}}.barrel-gauge{opacity:0;pointer-events:none;width:15rem;transition:opacity .2s,transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:12%;left:50%;transform:translate(-50%)scale(.86)}.barrel-gauge.show{opacity:1;transform:translate(-50%)scale(1)}.barrel-gauge svg{width:100%;display:block;overflow:visible}.barrel-shadow{fill:none;stroke:#04101c80;stroke-width:13px;stroke-linecap:round}.barrel-track{fill:none;stroke:url(#barrel-zones);stroke-width:7px;stroke-linecap:round}.barrel-pin{fill:#eaf4ffcc}.barrel-marker polygon{fill:#fff;filter:drop-shadow(0 0 6px #04101ce6)}.barrel-gauge.danger .barrel-marker polygon{fill:#ff7a52;animation:.26s ease-in-out infinite barrel-warn}@keyframes barrel-warn{0%,to{opacity:1}50%{opacity:.35}}.barrel-readout{font-variant-numeric:tabular-nums;text-shadow:0 1px 12px #04101cd9;justify-content:center;align-items:baseline;gap:.7rem;margin-top:-.5rem;display:flex}#barrel-time{color:#fff;font-size:1.15rem;font-weight:300}#barrel-points{letter-spacing:.18em;color:#7dffd0;font-size:.72rem}.prompt{letter-spacing:.34em;text-transform:uppercase;text-indent:.34em;color:#eaf4ffb8;text-shadow:0 1px 14px #04101cbf;opacity:0;white-space:nowrap;font-size:.78rem;transition:opacity .18s;position:absolute;bottom:24%;left:50%;transform:translate(-50%)}.prompt.show{opacity:1}.prompt.alert{color:#ffe6b0;font-size:.9rem}.prompt.urgent{color:#fff;font-size:1.05rem;animation:.62s ease-in-out infinite urgent}@keyframes urgent{0%,to{opacity:.65;letter-spacing:.34em}50%{opacity:1;letter-spacing:.42em}}.stat{letter-spacing:.1em;font-variant-numeric:tabular-nums;font-size:.78rem;line-height:1.8}.stat .label{color:var(--dim);text-transform:uppercase;letter-spacing:.22em;margin-right:.7rem;font-size:.62rem}.callout{letter-spacing:.3em;text-transform:uppercase;text-indent:.3em;opacity:0;color:var(--accent);font-size:1.1rem;font-weight:300;position:absolute;top:22%;left:50%;transform:translate(-50%)}.callout.show{animation:1.1s ease-out callout}.score-pop{letter-spacing:.22em;text-transform:uppercase;text-indent:.22em;opacity:0;color:#7dffd0;font-size:.7rem;font-weight:500;position:absolute;top:28%;left:50%;transform:translate(-50%)}.score-pop.show{animation:.9s ease-out score-pop}.score-pop.big{letter-spacing:.12em;color:#fff2a8;text-shadow:0 0 26px #ffe278bf;font-size:1.35rem}.score-pop.big.show{animation:1.2s cubic-bezier(.16,1,.3,1) score-pop-big}.score-pop.gone{color:#ff9b7a;text-shadow:0 0 22px #ff785099;font-size:1.2rem}@keyframes score-pop-big{0%{opacity:0;transform:translate(-50%,10px)scale(.7)}22%{opacity:1;transform:translate(-50%)scale(1.3)}40%{transform:translate(-50%,-2px)scale(1)}72%{opacity:1}to{opacity:0;transform:translate(-50%,-26px)scale(1.04)}}@keyframes score-pop{0%{opacity:0;transform:translate(-50%,7px)scale(.96)}16%,68%{opacity:1}to{opacity:0;transform:translate(-50%,-12px)scale(1.04)}}@keyframes callout{0%{opacity:0;transform:translate(-50%,10px)scale(.96)}18%{opacity:1;transform:translate(-50%)scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-14px)}}.wipeout{text-align:center;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.wipeout-cause{letter-spacing:.14em;font-size:1.4rem;font-weight:300}.wipeout-hint{letter-spacing:.28em;text-transform:uppercase;color:var(--dim);margin-top:.7rem;font-size:.68rem}.ride-result{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2;background:linear-gradient(135deg,#031422f0,#042635e6);border:1px solid #c3efff52;border-radius:5px;align-items:center;gap:1.2rem;width:min(430px,100vw - 2.8rem);padding:1.15rem 1.3rem;display:flex;position:absolute;top:68%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #000c187a}.ride-result.show{animation:.48s cubic-bezier(.2,.8,.2,1) result-in}.result-judge{font-variant-numeric:tabular-nums;color:#fff;min-width:5.7rem;font-size:3.25rem;font-weight:200;line-height:1}.result-rating{letter-spacing:.25em;text-transform:uppercase;color:var(--accent);font-size:.78rem;font-weight:600}.result-total{font-variant-numeric:tabular-nums;margin-top:.22rem;font-size:.9rem}.result-breakdown{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);flex-direction:column;gap:.16rem;margin-top:.5rem;font-size:.58rem;display:flex}.result-row{border-bottom:1px solid #eaf4ff17;justify-content:space-between;gap:1.4rem;min-width:11rem;padding-bottom:.12rem;display:flex}.result-row b{color:#eaf4ffdb;font-variant-numeric:tabular-nums;font-weight:500}.result-row.lost,.result-row.lost b{color:#ff9b7a}.result-best{letter-spacing:.2em;text-transform:uppercase;color:#7dffd0;min-height:.7rem;margin-top:.42rem;font-size:.56rem;font-weight:600}@keyframes result-in{0%{opacity:0;transform:translate(-50%,calc(14px - 50%))scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (max-width:720px){.ride-result{inset:auto 50% 5.5rem auto;transform:translate(50%)}.ride-result.show{animation-name:result-in-mobile}@keyframes result-in-mobile{0%{opacity:0;transform:translate(50%,10px)scale(.97)}to{opacity:1;transform:translate(50%)scale(1)}}}