:root{color:#182029;font-synthesis:none;text-rendering:optimizelegibility;--panel:#fffdeeeb;--ink:#182029;--line:#18202929;--accent:#ef7f3b;--accent-strong:#c84d27;background:#102536;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}#app{place-items:center;display:grid}body{background:radial-gradient(circle at 50% 0,#7cd8f759,#0000 38%),linear-gradient(#143145 0%,#0f1b29 100%);place-items:center;min-height:100vh;display:grid;overflow:hidden}button,input{font:inherit}button{cursor:pointer;border:0}#game-shell{aspect-ratio:2/3;background:#7bd8f7;border:3px solid #ffffff80;width:min(100vw,66.67vh);max-width:480px;position:relative;overflow:hidden;box-shadow:0 28px 80px #0000005c}#game,#game canvas{width:100%;height:100%;display:block}#hud{pointer-events:none;z-index:2;justify-content:space-between;display:flex;position:absolute;inset:14px 14px auto}.hud-stat{color:#fff8d7;text-shadow:0 1px 1px #00000059;background:#0f223273;border:1px solid #ffffffad;min-width:84px;padding:8px 12px}.hud-stat span{text-transform:uppercase;font-size:.72rem;display:block}.hud-stat strong{font-size:1.8rem;line-height:1;display:block}.overlay{z-index:3;opacity:0;pointer-events:none;place-items:center;padding:18px;transition:opacity .18s,transform .18s;display:grid;position:absolute;inset:0;transform:translateY(6px)}.overlay.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.overlay-panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(100%,386px);max-height:calc(100% - 28px);padding:22px;overflow:hidden auto;box-shadow:0 18px 55px #261a0f3d}.eyebrow{color:var(--accent-strong);text-transform:uppercase;margin:0 0 8px;font-size:.74rem;font-weight:800}h1{color:#1c4134;margin:0;font-size:clamp(2.4rem,10vw,3.75rem);line-height:.92}#overlay-copy{margin:12px 0 16px;line-height:1.45}.actions,.name-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.actions{margin:14px 0 18px}.actions button,.name-row button{color:#fff;background:var(--accent);border-bottom:4px solid var(--accent-strong);min-height:44px;padding:0 14px;font-weight:800}.actions button[aria-pressed=true]{color:#fff8d7;background:#44546a;border-bottom-color:#223145}.actions button:active,.name-row button:active{border-bottom-width:2px;transform:translateY(2px)}.score-form{margin-top:16px;display:none}.score-form.is-active{display:block}.score-form label{text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:800;display:block}.name-row input{border:1px solid var(--line);width:100%;min-width:0;min-height:44px;color:var(--ink);background:#ffffffc7;outline:0;padding:0 12px}.name-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ef7f3b33}.name-row button:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.55}.submit-status{color:#44546a;min-height:1.2em;margin:8px 0 0;font-size:.82rem}.leaderboard{gap:7px;margin:0;padding:0;list-style:none;display:grid}.leaderboard li{border:1px solid var(--line);background:#ffffff75;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:34px;padding:7px 10px;display:grid}.leaderboard span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboard strong{color:#1c4134}.leaderboard-empty{color:#6a7280;justify-content:center}@media (max-width:520px){#game-shell{aspect-ratio:2/3;border:0;width:min(100vw,66.67dvh);max-width:none}.overlay{align-items:end;padding:14px}.overlay-panel{width:100%;max-height:78vh;padding:18px}}@media (prefers-reduced-motion:reduce){.overlay{transition:none}}