:root{color-scheme:dark;--bg: #0b1020;--fg: #e6eaf2;--accent: #5fdc5f;--overlay-bg: rgba(11, 16, 32, .78)}html,body{margin:0;padding:0;height:100dvh;min-height:100dvh;width:100vw;overflow:hidden;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;display:block;touch-action:none}#overlay-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--overlay-bg);padding-top:max(env(safe-area-inset-top,0px),24px);padding-right:max(env(safe-area-inset-right,0px),24px);padding-bottom:max(env(safe-area-inset-bottom,0px),24px);padding-left:max(env(safe-area-inset-left,0px),24px);pointer-events:auto;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;text-align:center}.overlay__title{font-size:clamp(24px,6vw,56px);font-weight:700;letter-spacing:.02em;margin:0}.overlay__subtitle{font-size:clamp(14px,2.5vw,20px);color:#e6eaf2cc;margin:0;max-width:32ch}.overlay__hint{font-size:clamp(12px,2vw,16px);color:#e6eaf299;margin:0}.overlay__cta{display:inline-block;padding:16px 32px;border-radius:9999px;background:var(--accent);color:#07210f;font-size:clamp(16px,3vw,22px);font-weight:700;letter-spacing:.04em;cursor:pointer}.overlay--error .overlay__title{color:#ff8b8b}.skin-picker__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:8px 0;width:100%;max-width:520px}.skin-card{display:flex;flex-direction:column;align-items:center;cursor:pointer;border:2px solid transparent;border-radius:8px;padding:6px 4px 8px;transition:border-color .1s;background:#ffffff0f}.skin-card--selected{border-color:#fff}.skin-card:hover:not(.skin-card--selected){border-color:#ffffff59}.skin-card__preview{border-radius:4px;display:block}.skin-card__name{font-size:11px;color:#fff;margin-top:5px;letter-spacing:.03em}@media (max-width: 420px){.skin-picker__grid{grid-template-columns:repeat(3,1fr)}}.leaderboard{position:absolute;top:max(env(safe-area-inset-top,0px),12px);right:max(env(safe-area-inset-right,0px),12px);min-width:168px;max-width:220px;padding:8px 10px 6px;border-radius:8px;background:#0b10209e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none;user-select:none;-webkit-user-select:none;font-size:12px;line-height:1.25;color:var(--fg)}.leaderboard__title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;color:#e6eaf2b3}.leaderboard__top{list-style:none;margin:0;padding:0}.leaderboard__row{display:grid;grid-template-columns:22px 1fr auto;align-items:baseline;gap:6px;padding:2px 4px;border-left:2px solid transparent;border-radius:2px}.leaderboard__row--self{border-left-color:var(--accent);background:#5fdc5f14}.leaderboard__rank{color:#e6eaf28c;font-variant-numeric:tabular-nums;text-align:right}.leaderboard__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.leaderboard__score{font-variant-numeric:tabular-nums;color:#e6eaf2e6}.leaderboard__self{margin-top:4px;padding-top:4px;border-top:1px solid rgba(230,234,242,.12)}@media (max-width: 420px){.leaderboard{min-width:140px;max-width:160px;font-size:11px}}.joystick-base{display:none;position:absolute;width:120px;height:120px;border-radius:50%;border:2px solid rgba(255,255,255,.25);transform:translate(-50%,-50%);pointer-events:none}.joystick-knob{display:none;position:absolute;width:48px;height:48px;border-radius:50%;background:#ffffff59;transform:translate(-50%,-50%);pointer-events:none}