.space-map-container{border:2px solid #00ff88;border-radius:8px;overflow:hidden;box-shadow:0 0 20px #00ff884d}.space-map-svg{background:linear-gradient(to bottom,#0a0e27,#1a1f3a);display:block}.star{fill:#fff;opacity:.3}.grid-rect{stroke:#0f82;stroke-width:.5;fill:none}.fuel-gauge-container{padding:20px;background:#00000080;border-radius:12px;border:2px solid #00ff88;text-align:center}.fuel-gauge-container h3{margin:0 0 15px;color:#0f8;font-size:18px;font-weight:700;text-align:center}.fuel-gauge-svg{display:block;margin:0 auto}.fuel-warning{margin-top:10px;color:#f44336;font-size:12px;font-weight:700;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.connection-status-container{padding:20px;background:#00000080;border-radius:12px;border:2px solid #00ff88;min-height:180px}.connection-status-container h3{margin:0 0 15px;color:#0f8;font-size:18px;font-weight:700;text-align:center}.connection-status-svg{display:block;margin:10px auto}.connection-status-text{text-align:center;font-size:14px;font-weight:700;margin-top:10px}.connection-status-error-message{margin-top:10px;font-size:11px;color:#f44336;text-align:center;padding:5px;background:#f443361a;border-radius:4px}.hull-integrity-container{padding:20px;background:#00000080;border-radius:12px;border:2px solid #00ff88;min-height:180px}.hull-integrity-container h3{margin:0 0 15px;color:#0f8;font-size:18px;font-weight:700;text-align:center}.hull-integrity-svg{display:block;margin:0 auto}.hull-percentage-display{text-align:center;font-size:24px;font-weight:700;margin-top:10px}.hull-points{text-align:center;font-size:12px;color:#aaa;margin-top:5px}.hull-warning{margin-top:10px;color:#f44336;font-size:12px;font-weight:700;text-align:center;animation:pulse 1.5s infinite}.hull-destroyed{margin-top:5px;color:#f44336;font-size:14px;font-weight:700;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.controls-container{padding:20px;background:#00000080;border-radius:12px;border:2px solid #00ff88;font-family:Courier New,monospace}.controls-container h3{margin:0 0 20px;color:#0f8;font-size:18px;font-weight:700;text-align:center}.controls-directional{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:300px;margin:0 auto 20px}.control-button{padding:15px 25px;font-size:16px;font-weight:700;border:2px solid #00ff88;background:#00ff881a;color:#0f8;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;opacity:1;-webkit-user-select:none;user-select:none}.control-button:disabled{background:#333;color:#666;cursor:not-allowed;opacity:.5}.control-button:hover:not(:disabled){background:#00ff884d;box-shadow:0 0 15px #00ff8880}.controls-action-buttons{display:flex;justify-content:center;gap:10px}.controls-action-buttons button{flex:1;max-width:300px}.status-indicator{margin-top:15px;text-align:center;color:#2196f3;font-size:14px;font-weight:700}.controls-instructions{margin-top:20px;padding:10px;background:#00ff880d;border-radius:6px;font-size:12px;color:#aaa;line-height:1.6}.controls-instructions strong{color:#0f8}body,#root{margin:0;padding:0;font-family:Courier New,monospace;color:#aaa;min-height:100vh;background:linear-gradient(to bottom,#0a0e27,#16213e)}.app-container{min-height:100vh;padding:20px;font-family:inherit;max-width:1400px;margin:0 auto}header{text-align:center;margin-bottom:30px}header h1{color:#0f8;font-size:36px;margin:0 0 10px;text-shadow:0 0 10px rgba(0,255,136,.5);letter-spacing:3px}header .subtitle{color:#aaa;font-size:14px}.main-layout{display:grid;grid-template-columns:800px 1fr;gap:20px}.status-controls-column{display:flex;flex-direction:column;gap:20px}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.legend{padding:15px;background:#00000080;border-radius:8px;border:2px solid #00ff88;font-size:12px;color:#aaa}.legend h4{margin:0 0 10px;color:#0f8;font-size:14px}.legend div{line-height:1.8}.legend .green-text{color:#0f8}.legend .gray-text{color:#888}.legend .dark-gray-text{color:#666}.legend .green-barrel-text{color:#4caf50}.legend .collection-radius{margin-top:8px;color:#0f8;font-weight:700}footer.system-info{margin-top:30px;padding:20px;background:#00000080;border-radius:8px;border:2px solid #00ff88;max-width:1400px;margin-left:auto;margin-right:auto;font-size:13px;color:#aaa}footer.system-info h4{margin:0 0 10px;color:#0f8;font-size:16px}footer.system-info .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}footer.system-info strong{color:#0f8}