.hero-proof{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.hero-proof span{border:1px solid #1e3a4a;background:#05b5d40f;color:#cbd5e1;font-family:var(--font-label);text-transform:uppercase;letter-spacing:.09em;font-size:.67rem;padding:8px 14px;border-radius:2px}.viewer-shell{border:1px solid #1e293b;background:linear-gradient(180deg,#030508,#060b14);border-radius:12px;overflow:clip;box-shadow:0 18px 48px #00000073}.viewer-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #1e293b;background:#03060ad9;flex-wrap:wrap}.viewer-title{margin:0;font-size:1.125rem;font-family:var(--font-heading)}.viewer-link{color:#05b5d4;font-family:var(--font-label);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.viewer-link:hover{color:#7dd3fc}.viewer-wrap{position:relative;width:100%;height:70vh;min-height:500px;border-bottom:1px solid #1e293b}#sceneEngineContainer{position:absolute;inset:0;width:100%;height:100%}.viewer-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,#03050800 40%,#030508a8);z-index:4}.simulation-ui-layer{border-top:1px solid #1e293b;background:#04070c}.phase-spine{padding:14px 16px 10px;border-bottom:1px solid #1e293b;background:#03080ef2}.phase-spine-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.phase-now{color:#cbd5e1;font-size:.75rem;font-family:var(--font-mono)}.phase-now strong{color:#67e8f9;font-weight:600}.hud-bar,.control-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid #1e293b;background:#050a11eb}.hud-item{min-width:136px;display:flex;flex-direction:column;gap:2px}.hud-item-wide{flex:1;min-width:230px}.hud-item-status{flex:1;min-width:0;overflow:hidden}.hud-item-status strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-label{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.09em;font-size:.65rem;color:#94a3b8}.hud-item strong{font-family:var(--font-mono);color:#e2e8f0;font-weight:500;font-size:.8rem}.control-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.control-row{justify-content:space-between}.control-cameras{opacity:.85}.ctrl-btn,.cam-btn{border:1px solid #334155;background:#0b1220;color:#e2e8f0;padding:8px 11px;font-size:.72rem;border-radius:5px;font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .18s ease}.ctrl-btn:disabled,.cam-btn:disabled{opacity:.45;cursor:not-allowed}.ctrl-btn:hover:not(:disabled),.cam-btn:hover:not(:disabled){border-color:#05b5d4;color:#67e8f9}.ctrl-btn-primary{border-color:#05b5d4;color:#05b5d4}.ctrl-btn-alert{border-color:#ef4444;color:#fecaca}.cam-btn.active{border-color:#05b5d4;color:#05b5d4;background:#05b5d426}.mob-overlay{position:absolute;inset:0;z-index:6;display:grid;place-content:center;gap:10px;background:#1c02057a;text-align:center}.mob-banner{border:1px solid rgba(254,202,202,.6);background:#7f1d1df2;color:#fff;font-family:var(--font-label);text-transform:uppercase;letter-spacing:.1em;padding:14px 22px}.mob-countdown{color:#fef2f2;font-family:var(--font-mono);font-size:1rem}.viewer-wrap.mob-pulse{box-shadow:inset 0 0 0 3px #ef4444e6,0 0 22px #ef444480;animation:mobPulse .8s linear infinite}.viewer-wrap.mob-clear{box-shadow:inset 0 0 0 3px #10b981e6,0 0 22px #10b98180}.bottom-panels{display:grid;grid-template-columns:1.1fr 1fr;gap:0}.telemetry-panel,.narration-panel{padding:14px 16px;background:#04070c}.narration-panel{border-left:1px solid #1e293b}.panel-title{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.09em;font-size:.7rem;color:#94a3b8;margin-bottom:10px}.telemetry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.telemetry-grid div{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px dashed rgba(100,116,139,.35);padding-bottom:3px;gap:12px}.telemetry-grid span{font-family:var(--font-label);font-size:.66rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.09em}.telemetry-grid strong{font-family:var(--font-mono);color:#67e8f9;font-size:.8rem;font-weight:500}.narration-panel h4{margin:0 0 8px;font-size:1rem;color:#f8fafc}.narration-panel p{margin:0;color:#94a3b8;line-height:1.6;font-size:.9rem}.phase-stepper{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}.phase-step{display:flex;align-items:center;gap:5px;padding:6px 5px;border:1px solid #334155;color:#94a3b8;font-family:var(--font-label);font-size:.6rem;letter-spacing:.04em;white-space:nowrap}.phase-step span{width:18px;height:18px;border-radius:999px;border:1px solid #475569;display:grid;place-content:center;color:#e2e8f0;font-size:.62rem}.phase-step.active{border-color:#05b5d4;color:#67e8f9;background:#05b5d414}.phase-step.active span{border-color:#05b5d4;color:#05b5d4}.phase-step.done{border-color:#10b981;color:#a7f3d0;background:#10b9811f}.completion-summary{border-top:1px solid #1e293b;background:linear-gradient(180deg,#021010,#04161b);padding:18px 16px}.completion-summary h4{margin:0 0 12px;color:#ecfeff;font-family:var(--font-heading);font-size:1rem}.completion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.completion-grid div{border:1px solid #164e63;background:#082f4933;padding:10px;display:flex;flex-direction:column;gap:4px}.completion-grid span{font-family:var(--font-label);font-size:.65rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em}.completion-grid strong{color:#ecfeff;font-family:var(--font-mono);font-size:.82rem;font-weight:500}.completion-grid-static{margin-top:2px}#sceneEngineCreditContainer{display:none}.problem-card{border:1px solid #1e293b;background:linear-gradient(180deg,#02060ccc,#070c16e6);padding:20px}.problem-card h3{margin:0 0 10px;font-family:var(--font-heading);font-size:1.1rem;color:#f8fafc}.problem-card p{margin:0;color:#94a3b8;line-height:1.65;font-size:.92rem}@keyframes mobPulse{0%,to{box-shadow:inset 0 0 0 2px #ef4444cc,0 0 12px #ef444473}50%{box-shadow:inset 0 0 0 3px #ef4444,0 0 24px #ef4444bf}}@media(max-width:1024px){.bottom-panels{grid-template-columns:1fr}.narration-panel{border-left:0;border-top:1px solid #1e293b}.phase-stepper{grid-template-columns:repeat(4,minmax(0,1fr))}.completion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.viewer-wrap{min-height:420px;height:58vh}.telemetry-grid{grid-template-columns:1fr}.phase-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-item-wide,.hud-item-status{min-width:100%}.control-cameras{width:100%}}