:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#000;color:#fafafa;overflow:hidden}.game{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(ellipse at center,#0a0a2e,#000 70%)}.stars-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.star{position:absolute;border-radius:50%;background:#fff;animation:twinkle 3s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}.ship-wrapper{position:absolute;transition:left .08s ease-out,top .08s ease-out;z-index:10;filter:drop-shadow(0 0 20px rgba(100,180,255,.4))}.ship{width:60px;height:80px;position:relative;transform:rotate(0);transition:transform .15s ease-out}.ship-body{position:absolute;width:20px;height:60px;left:50%;top:10px;transform:translate(-50%);background:linear-gradient(180deg,#6ab7ff,#3a7bd5 40%,#1a3a6a);clip-path:polygon(50% 0%,100% 70%,85% 100%,15% 100%,0% 70%);border-radius:2px}.ship-wing-l{position:absolute;width:24px;height:35px;left:0;top:35px;background:linear-gradient(90deg,#1a3a6a,#3a7bd5);clip-path:polygon(100% 0%,100% 100%,0% 80%,20% 20%)}.ship-wing-r{position:absolute;width:24px;height:35px;right:0;top:35px;background:linear-gradient(-90deg,#1a3a6a,#3a7bd5);clip-path:polygon(0% 0%,0% 100%,100% 80%,80% 20%)}.ship-cockpit{position:absolute;width:10px;height:16px;left:50%;top:6px;transform:translate(-50%);background:radial-gradient(ellipse,#b8e6ff 0%,#4a9eff 60%,transparent 100%);border-radius:50% 50% 30% 30%}.engine-glow{position:absolute;width:12px;height:24px;left:50%;bottom:-12px;transform:translate(-50%);background:radial-gradient(ellipse,#ff6a00 0%,#ff3d00 40%,transparent 70%);border-radius:50%;animation:thrust .15s ease-in-out infinite alternate}.engine-glow:after{content:"";position:absolute;width:8px;height:18px;left:50%;bottom:-6px;transform:translate(-50%);background:radial-gradient(ellipse,#ffe066 0%,#ff8c00 50%,transparent 80%);border-radius:50%;animation:thrust .1s ease-in-out infinite alternate-reverse}@keyframes thrust{0%{opacity:.7;transform:translate(-50%) scaleY(.85)}to{opacity:1;transform:translate(-50%) scaleY(1.15)}}.bullet{position:absolute;width:3px;height:14px;background:linear-gradient(180deg,#0fc,#08f);border-radius:2px;box-shadow:0 0 6px #0cf,0 0 12px #08f;z-index:5}.enemy{position:absolute;z-index:5;filter:drop-shadow(0 0 8px rgba(255,50,50,.5))}.enemy-body{width:40px;height:40px;background:radial-gradient(circle at 40% 40%,#f44,#8b0000);clip-path:polygon(50% 100%,0% 30%,20% 0%,80% 0%,100% 30%)}.enemy-eye{position:absolute;width:8px;height:8px;left:50%;top:14px;transform:translate(-50%);background:#ff0;border-radius:50%;box-shadow:0 0 6px #ff0}.explosion{position:absolute;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#fff 0%,#ff0 20%,#f80 50%,transparent 70%);animation:explode .4s ease-out forwards;z-index:20}@keyframes explode{0%{transform:scale(.5);opacity:1}to{transform:scale(2.5);opacity:0}}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.hud-score{position:absolute;top:20px;left:24px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;color:#0fc;text-shadow:0 0 8px rgba(0,255,200,.5);letter-spacing:.05em}.hud-level{position:absolute;top:44px;left:24px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;color:#6ab7ff;text-shadow:0 0 6px rgba(100,180,255,.4)}.hud-health-bar{position:absolute;top:20px;right:24px;width:140px;height:12px;border:1px solid rgba(0,255,200,.3);border-radius:6px;overflow:hidden}.hud-health-fill{height:100%;background:linear-gradient(90deg,#0fc,#0c8);border-radius:6px;transition:width .3s ease}.hud-health-label{position:absolute;top:38px;right:24px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:#00ffc899;text-transform:uppercase;letter-spacing:.1em}.hud-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:#ffffff40;text-align:center;letter-spacing:.08em}.crosshair{position:absolute;width:20px;height:20px;border:1px solid rgba(0,255,200,.3);border-radius:50%;pointer-events:none;z-index:55;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#00ffc84d}.crosshair:before{width:1px;height:6px;left:50%;top:-8px;transform:translate(-50%)}.crosshair:after{width:6px;height:1px;top:50%;left:-8px;transform:translateY(-50%)}.game-over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;z-index:100;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-over h1{font-size:3rem;margin:0 0 .5rem;color:#f44;text-shadow:0 0 20px rgba(255,50,50,.6);letter-spacing:.1em}.game-over .final-score{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.2rem;color:#0fc;margin-bottom:2rem}.game-over button{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;padding:.75rem 2rem;background:transparent;border:1px solid #00ffcc;color:#0fc;border-radius:4px;cursor:pointer;letter-spacing:.1em;transition:background .2s,color .2s}.game-over button:hover{background:#0fc;color:#000}.nebula{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15;pointer-events:none}