:root{--cockpit-bg:#000;--cockpit-surface:#0a0a0a;--cockpit-panel-bg:#0d0d0d;--cockpit-panel-hover:#141414;--cockpit-card-bg:#111;--cockpit-glass-border:#1f1f1f;--cockpit-glass-border-focus:#ffb800;--cockpit-glass-border-blue:#ffb800;--cockpit-glass-border-red:#ef4444;--cockpit-blur:none;--cockpit-inner-shadow:none;--cat-yellow:#ffb800;--cat-yellow-bright:#ffc425;--cat-yellow-dark:#d97706;--cat-yellow-surface:#ffb8001f;--cat-yellow-text:#000;--cat-yellow-glow:#ffb80033;--electric-blue:#ffb800;--electric-blue-light:#ffc425;--electric-blue-dark:#d97706;--electric-blue-surface:#ffb8001a;--electric-blue-glow:#ffb80033;--safety-green:#22c55e;--safety-green-glow:#22c55e33;--safety-green-surface:#22c55e1a;--safety-amber:#f59e0b;--safety-amber-glow:#f59e0b33;--safety-amber-surface:#f59e0b1a;--safety-red:#ef4444;--safety-red-glow:#ef444440;--safety-red-surface:#ef44441f;--text-primary:#f0f4f8;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dark:#0d1117;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, ui-monospace, monospace;--touch-min:48px;--rail-width:76px;--header-height:58px;--telemetry-height:72px;--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:14px;--border-radius-xl:18px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}@media (width<=1024px){#main-rail{border-right:none!important;border-bottom:1px solid var(--cockpit-glass-border)!important;flex-direction:row!important;width:100%!important;height:72px!important;padding:0 16px!important}#main-nav{flex-direction:row!important;justify-content:flex-start!important;gap:8px!important}#main-layout{flex-direction:column!important}.grid-2-col{flex-direction:column!important;grid-template-columns:1fr!important;display:flex!important}.responsive-stack{flex-direction:column!important;align-items:stretch!important;overflow-y:auto!important}.responsive-stack>div{flex:auto!important;min-height:auto!important}}@media (width<=768px){#main-nav button span{display:none!important}#telemetry-rail{flex-direction:column!important;height:auto!important}#telemetry-rail>div{border-bottom:1px solid #ffffff0f;border-right:none!important;width:100%!important}.table-container{width:100%;overflow-x:auto}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--cockpit-bg);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;font-size:14px;line-height:1.45;overflow:hidden}#root{background:#000;width:100vw;height:100vh;display:flex;overflow:hidden}.simulation-view{background:#071016;width:100%;height:100%;min-height:420px;position:relative;overflow:hidden}.simulation-view canvas{display:block}.simulation-hud{z-index:3;color:#dce9e4;-webkit-backdrop-filter:blur(12px);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#081013c7;border:1px solid #8faaa847;font-size:10px;position:absolute}.simulation-hud-top{justify-content:space-between;align-items:center;padding:11px 14px;display:flex;top:16px;left:18px;right:18px}.simulation-live-dot{background:#38d39f;border-radius:50%;width:7px;height:7px;margin-right:8px;animation:1.8s ease-in-out infinite simulation-pulse;display:inline-block;box-shadow:0 0 10px #38d39f}.simulation-clock{color:#8da9a5}.simulation-legend{align-items:center;gap:16px;padding:11px 14px;display:flex;bottom:18px;left:18px}.simulation-legend strong{color:#f0b534}.simulation-legend span{color:#9eb5b0}.simulation-legend b{border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.status-green{background:#38d39f}.status-amber{background:#f0b534}.status-blue{background:#66b9d1}.simulation-zone-note{z-index:3;color:#91aaa4;min-width:214px;font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;background:#081013c7;border-left:2px solid #f0b534;flex-direction:column;gap:4px;padding:12px 14px;font-size:10px;display:flex;position:absolute;bottom:18px;right:18px}.simulation-zone-note span{color:#66b9d1;font-size:9px}.simulation-zone-note strong{color:#f0b534;font-size:12px}.simulation-zone-note small{color:#7b9692;letter-spacing:.04em;font-size:9px}.simulation-nav-hint{color:#9eb5b0;pointer-events:none;white-space:nowrap;padding:8px 14px;bottom:18px;left:50%;transform:translate(-50%)}@keyframes simulation-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.75)}}.simulation-loader{z-index:5;opacity:1;background:#071016;justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:absolute;inset:0}.simulation-loader-hidden{opacity:0;visibility:hidden;pointer-events:none}.simulation-loader-panel{flex-direction:column;align-items:center;gap:14px;width:min(280px,80vw);display:flex}.simulation-loader-spinner{border:2px solid #f0b5342e;border-top-color:#f0b534;border-radius:50%;width:34px;height:34px;animation:.9s linear infinite simulation-loader-spin}.simulation-loader-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#9eb5b0;text-align:center;font-size:11px}.simulation-loader-track{background:#8faaa82e;border-radius:2px;width:100%;height:3px;overflow:hidden}.simulation-loader-fill{background:linear-gradient(90deg,#38d39f,#f0b534);height:100%;transition:width .25s}.simulation-loader-meta{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#66b9d1;text-align:center;font-size:9px}@keyframes simulation-loader-spin{to{transform:rotate(360deg)}}.simulation-retry-btn{color:#f0b534;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#f0b5341f;border:1px solid #f0b534;border-radius:4px;margin-top:4px;padding:9px 20px;font-size:10px;transition:background .2s,color .2s}.simulation-retry-btn:hover{color:#071016;background:#f0b534}.simulation-vehicle-panel{border-left:2px solid #66e0ff;flex-direction:column;gap:8px;width:236px;padding:12px 14px;display:flex;top:72px;left:306px}.simulation-vehicle-panel-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.simulation-vehicle-panel-header strong{color:#66e0ff;letter-spacing:.05em;font-size:13px}.simulation-vehicle-panel-header .simulation-retry-btn{white-space:nowrap;margin-top:0;padding:5px 9px;font-size:8px}.simulation-vehicle-panel-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.simulation-vehicle-panel-row span{color:#7b9692;font-size:9px}.simulation-vehicle-panel-row b{color:#dce9e4;letter-spacing:.03em;font-size:11px}.simulation-vehicle-panel-hint{color:#66808a;letter-spacing:.04em;text-transform:none;border-top:1px solid #8faaa833;margin-top:2px;padding-top:8px;font-size:8px}.simulation-crosshair{z-index:4;pointer-events:none;border:1.5px solid #f0b534d9;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #f0b53473}.simulation-crosshair:before{content:"";background:#f0b534;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%;box-shadow:0 0 4px #f0b534e6}.simulation-live-dot-off{background:#ff5a4a;box-shadow:0 0 10px #ff5a4a}.sim-console{text-transform:none;border-left:2px solid #f0b534;flex-direction:column;width:272px;max-height:calc(100% - 136px);display:flex;top:72px;left:18px}.sim-console-head,.cab-panel-head{border-bottom:1px solid #8faaa833;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.sim-console-head strong,.cab-panel-head strong{color:#f0b534;letter-spacing:.1em;font-size:10px}.sim-console-head button{color:#9eb5b0;cursor:pointer;background:0 0;border:none;font-size:12px}.sim-console-collapsed .sim-console-head{border-bottom:none}.sim-console-body{padding:4px 12px 12px;overflow-y:auto}.sim-console-body section{border-bottom:1px solid #8faaa81f;padding:8px 0}.sim-console-body h4{color:#66b9d1;letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:9px;font-weight:700}.sim-console-body h4 em{color:#f0b534;font-style:normal}.sim-row{justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;display:flex}.sim-row label{color:#7b9692;align-items:center;gap:5px;font-size:9px;display:flex}.sim-console select,.sim-console input{color:#dce9e4;min-width:0;font-family:var(--font-mono);background:#03090bcc;border:1px solid #8faaa84d;border-radius:3px;padding:5px 6px;font-size:10px}.sim-console input{width:52px}.sim-row>select{flex:1}.sim-btn,.sim-errors button{color:#f0b534;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#f0b53414;border:1px solid #f0b53499;border-radius:3px;padding:5px 9px;font-size:9px}.sim-btn:hover:not(:disabled){background:#f0b53438}.sim-btn:disabled,.sim-toggle:disabled,.sim-scenario:disabled{opacity:.4;cursor:not-allowed}.sim-btn-primary{color:#071016;background:#f0b534;flex:1;font-weight:700}.sim-btn-primary:hover:not(:disabled){background:#ffc94d}.sim-status-line{color:#8da9a5;letter-spacing:.04em;justify-content:space-between;gap:8px;font-size:9px;line-height:1.7;display:flex}.sim-status-line span{align-items:center;display:inline-flex}.sim-hint{color:#7b9692;font-size:9px;line-height:1.5;display:block}.sim-toggles{grid-template-columns:1fr 1fr;gap:5px;margin-bottom:6px;display:grid}.sim-toggle{color:#9eb5b0;font-family:var(--font-mono);text-align:left;cursor:pointer;background:#03090b99;border:1px solid #8faaa840;border-radius:3px;align-items:center;gap:6px;padding:5px 7px;font-size:9px;display:flex}.sim-toggle-knob{background:#3b4a4d;border-radius:50%;flex:none;width:8px;height:8px}.sim-toggle-on{color:#dce9e4;border-color:#38d39f80}.sim-toggle-on .sim-toggle-knob{background:#38d39f;box-shadow:0 0 6px #38d39f}.sim-toggle-danger{color:#ff8a7a;border-color:#ff5a4a8c}.sim-toggle-danger .sim-toggle-knob{background:#ff5a4a}.sim-scenarios{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:6px;display:grid}.sim-scenario{color:#b9cbc7;font-family:var(--font-mono);text-align:left;cursor:pointer;background:#03090b8c;border:1px solid #8faaa833;border-radius:3px;align-items:center;gap:6px;padding:5px 6px;font-size:8.5px;line-height:1.25;display:flex}.sim-scenario b{color:#66b9d1;background:#66b9d129;border-radius:2px;flex:none;place-items:center;width:16px;height:16px;display:grid}.sim-scenario:hover:not(:disabled){border-color:#f0b53499}.sim-scenario-active{color:#fff;background:#f0b53424;border-color:#f0b534}.sim-scenario-active b{color:#071016;background:#f0b534}.sim-errors{color:#ff8a7a;background:#ff5a4a14;border:1px solid #ff5a4a73;border-radius:3px;margin-top:6px;padding:7px}.sim-error{word-break:break-word;font-size:9px;line-height:1.5}.sim-errors small{color:#7b9692;font-size:8px}.cab-dot{background:#3b4a4d;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.cab-dot-open{background:#38d39f;box-shadow:0 0 6px #38d39f}.cab-dot-connecting,.cab-dot-retrying{background:#f0b534;animation:1.2s ease-in-out infinite simulation-pulse}.cab-panel{border-right:2px solid #66b9d1;width:256px;max-height:calc(100% - 136px);padding-bottom:12px;top:72px;right:18px;overflow-y:auto}.cab-panel-head small{color:#66808a;margin-left:auto;font-size:8px}.cab-panel>:not(.cab-panel-head){margin-left:12px;margin-right:12px}.cab-readiness{align-items:center;gap:12px;padding:10px 0 6px;display:flex}.cab-readiness-score{letter-spacing:0;text-align:center;min-width:58px;font-size:34px;font-weight:800}.cab-readiness-bars{flex-direction:column;flex:1;gap:3px;display:flex}.cab-bar-row{color:#7b9692;grid-template-columns:62px 1fr 22px;align-items:center;gap:5px;font-size:8px;display:grid}.cab-bar-row b{color:#dce9e4;text-align:right}.cab-bar{background:#8faaa826;border-radius:2px;height:4px;overflow:hidden}.cab-bar div{height:100%;transition:width .4s}.cab-ring{margin:6px auto 2px;display:block}.cab-ring-label{fill:#66808a;letter-spacing:.1em;font-size:8px}.cab-ring-tag{font-size:8px;font-weight:700}.cab-ring-pulse{transform-box:fill-box;transform-origin:50%;animation:.9s ease-out infinite cab-ring-pulse}@keyframes cab-ring-pulse{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.6)}}.cab-zone-note{color:#8da9a5;text-align:center;font-size:8px}.cab-zone-note em{color:#f0b534;font-style:normal}.cab-section-title{color:#66b9d1;letter-spacing:.12em;margin-top:12px;margin-bottom:5px;font-size:9px;font-weight:700}.cab-empty,.cab-locked{color:#66808a;text-transform:none;font-size:9px;line-height:1.5}.cab-locked{border:1px dashed #8faaa84d;border-radius:3px;margin-top:12px;padding:8px}.cab-alert-row{color:#dce9e4;text-transform:none;background:#03090b80;border-left:3px solid;margin-bottom:4px;padding:5px 7px;font-size:9px;line-height:1.4}.cab-alert-row b{text-transform:uppercase}.cab-kv{color:#7b9692;text-transform:none;justify-content:space-between;gap:8px;font-size:9px;line-height:1.7;display:flex}.cab-kv b{color:#dce9e4}.cab-kv-dim b{color:#f0b534}.cab-anomaly{color:#9eb5b0;text-transform:none;margin-bottom:6px;font-size:9px;line-height:1.5}.cab-anomaly b{color:#f0b534;text-transform:uppercase}.cab-banner-stack{z-index:6;flex-direction:column;gap:6px;width:min(520px,100% - 620px);min-width:300px;display:flex;position:absolute;top:66px;left:50%;transform:translate(-50%)}.cab-banner{font-family:var(--font-mono);color:#dce9e4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081013e6;border:1px solid;border-radius:4px;align-items:center;gap:10px;padding:10px 12px;font-size:10px;display:flex}.cab-banner-body{flex-direction:column;flex:1;gap:2px;display:flex}.cab-banner-body strong{letter-spacing:.14em;font-size:9px}.cab-banner-body em{color:#9eb5b0;font-size:9px;font-style:normal}.cab-banner small{color:#66808a;font-size:8px}.cab-banner-info{border-color:#66b9d180;padding:6px 10px}.cab-banner-info strong{color:#66b9d1}.cab-banner-warning{background:#3c2805e6;border-color:#f0b534}.cab-banner-warning strong{color:#f0b534}.cab-banner-high{background:#5a0e0aeb;border-color:#ff5a4a;animation:1.4s ease-in-out infinite cab-banner-flash}.cab-banner-high strong{color:#ff8a7a}.cab-banner-acked{opacity:.8;animation:none}.cab-banner button{color:#fff;font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;background:#ff5a4a;border:1px solid #ff8a7a;border-radius:3px;padding:6px 10px;font-size:9px;font-weight:700}@keyframes cab-banner-flash{0%,to{box-shadow:0 0 #ff5a4a00}50%{box-shadow:0 0 22px #ff5a4a8c}}.cab-critical-overlay{z-index:7;pointer-events:none;background:#c800002e;justify-content:center;align-items:flex-start;padding-top:64px;animation:.9s ease-in-out infinite cab-critical-pulse;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 160px 40px #ff1414bf}.cab-critical-card{color:#fff;width:min(640px,100% - 40px);font-family:var(--font-mono);text-align:center;background:#780000eb;border:2px solid #ff2d2d;border-radius:6px;padding:18px 22px;box-shadow:0 0 40px #ff1e1ecc}.cab-critical-kicker{letter-spacing:.2em;text-transform:uppercase;color:#ffb3aa;font-size:11px}.cab-critical-message{margin-top:8px;font-size:24px;font-weight:800;line-height:1.25}.cab-critical-action{color:#ffe066;text-transform:uppercase;letter-spacing:.06em;margin-top:10px;font-size:14px;font-weight:700}.cab-critical-note{color:#ffcfc9;margin-top:6px;font-size:11px}.cab-critical-id{color:#ff9d92;letter-spacing:.1em;margin-top:10px;font-size:9px}.cab-critical-hint{color:#ffcfc9;opacity:.75;letter-spacing:.04em;margin-top:8px;font-size:9px}.cab-critical-stale{color:#ffe066;letter-spacing:.06em;text-transform:uppercase;border:1px dashed #ffe066;border-radius:3px;margin-top:10px;padding:6px 8px;font-size:10px}.simulation-hud-top,.simulation-nav-hint,.sim-console,.cab-panel,.simulation-vehicle-panel{z-index:8}.simulation-crosshair{z-index:9}.cab-banner-stack-below{z-index:8;top:260px}.simulation-nav-hint{align-items:center;gap:12px;padding:5px 6px 5px 14px;display:flex}.simulation-reset-btn{pointer-events:auto;color:#f0b534;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#f0b5341f;border:1px solid #f0b53499;border-radius:3px;padding:5px 10px;font-size:9px}.simulation-reset-btn:hover{color:#071016;background:#f0b534}@keyframes cab-critical-pulse{0%,to{background:#c8000024}50%{background:#e600004d}}@media (width<=720px){.simulation-hud-top{padding:9px 10px;font-size:8px;top:10px;left:10px;right:10px}.simulation-clock{display:none}.simulation-legend{justify-content:space-between;gap:5px;padding:9px 10px;font-size:8px;bottom:10px;left:10px;right:10px}.simulation-legend strong{display:none}.simulation-zone-note{min-width:170px;padding:9px 10px;font-size:8px;top:52px;bottom:auto;right:10px}.simulation-zone-note strong{font-size:10px}.simulation-zone-note small{font-size:8px}}.cockpit-frame{border:2px solid #ffffff0a;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cat-yellow)}.mono-num{font-family:var(--font-mono);font-feature-settings:"tnum" on, "zero" on;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.glass-panel{background:var(--cockpit-panel-bg);-webkit-backdrop-filter:var(--cockpit-blur);border:1px solid var(--cockpit-glass-border);box-shadow:none;border-radius:var(--border-radius-md);transition:border-color var(--transition-fast), background var(--transition-fast)}.glass-panel:hover{border-color:#ffffff29}.glass-panel-warning{border-color:var(--safety-amber);background:#f59e0b14}.glass-panel-danger{border-color:var(--safety-red);background:#ef44441f;animation:2s ease-in-out infinite pulse-border-red}.yellow-task-surface{color:var(--cat-yellow-text);box-shadow:0 6px 24px 0 var(--cat-yellow-glow);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#ffb800 0%,#f59e0b 100%);border:1px solid #fff3;position:relative;overflow:hidden}.yellow-task-surface:before{content:"";background:#fff6;height:4px;position:absolute;top:0;left:0;right:0}.walkaround-gated-surface{min-height:360px}.walkaround-gate-overlay{overflow-y:auto}@media (width<=768px){.walkaround-gated-surface{min-height:420px}.walkaround-gate-overlay{justify-content:flex-start!important;padding-top:48px!important}}.blue-guidance-surface{background:var(--cockpit-panel-bg);border:1px solid var(--cat-yellow);box-shadow:none;border-radius:var(--border-radius-md)}.cockpit-btn{min-height:var(--touch-min);min-width:var(--touch-min);border-radius:var(--border-radius-sm);font-family:var(--font-sans);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex}.cockpit-btn:active{transform:scale(.98)}.cockpit-btn-yellow{background:var(--text-dark);color:#ffb800;border:1px solid #00000040;box-shadow:0 2px 8px #0003}.cockpit-btn-yellow:hover{color:#ffc425;background:#000}.cockpit-btn-primary{background:var(--cat-yellow);color:var(--cat-yellow-text);box-shadow:0 2px 10px var(--cat-yellow-glow)}.cockpit-btn-primary:hover{background:var(--cat-yellow-bright)}.cockpit-btn-blue{background:var(--cockpit-surface);color:var(--cat-yellow);border:1px solid var(--cat-yellow);box-shadow:none}.cockpit-btn-blue:hover{background:var(--cat-yellow);color:var(--text-dark)}.cockpit-btn-ghost{color:var(--text-primary);border:1px solid var(--cockpit-glass-border);background:#ffffff0d}.cockpit-btn-ghost:hover{background:#ffffff1a;border-color:#ffffff40}.cockpit-btn-danger{background:var(--safety-red);color:#fff;box-shadow:0 2px 12px var(--safety-red-glow)}.cockpit-btn-danger:hover{background:#dc2626}@keyframes pulse-border-red{0%,to{border-color:#ef444466;box-shadow:0 0 #ef44444d}50%{border-color:#ef4444;box-shadow:0 0 16px 2px #ef444473}}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.05)}}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-radar-sweep{transform-origin:50%;animation:4s linear infinite radar-sweep}.pulse-hazard{animation:1.5s ease-in-out infinite pulse-badge}@media (width<=1024px){html,body{overflow-y:auto}#root{height:auto;min-height:100vh;overflow-y:auto}.cockpit-frame{height:auto;min-height:100vh;overflow-y:visible}}