:root{--yellow:#ffc800;--yellow-deep:#f0a800;--ink:#171d2b;--pill:#171d2bc7;--font:ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Nunito", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}#stage{background:radial-gradient(at 50% 40%,#ffc80029,#0000 60%),repeating-linear-gradient(135deg,#1d2538 0 34px,#1a2133 34px 68px);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#game{touch-action:none;-webkit-user-select:none;user-select:none;font-family:var(--font);color:#fff;background:#cfe6f7;font-weight:800;position:relative;overflow:hidden;box-shadow:0 0 80px #0000008c}#canvas{outline:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#ui button{font-family:inherit;font-weight:inherit;color:inherit;cursor:pointer;pointer-events:auto;touch-action:none;border:0}.hidden{display:none!important}.hud{padding:calc(1.2em + env(safe-area-inset-top)) 1.2em calc(1.2em + env(safe-area-inset-bottom));position:absolute;top:0;bottom:0;left:0;right:0}.hud-top{align-items:flex-start;gap:.9em;display:flex}.pill{background:var(--pill);-webkit-backdrop-filter:blur(6px);border-radius:1.5em;box-shadow:0 .3em .9em #00000038,inset 0 0 0 .12em #ffffff14}.place{align-items:center;gap:.6em;padding:.7em 1.2em .7em .9em;display:flex}.place svg{width:3em;height:3em}.place b{letter-spacing:-.02em;font-size:3.3em;font-weight:900;line-height:1;display:inline-block}.place b.bump{animation:.35s ease-out bump}.place small{opacity:.75;font-size:2.1em}.progress{flex:1;align-items:center;gap:.9em;padding:1.15em 1.2em;display:flex}.progress .bar{background:#ffffff2e;border-radius:1em;flex:1;height:1.2em;overflow:hidden}.progress .fill{background:linear-gradient(90deg,#5fd64a,#a6ee4a);border-radius:1em;width:0;height:100%}.progress span{text-align:right;font-variant-numeric:tabular-nums;min-width:2.6em;font-size:1.9em}.pause-btn{background:var(--pill);border-radius:1.5em;flex:none;justify-content:center;align-items:center;gap:.7em;width:5.2em;height:5.2em;font-size:1em;display:flex}.pause-btn i{background:#fff;border-radius:.3em;width:.8em;height:2.1em}.boost{right:1.6em;bottom:calc(9.5em + env(safe-area-inset-bottom));background:conic-gradient(var(--yellow) calc(var(--p,0) * 1turn), #ffffff29 0);border-radius:50%;width:11.5em;height:11.5em;padding:0;font-size:1em;transition:transform 80ms;position:absolute;box-shadow:0 .5em 1.4em #0000004d}.boost:before{content:"";background:radial-gradient(circle at 50% 35%,#3a425a,#1d2334);border-radius:50%;position:absolute;top:.75em;bottom:.75em;left:.75em;right:.75em}.boost>*{position:relative}.boost svg{opacity:.45;width:4.6em;height:4.6em;margin:0 auto;transition:opacity .15s;display:block}.boost span{opacity:.6;margin-top:-.2em;font-size:1.35em;display:block}.boost.ready{animation:.9s ease-in-out infinite pulse}.boost.ready svg,.boost.ready span,.boost.active svg,.boost.active span{opacity:1}.boost.active{background:#fff;transform:scale(.94)}.boost:active{transform:scale(.92)}.steer{left:50%;bottom:calc(2em + env(safe-area-inset-bottom));background:#171d2b61;border-radius:3em;width:22em;height:5.6em;margin-left:-11em;position:absolute;box-shadow:inset 0 0 0 .14em #ffffff38}.steer .chev{border:0 solid #ffffffbf;border-width:0 0 .4em .4em;border-radius:.2em;width:1.5em;height:1.5em;margin-top:-.75em;position:absolute;top:50%}.steer .chev.l{left:1.9em;transform:rotate(45deg)}.steer .chev.r{right:1.9em;transform:rotate(-135deg)}.steer .knob{background:#ffffffd1;border-radius:50%;width:5em;height:5em;margin:-2.5em 0 0 -2.5em;position:absolute;top:50%;left:50%;box-shadow:0 .3em .8em #0000004d}.steer.buttons{width:auto;box-shadow:none;background:0 0;gap:1.2em;margin-left:0;display:flex;left:1.6em;right:14.5em}.steer.buttons .side{background:#171d2b61;border-radius:2em;flex:1;position:relative;box-shadow:inset 0 0 0 .14em #ffffff38}.steer.buttons .side.on{background:#ffc8008c}.steer.buttons .chev.l{margin-left:-.4em;left:50%}.steer.buttons .chev.r{margin-right:-.4em;right:50%}.center{text-align:center;position:absolute;top:27%;left:0;right:0}.countdown{color:#fff;text-shadow:0 .04em 0 var(--yellow-deep), 0 .1em .25em #00000059;font-size:15em;font-weight:900;line-height:1}.countdown.word{font-size:7.5em}.countdown.pop{animation:.55s ease-out pop}.hint{white-space:nowrap;opacity:0;padding:.75em 1.4em;font-size:1.85em;transition:opacity .25s;position:absolute;top:17%;left:50%;transform:translate(-50%)}.hint.show{opacity:1}.boost-glow{opacity:0;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 9em #ffc8008c}.boost-glow.on{opacity:1}.speed-lines{pointer-events:none;opacity:0;background:repeating-conic-gradient(from 3deg at 50% 44%,#fff0 0deg 3.2deg,#ffffff80 3.5deg 4deg,#fff0 4.3deg 8.7deg);transition:opacity .15s linear;animation:.22s linear infinite alternate rays;position:absolute;top:-6%;bottom:-6%;left:-6%;right:-6%;-webkit-mask-image:radial-gradient(62% 58% at 50% 44%,#0000 55%,#000 100%);mask-image:radial-gradient(62% 58% at 50% 44%,#0000 55%,#000 100%)}@keyframes rays{0%{transform:scale(1)}to{transform:scale(1.07)rotate(.6deg)}}.overlay{pointer-events:auto;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3em;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.overlay.dim{-webkit-backdrop-filter:blur(5px);background:#1015219e}.overlay.title{padding:12% 3em calc(13% + env(safe-area-inset-bottom));background:linear-gradient(#1015218c,#0000 38% 62%,#101521b3);justify-content:space-between}.logo{letter-spacing:-.01em;text-shadow:0 .06em #00000047;font-size:6.4em;font-weight:900;line-height:.92}.logo em{color:var(--yellow);font-style:normal;display:block}.tagline{opacity:.92;text-shadow:0 .1em .3em #00000080;margin-top:.7em;font-size:2em}.btn{background:#ffffff29;border-radius:1.4em;width:13em;max-width:100%;padding:.8em 1.6em;font-size:2.6em;font-weight:900;box-shadow:inset 0 0 0 .08em #ffffff40}.btn.primary{background:linear-gradient(180deg, #ffd83a, var(--yellow));box-shadow:0 .22em 0 var(--yellow-deep), 0 .5em 1em #0000004d;color:var(--ink)!important}.btn:active{transform:translateY(.1em)}.btn+.btn{margin-top:.6em}.snd{left:1.2em;top:calc(1.2em + env(safe-area-inset-top));background:var(--pill);border-radius:1em;padding:.5em .9em;font-size:1.7em;position:absolute}.profile-tag{opacity:.8;letter-spacing:.04em;margin-top:.9em;font-size:1.5em}.lang{right:1.2em;top:calc(1.2em + env(safe-area-inset-top));background:var(--pill);border-radius:1em;padding:.5em .9em;font-size:1.7em;position:absolute}.card{background:#171d2be6;border-radius:3em;width:100%;max-width:34em;padding:2.6em 2.4em;box-shadow:0 1em 3em #0006,inset 0 0 0 .14em #ffffff14}.card h2{color:var(--yellow);margin:0 0 .3em;font-size:4.6em;font-weight:900;line-height:1.05}.card .time{font-size:2.3em}.card .sub{opacity:.7;min-height:1.3em;margin-top:.3em;font-size:1.7em}.card .sub.record{color:#a6ee4a;opacity:1}.standings{text-align:left;margin:1.6em 0 1.8em;padding:0;list-style:none}.standings li{border-radius:.8em;align-items:center;gap:.7em;padding:.42em .8em;font-size:2em;display:flex}.standings li.me{background:#ffc80029}.standings li i{border-radius:.3em;flex:none;width:.9em;height:.9em}.standings li span{flex:1}.standings li u{opacity:.7;font-variant-numeric:tabular-nums;text-decoration:none}.pause-title{margin:0 0 .6em;font-size:5em}@keyframes pulse{50%{box-shadow:0 0 0 .9em #ffc80047,0 .5em 1.4em #0000004d}}@keyframes pop{0%{opacity:0;transform:scale(1.7)}35%{opacity:1}to{transform:scale(1)}}@keyframes bump{40%{color:var(--yellow);transform:scale(1.35)}}