@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap";*{box-sizing:border-box}body{margin:0;min-height:100dvh;color:#eafbf3;background:radial-gradient(circle at 75% 12%,#163952 0,transparent 28rem),#07101d;font-family:Space Grotesk,sans-serif}button{font:inherit;cursor:pointer}.app-shell{width:min(100%,620px);min-height:100dvh;margin:auto;padding:max(24px,env(safe-area-inset-top)) 20px max(22px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center;gap:18px}header,.stats,.header-actions{display:flex;align-items:center;justify-content:space-between}.header-actions{gap:8px}.eyebrow,small{margin:0;font:500 .68rem DM Mono,monospace;letter-spacing:.14em;color:#77c9a2}h1{margin:2px 0 0;font-size:clamp(1.65rem,8vw,2.5rem);line-height:.9;letter-spacing:-.08em}h1 span{color:#68ecad}.icon-button,.action-button{height:42px;border:1px solid #315466;background:#0b1a29;color:#9ff8c9}.icon-button{width:42px;border-radius:50%;font-size:1.3rem}.action-button{padding:0 12px;border-radius:9px;font:500 .68rem DM Mono,monospace;letter-spacing:.08em}.action-button:disabled{opacity:.45;cursor:not-allowed}.stats{background:#0f2332e0;border:1px solid #26475a;border-radius:14px;padding:13px 16px}.stats div{display:grid;gap:2px}.stats strong{font:500 1.1rem DM Mono,monospace}.game-wrap{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border:1px solid #3d6b70;border-radius:18px;box-shadow:0 18px 55px #0008,inset 0 0 30px #4cc49b10}canvas{display:block;width:100%;height:100%;touch-action:none}.overlay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;padding:24px;text-align:center;background:#07101dd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .25s,visibility .25s}.overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}h2{margin:0;font-size:clamp(1.6rem,8vw,2.65rem);letter-spacing:-.06em}.overlay p:not(.eyebrow){margin:0;color:#a9c1c9}#startButton{margin-top:8px;border:0;border-radius:9px;padding:13px 18px;background:#75f0b2;color:#082019;font-weight:700;box-shadow:0 0 24px #65edac66}#startButton span{margin-left:9px;font-size:1.1em}.hint{margin:0;text-align:center;color:#7d9ca8;font-size:.8rem}.controls{display:grid;justify-items:center;gap:5px}.controls div{display:flex;gap:5px}.controls button{width:56px;height:47px;border:1px solid #315466;border-radius:11px;background:#102335;color:#b8fdd7;font-size:1.4rem}.controls button:active{transform:scale(.94);background:#1d5946}@media(min-width:700px){.app-shell{min-height:auto;padding-top:34px}.controls{display:none}}@media(max-height:720px){.app-shell{gap:10px;justify-content:flex-start}.controls button{height:40px}}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:min(100%,400px)}.mode-card{padding:15px 8px;border:1px solid #315466;border-radius:12px;background:#102335;color:#b8fdd7}.mode-card strong,.mode-card span{display:block}.mode-card strong{font-size:.9rem}.mode-card span{margin-top:4px;font:500 .58rem DM Mono,monospace;letter-spacing:.08em;color:#7d9ca8}.mode-card.selected{border-color:#75f0b2;background:#164536;box-shadow:0 0 18px #65edac33}.score-form{width:min(100%,340px);margin-top:6px}.score-form label{display:block;margin-bottom:7px;font:500 .66rem DM Mono,monospace;letter-spacing:.1em;color:#77c9a2}.score-form div{display:flex;gap:7px}.score-form input{min-width:0;flex:1;border:1px solid #315466;border-radius:8px;padding:10px;background:#091927;color:#eafbf3;font:inherit}.score-form button{border:0;border-radius:8px;padding:0 12px;background:#75f0b2;color:#082019;font-weight:700;font-size:.72rem}.score-form p{min-height:1em!important;font-size:.75rem}.leaderboard{width:min(100%,360px);max-height:70%;overflow:auto;border:1px solid #315466;border-radius:12px;background:#0b1a29;padding:13px;text-align:left}.leaderboard-head{display:flex;justify-content:space-between;align-items:center;font:500 .7rem DM Mono,monospace;letter-spacing:.1em;color:#77c9a2}.leaderboard-head button{border:0;background:none;color:#eafbf3;font-size:1.4rem}.leaderboard-tabs{display:flex;gap:7px;margin:11px 0}.leaderboard-tabs button{border:1px solid #315466;border-radius:6px;background:transparent;color:#b8fdd7;padding:5px 7px;font:.6rem DM Mono,monospace}.leaderboard ol{margin:0;padding-left:25px}.leaderboard li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #315466;font-size:.85rem}.hidden{display:none!important}.restart-button{border:1px solid #315466;border-radius:8px;padding:8px 10px;background:transparent;color:#b8fdd7;font:.66rem DM Mono,monospace;letter-spacing:.06em}