html,body{height:100%;min-height:100vh;min-height:100dvh;margin:0;background:#1c2a22;color:#d7d2c3;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;touch-action:auto;user-select:none;-webkit-user-select:none}#app{height:100vh;height:100dvh;width:100%;display:flex}.game-root{position:relative;width:100%;height:100%}.game-canvas{display:block;width:100%;height:100%;touch-action:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0}.overlay-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#00000073;padding:20px}.mute-btn{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#00000040;color:#d7d2c3;display:flex;align-items:center;justify-content:center;z-index:50;touch-action:manipulation}.mute-icon-off,.mute-btn.is-muted .mute-icon-on{display:none}.mute-btn.is-muted .mute-icon-off{display:block}.menu-title-row{display:flex;align-items:center;gap:10px}.menu-vu{width:26px;height:22px;display:flex;align-items:flex-end;justify-content:center;gap:3px;opacity:0;transform:translateY(1px)}.menu-title-row.is-vu-on .menu-vu{opacity:.85}.menu-vu-bar{width:3px;height:6px;border-radius:999px;background:#d7d2c3e6;animation:vu .55s ease-in-out infinite alternate}@keyframes vu{0%{height:5px;opacity:.5}to{height:18px;opacity:1}}.menu-title{font-size:28px;letter-spacing:2px;margin-bottom:6px}.menu-btn{width:min(360px,86vw);height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#d7d2c3;font-size:16px}.menu-online-form{width:min(360px,86vw);display:flex;gap:10px}.menu-row{width:min(360px,86vw);display:flex;gap:10px;align-items:flex-end}.menu-hint{width:110px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000026;font-size:12px;opacity:.85}.menu-range{height:38px;accent-color:#c9b07f;touch-action:pan-x}.menu-btn-sm{width:110px;height:38px;border-radius:12px;font-size:14px}.menu-label{flex:1;display:flex;flex-direction:column;gap:6px;font-size:12px;opacity:.9}.menu-input,.menu-select{height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#00000040;color:#d7d2c3;padding:0 12px;font-size:14px}@media(pointer:coarse){.menu-input,.menu-select{font-size:16px}}.overlay-hud{display:flex;align-items:flex-start;justify-content:center;pointer-events:none;padding:12px}.hud-single,.hud-online{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:#00000047}.hud-online{flex-direction:column;align-items:flex-start}.hud-online-lobby{display:flex;flex-direction:column;gap:8px;width:100%}.hud-online-lobby-line,.hud-online-lobby-other{font-size:13px;opacity:.95}.hud-online-error{font-size:12px;color:#f2d16b}.hud-online-lobby-actions{display:flex;gap:8px;pointer-events:auto}.hud-time{width:220px;height:12px;border-radius:999px;background:#ffffff1a;overflow:hidden}.hud-time-fill{height:100%;background:#c9b07f}.overlay-result,.overlay-leaderboard{display:flex;align-items:center;justify-content:center;background:#0000008c;padding:20px}.result-card{width:min(420px,92vw);border-radius:18px;border:1px solid rgba(255,255,255,.16);background:#00000059;padding:18px;display:flex;flex-direction:column;gap:12px;text-align:center}.result-title{font-size:24px}.result-subtitle{font-size:13px;opacity:.9}.result-line{font-size:16px;opacity:.95}.result-actions{display:flex;flex-direction:column;gap:10px;align-items:center}.result-congrats{font-size:16px;color:#f2d16b;letter-spacing:1px}.leaderboard-list{width:100%;display:flex;flex-direction:column;gap:8px}.leaderboard-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.leaderboard-tab{height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#d7d2c3;font-size:14px}.leaderboard-tab.is-active{border-color:#c9b07fcc;background:#c9b07f2e}.leaderboard-row{display:grid;grid-template-columns:40px 1fr 84px;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.leaderboard-rank{opacity:.9}.leaderboard-score{font-size:16px}.leaderboard-time{opacity:.85;font-size:12px;text-align:right}.leaderboard-empty{opacity:.9;padding:10px 0}.result-confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti{position:absolute;top:-10px;width:8px;height:8px;border-radius:2px;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:1;opacity:.95}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:.95}to{transform:translateY(520px) rotate(520deg);opacity:0}}