*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}html,body,#root{width:100%;height:100%;overflow:hidden;background:#0a0a1a;color:#fafafa}#root{display:flex;align-items:center;justify-content:center}.game-container{position:relative;width:100%;height:100%;max-width:800px;max-height:600px;margin:auto}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;border-radius:8px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000bf;border-radius:8px;z-index:10;text-align:center;padding:2rem}.overlay h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,#ffe033,#ffa600);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.overlay h2{font-size:1.8rem;margin-bottom:.5rem;color:#ff6b6b}.overlay p{font-size:1rem;color:#aaa;margin-bottom:1.5rem;max-width:400px}.overlay .score-display{font-size:1.3rem;color:#ffe033;margin-bottom:1rem}.btn{background:linear-gradient(135deg,#ffe033,#ffa600);color:#1a1a2e;border:none;padding:.75rem 2rem;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:transform .15s,box-shadow .15s;margin:.5rem}.btn:hover{transform:scale(1.05);box-shadow:0 4px 20px #ffe03366}.controls-info{margin-top:1.5rem;font-size:.85rem;color:#666;line-height:1.8}.controls-info kbd{background:#333;padding:.15rem .5rem;border-radius:4px;border:1px solid #555;font-family:monospace;font-size:.8rem;color:#ddd}.hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.9rem;font-weight:600;z-index:5;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}.hud-left,.hud-right,.hud-center{display:flex;gap:1rem;align-items:center}.hud-center{position:absolute;left:50%;transform:translate(-50%)}.hud .label{color:#888;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.hud .value{color:#ffe033;font-size:1rem}.hud .health-bar{width:120px;height:8px;background:#333;border-radius:4px;overflow:hidden}.hud .health-fill{height:100%;background:linear-gradient(90deg,#f44,#4f4);border-radius:4px;transition:width .2s}.wave-announce{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:800;color:#ffe033;text-shadow:0 0 20px rgba(255,224,51,.6);z-index:8;pointer-events:none;animation:waveAnnounce 2s ease-out forwards}@keyframes waveAnnounce{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}40%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.powerup-flash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;font-weight:700;z-index:8;pointer-events:none;animation:powerupFlash 1s ease-out forwards}@keyframes powerupFlash{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-80%) scale(1.3)}}