:root{--bg-primary: #030813;--bg-secondary: rgba(6, 17, 38, .6);--bg-card: rgba(8, 24, 53, .4);--bg-modal: rgba(4, 12, 28, .95);--color-cyan: #00f0ff;--color-cyan-dim: rgba(0, 240, 255, .3);--color-cyan-glow: rgba(0, 240, 255, .15);--color-orange: #ffaa00;--color-orange-dim: rgba(255, 170, 0, .3);--color-orange-glow: rgba(255, 170, 0, .15);--color-red: #ff3344;--color-red-dim: rgba(255, 51, 68, .3);--color-red-glow: rgba(255, 51, 68, .15);--color-text-bright: #ffffff;--color-text-main: #b8d2ed;--color-text-muted: #53779c;--font-family-sans: "Inter", sans-serif;--font-family-hud: "Orbitron", sans-serif;--border-glow: 1px solid rgba(0, 240, 255, .25);--shadow-cyan: 0 0 15px rgba(0, 240, 255, .4);--shadow-orange: 0 0 15px rgba(255, 170, 0, .4);--shadow-red: 0 0 15px rgba(255, 51, 68, .4)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background-color:var(--bg-primary);color:var(--color-text-main);font-family:var(--font-family-sans);height:100vh;overflow:hidden;position:relative}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#03081380;border-left:1px solid rgba(0,240,255,.05)}::-webkit-scrollbar-thumb{background:var(--color-cyan-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan);box-shadow:0 0 8px var(--color-cyan)}.glassmorphism{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--border-glow);box-shadow:0 8px 32px #0000005e}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%);background-size:100% 4px;z-index:9999;pointer-events:none;opacity:.7}.ambient-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;background:radial-gradient(circle,#00f0ff0a,#03081300 70%);z-index:-1;pointer-events:none}.font-orbitron{font-family:var(--font-family-hud)}.cyan-glow{color:var(--color-cyan)!important;text-shadow:0 0 8px rgba(0,240,255,.6)}.orange-glow{color:var(--color-orange)!important;text-shadow:0 0 8px rgba(255,170,0,.6)}.red-glow{color:var(--color-red)!important;text-shadow:0 0 8px rgba(255,51,68,.6)}.text-orange{color:var(--color-orange)}.dashboard-container{display:flex;flex-direction:column;height:100vh;padding:15px 25px;position:relative;z-index:10}.stark-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,240,255,.15);padding-bottom:12px;margin-bottom:15px}.logo-area{display:flex;flex-direction:column}.stark-brand{font-family:var(--font-family-hud);font-size:1.1rem;font-weight:900;letter-spacing:3px;color:var(--color-text-bright)}.system-status-indicator{font-family:var(--font-family-hud);font-size:.65rem;color:var(--color-cyan);letter-spacing:1px;margin-top:4px;display:flex;align-items:center}.pulse-dot{width:6px;height:6px;background-color:var(--color-cyan);border-radius:50%;display:inline-block;margin-right:6px;box-shadow:0 0 8px var(--color-cyan);animation:pulse 2s infinite}.hud-title{text-align:center}.hud-title h1{font-family:var(--font-family-hud);font-size:2.2rem;font-weight:900;color:var(--color-text-bright);letter-spacing:6px;text-shadow:0 0 15px rgba(0,240,255,.5);line-height:1}.hud-title .subtitle{font-size:.65rem;color:var(--color-text-muted);letter-spacing:4px;margin-top:5px;text-transform:uppercase}.time-telemetry{display:flex;gap:20px}.telemetry-item{display:flex;flex-direction:column;align-items:flex-end}.telemetry-item .label{font-size:.6rem;color:var(--color-text-muted);letter-spacing:1px}.telemetry-item .value{font-family:var(--font-family-hud);font-size:.85rem;font-weight:700}.date-time-container{border-left:1px solid rgba(0,240,255,.15);padding-left:20px}.hud-grid{display:grid;grid-template-columns:280px 1fr 340px;gap:15px;flex-grow:1;height:calc(100vh - 105px);overflow:hidden}.hud-panel{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid rgba(0,240,255,.1);box-shadow:inset 0 0 15px #00f0ff08;border-radius:4px;overflow:hidden;position:relative;transition:all .3s ease}.hud-panel:hover{border-color:#00f0ff33;box-shadow:inset 0 0 20px #00f0ff0f}.hud-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--color-cyan),transparent);opacity:.5}.panel-header{padding:10px 15px;border-bottom:1px solid rgba(0,240,255,.1);background:#040f2499;display:flex;justify-content:space-between;align-items:center}.panel-header h2{font-family:var(--font-family-hud);font-size:.85rem;font-weight:700;color:var(--color-text-bright);letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.panel-header h2 i{color:var(--color-cyan);font-size:.8rem}.panel-sub{font-family:var(--font-family-hud);font-size:.6rem;color:var(--color-cyan);letter-spacing:1px}.panel-body{padding:15px;display:flex;flex-direction:column;flex-grow:1;overflow-y:auto}.armor-body{justify-content:space-between;gap:15px}.armor-visual-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center;flex-grow:1}.armor-svg{height:100%;max-height:280px;width:auto}.suit-outline{transition:opacity .5s ease}.hud-node{cursor:pointer}.node-pulse{fill:none;stroke:var(--color-cyan);stroke-width:1;opacity:0;transform-origin:center;animation:nodePulse 2.5s infinite}#nodeReactor .node-pulse{stroke:var(--color-orange);animation:reactorNodePulse 2s infinite}#nodeReactor .node-core{fill:var(--color-orange)!important}.node-core{fill:var(--color-cyan);transition:fill .3s,r .3s}.node-pointer{stroke:#00f0ff66;stroke-width:.8;stroke-dasharray:2 2;opacity:0;transition:opacity .3s ease}.hud-node:hover .node-core{r:5;fill:#fff;filter:url(#glow)}.hud-node:hover .node-pointer{opacity:1}.telemetry-tooltip{position:absolute;background:#030813e6;border:1px solid var(--color-cyan);box-shadow:0 0 10px #00f0ff33;border-radius:2px;padding:6px 10px;width:130px;display:flex;flex-direction:column;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s;z-index:100}.telemetry-tooltip .title{font-family:var(--font-family-hud);font-size:.6rem;font-weight:700;color:var(--color-cyan);margin-bottom:4px;letter-spacing:.5px;border-bottom:1px solid rgba(0,240,255,.2);padding-bottom:2px}.telemetry-tooltip .stat{font-size:.55rem;color:var(--color-text-main);line-height:1.3}#tooltipHelmet{top:15px;left:15px}#tooltipReactor{top:75px;right:15px;border-color:var(--color-orange)}#tooltipReactor .title{color:var(--color-orange);border-color:#fa03}#tooltipRepulsorL{bottom:105px;left:10px}#tooltipRepulsorR{bottom:105px;right:10px}#tooltipThrusters{bottom:35px;right:15px}#nodeHelmet:hover~#tooltipHelmet,#nodeReactor:hover~#tooltipReactor,#nodeRepulsorL:hover~#tooltipRepulsorL,#nodeRepulsorR:hover~#tooltipRepulsorR,#nodeThrusters:hover~#tooltipThrusters{opacity:1;transform:translateY(0)}.system-controls{border-top:1px solid rgba(0,240,255,.1);padding-top:12px}.system-controls h3{font-family:var(--font-family-hud);font-size:.65rem;color:var(--color-text-muted);letter-spacing:2px;margin-bottom:8px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ctrl-btn{background:#0818354d;border:1px solid rgba(0,240,255,.15);color:var(--color-text-muted);border-radius:2px;padding:8px 10px;font-family:var(--font-family-hud);font-size:.65rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.ctrl-btn i{font-size:.75rem}.ctrl-btn:hover{border-color:var(--color-cyan-dim);color:var(--color-text-main);background:#00f0ff0d}.ctrl-btn.active{border-color:var(--color-cyan);color:var(--color-cyan);background:#00f0ff1a;box-shadow:0 0 8px #00f0ff33}.ctrl-btn#btnMic.active-listening{border-color:var(--color-red);color:var(--color-red);background:#ff33441f;box-shadow:0 0 10px #ff33444d;animation:flashAlert 1.5s infinite}.reactor-body{padding:15px 20px;display:flex;flex-direction:column;align-items:center;gap:15px}.reactor-canvas-container{position:relative;width:100%;max-width:320px;aspect-ratio:1;display:flex;justify-content:center;align-items:center;margin-top:-10px}#reactorCanvas{width:100%;height:100%}.mic-status-overlay{position:absolute;bottom:0;background:#030813cc;border:1px solid var(--color-red);border-radius:12px;padding:4px 12px;display:flex;align-items:center;gap:6px;font-family:var(--font-family-hud);font-size:.6rem;color:var(--color-red);opacity:0;transform:scale(.9);pointer-events:none;transition:opacity .3s,transform .3s;box-shadow:0 0 10px var(--color-red-glow);z-index:5}.mic-status-overlay.visible{opacity:1;transform:scale(1)}.mic-status-overlay i{animation:flashAlert 1s infinite alternate}.prompt-bar-container{width:100%;display:flex;flex-direction:column;gap:8px;background:#08183559;border:1px solid rgba(0,240,255,.15);padding:6px 12px;border-radius:3px}.voice-wave-container{display:flex;align-items:center;justify-content:center;gap:4px;height:15px;opacity:.3;transition:opacity .3s}.voice-wave-container.active{opacity:1}.wave-bar{width:3px;height:4px;background-color:var(--color-cyan);border-radius:1.5px;transition:height .1s ease}.voice-wave-container.active .wave-bar:nth-child(1){animation:wavePulse .5s infinite alternate}.voice-wave-container.active .wave-bar:nth-child(2){animation:wavePulse .4s infinite alternate .1s}.voice-wave-container.active .wave-bar:nth-child(3){animation:wavePulse .6s infinite alternate .05s}.voice-wave-container.active .wave-bar:nth-child(4){animation:wavePulse .45s infinite alternate .15s}.voice-wave-container.active .wave-bar:nth-child(5){animation:wavePulse .55s infinite alternate .08s}.console-input-form{display:flex;align-items:center;gap:8px;width:100%}.prompt-char{color:var(--color-cyan);font-family:var(--font-family-hud);font-weight:700;font-size:.95rem;text-shadow:0 0 5px var(--color-cyan)}.console-input-form input{background:transparent;border:none;outline:none;color:var(--color-text-bright);font-family:var(--font-family-sans);font-size:.85rem;flex-grow:1}.console-input-form input::placeholder{color:var(--color-text-muted);opacity:.6}.send-btn{background:transparent;border:none;color:var(--color-cyan);cursor:pointer;opacity:.7;transition:opacity .2s,transform .2s;font-size:.85rem}.send-btn:hover{opacity:1;transform:translate(2px)}.console-logs-container{width:100%;flex-grow:1;background:#030813a6;border:1px solid rgba(0,240,255,.08);border-radius:3px;padding:10px 12px;overflow:hidden;display:flex;flex-direction:column}.console-logs{width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}.log-entry{font-size:.72rem;line-height:1.4;word-break:break-word;font-family:var(--font-family-sans)}.log-entry .timestamp{color:var(--color-text-muted);font-family:var(--font-family-hud);font-size:.62rem;margin-right:6px;display:inline-block}.log-entry.system{color:var(--color-text-muted);border-left:2px solid rgba(255,255,255,.1);padding-left:6px}.log-entry.user{color:var(--color-text-bright);border-left:2px solid var(--color-orange);padding-left:6px}.log-entry.user .prefix{color:var(--color-orange);font-family:var(--font-family-hud);font-weight:700}.log-entry.jarvis{color:var(--color-cyan);border-left:2px solid var(--color-cyan);padding-left:6px;text-shadow:0 0 4px rgba(0,240,255,.15)}.log-entry.jarvis .prefix{color:var(--color-cyan);font-family:var(--font-family-hud);font-weight:900;letter-spacing:.5px}.log-entry.error{color:var(--color-red);border-left:2px solid var(--color-red);padding-left:6px}.log-entry.error .prefix{font-family:var(--font-family-hud);font-weight:700}.camera-body{justify-content:space-between;gap:15px}.camera-feed-container{position:relative;width:100%;height:160px;background:#01040a;border:1px solid rgba(0,240,255,.15);border-radius:2px;overflow:hidden;display:flex;justify-content:center;align-items:center}#webcamVideo{width:100%;height:100%;object-fit:cover;filter:sepia(.4) hue-rotate(155deg) saturate(1.8) contrast(1.1);display:none}.camera-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted);text-align:center;padding:20px}.standby-icon{font-size:2.2rem;color:#00f0ff26;margin-bottom:8px;animation:pulse 3s infinite alternate}.camera-fallback p{font-family:var(--font-family-hud);font-size:.65rem;font-weight:700;letter-spacing:1px;margin-bottom:4px}.camera-fallback .hint{font-size:.55rem;opacity:.7}.camera-hud-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;display:none}.camera-feed-container.camera-active .camera-hud-overlay{display:block}.reticle-corners{position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:1px solid rgba(0,240,255,.08)}.reticle-corners:before,.reticle-corners:after{content:"";position:absolute;width:12px;height:12px;border-color:var(--color-cyan);border-style:solid}.reticle-corners:before{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px}.reticle-corners:after{bottom:-1px;right:-1px;border-width:0 1.5px 1.5px 0}.reticle-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px}.crosshair{position:absolute;width:100%;height:100%}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--color-cyan-dim)}.crosshair:before{top:24px;left:0;width:100%;height:2px}.crosshair:after{top:0;left:24px;width:2px;height:100%}.circle-rotating-cw{position:absolute;width:100%;height:100%;border:1px dashed var(--color-cyan);border-radius:50%;animation:spinCW 12s linear infinite}.circle-rotating-ccw{position:absolute;top:-5px;left:-5px;width:60px;height:60px;border:1.5px solid transparent;border-top-color:var(--color-red-dim);border-bottom-color:var(--color-red-dim);border-radius:50%;animation:spinCCW 6s linear infinite}.scanline-bar{position:absolute;top:0;left:0;width:100%;height:2px;background:#00f0ff66;box-shadow:0 0 6px var(--color-cyan);animation:scanBar 3s linear infinite}.hud-data-tag{position:absolute;bottom:8px;left:12px;color:var(--color-cyan);font-size:.52rem;line-height:1.4;text-shadow:0 0 4px var(--color-cyan-glow);background:#03081399;padding:3px 6px;border-radius:1px;border-left:2px solid var(--color-cyan)}.gauges-container{border-top:1px solid rgba(0,240,255,.1);padding-top:12px;display:flex;flex-direction:column;gap:12px}.gauges-container h3{font-family:var(--font-family-hud);font-size:.65rem;color:var(--color-text-muted);letter-spacing:2px}.gauge-row{display:flex;flex-direction:column;gap:5px}.gauge-meta{display:flex;justify-content:space-between;align-items:flex-end}.gauge-label{font-size:.58rem;color:var(--color-text-main);letter-spacing:.5px}.gauge-value{font-size:.65rem;font-weight:700;color:var(--color-cyan)}.progress-bar-container{width:100%;height:4px;background:#00f0ff0d;border:1px solid rgba(0,240,255,.1);border-radius:2px;overflow:hidden;position:relative}.progress-bar{height:100%;border-radius:1px;transition:width .5s cubic-bezier(.1,.8,.2,1)}.progress-bar.cyan-bg{background:var(--color-cyan);box-shadow:0 0 6px #00f0ff99}.progress-bar.orange-bg{background:var(--color-orange);box-shadow:0 0 6px #fa09}.settings-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#030813a6;z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.settings-modal.open{opacity:1;pointer-events:auto}.modal-content{width:440px;max-width:90%;border-radius:6px;overflow:hidden;transform:scale(.92);transition:transform .3s cubic-bezier(.18,.89,.32,1.28)}.settings-modal.open .modal-content{transform:scale(1)}.modal-header{background:#040f24cc;border-bottom:1px solid rgba(0,240,255,.15);padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-family:var(--font-family-hud);font-size:.82rem;color:var(--color-text-bright);letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.modal-header h3 i{color:var(--color-cyan)}.close-modal-btn{background:transparent;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;line-height:1;transition:color .2s}.close-modal-btn:hover{color:var(--color-red)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.setup-group{display:flex;flex-direction:column;gap:6px}.setup-group label{font-family:var(--font-family-hud);font-size:.68rem;color:var(--color-text-main);letter-spacing:1px;text-transform:uppercase}.input-password-wrapper{position:relative;display:flex;align-items:center}.setup-group input[type=text],.setup-group input[type=password],.setup-group select{background:#030813cc;border:1px solid rgba(0,240,255,.2);border-radius:2px;padding:8px 12px;color:var(--color-text-bright);font-family:var(--font-family-sans);font-size:.8rem;width:100%;outline:none;transition:border-color .2s,box-shadow .2s}.setup-group input:focus,.setup-group select:focus{border-color:var(--color-cyan);box-shadow:0 0 8px #00f0ff40}.toggle-password-btn{position:absolute;right:10px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.85rem;outline:none}.toggle-password-btn:hover{color:var(--color-cyan)}.setup-group select option{background:var(--bg-primary);color:var(--color-text-bright)}.help-text{font-size:.58rem;color:var(--color-text-muted);line-height:1.4}.checkbox-group{flex-direction:row;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1px solid rgba(0,240,255,.3);border-radius:2px;background:#030813cc;outline:none;cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center}.checkbox-label input[type=checkbox]:checked{background:var(--color-cyan-dim);border-color:var(--color-cyan);box-shadow:0 0 6px var(--color-cyan-glow)}.checkbox-label input[type=checkbox]:checked:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--color-cyan);font-size:.55rem;position:absolute}.checkbox-label span{font-size:.68rem;color:var(--color-text-main);-webkit-user-select:none;user-select:none}.slider-wrapper{display:flex;align-items:center;gap:15px}.slider-wrapper input[type=range]{flex-grow:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:4px;border-radius:2px;background:#00f0ff1a;outline:none}.slider-wrapper input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--color-cyan);box-shadow:0 0 6px var(--color-cyan);cursor:pointer;transition:transform .1s ease}.slider-wrapper input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25)}.slider-value{font-size:.7rem;color:var(--color-cyan);min-width:32px;text-align:right}.modal-actions{display:flex;justify-content:space-between;margin-top:8px}.modal-btn{font-family:var(--font-family-hud);font-size:.68rem;font-weight:700;letter-spacing:1px;padding:10px 18px;border-radius:2px;cursor:pointer;transition:all .2s ease}.cancel-btn{background:transparent;border:1px solid rgba(255,51,68,.3);color:var(--color-red)}.cancel-btn:hover{background:#ff334414;border-color:var(--color-red);box-shadow:0 0 8px var(--color-red-glow)}.save-btn{background:var(--color-cyan);border:1px solid var(--color-cyan);color:var(--bg-primary)}.save-btn:hover{background:#00d2df;box-shadow:0 0 12px #00f0ff73}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1;box-shadow:0 0 12px var(--color-cyan)}to{transform:scale(1);opacity:.8}}@keyframes nodePulse{0%{transform:scale(.6);opacity:.8}to{transform:scale(3.5);opacity:0}}@keyframes reactorNodePulse{0%{transform:scale(.6);opacity:.8}to{transform:scale(2.8);opacity:0}}@keyframes wavePulse{0%{height:4px}to{height:15px}}@keyframes spinCW{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinCCW{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes scanBar{0%{top:0}50%{top:100%;opacity:.8}to{top:0}}@keyframes flashAlert{0%{opacity:.3}to{opacity:1}}@media (max-width: 1024px){.hud-grid{grid-template-columns:240px 1fr;grid-template-rows:auto auto;height:auto;overflow-y:auto}.right-panel{grid-column:span 2}}@media (max-width: 768px){.stark-header{flex-direction:column;gap:12px;text-align:center}.hud-grid{grid-template-columns:1fr;grid-template-rows:auto}.right-panel,.left-panel,.center-panel{grid-column:span 1}.telemetry-item{align-items:center}.date-time-container{border-left:none;padding-left:0}}