*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--surface:#161616;--border:#2a2a2a;--accent:#c8a96e;--text:#e0e0e0;--muted:#777}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow:hidden}canvas#scene{width:100vw;height:100vh;display:block}.material-icons{vertical-align:middle;font-size:1.1em}.hud-top{padding:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 14px max(16px, env(safe-area-inset-left));pointer-events:none;z-index:10;justify-content:space-between;align-items:center;gap:8px;display:flex;position:fixed;top:0;left:0;right:0}.hud-top>*{pointer-events:auto}.brand{border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex}.brand img{width:30px;height:30px}.brand .name{letter-spacing:.02em;font-size:.85rem;font-weight:700}.brand .level{color:var(--accent);border-left:1px solid var(--border);font-variant-numeric:tabular-nums;padding-left:10px;font-size:.8rem;font-weight:700}.pill-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;font:inherit;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem 1rem;font-size:.85rem;text-decoration:none;transition:all .2s;display:inline-flex}.pill-btn:hover{border-color:var(--accent);color:var(--accent)}.hud-right{align-items:center;gap:8px;display:flex}.stats{top:calc(max(14px, env(safe-area-inset-top)) + 54px);text-shadow:0 2px 10px #0009;pointer-events:none;z-index:10;opacity:0;align-items:baseline;gap:18px;font-weight:800;transition:opacity .3s;display:flex;position:fixed;left:50%;transform:translate(-50%)}body.running .stats,body.over .stats{opacity:1}.stats .score{font-variant-numeric:tabular-nums;font-size:2rem}.stats .records{color:var(--accent);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:1.1rem;display:inline-flex}.stats .records.bump{animation:.25s bump}@keyframes bump{50%{transform:scale(1.35)}}.note{border:1px solid var(--border);z-index:15;background:#000000b8;border-radius:999px;padding:10px 18px;font-size:.9rem;display:none;position:fixed;top:45%;left:50%;transform:translate(-50%,-50%)}.note.show{display:block}.panel{z-index:20;background:#00000059;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.panel.show{display:flex}.panel .card{border:1px solid var(--border);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:pan-y;background:#0a0a0aeb;border-radius:16px;width:min(380px,100%);max-height:calc(100vh - 32px);padding:24px;overflow-y:auto}.panel h1{letter-spacing:.02em;font-size:1.5rem;font-weight:800}.panel h1 span{color:var(--accent)}.panel p{color:var(--muted);margin-top:10px;font-size:.85rem;line-height:1.6}.panel kbd{border:1px solid var(--border);font:inherit;color:var(--text);border-radius:4px;padding:0 5px;font-size:.75rem}.panel .go{background:var(--accent);border-color:var(--accent);color:#000;margin-top:18px;padding:.6rem 1.6rem;font-weight:700}.panel .go:hover{color:#000}.touch-only{display:none}.why{color:var(--accent);margin-top:4px;font-size:.9rem;font-weight:600}.why:empty{display:none}.big-score{font-variant-numeric:tabular-nums;margin-top:6px;font-size:2.6rem;font-weight:800}.run-stats{color:var(--muted);font-size:.85rem}.new-best{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:.8rem;font-weight:700}.board{text-align:left;font-variant-numeric:tabular-nums;margin-top:16px;font-size:.85rem;list-style:none}.board li{border-radius:6px;grid-template-columns:2.2em 1fr auto auto;gap:10px;padding:4px 8px;display:grid}.board li:nth-child(odd){background:#ffffff08}.board li.me{color:var(--accent);background:#c8a96e2e}.board .rank{color:var(--muted)}.board .ini{letter-spacing:.12em;font-weight:700}.board .rec{color:var(--muted)}.board-msg{color:var(--muted);margin-top:14px;font-size:.8rem}.initials{flex-direction:column;align-items:center;gap:10px;margin-top:14px;display:none}.initials.show{display:flex}.initials .lbl{color:var(--accent);font-size:.8rem;font-weight:600}.initials .slots{gap:8px;display:flex}.initials input{text-align:center;width:44px;height:52px;font:inherit;text-transform:uppercase;color:var(--text);border:1px solid var(--border);caret-color:var(--accent);-webkit-user-select:text;user-select:text;background:#000;border-radius:8px;font-size:1.6rem;font-weight:800}.initials input:focus{border-color:var(--accent);outline:none}.loading{z-index:50;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .6s;display:flex;position:fixed;inset:0}.loading.done{opacity:0;pointer-events:none}.loading img{width:72px;height:72px}.loading .ltxt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}@media (width<=640px){.brand .name,.pill-btn .lbl{display:none}.pill-btn{padding:.45rem .7rem}}@media (pointer:coarse){.key-only{display:none}.touch-only{display:block}.music{bottom:auto;top:calc(64px + env(safe-area-inset-top))}.stats{top:auto;bottom:calc(24px + env(safe-area-inset-bottom))}}.chase{top:calc(max(14px, env(safe-area-inset-top)) + 100px);z-index:10;opacity:0;pointer-events:none;align-items:center;gap:8px;transition:opacity .3s;display:flex;position:fixed;left:50%;transform:translate(-50%)}body.running .chase{opacity:1}.chase .material-icons{color:#f2efe8;font-size:1.3rem}.chase .meter{background:#ffffff26;border-radius:3px;width:140px;height:6px;overflow:hidden}#chase-fill{background:var(--accent);width:100%;height:100%;transition:width .2s,background .2s}#chase-fill.close{background:#e0503a}.warn{left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));pointer-events:none;z-index:9;height:40px;position:fixed}.chev{opacity:0;text-shadow:0 0 12px;font-size:1.6rem;font-weight:800;transition:opacity .1s;position:absolute;bottom:0;transform:translate(-50%)}.chev.show{opacity:1;animation:.35s infinite alternate blink}.chev.dodge{color:#ff5a4a}.chev.jump{color:#ffd23a}.chev.slide{color:#5ac8ff}@keyframes blink{to{opacity:.45}}.hole-warn{left:50%;bottom:calc(66px + env(safe-area-inset-bottom));color:#d9a24a;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;z-index:10;opacity:0;background:#2818008c;border:1px solid #e0a03c73;border-radius:999px;align-items:center;gap:8px;padding:6px 16px;font-size:.95rem;font-weight:800;transition:opacity .2s;display:flex;position:fixed;transform:translate(-50%)}.hole-warn .material-icons{font-size:1.2rem}.hole-warn.show{animation:.5s ease-in-out infinite alternate hole-blink}@keyframes hole-blink{0%{opacity:.85}to{opacity:.25}}.level-banner{letter-spacing:.04em;color:var(--accent);text-shadow:0 4px 24px #000000b3;pointer-events:none;z-index:11;opacity:0;font-size:2.6rem;font-weight:800;position:fixed;top:38%;left:50%;transform:translate(-50%,-50%)}.level-banner.show{animation:1.6s ease-out banner}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0}}@media (pointer:coarse){.chase{top:auto;bottom:calc(66px + env(safe-area-inset-bottom))}.warn{bottom:calc(96px + env(safe-area-inset-bottom))}.hole-warn{bottom:calc(148px + env(safe-area-inset-bottom))}}