@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Exo+2:wght@300;400;600&display=swap";:root{color-scheme:dark;font-family:"Exo 2",ui-sans-serif,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#000;color:#fafafa;overflow:hidden}.game-container{position:relative;width:100vw;height:100vh;overflow:hidden}canvas{display:block;position:absolute;top:0;left:0}.title-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;background:radial-gradient(ellipse at center,#14003ccc,#000000f2 70%)}.title-screen h1{font-family:Orbitron,monospace;font-size:clamp(2rem,6vw,4.5rem);font-weight:900;letter-spacing:.08em;background:linear-gradient(135deg,#f0e6ff,#a78bfa,#60a5fa 60%,#fcd34d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;animation:titlePulse 3s ease-in-out infinite;margin-bottom:.5rem}@keyframes titlePulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.title-screen .subtitle{font-family:"Exo 2",sans-serif;font-size:clamp(.85rem,2vw,1.2rem);color:#a78bfab3;letter-spacing:.3em;text-transform:uppercase;margin-bottom:3rem}.start-btn{font-family:Orbitron,monospace;font-size:1.1rem;font-weight:700;letter-spacing:.15em;padding:1rem 3rem;border:2px solid rgba(167,139,250,.5);background:#a78bfa1a;color:#e0d0ff;border-radius:.5rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.start-btn:hover{background:#a78bfa40;border-color:#a78bfa;box-shadow:0 0 30px #a78bfa4d;transform:scale(1.05)}.start-btn:active{transform:scale(.97)}.controls-hint{margin-top:2rem;color:#ffffff59;font-size:.8rem;text-align:center;line-height:1.8}.controls-hint kbd{display:inline-block;padding:.15rem .5rem;border:1px solid rgba(255,255,255,.2);border-radius:.25rem;background:#ffffff0d;font-family:Orbitron,monospace;font-size:.7rem}.hud{position:absolute;top:0;left:0;right:0;z-index:5;pointer-events:none;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:flex-start}.hud-left,.hud-right,.hud-center{display:flex;flex-direction:column;gap:.4rem}.hud-center{align-items:center;position:absolute;left:50%;transform:translate(-50%);top:1rem}.hud-label{font-family:Orbitron,monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#fff6}.hud-value{font-family:Orbitron,monospace;font-size:1.1rem;font-weight:700}.hud-value.stars{color:#fcd34d}.hud-value.score{color:#a78bfa}.health-bar{width:160px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.health-fill{height:100%;border-radius:4px;transition:width .3s ease;background:linear-gradient(90deg,#ef4444,#22c55e)}.powers-display{display:flex;gap:.5rem;margin-top:.25rem}.power-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;border:1px solid rgba(255,255,255,.2);background:#00000080}.power-icon.shield{border-color:#60a5fa;color:#60a5fa}.power-icon.speed{border-color:#fbbf24;color:#fbbf24}.power-icon.blast{border-color:#f87171;color:#f87171}.power-icon.heal{border-color:#4ade80;color:#4ade80}.level-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;text-align:center;pointer-events:none;animation:bannerIn .5s ease-out,bannerOut .5s ease-in 2s forwards}.level-banner h2{font-family:Orbitron,monospace;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;color:#fcd34d;text-shadow:0 0 40px rgba(252,211,77,.5)}.level-banner p{font-family:"Exo 2",sans-serif;font-size:1rem;color:#fff9;letter-spacing:.1em}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes bannerOut{0%{opacity:1}to{opacity:0}}.overlay-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;background:#000000d9;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-screen h2{font-family:Orbitron,monospace;font-size:clamp(2rem,5vw,3rem);font-weight:900;margin-bottom:.5rem}.overlay-screen h2.game-over{color:#ef4444}.overlay-screen h2.victory{color:#fcd34d}.overlay-screen .final-score{font-family:Orbitron,monospace;font-size:1.3rem;color:#a78bfa;margin-bottom:2rem}.overlay-screen .final-stars{font-size:1rem;color:#fcd34d;margin-bottom:1.5rem}.restart-btn{font-family:Orbitron,monospace;font-size:1rem;font-weight:700;letter-spacing:.15em;padding:.8rem 2.5rem;border:2px solid rgba(167,139,250,.5);background:#a78bfa1a;color:#e0d0ff;border-radius:.5rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.restart-btn:hover{background:#a78bfa40;border-color:#a78bfa;box-shadow:0 0 20px #a78bfa4d}.minimap{position:absolute;bottom:1rem;right:1rem;z-index:5;pointer-events:none;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;overflow:hidden;background:#0009}.mobile-controls{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:.75rem}.mobile-btn{width:56px;height:56px;border-radius:50%;border:2px solid rgba(167,139,250,.4);background:#a78bfa1a;color:#a78bfa;font-size:1.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation}.mobile-btn:active{background:#a78bfa4d}.mobile-btn.fire{border-color:#f8717180;background:#f871711a;color:#f87171}@media(min-width:768px){.mobile-controls{display:none}}