:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background:#050505;color:#fafafa;overflow:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:9999}#root{display:grid;place-items:center}.game-container{position:relative;width:100vw;height:100vh}canvas{display:block;width:100%;height:100%;object-fit:contain;background:#000;cursor:crosshair}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;padding:20px}.hud *{pointer-events:none}.hud-score{position:absolute;top:20px;left:20px;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;letter-spacing:.05em;transition:transform .2s ease}.hud-hi{font-size:.7em;color:#fff6;margin-top:2px}.hud-wave{position:absolute;top:20px;right:20px;font-size:clamp(.9rem,1.5vw,1.2rem);color:#fff9;text-align:right}.hud-lives{margin-top:6px;display:flex;gap:6px;justify-content:flex-end}.hud-lives svg{width:16px;height:16px;transition:opacity .3s}.hud-bottom-left{position:absolute;bottom:20px;left:20px;font-size:clamp(.8rem,1.2vw,1rem)}.hud-combo{font-size:clamp(1.2rem,2vw,1.8rem);font-weight:700;color:#06b6d4;transition:transform .15s ease}.hud-powerup{color:#ffffff80;margin-top:4px;font-size:.8em}.hud-bottom-right{position:absolute;bottom:20px;right:20px;font-size:.7rem;color:#ffffff4d;text-align:right}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:10}.overlay-title{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0009;z-index:10}.overlay-title h1{font-size:clamp(4rem,10vw,7rem);font-weight:800;letter-spacing:-.03em;color:#fff;text-shadow:0 0 40px #06b6d4,0 0 80px rgba(6,182,212,.4);margin-bottom:0}.overlay-title .subtitle{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff6;font-size:clamp(.7rem,1.2vw,.9rem);margin-top:4px}.overlay-title .instructions{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffffff59;font-size:clamp(.65rem,1vw,.8rem);margin-top:2rem;text-align:center;line-height:2}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.overlay-title .press-start{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#06b6d4;font-size:clamp(.8rem,1.2vw,1rem);margin-top:2rem;animation:pulse 1.5s ease-in-out infinite}.overlay-title .hi-score-display{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffffff4d;font-size:clamp(.65rem,1vw,.8rem);margin-top:1.5rem}.overlay-paused{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;z-index:10}.overlay-paused h2{font-size:clamp(2rem,5vw,4rem);font-weight:700;color:#fff;letter-spacing:.1em}.overlay-paused p{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff6;font-size:clamp(.7rem,1vw,.9rem);margin-top:1rem}.overlay-gameover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000bf;z-index:10}.overlay-gameover h2{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;color:#ef4444;text-shadow:0 0 30px rgba(239,68,68,.5)}.overlay-gameover .final-score{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:#fff;margin-top:.5rem}@keyframes bounce-cyan{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.overlay-gameover .new-hi{color:#06b6d4;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:700;margin-top:.5rem;animation:bounce-cyan .6s ease-in-out infinite}.overlay-gameover .wave-reached{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff6;font-size:.85rem;margin-top:.25rem}.overlay-gameover .gameover-buttons{display:flex;gap:1rem;margin-top:2rem;pointer-events:all}.overlay-gameover .gameover-buttons button{pointer-events:all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.7rem,1vw,.85rem);padding:.6rem 1.2rem;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;border-radius:4px;cursor:pointer;transition:background .2s,border-color .2s}.overlay-gameover .gameover-buttons button:hover{background:#ffffff1a;border-color:#06b6d4}.overlay-gameover .gameover-buttons button:focus{outline:none;border-color:#06b6d4}.wave-announce{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;pointer-events:none}.wave-announce h3{font-size:clamp(2rem,5vw,4rem);font-weight:800;color:#fff;text-shadow:0 0 20px rgba(6,182,212,.5)}.wave-announce .wave-complete-bonus{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#06b6d4;font-size:clamp(.8rem,1.2vw,1rem);margin-top:.5rem}@media(prefers-reduced-motion:reduce){.overlay-title .press-start{animation:none;opacity:.7}.overlay-gameover .new-hi{animation:none}}