:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#090d18;width:100%;height:100%;font-family:Consolas,Courier New,monospace;overflow:hidden}#app{width:100vw;height:100vh;position:relative}.game-canvas{touch-action:none;display:block;position:absolute;inset:0}.hud{pointer-events:none;z-index:10;position:absolute;inset:0}.hud__island{background:#070a14b8;border:1px solid #a0beeb38;border-radius:10px;align-items:center;gap:18px;padding:8px 22px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #00000073}.hud__stat{flex-direction:column;align-items:center;gap:1px;min-width:92px;display:flex}.hud__stat-label{letter-spacing:3px;color:#9fb4d8;font-size:10px}.hud__divider{background:#a0beeb40;width:1px;height:34px}.hud__score{letter-spacing:2px;color:#fff;text-shadow:0 2px 8px #0009;font-size:30px;font-weight:700;line-height:1}.hud__misses{align-items:center;gap:7px;height:30px;display:flex}.hud__miss{color:#ffffff38;text-shadow:0 2px 6px #00000080;font-size:22px;font-weight:700;line-height:1}.hud__miss--hit{color:#ff4040;text-shadow:0 0 10px #ff404099}.hud__best{letter-spacing:3px;color:#fff;opacity:.6;text-shadow:0 2px 6px #0009;font-size:12px;position:absolute;top:76px;left:50%;transform:translate(-50%)}.hud__feedback{text-align:center;letter-spacing:4px;opacity:0;color:#fff;text-shadow:0 4px 14px #0009;font-size:40px;font-weight:700;position:absolute;top:18%;left:0;right:0}.hud__feedback.is-shown{animation:.45s ease-out feedback-pop}.hud__feedback--save{color:#7cff5c}.hud__feedback--goal{color:#ff4040}@keyframes feedback-pop{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1.15)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.overlay{text-align:center;pointer-events:auto;z-index:20;background:radial-gradient(circle,#1e325a47 0%,#060912c7 90%);flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .3s;display:flex;position:absolute;inset:0}.overlay.hidden{display:none}.overlay__title{letter-spacing:6px;color:#7cff5c;text-shadow:0 0 18px #7cff5c80,0 6px 16px #0009;font-size:46px;font-weight:700}.overlay__subtitle{letter-spacing:2px;color:#fff;opacity:.9;text-shadow:0 2px 6px #0009;font-size:15px}.overlay__score{letter-spacing:2px;color:#fff;text-shadow:0 2px 6px #0009;font-size:20px}.overlay__hint{letter-spacing:2px;color:#d8ffd8;opacity:.9;text-shadow:0 2px 6px #0009;margin-top:10px;font-size:13px}.countdown{pointer-events:none;z-index:25;letter-spacing:6px;color:#fff;text-shadow:0 6px 26px #0000008c;opacity:0;justify-content:center;align-items:center;font-size:150px;font-weight:700;display:flex;position:absolute;inset:0}.countdown.is-shown{animation:.75s ease-out countdown-pop}@keyframes countdown-pop{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.12)}40%{transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@media (width<=479px){.hud__island{top:52px}}