:root{--bg: #0f172a;--bg2: #111a2e;--fg: #e2e8f0;--muted: #94a3b8;--accent: #5b8def;--panel: rgba(15, 23, 42, .92);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--font);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--bg)}#hud{display:flex;justify-content:space-between;align-items:baseline;padding:12px 16px 4px;font-variant-numeric:tabular-nums}#hud-date{color:var(--muted);font-size:14px}#hud-score{font-size:28px;font-weight:700;flex:1;text-align:end;padding:0 8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}button.icon{min-width:44px;min-height:44px;padding:0;border-radius:12px;background:transparent;border-color:transparent;font-size:20px;line-height:1;align-self:center}#stage{flex:1;position:relative;min-height:0}#board{position:absolute;top:0;left:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(2,6,23,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10}.overlay.hidden{display:none}.panel{width:100%;max-width:360px;padding:28px 24px;border-radius:20px;background:var(--panel);border:1px solid rgba(148,163,184,.15);box-shadow:0 20px 50px rgba(0,0,0,.4);text-align:center;display:flex;flex-direction:column}.panel>*+*{margin-top:12px}.panel h1{margin:0;font-size:32px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.panel p{margin:0 0 8px;color:var(--muted)}button{min-height:48px;padding:12px 20px;border-radius:12px;font:600 16px var(--font);cursor:pointer;border:1px solid transparent;transition:transform 80ms ease,background-color .12s ease}button:active{transform:scale(.98)}button:focus-visible{outline:3px solid var(--fg);outline-offset:2px}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--bg)}button.ghost{background:transparent;color:var(--fg);border-color:rgba(148,163,184,.35)}.hidden{display:none}.toast{position:absolute;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);padding:10px 16px;border-radius:10px;background:var(--bg2);color:var(--fg);font-size:14px;z-index:20;pointer-events:none}