.game-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.game-canvas{display:block;width:100%;height:100%;cursor:pointer;touch-action:none}.score-center{position:absolute;top:8%;left:0;right:0;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none}.score-num{font-size:3rem;font-weight:800;line-height:1;color:var(--neon-amber);text-shadow:0 0 14px rgba(255,179,0,.55),0 0 30px rgba(255,179,0,.3)}.score-air{margin-top:.25rem;font-size:.85rem;letter-spacing:.15em;color:var(--neon-cyan);text-shadow:0 0 10px rgba(45,226,230,.6)}.score-timer{margin-top:.3rem;font-size:1rem;font-weight:600;letter-spacing:.12em;color:var(--neon-amber);opacity:.75}.hud-corner{position:absolute;top:3.2rem;left:1.1rem;font-size:.8rem;letter-spacing:.08em;color:var(--text-dim);pointer-events:none;-webkit-user-select:none;user-select:none}.toast{position:absolute;top:22%;left:0;right:0;text-align:center;font-size:1.5rem;font-weight:700;letter-spacing:.08em;color:var(--neon-cyan);text-shadow:0 0 16px rgba(45,226,230,.7);pointer-events:none;-webkit-user-select:none;user-select:none;animation:toast-pop 1s ease-out forwards}@keyframes toast-pop{0%{opacity:0;transform:translateY(10px) scale(.9)}20%{opacity:1;transform:translateY(0) scale(1.05)}70%{opacity:1;transform:translateY(-6px) scale(1)}to{opacity:0;transform:translateY(-22px) scale(1)}}.throttle-dot{position:absolute;right:1.5rem;bottom:4.5rem;width:16px;height:16px;border-radius:50%;border:2px solid var(--text-dim);transition:background .08s,box-shadow .08s,border-color .08s}.throttle-dot.on{background:var(--neon-cyan);border-color:var(--neon-cyan);box-shadow:0 0 16px var(--neon-cyan)}.exit-btn{position:absolute;top:.9rem;right:1rem;padding:.4rem .8rem;font-size:.75rem;letter-spacing:.1em;color:var(--text-dim);background:#05080f80;border:1px solid var(--text-dim);border-radius:7px;cursor:pointer}.exit-btn:hover{color:var(--neon-cyan);border-color:var(--neon-cyan)}.icon-btn{position:absolute;display:flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;font-size:1.1rem;color:var(--text-dim);background:#05080f80;border:1px solid var(--text-dim);border-radius:7px;cursor:pointer}.icon-btn:hover{color:var(--neon-cyan);border-color:var(--neon-cyan)}.settings-btn{top:.9rem;left:1rem}.settings-panel{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:2rem 2.6rem;background:#05080fe6;border:1px solid var(--neon-cyan);border-radius:12px;box-shadow:0 0 24px #2de2e640}.settings-row{font-size:.95rem;letter-spacing:.08em;color:var(--text)}.settings-row.dim{font-size:.8rem;color:var(--text-dim)}.overlay-btn.ghost{background:transparent;color:var(--neon-cyan);border:1px solid var(--neon-cyan);box-shadow:none}.ctrl-hint{position:absolute;bottom:1.1rem;left:0;right:0;text-align:center;font-size:.72rem;letter-spacing:.12em;color:var(--text-dim);pointer-events:none;-webkit-user-select:none;user-select:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#05080fc7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay-result{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:11% 0 9%}.overlay-top,.overlay-bottom{display:flex;flex-direction:column;align-items:center;gap:.6rem}.overlay-title{font-size:2.6rem;font-weight:800;color:var(--neon-cyan);letter-spacing:.1em;text-shadow:0 0 18px rgba(45,226,230,.6),0 2px 10px rgba(0,0,0,.95)}.overlay-score{font-size:1.4rem;color:var(--neon-amber);text-shadow:0 0 12px rgba(255,179,0,.5),0 2px 8px rgba(0,0,0,.95)}.overlay-time{font-size:1rem;letter-spacing:.15em;color:var(--neon-amber);opacity:.7;margin-top:-.4rem}.overlay-btn{margin-top:.5rem;padding:.7rem 1.6rem;font-size:1rem;letter-spacing:.1em;color:#05080f;background:var(--neon-cyan);border:none;border-radius:8px;cursor:pointer;box-shadow:0 0 18px #2de2e680}.overlay-btn:active{transform:scale(.97)}.select-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:0;text-align:center;padding:2rem 1.25rem 1rem;overflow-y:auto;box-sizing:border-box}.select-title{font-size:clamp(2.2rem,10vw,3.5rem);font-weight:800;letter-spacing:.05em;color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan),0 0 28px rgba(45,226,230,.5);margin-bottom:1.5rem}.mode-tabs{display:flex;width:100%;max-width:480px;gap:.6rem;margin-bottom:1.25rem}.mode-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.8rem .5rem;font-size:1rem;font-weight:700;letter-spacing:.06em;color:var(--text-dim);background:transparent;border:1px solid rgba(45,226,230,.2);border-radius:10px;cursor:pointer;transition:all .15s}.mode-tab.active{color:var(--neon-cyan);border-color:var(--neon-cyan);background:#2de2e614;box-shadow:0 0 16px #2de2e640}.mode-tab:active{transform:scale(.97)}.mode-tab-desc{font-size:.68rem;font-weight:400;letter-spacing:.05em;color:inherit;opacity:.7}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;width:100%;max-width:480px;margin-bottom:.9rem}.search-box{flex:1 1 100%;padding:.55rem .9rem;font-size:.9rem;color:var(--text);background:#2de2e60a;border:1px solid rgba(45,226,230,.25);border-radius:8px;outline:none}.search-box::placeholder{color:var(--text-dim)}.search-box:focus{border-color:var(--neon-cyan);box-shadow:0 0 12px #2de2e633}.sort-group{display:flex;gap:.4rem;width:100%}.sort-btn{flex:1;padding:.4rem .5rem;font-size:.78rem;letter-spacing:.06em;color:var(--text-dim);background:transparent;border:1px solid rgba(45,226,230,.2);border-radius:7px;cursor:pointer;transition:all .15s}.sort-btn.active{color:var(--neon-cyan);border-color:var(--neon-cyan);background:#2de2e614}.empty-hint{font-size:.95rem;color:var(--text);line-height:1.8}.empty-sub{font-size:.72rem;color:var(--text-dim)}.track-diff{margin-left:auto;font-size:.85rem;color:var(--neon-amber);letter-spacing:.05em}.track-list{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:480px}.track-card{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;width:100%;padding:1rem 1.25rem;background:#2de2e60a;border:1px solid rgba(45,226,230,.3);border-radius:12px;cursor:pointer;text-align:left;transition:transform .1s,box-shadow .15s,border-color .15s}.track-card:hover{border-color:var(--neon-cyan);box-shadow:0 0 20px #2de2e64d}.track-card:active{transform:scale(.98)}.track-card-row{display:flex;align-items:baseline;gap:.6rem}.track-label{font-size:1.4rem;font-weight:800;color:var(--neon-cyan);text-shadow:0 0 10px rgba(45,226,230,.5)}.track-name{font-size:.95rem;color:var(--text)}.track-desc{font-size:.75rem;color:var(--text-dim);letter-spacing:.05em}.select-foot{margin-top:auto;padding-top:1.5rem;font-size:.7rem;letter-spacing:.25em;color:var(--text-dim)}:root{--bg: #05080f;--bg-grid: rgba(45, 226, 230, .06);--neon-cyan: #2de2e6;--neon-amber: #ffb300;--text-dim: #5c6b7a;--text: #cdd9e5;color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}html,body,#root{width:100%;height:100%;overflow:hidden}body{background-color:var(--bg);background-image:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);background-size:40px 40px;color:var(--text);user-select:none;-webkit-user-select:none;touch-action:none}