:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0d0812;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:#10080ebd;border:1px solid #ffc46a47;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:#d8a96f;font-size:10px}.hud__divider{background:#ffc46a4d;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:38px;font-weight:700;position:absolute;top:18%;left:0;right:0}.hud__feedback.is-shown{animation:.5s ease-out feedback-pop}.hud__feedback--good{color:#ffc46a}.hud__feedback--gold{color:#ffd94a}.hud__feedback--bad{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,#5a281e42 0%,#0d0812cc 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:#ffc46a;text-shadow:0 0 18px #ffc46a80,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:#ffe6c4;opacity:.9;text-shadow:0 2px 6px #0009;max-width:640px;margin-top:10px;padding:0 20px;font-size:13px;line-height:1.7}.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)}}