:root{--void: #070b18;--void-2: #0d1226;--ink: #e8eeff;--ink-dim: rgba(232, 238, 255, .56);--ink-faint: rgba(232, 238, 255, .28);--cyan: #4de3ff;--cyan-soft: rgba(77, 227, 255, .16);--mint: #8affd6;--amber: #ffc65c;--coral: #ff5470;--panel-bg: rgba(10, 15, 32, .72);--panel-line: rgba(140, 180, 255, .14);--ease: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.55, 0, .35, 1);--font: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--void);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{cursor:default;user-select:none}#app{position:fixed;inset:0}#scene{position:absolute;inset:0;display:block;width:100%;height:100%}.grade{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(120% 90% at 50% 42%,transparent 42%,rgba(4,7,18,.55) 100%),linear-gradient(to bottom,rgba(77,227,255,.05),transparent 30%);mix-blend-mode:normal}.flash{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;background:var(--coral);transition:opacity .42s var(--ease)}.flash.is-hit{opacity:.34;transition-duration:.06s}.flash.is-shield{background:var(--cyan);opacity:.24;transition-duration:.06s}.hud{position:absolute;inset:0;z-index:4;pointer-events:none;padding:28px 32px;opacity:0;transition:opacity .5s var(--ease)}.hud.is-visible{opacity:1}.hud__top{display:flex;align-items:flex-start;justify-content:space-between}.stat__label{display:block;font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:4px}.stat__value{display:block;font-size:60px;font-weight:800;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 28px rgba(77,227,255,.45),0 2px 12px rgba(0,0,0,.5);transition:transform .18s var(--ease)}.stat__value.is-bump{transform:scale(1.09)}.stat--right{display:flex;flex-direction:column;align-items:flex-end;gap:9px;padding-top:46px}.chip{display:flex;align-items:center;gap:7px;padding:9px 16px;background:var(--panel-bg);border:1px solid var(--panel-line);border-radius:999px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.chip em{font-style:normal;color:var(--ink-faint);font-size:14px;margin-left:2px}.chip__icon{width:16px;height:16px;fill:var(--amber);filter:drop-shadow(0 0 6px rgba(255,198,92,.6))}.chip--coin{color:var(--amber)}.chip--coin.is-bump{animation:chip-pop .26s var(--ease)}.chip--dist{color:var(--ink);font-size:17px}@keyframes chip-pop{0%{transform:scale(1)}38%{transform:scale(1.14);box-shadow:0 0 22px #ffc65c4d}to{transform:scale(1)}}.hud__speed{position:absolute;left:32px;bottom:30px;display:flex;align-items:center;gap:10px}.speed__track{width:220px;height:6px;border-radius:3px;background:#e8eeff1f;overflow:hidden;box-shadow:inset 0 0 0 1px #e8eeff0f}.speed__fill{height:100%;width:0%;background:linear-gradient(90deg,var(--cyan),var(--mint));box-shadow:0 0 12px #4de3ff99;transition:width .4s linear}.speed__label{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--ink-dim)}.powerups{position:absolute;right:32px;bottom:28px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.pu{display:flex;align-items:center;gap:9px;padding:11px 16px;border-radius:14px;background:var(--panel-bg);border:1px solid var(--panel-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 0 18px -6px currentColor;animation:pu-in .34s var(--ease)}.pu__dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 12px currentColor;background:currentColor}.pu__bar{width:80px;height:4px;background:#e8eeff24;border-radius:2px;overflow:hidden}.pu__bar i{display:block;height:100%;background:currentColor;transform-origin:left}.pu.is-ending{animation:pu-blink .5s steps(2,end) infinite}@keyframes pu-in{0%{opacity:0;transform:translate(14px)}}@keyframes pu-blink{50%{opacity:.35}}.popups{position:absolute;left:50%;top:24%;transform:translate(-50%);text-align:center}.popup{font-size:20px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;animation:popup .9s var(--ease) forwards;text-shadow:0 0 18px currentColor}@keyframes popup{0%{opacity:0;transform:translateY(8px) scale(.94)}18%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-26px) scale(1)}}.screen{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;background:radial-gradient(90% 70% at 50% 50%,#070b189e,#070b18eb);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:opacity .42s var(--ease),visibility .42s}.screen.is-visible{opacity:1;visibility:visible}.panel{position:relative;width:min(420px,calc(100vw - 48px));padding:40px 40px 34px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(160deg,#121932d1,#090d1cdb);border:1px solid var(--panel-line);border-radius:22px;box-shadow:0 30px 90px #0000008c,inset 0 1px #ffffff0d;transform:translateY(16px) scale(.985);opacity:0;transition:transform .5s var(--ease),opacity .4s var(--ease)}.screen.is-visible .panel{transform:none;opacity:1}.panel:before{content:"";position:absolute;left:22%;right:22%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.55}.brand{display:flex;align-items:center;gap:14px}.brand__logo{width:48px;height:48px;flex:none;filter:drop-shadow(0 0 14px rgba(77,227,255,.45))}.brand__logo path{fill:none;stroke-width:4.2;stroke-linecap:round;stroke-linejoin:round}.brand__lanes{stroke:url(#logo-grad)}.brand__wave{stroke:var(--mint);animation:wave-drift 3.2s var(--ease) infinite}@keyframes wave-drift{50%{transform:translateY(-2px)}}.brand__name{font-size:32px;font-weight:800;letter-spacing:.14em;line-height:1;background:linear-gradient(180deg,#fff,#a8c4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.brand__tag{margin-top:12px;margin-bottom:30px;font-size:11px;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-faint)}.panel__title{font-size:24px;font-weight:700;letter-spacing:.04em;margin-bottom:22px}.finalscore{font-size:62px;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#ffffff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;margin:-6px 0 24px}.panel__stats{display:flex;gap:26px;margin-bottom:26px;padding:14px 20px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.panel__stats div{display:flex;flex-direction:column;align-items:center;gap:5px}.panel__stats span{font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.panel__stats b{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.btn{position:relative;width:100%;padding:14px 22px;margin-bottom:10px;border:0;border-radius:13px;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;overflow:hidden;transition:transform .2s var(--ease),box-shadow .25s var(--ease),filter .2s var(--ease);pointer-events:auto}.btn:last-of-type{margin-bottom:0}.btn--primary{color:#04121b;background:linear-gradient(135deg,var(--cyan),var(--mint));box-shadow:0 8px 26px #4de3ff42}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 34px #4de3ff61}.btn--ghost{color:var(--ink-dim);background:transparent;border:1px solid var(--panel-line)}.btn--ghost:hover{color:var(--ink);border-color:#8cb4ff4d;background:#ffffff08}.btn:active{transform:translateY(0) scale(.985)}.btn:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.keys{display:grid;grid-template-columns:repeat(2,auto);gap:12px 26px;list-style:none;margin-top:28px;justify-content:center}.keys li{display:flex;align-items:center;gap:6px}.keys span{font-size:10px;letter-spacing:.1em;color:var(--ink-faint);text-transform:uppercase;font-weight:600;margin-left:3px}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--ink-dim);background:#ffffff0e;border:1px solid rgba(255,255,255,.1);border-bottom-width:2px;border-radius:6px}.best{margin-top:22px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}.best b{color:var(--amber);margin-left:4px}.hint{margin-top:16px;font-size:10px;color:var(--ink-faint);letter-spacing:.1em}.hint kbd{margin-right:5px}.topbar{position:absolute;right:30px;top:28px;z-index:7;display:flex;gap:8px}.iconbtn{width:34px;height:34px;display:grid;place-items:center;background:var(--panel-bg);border:1px solid var(--panel-line);border-radius:10px;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:opacity .25s var(--ease),border-color .25s var(--ease),transform .2s var(--ease);opacity:.55}.iconbtn:hover{opacity:1;border-color:#8cb4ff4d}.iconbtn:active{transform:scale(.94)}.iconbtn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.iconbtn svg{width:17px;height:17px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.iconbtn--pause svg rect{fill:var(--ink);stroke:none}.iconbtn--pause{display:none}.topbar.is-running .iconbtn--pause{display:grid}.sound{position:relative}.sound svg path:first-child{fill:var(--ink)}.sound.is-muted{opacity:.35}.sound.is-muted .sound__wave{opacity:0}.sound.is-muted:after{content:"";position:absolute;width:20px;height:1.6px;background:var(--ink);transform:rotate(-45deg);border-radius:2px}.loading{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:var(--void);transition:opacity .5s var(--ease),visibility .5s}.loading.is-done{opacity:0;visibility:hidden}.loading__bar{width:120px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);background-size:200% 100%;animation:load 1.1s linear infinite}@keyframes load{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-height:640px){.panel{padding:26px 32px 24px}.brand__name{font-size:26px}.brand__logo{width:38px;height:38px}.finalscore{font-size:48px}.keys{margin-top:18px;gap:9px 22px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}