html,body,#root{height:100%;margin:0}body{background:#cfe8f5;color:#fff;font-family:system-ui,sans-serif;overflow:hidden}.game{position:relative;width:100%;height:100%}.game-canvas{display:block;width:100%;height:100%}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0 16px;color:#1d3a2a;font-size:1.2rem;text-align:center}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;text-shadow:0 2px 6px rgba(0,0,0,.55);-webkit-user-select:none;user-select:none}.hud-top{position:absolute;top:16px;left:50%;transform:translate(-50%);text-align:center}.hud-timer{font-size:2.6rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em}.hud-progress{width:min(360px,60vw);height:6px;margin-top:4px;border-radius:3px;background:#00000059;overflow:hidden}.hud-progress-fill{height:100%;background:#ffd84a}.hud-speed{position:absolute;left:24px;bottom:20px}.hud-speed-value{font-size:3.4rem;font-weight:800;font-variant-numeric:tabular-nums}.hud-speed-unit{margin-left:6px;font-size:1rem;opacity:.85}.hud-speed-near .hud-speed-value{color:#ffd84a}.hud-speed-over .hud-speed-value{color:#ff6b4a;animation:burn .18s infinite alternate}.hud-speed-value{display:inline-block;transform-origin:left bottom;transition:font-size .15s}@keyframes burn{0%{text-shadow:0 0 6px #ffb347,0 -4px 14px #ff5a1f,0 2px 6px rgba(0,0,0,.55);transform:rotate(-1.5deg)}to{text-shadow:0 0 12px #ffd84a,0 -9px 22px #ff3d00,0 2px 6px rgba(0,0,0,.55);transform:rotate(1.5deg)}}.hud-streak{font-size:1.1rem;font-weight:800;color:#ffd84a;font-variant-numeric:tabular-nums}.hud-edge{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 52%,rgba(255,120,40,.16) 78%,rgba(40,10,0,.6) 100%);transition:opacity .12s}.hud-sound{position:absolute;right:16px;bottom:14px;padding:4px 10px;border:none;border-radius:8px;background:#0000004d;color:#fff;font:inherit;font-size:.8rem;opacity:.7;cursor:pointer;pointer-events:auto}.hud-sound:hover{opacity:1}.hud-stumble{position:absolute;left:50%;top:30%;transform:translate(-50%) rotate(2deg);font-size:2.2rem;font-weight:800;color:#ff6b4a;white-space:nowrap}.hud-hint{position:absolute;left:50%;bottom:24px;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#0006;font-size:.95rem;white-space:nowrap}.hud-start{position:absolute;left:50%;top:34%;transform:translate(-50%);font-size:1.6rem;font-weight:700}.hud-fall{position:absolute;left:50%;top:22%;transform:translate(-50%) rotate(-2deg);animation:comment-pop .25s ease-out;font-size:2rem;font-weight:800;color:#ffd84a;white-space:nowrap}.hud-dev{position:absolute;left:24px;top:16px;font-family:ui-monospace,monospace;font-size:.8rem;line-height:1.5}.hud-balance{width:180px;height:8px;border-radius:4px;background:#0006;overflow:hidden}.hud-balance-fill{height:100%;background:#7be08a}.dev-panel,.dev-toggle{position:absolute;top:12px;right:12px;font-family:ui-monospace,monospace;font-size:.75rem}.dev-panel{width:330px;max-height:calc(100% - 24px);overflow-y:auto;padding:10px;border-radius:10px;background:#101814db;color:#e6efe8}.dev-panel button,.dev-toggle{padding:3px 8px;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:#ffffff14;color:inherit;font:inherit;cursor:pointer}.dev-toggle{background:#101814db;color:#e6efe8}.dev-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.dev-header span{flex:1;opacity:.7}.dev-group-title{width:100%;margin:3px 0;text-align:left}.dev-field{display:grid;grid-template-columns:128px 1fr 44px;align-items:center;gap:6px;padding:1px 0}.dev-field-changed .dev-field-name{color:#ffd84a}.dev-field-value{text-align:right;font-variant-numeric:tabular-nums}.dev-field input{width:100%;min-width:0}.dev-note{margin-top:8px;opacity:.65}.hud-target{margin-top:6px;font-size:.95rem;font-variant-numeric:tabular-nums;opacity:.9}.hud-count{position:absolute;left:50%;top:30%;transform:translate(-50%);font-size:7rem;font-weight:900;color:#ffd84a;animation:count-pop .9s ease-out both}@keyframes count-pop{0%{opacity:0;transform:translate(-50%) scale(1.8)}25%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:.75;transform:translate(-50%) scale(.9)}}.hud-flyover{position:absolute;left:50%;top:24px;transform:translate(-50%);font-family:ui-monospace,monospace;font-size:1.1rem}.medal{display:inline-flex;align-items:center;gap:6px}.medal-disc{display:inline-block;width:14px;height:14px;border-radius:50%;background:#ffffff2e;box-shadow:inset 0 -2px #00000040;flex:none}.medal-gold .medal-disc,.medal-disc.medal-gold{background:#f5c542}.medal-silver .medal-disc,.medal-disc.medal-silver{background:#cfd6dc}.medal-bronze .medal-disc,.medal-disc.medal-bronze{background:#c9834a}@keyframes comment-pop{0%{opacity:0;transform:translate(-50%) rotate(-2deg) scale(1.5)}to{opacity:1;transform:translate(-50%) rotate(-2deg) scale(1)}}.menu{position:absolute;left:5%;top:50%;transform:translateY(-50%);width:min(440px,90%);max-height:94%;overflow-y:auto;padding:24px 28px;border-radius:18px;background:#14221ad6;box-sizing:border-box}.menu-title{margin:0;font-size:2.3rem;font-weight:900;letter-spacing:-.02em;color:#ffd84a}.menu-tagline{margin:4px 0 18px;opacity:.85}.menu-note{opacity:.85}.menu-row{display:flex;gap:8px;margin-bottom:10px}.menu button,.menu-seed{padding:8px 10px;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:#ffffff14;color:#fff;font:inherit}.menu button{cursor:pointer}.menu button:hover{background:#ffffff2e}.menu-seed{flex:1;min-width:0;font-family:ui-monospace,monospace}.menu-size{flex:1;display:flex;flex-direction:column;align-items:center;font-weight:700}.menu-size small{font-weight:400;opacity:.75}.menu button.menu-size-active{border-color:#ffd84a;background:#ffd84a33}.menu-times{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px 14px;margin:16px 0;font-variant-numeric:tabular-nums}.menu-best strong{margin-left:auto}.menu-best{grid-column:1 / -1;display:flex;gap:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.15)}.menu button.menu-start{width:100%;padding:13px;border:none;background:#ffd84a;color:#1d2a1f;font-size:1.25rem;font-weight:800}.menu button.menu-start:hover{background:#ffe585}.menu-keys{margin:12px 0 0;font-size:.8rem;line-height:1.6;opacity:.75}.menu-recent{margin-top:16px;display:flex;flex-direction:column;gap:5px}.menu-recent-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.menu-recent button{display:flex;align-items:center;gap:8px;padding:6px 10px;text-align:left;font-size:.9rem;font-variant-numeric:tabular-nums}.menu-recent-id{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:320px;max-height:96%;overflow-y:auto;box-sizing:border-box;pointer-events:auto;padding:22px 32px;border-radius:18px;background:#14221adb;text-align:center;text-shadow:none}.results-time{font-size:3.4rem;font-weight:900;font-variant-numeric:tabular-nums;color:#ffd84a}.results-medal{justify-content:center;font-size:1.3rem;font-weight:800}.results-medal .medal-disc{width:22px;height:22px}.results-how{margin-top:6px;opacity:.9}.results-best{margin-top:6px;font-weight:800;color:#7be08a}.results-note{margin-top:6px;opacity:.75}.results-stats{width:100%;margin:14px 0;border-collapse:collapse;text-align:left}.results-stats td{padding:3px 0}.results-stats td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.results-board{margin-bottom:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.15)}.results-rank{margin-bottom:6px;font-size:1.15rem;font-weight:800;color:#ffd84a}.results-name{display:flex;gap:8px}.results-name input,.results-name button,.results-retry{padding:8px 10px;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:#ffffff14;color:#fff;font:inherit}.results-name input{flex:1;min-width:0;-webkit-user-select:text;user-select:text}.results-name button,.results-retry{cursor:pointer}.results-name button:hover,.results-retry:hover{background:#ffffff2e}.results-retry{padding:3px 8px}.results-times{display:flex;justify-content:center;gap:16px;font-variant-numeric:tabular-nums;opacity:.9}.results-keys{margin-top:14px;font-weight:700}.results-slope{margin-top:6px;font-family:ui-monospace,monospace;font-size:.8rem;opacity:.6}.menu-player label,.menu-label{align-self:center;opacity:.8}.menu-player{margin:0 0 12px}.side{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:min(380px,38%);max-height:94%;overflow-y:auto;padding:20px 24px;border-radius:18px;background:#14221ad6;box-sizing:border-box}@media (max-width: 900px){.side{display:none}}.side-title,.side-tab{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.side-title{margin-bottom:8px;opacity:.7}.side-note{margin:0;opacity:.85;line-height:1.4}.side-count{margin:8px 0 0;font-size:.85rem;opacity:.7}.board{width:100%;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums}.board td{padding:4px 6px}.board-rank{width:1.6em;text-align:right;opacity:.7}.board-name{max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.board-manner{font-size:.85rem;opacity:.7;white-space:nowrap}.board-time{text-align:right;font-weight:700}.board-you td{background:#ffd84a33;color:#ffe585}.board-you td:first-child{border-radius:7px 0 0 7px}.board-you td:last-child{border-radius:0 7px 7px 0}.board-gap td{padding:0 6px;text-align:center;opacity:.5}.side-lists{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;gap:5px}.side-tabs{display:flex;gap:14px;margin-bottom:4px}.side button{border:none;background:none;color:#fff;font:inherit;cursor:pointer}.side button.side-tab{padding:0 0 3px;border-bottom:2px solid transparent;font-size:.8rem;opacity:.6}.side button.side-tab-active{border-bottom-color:#ffd84a;opacity:1}.side button.side-slope{display:flex;flex-direction:column;gap:1px;padding:6px 10px;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:#ffffff14;text-align:left;font-size:.9rem}.side button.side-slope:hover{background:#ffffff2e}.side-slope-id,.side-slope-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.side-slope-info{font-size:.8rem;font-variant-numeric:tabular-nums;opacity:.7}