.hud{position:fixed;pointer-events:none;z-index:50}.hud-top-left{top:20px;left:20px}.hud-top-right{top:20px;right:20px;text-align:right}.hud-bottom-left{bottom:20px;left:20px}.hud-title{font-family:Orbitron,sans-serif;font-size:28px;font-weight:900;letter-spacing:4px;color:#00d4ff;text-shadow:0 0 20px #00d4ff,0 0 40px #00d4ff;margin:0 0 8px}.hud-status{font-size:12px;opacity:.7;margin-bottom:4px}.mode-badge{display:inline-block;padding:6px 14px;margin-top:10px;font-family:Orbitron,sans-serif;font-size:12px;letter-spacing:2px;border:2px solid}.mode-badge.auto{color:#f0f;border-color:#f0f;text-shadow:0 0 10px #ff00ff;animation:mode-glow 1s infinite}.mode-badge.manual{color:#0f8;border-color:#0f8;text-shadow:0 0 10px #00ff88}@keyframes mode-glow{0%,to{opacity:1;box-shadow:0 0 20px #ff00ff80}50%{opacity:.7;box-shadow:0 0 10px #ff00ff4d}}.hud-score{font-family:Orbitron,sans-serif;font-size:24px;color:#fa0;text-shadow:0 0 15px rgba(255,170,0,.8);margin:10px 0}.bar-container{margin-top:10px}.bar-label{font-size:10px;opacity:.5;letter-spacing:2px;margin-bottom:4px}.bar-bg{width:160px;height:8px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3)}.bar-fill{height:100%;transition:width .1s ease}.bar-fill.boost{background:linear-gradient(90deg,#00d4ff,#0ff);box-shadow:0 0 10px #00d4ff}.pid-panel{margin-top:15px;padding:10px;border:1px solid rgba(255,0,255,.3);background:#ff00ff0d}.pid-title{font-size:10px;color:#f0f;letter-spacing:2px;margin-bottom:8px}.pid-row{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:10px}.pid-label{width:15px;opacity:.6}.pid-bar-bg{flex:1;height:4px;background:#f0f3}.pid-bar{height:100%;background:#f0f;box-shadow:0 0 5px #f0f;transition:width .05s ease}.telemetry-row{display:flex;justify-content:flex-end;gap:15px;margin-bottom:5px;font-size:12px}.telemetry-label{opacity:.5}.telemetry-value{font-family:Orbitron,sans-serif;color:#0fc;min-width:70px;text-align:right}.controls-title{font-size:10px;opacity:.4;letter-spacing:2px;margin-bottom:8px}.control-row{font-size:11px;margin-bottom:4px;opacity:.6}.key{display:inline-block;padding:2px 6px;border:1px solid #00d4ff;margin-right:4px;font-size:10px;min-width:20px;text-align:center}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#000022e6,#000000f2);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.menu-title{font-family:Orbitron,sans-serif;font-size:56px;font-weight:900;letter-spacing:8px;color:#00d4ff;text-shadow:0 0 30px #00d4ff,0 0 60px #0088ff,0 0 100px #00d4ff;margin:0 0 10px;animation:glow-pulse 2s ease-in-out infinite}.menu-title.pause{font-size:36px}.menu-title.gameover{color:#f04;text-shadow:0 0 30px #ff0044,0 0 60px #ff0044;animation:none}@keyframes glow-pulse{0%,to{text-shadow:0 0 30px #00d4ff,0 0 60px #0088ff,0 0 100px #00d4ff}50%{text-shadow:0 0 50px #00ffff,0 0 100px #00d4ff,0 0 150px #0088ff}}.menu-subtitle{font-size:14px;opacity:.6;letter-spacing:4px;margin-bottom:40px}.menu-btn{padding:15px 40px;margin:10px;border:2px solid #00d4ff;background:transparent;color:#00d4ff;font-family:Orbitron,sans-serif;font-size:16px;letter-spacing:3px;cursor:pointer;transition:all .3s ease;min-width:250px}.menu-btn:hover{background:#00d4ff;color:#000;box-shadow:0 0 30px #00d4ff80}.menu-btn.auto{border-color:#f0f;color:#f0f}.menu-btn.auto:hover{background:#f0f;box-shadow:0 0 30px #ff00ff80}.menu-btn.quit{border-color:#f44;color:#f44}.menu-btn.quit:hover{background:#f44;color:#000;box-shadow:0 0 30px #ff444480}.menu-info{margin-top:30px;font-size:12px;opacity:.5;text-align:center;line-height:1.8}.menu-hint{margin-top:20px;font-size:11px;opacity:.4}.final-score{font-family:Orbitron,sans-serif;font-size:24px;color:#fa0;text-shadow:0 0 15px rgba(255,170,0,.8);margin-bottom:30px;text-align:center;line-height:1.5}.game-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}.game-canvas{display:block;width:100%;height:100%}.crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:2px solid rgba(0,212,255,.3);border-radius:50%;pointer-events:none;z-index:50}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#00d4ff66}.crosshair:before{width:20px;height:2px;left:50%;top:50%;transform:translate(-50%,-50%)}.crosshair:after{width:2px;height:20px;left:50%;top:50%;transform:translate(-50%,-50%)}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 3px);opacity:.1;pointer-events:none;z-index:200}*{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow:hidden;font-family:Share Tech Mono,monospace;color:#00d4ff}#root{width:100vw;height:100vh}