:root{--bg:#05040b;--cyan:#00f0ff;--pink:#ff3df2;--green:#3dff9e;--yellow:#ffe14d;--text:#e9e6ff;--muted:#8f88b8;--panel:#0e0a20e0}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}canvas#game{width:100vw;height:100vh;display:block;position:fixed;inset:0}.hidden{display:none!important}button{font:inherit;color:var(--text);cursor:pointer;background:#1e1640e6;border:1.5px solid #00f0ff8c;border-radius:10px;padding:.55em 1.1em;transition:transform 80ms,box-shadow .15s,border-color .15s}button:hover:not(:disabled){border-color:var(--cyan);box-shadow:0 0 14px #00f0ff73}button:active:not(:disabled){transform:scale(.96)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{border-color:var(--pink);background:linear-gradient(135deg,#ff3df259,#00f0ff40);box-shadow:0 0 16px #ff3df259}button.ghost{color:var(--muted);background:0 0;border-color:#ffffff2e}button.small{padding:.35em .8em;font-size:.8rem}#hud{height:50px;padding:0 12px;padding-top:env(safe-area-inset-top);z-index:5;background:linear-gradient(#05040bf2,#05040b80);border-bottom:1px solid #a46bff40;justify-content:space-between;align-items:center;gap:10px;font-size:15px;display:flex;position:fixed;top:0;left:0;right:0}body:not(.playing) #hud .hud-stats,body:not(.playing) #hud .hud-buttons{visibility:hidden}.hud-left{align-items:center;gap:8px;min-width:0;display:flex}.hud-level{letter-spacing:.04em;color:var(--cyan);text-shadow:0 0 10px #00f0ffb3;white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.tag{border:1px solid var(--pink);color:var(--pink);white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:.72rem}.hud-stats{font-variant-numeric:tabular-nums;white-space:nowrap;gap:14px;display:flex}.hud-stats b{color:#fff}#hud-crash-box.bump{animation:.4s ease-out bump}@keyframes bump{0%{color:#ff3d5a;text-shadow:0 0 12px #ff3d5a;transform:scale(1.35)}to{transform:scale(1)}}.fps{color:var(--green)}.hud-buttons{gap:6px;display:flex}.hud-buttons button{min-width:38px;padding:.3em .6em}.hint{color:var(--yellow);pointer-events:none;opacity:0;z-index:4;white-space:nowrap;background:#0e0a20cc;border:1px solid #ffe14d80;border-radius:99px;padding:6px 14px;font-size:.9rem;transition:opacity .6s;position:fixed;top:60px;left:50%;transform:translate(-50%)}.hint.show{opacity:1}#touch-controls{display:none}body.touch.playing #touch-controls{display:block}@media (pointer:coarse){body.playing #touch-controls{display:block}}#touch-controls .pad{bottom:calc(14px + env(safe-area-inset-bottom));z-index:6;align-items:flex-end;gap:12px;display:flex;position:fixed}.pad-left{left:14px}.pad-right{right:14px}.pedals{flex-direction:column;gap:12px;display:flex}#touch-controls button{touch-action:none;background:#140e2c8c;border:2px solid #00f0ff99;border-radius:50%;width:74px;height:74px;padding:0;font-size:1.5rem;font-weight:800}#touch-controls button.hb{border-color:#ff3df2b3;font-size:.68rem;line-height:1.15}#touch-controls button[data-control=down]{border-color:#fff9;font-size:1.05rem}#touch-controls button.active{background:#00f0ff59;transform:scale(.94);box-shadow:0 0 22px #00f0ffcc}#touch-controls button.hb.active{background:#ff3df259;box-shadow:0 0 22px #ff3df2cc}.overlay{z-index:10;background:radial-gradient(#0a061eb8,#030208eb);justify-content:center;align-items:center;padding:60px 14px 14px;animation:.25s ease-out fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fade{0%{opacity:0}}.panel{background:var(--panel);text-align:center;border:1.5px solid #a46bff73;border-radius:18px;width:100%;max-width:820px;margin:auto;padding:22px 26px;box-shadow:0 0 40px #a46bff40,inset 0 0 30px #00f0ff0d}.logo{letter-spacing:.08em;color:#fff;text-shadow:0 0 8px var(--cyan), 0 0 24px var(--cyan), 0 0 48px #00f0ff99;margin:0;font-size:clamp(2.4rem,8vw,4.4rem);font-weight:900;animation:4s infinite flicker}.logo span{color:#fff;text-shadow:0 0 8px var(--pink), 0 0 24px var(--pink), 0 0 48px #ff3df299}@keyframes flicker{0%,92%,96%,to{opacity:1}94%{opacity:.6}}.subtitle{color:var(--muted);margin:4px 0 18px}.level-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.level-card{text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;min-height:112px;padding:12px 14px;display:flex}.level-card .num{color:var(--muted);font-size:.75rem}.level-card .name{font-size:1.02rem;font-weight:800}.level-card .kind{color:var(--pink);font-size:.75rem}.level-card .best{color:var(--muted);font-size:.72rem}.level-card.locked{border-color:#ffffff1f}.level-card.locked .name:before{content:"🔒 "}.stars{color:#ffffff2e;letter-spacing:2px}.stars .on{color:var(--yellow);text-shadow:0 0 8px #ffe14dcc}.total{color:var(--yellow);margin:16px 0 6px;font-weight:700}.help{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:10px 0 14px;font-size:.82rem;display:flex}kbd{min-width:1.6em;color:var(--text);font:inherit;text-align:center;border:1px solid #00f0ff73;border-radius:5px;margin-right:2px;padding:1px 5px;font-size:.78rem;display:inline-block}.neon-title{letter-spacing:.06em;color:#fff;text-shadow:0 0 8px var(--pink), 0 0 26px var(--pink), 0 0 50px var(--cyan);margin:0 0 12px;font-size:clamp(1.8rem,6vw,3rem);font-weight:900}.result-panel{max-width:460px}.result-title{animation:.5s cubic-bezier(.2,1.6,.4,1) zoomin}@keyframes zoomin{0%{opacity:0;transform:scale(2.2)}}.stars.big{letter-spacing:8px;height:4.4rem;font-size:3.6rem}.stars.big span{opacity:0;animation:.5s cubic-bezier(.2,1.8,.4,1) forwards starpop;display:inline-block}@keyframes starpop{0%{opacity:0;transform:scale(.1)rotate(-120deg)}to{opacity:1;transform:scale(1)rotate(0)}}.result-points{margin:8px 0;font-size:1.15rem}.result-points b{color:var(--cyan);text-shadow:0 0 10px #00f0ffb3;font-size:1.6rem}.badge{background:var(--pink);color:#fff;box-shadow:0 0 12px var(--pink);vertical-align:middle;border-radius:99px;margin-left:6px;padding:2px 8px;font-size:.72rem;font-weight:800;display:inline-block}.breakdown{border-collapse:collapse;font-variant-numeric:tabular-nums;margin:10px auto;font-size:.92rem}.breakdown td{text-align:left;padding:4px 10px}.breakdown td:last-child{color:var(--green);text-align:right}.result-msg{color:var(--yellow);min-height:1.2em;margin:6px 0 12px}.buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.buttons.column{flex-direction:column;align-items:stretch;max-width:260px;margin:0 auto}@media (width<=640px){#hud{font-size:13px}.tag,#btn-touch{display:none}.hud-stats{gap:8px}.panel{padding:16px 14px}.level-grid{grid-template-columns:repeat(2,1fr)}}@media (height<=500px){#touch-controls button{width:62px;height:62px}}#hud{padding-left:150px}@media (width<=700px){#hud{padding-left:88px}}