@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes orb-pulse{0%,to{transform:scale(1);box-shadow:0 0 6px #00f6ff,0 0 12px #00f6ff}50%{transform:scale(1.15);box-shadow:0 0 12px #00f6ff,0 0 20px #00f6ff}}@keyframes hud-bar-blink{0%{opacity:1}to{opacity:.3}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;background-color:#0d0d11;place-items:center;min-width:320px;min-height:100vh;margin:0;padding:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;display:flex}body{background:radial-gradient(circle,#1b1b22 0%,#0d0d11 100%);justify-content:center;place-items:center;width:100%;min-height:100vh;margin:0;display:flex;overflow:hidden}#app{flex-direction:column;justify-content:center;align-items:center;display:flex}.game-container{background-color:#000;border:1px solid #00a8cc4d;border-radius:12px;width:800px;height:600px;position:relative;overflow:hidden;box-shadow:0 20px 50px #000c,0 0 25px #00a8cc26}.game-canvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.game-hud{z-index:10;pointer-events:none;box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.interactive{pointer-events:auto}.hud-header{text-shadow:0 0 8px #00a8cccc;justify-content:center;align-items:center;display:flex}.hud-title{letter-spacing:2px;color:#00a8cc;text-transform:uppercase;font-size:24px;font-weight:800}.hud-stats{gap:20px;font-size:16px;font-weight:600;display:flex}.hud-stat-box{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00a8cc1a;border:1px solid #00a8cc66;border-radius:6px;padding:6px 12px;box-shadow:inset 0 0 10px #00a8cc1a}.hud-stat-value{color:#f36;font-weight:800}.hud-center-prompt{text-align:center;color:#fff;text-shadow:0 0 10px #ffffff80;align-self:center;animation:2s ease-in-out infinite pulse}.hud-footer{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;justify-content:space-between;font-size:12px;display:flex}.hud-energy-orb{border-radius:50%;width:12px;height:12px;transition:all .3s}.hud-energy-orb.active{background-color:#00f6ff;animation:1.5s ease-in-out infinite orb-pulse;box-shadow:0 0 8px #00f6ff,0 0 15px #00f6ff}.hud-energy-orb.inactive{box-shadow:none;background-color:#ffffff0d;border:1px solid #00f6ff33}.player-ship{z-index:8;pointer-events:none;will-change:transform;width:32px;height:32px;margin-top:-16px;margin-left:-16px;position:absolute}.player-svg{filter:drop-shadow(0 0 6px #00f3ff);width:100%;height:100%}.player-svg-polygon{fill:#00f3ff59;stroke:#00f3ff;stroke-width:2px;stroke-linejoin:round}.asteroid{z-index:8;pointer-events:none;will-change:transform;position:absolute}.asteroid-svg{filter:drop-shadow(0 0 6px #fff);width:100%;height:100%}.asteroid-svg-polygon{fill:#ffffff40;stroke:#fff;stroke-width:1.5px;stroke-linejoin:round}.item{z-index:8;pointer-events:none;will-change:transform;position:absolute}.item-svg{width:100%;height:100%}.item-reparo-polygon{fill:#00ff6659;stroke:#0f6;stroke-width:2px;stroke-linejoin:round;filter:drop-shadow(0 0 8px #0f6)}.item-armamento-polygon{fill:#ffaa0059;stroke:#fa0;stroke-width:2px;stroke-linejoin:round;filter:drop-shadow(0 0 8px #fa0)}.enemy-ship{z-index:8;pointer-events:none;will-change:transform;position:absolute}.enemy-svg{filter:drop-shadow(0 0 8px #f05);width:100%;height:100%}.enemy-svg-polygon{fill:#ff005559;stroke:#f05;stroke-width:2px;stroke-linejoin:round}.health-bar-blinking{animation:.4s infinite alternate hud-bar-blink}.key-badge{text-align:center;color:#fff;background-color:#ffffff1a;border:1px solid #fff6;border-radius:4px;min-width:16px;height:20px;padding:0 4px;font-family:monospace;font-size:12px;line-height:20px;display:inline-block;box-shadow:0 2px #fff3}.mobile-controls{pointer-events:none;z-index:50;width:100%;height:100%;display:flex;position:absolute;bottom:0;left:0}.mobile-dpad{pointer-events:auto;grid-template-rows:60px 60px;grid-template-columns:60px 60px 60px;gap:10px;display:grid;position:absolute;bottom:30px;left:30px}.dpad-up{grid-area:1/2}.dpad-left{grid-area:2/1}.dpad-down{grid-area:2/2}.dpad-right{grid-area:2/3}.mobile-actions{pointer-events:auto;position:absolute;bottom:30px;right:30px}.pause-btn{pointer-events:auto;position:absolute;top:20px;right:20px;border-radius:50%!important;width:50px!important;height:50px!important;font-size:18px!important}.mobile-btn{color:#00f6ff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;touch-action:none;background:#00f6ff26;border:1px solid #00f6ff66;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:flex;box-shadow:0 0 10px #00f6ff33}.mobile-btn:active{background:#00f6ff4d;transform:scale(.95);box-shadow:0 0 15px #00f6ff80}.action-btn{text-transform:uppercase;color:#f36;background:#ff336626;border-color:#f366;border-radius:50%;width:80px;height:80px;font-size:16px;font-weight:700;box-shadow:0 0 10px #f363}.action-btn:active{background:#ff33664d;box-shadow:0 0 15px #ff336680}