.game-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;max-width:900px;margin:0 auto;background:#060814;border:1px solid #1f293d;border-radius:8px;box-shadow:0 0 30px #000c,0 0 15px #bd00ff26;font-family:JetBrains Mono,Fira Code,monospace;color:#e0e0e0;overflow:hidden;-webkit-user-select:none;user-select:none}.cloud-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 20px;background:#0a0e1ae6;border-bottom:1px solid rgba(189,0,255,.2)}.logo-area{display:flex;align-items:center;gap:8px}.logo-spark{font-size:18px;animation:pulse 1.5s infinite alternate}.cyber-title{font-size:16px;font-weight:800;letter-spacing:.15em;color:#00f5ff;text-shadow:0 0 8px rgba(0,245,255,.5);margin:0}.cloud-badge{font-size:11px}.cloud-badge .syncing{color:#fa0;animation:pulse 1s infinite alternate}.cloud-badge .synced{color:#39ff14;text-shadow:0 0 5px rgba(57,255,20,.3)}.cloud-badge .error{color:#ff006e}.sound-toggle{background:none;border:none;color:#6b7280;cursor:pointer;transition:color .2s}.sound-toggle:hover{color:#00f5ff}.main-viewport{position:relative;width:800px;height:550px;background:#000;overflow:hidden}.game-canvas{display:block;width:100%;height:100%;cursor:crosshair}.scanline-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,6px 100%;pointer-events:none;z-index:8}.low-health-vignette{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 50px #ff006e99;pointer-events:none;z-index:7;animation:alarmPulse 1.2s infinite alternate}@keyframes alarmPulse{0%{opacity:.3}to{opacity:.9}}.hud-radar-left,.hud-radar-right{position:absolute;bottom:20px;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;z-index:6}.hud-radar-left{left:20px}.hud-radar-right{right:20px}.radar-circle{width:36px;height:36px;border:1px dashed rgba(0,245,255,.4);border-radius:50%;animation:rotateClockwise 8s linear infinite}.radar-circle.fast{border-color:#bd00ff66;animation:rotateCounterClockwise 5s linear infinite}.radar-label{font-size:8px;color:#4b5563;letter-spacing:.05em}@keyframes rotateClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateCounterClockwise{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#060814e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10}.neon-card{width:520px;background:#0a0e1af2;border:2px solid #bd00ff;box-shadow:0 0 25px #bd00ff59;border-radius:4px;padding:30px;text-align:center;display:flex;flex-direction:column;align-items:center}.neon-card.alert{border-color:#ff006e;box-shadow:0 0 25px #ff006e59}.glitch-text{font-size:32px;font-weight:900;color:#00f5ff;letter-spacing:.1em;margin-bottom:4px;text-transform:uppercase;text-shadow:0 0 10px rgba(0,245,255,.6)}.glitch-text.red{color:#ff006e;text-shadow:0 0 10px rgba(255,0,110,.6)}.subtitle{font-size:11px;color:#6b7280;letter-spacing:.2em;margin-bottom:20px}.loading-container{display:flex;flex-direction:column;align-items:center;gap:12px;margin:20px 0}.loading-spinner{width:30px;height:30px;border:2px solid rgba(0,245,255,.2);border-top-color:#00f5ff;border-radius:50%;animation:rotateClockwise 1s linear infinite}.loading-text{font-size:11px;color:#fa0}.high-score-box{display:flex;align-items:center;gap:10px;background:#0006;padding:8px 16px;border-radius:4px;border:1px solid rgba(0,245,255,.2);margin-bottom:20px;font-size:13px}.empty-state-text{color:#fa0;text-shadow:0 0 5px rgba(255,170,0,.3)}.trophy-icon{color:#fa0}.neon-text{color:#39ff14;font-weight:700}.ship-selector{width:100%;margin-bottom:20px}.section-title{font-size:11px;color:#9ca3af;margin-bottom:10px;text-align:left}.ship-options{display:flex;gap:10px;width:100%}.ship-card{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:10px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.ship-card:hover{border-color:#bd00ff80;background:#bd00ff0d}.ship-card.active{border-color:#bd00ff;background:#bd00ff26;box-shadow:0 0 10px #bd00ff4d}.ship-preview{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:4px}.ship-info{text-align:left}.ship-info h3{font-size:11px;margin:0 0 2px;color:#fff}.ship-info p{font-size:9px;color:#6b7280;margin:0}.controls-guide{font-size:10px;color:#9ca3af;line-height:1.6;margin-bottom:20px}.btn-play{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(90deg,#bd00ff,#00f5ff);border:none;color:#fff;font-family:inherit;font-size:14px;font-weight:700;padding:12px 32px;border-radius:4px;cursor:pointer;transition:all .2s;box-shadow:0 0 15px #00f5ff66}.btn-play:hover{transform:scale(1.05);box-shadow:0 0 25px #00f5ff99}.btn-play.retry{background:linear-gradient(90deg,#ff006e,#fa0);box-shadow:0 0 15px #ff006e66}.btn-play.retry:hover{box-shadow:0 0 25px #ff006e99}.pause-icon{color:#ff006e;margin-bottom:15px;animation:pulse 1.5s infinite alternate}.hud-overlay{position:absolute;top:0;left:0;width:100%;padding:16px 20px;display:flex;justify-content:space-between;pointer-events:none;z-index:5}.hud-left{display:flex;flex-direction:column;gap:12px;width:180px}.hud-item{display:flex;flex-direction:column;gap:4px}.hud-label{font-size:10px;color:#6b7280;letter-spacing:.1em}.lives-row{display:flex;gap:6px}.heart-dot{width:12px;height:12px;border-radius:50%;background:#ff006e;box-shadow:0 0 8px #ff006e}.heart-dot.empty{background:#1f293d;box-shadow:none}.shield-header{display:flex;justify-content:space-between;font-size:10px}.shield-val{color:#00f5ff}.shield-bar-bg{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.shield-bar-fill{height:100%;background:linear-gradient(90deg,#ff006e,#00f5ff);box-shadow:0 0 8px #00f5ff}.hud-center{display:flex;flex-direction:column;align-items:center;gap:8px}.level-badge{display:flex;align-items:center;gap:6px;background:#bd00ff26;border:1px solid #bd00ff;padding:6px 12px;border-radius:4px;font-size:12px;color:#bd00ff;text-shadow:0 0 5px rgba(189,0,255,.5)}.warp-hud-btn{pointer-events:auto;display:flex;align-items:center;gap:6px;background:#00f5ff26;border:1px solid #00f5ff;color:#00f5ff;padding:4px 10px;border-radius:4px;font-size:10px;cursor:pointer;transition:all .2s}.warp-hud-btn.cooling{background:#1f293d80;border-color:#ffffff26;color:#6b7280;cursor:not-allowed}.warp-hud-btn.ready{animation:warpPulse 1.5s infinite alternate}@keyframes warpPulse{0%{box-shadow:0 0 5px #00f5ff33}to{box-shadow:0 0 15px #00f5ff99}}.pause-btn-hud{pointer-events:auto;background:#00000080;border:1px solid rgba(255,255,255,.15);color:#9ca3af;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s}.pause-btn-hud:hover{color:#fff;border-color:#00f5ff}.hud-right{text-align:right}.score-box{display:flex;flex-direction:column}.score-num{font-size:24px;font-weight:700}.result-grid{display:flex;gap:40px;margin-bottom:24px}.result-item{display:flex;flex-direction:column;align-items:center}.res-label{font-size:11px;color:#6b7280}.res-val{font-size:28px;font-weight:700}.neon-pink{color:#ff006e;text-shadow:0 0 10px rgba(255,0,110,.5)}.record-badge{background:#39ff1426;border:1px solid #39ff14;color:#39ff14;padding:8px 16px;border-radius:4px;font-size:12px;margin-bottom:24px}.footer-bar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 20px;background:#060814;border-top:1px solid rgba(255,255,255,.05);font-size:9px;color:#4b5563}.pulse-dot{width:6px;height:6px;background:#39ff14;border-radius:50%;animation:pulse 1s infinite alternate}@keyframes pulse{0%{opacity:.3}to{opacity:1}}