@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0a0a1a;justify-content:center;align-items:center;min-height:100vh;font-family:"Press Start 2P",monospace;display:flex;overflow:hidden}#root{width:100vw;height:100vh;position:relative}.game-container{width:100%;height:100%;position:relative}.canvas-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}.canvas-wrapper canvas{cursor:none;width:100%;height:100%;display:block}.overlay{pointer-events:none;z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.overlay>*{pointer-events:auto}.hud{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;width:100%;padding:10px 20px;font-size:12px;display:flex;position:absolute;top:0;left:0}.hud-left,.hud-right,.hud-center{align-items:center;gap:16px;display:flex}.hud .label{color:#88f;text-transform:uppercase;font-size:8px}.hud .value{color:#fff;text-shadow:0 0 8px #6464ffcc}.base-indicator{gap:6px;display:flex}.base-dot{background:#0f0;border-radius:50%;width:12px;height:12px;transition:all .3s;box-shadow:0 0 6px #0f0}.base-dot.destroyed{background:#600;box-shadow:0 0 6px red}.title-screen{background:radial-gradient(#1a1a3a 0%,#0a0a1a 100%);flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;height:100%;display:flex}.title-screen h1{color:#f64;text-shadow:0 0 20px #ff643299;text-align:center;font-size:28px}.title-screen img{border:2px solid #f64;border-radius:8px;max-width:320px;max-height:200px;box-shadow:0 0 20px #ff64324d}.title-screen .instructions{color:#aaa;text-align:center;max-width:600px;font-size:8px;line-height:2}.btn{color:#f64;cursor:pointer;text-transform:uppercase;background:0 0;border:2px solid #f64;padding:12px 32px;font-family:"Press Start 2P",monospace;font-size:14px;transition:all .2s}.btn:hover{color:#0a0a1a;background:#f64;box-shadow:0 0 20px #ff643280}.btn-secondary{color:#88f;border-color:#88f}.btn-secondary:hover{color:#0a0a1a;background:#88f;box-shadow:0 0 20px #6464ff80}.pause-overlay{background:#000000bf;gap:24px}.pause-overlay h2{color:#f64;text-shadow:0 0 10px #ff643280;font-size:24px}.game-over-screen{background:radial-gradient(#2a0a0a 0%,#0a0a1a 100%);gap:20px;width:100%;height:100%}.game-over-screen h1{color:#f44;text-shadow:0 0 20px #ff3232cc;font-size:32px}.game-over-screen .stats{text-align:center;font-size:12px;line-height:2.5}.game-over-screen .stats .highlight{color:#f64}.buttons-row{gap:16px;margin-top:12px;display:flex}.cooldown-bar{background:#333;border-radius:3px;width:60px;height:6px;overflow:hidden}.cooldown-fill{background:#0ff;height:100%;transition:width 50ms linear;box-shadow:0 0 4px #0ff}.level-banner{z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:12px;animation:3s ease-out forwards bannerPulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.level-video{border:2px solid #f64;border-radius:12px;width:320px;height:auto;box-shadow:0 0 30px #ff643299}.level-banner-text{color:#f64;text-shadow:0 0 20px #ff6432cc;font-size:28px}@keyframes bannerPulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}