:root{--bg:#07100e;--panel:#0d1916;--panel2:#101f1b;--line:#21332d;--text:#edf7f1;--muted:#82978e;--green:#72f1a7;--green2:#19b970;--amber:#ffc76b;--red:#ff6f72;--cyan:#63d9e9;--violet:#b699ff}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -10%,#173128 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-variant-numeric:tabular-nums}.topbar{height:80px;padding:0 clamp(20px,3vw,48px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(7,16,14,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:5}.brand,.top-actions{display:flex;align-items:center;gap:15px}.mark{width:44px;height:44px;border:1px solid #4b7663;background:linear-gradient(145deg,#173e2f,#0b1a16);display:grid;place-items:center;color:var(--green);font-weight:800;letter-spacing:-1px}.eyebrow,.section-label{font-size:10px;letter-spacing:.18em;color:var(--muted);font-weight:750}.brand h1{font-size:20px;margin:3px 0 0;letter-spacing:-.02em}.pill{font-size:12px;padding:9px 12px;border:1px solid var(--line);color:var(--muted)}.pill i,.live-label i{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--amber);margin-right:7px}.pill.ready i,.live-label i{background:var(--green);box-shadow:0 0 10px #72f1a799}.episode-picker{font-size:10px;color:var(--muted);letter-spacing:.12em}.episode-picker select,#speed{display:block;margin-top:4px;background:#13231e;color:var(--text);border:1px solid #30463d;padding:6px 28px 6px 9px}main{max-width:1740px;margin:auto;padding:24px clamp(14px,2.5vw,40px) 50px}.mission-card{display:grid;grid-template-columns:1fr auto;gap:24px;padding:20px 22px;border:1px solid var(--line);background:linear-gradient(100deg,#10211b,#0b1714);margin-bottom:18px}.mission-card p{font-size:17px;line-height:1.5;margin:8px 0 0;max-width:970px}.mission-stats{display:grid;grid-template-columns:repeat(4,minmax(80px,1fr));gap:1px;background:var(--line);align-self:stretch}.mission-stats div{background:#0d1a16;padding:10px 14px;min-width:92px}.mission-stats span,.telemetry-grid span{display:block;font-size:9px;color:var(--muted);letter-spacing:.12em;margin-bottom:6px}.mission-stats strong{font-size:14px}.workspace{display:grid;grid-template-columns:minmax(600px,1.7fr) minmax(390px,.85fr);gap:18px}.primary-column,.side-column{display:grid;gap:18px;align-content:start}.panel{border:1px solid var(--line);background:linear-gradient(155deg,rgba(16,31,27,.96),rgba(9,19,16,.96));box-shadow:0 16px 38px #0004}.panel-heading{height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-heading strong{display:block;font-size:13px;margin-top:4px}.live-label{font-size:10px;color:var(--muted);letter-spacing:.13em}.camera-stage{aspect-ratio:16/9;background:#020705;position:relative;overflow:hidden}.camera-stage img{width:100%;height:100%;object-fit:contain;display:block}.camera-overlay{position:absolute;background:#07110ed9;border:1px solid #32483f;color:#cde0d7;padding:6px 8px;font:10px ui-monospace,monospace;letter-spacing:.08em}.top-left{top:12px;left:12px}.bottom-right{right:12px;bottom:12px}.frame-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:13px}.transport{height:64px;display:flex;align-items:center;gap:10px;padding:0 14px}.transport button{border:1px solid #344b42;background:#13231e;color:var(--text);height:34px;width:34px;font-size:20px;cursor:pointer}.transport .play{background:var(--green);color:#062016;border-color:var(--green);font-size:14px}.transport span{font-size:11px;color:#a9bbb3}.transport input{min-width:100px;flex:1;accent-color:var(--green)}.chart-panel canvas{width:100%;height:190px;display:block}.legend{display:flex;gap:14px;font-size:10px}.legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend .roll:before{background:var(--green)}.legend .pitch:before{background:var(--cyan)}.legend .yaw:before{background:var(--violet)}.legend .throttle:before{background:var(--amber)}.map-panel canvas{width:100%;height:310px;display:block}.map-key{height:35px;border-top:1px solid var(--line);display:flex;justify-content:center;gap:18px;align-items:center;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.map-key i{display:inline-block;width:16px;height:2px;vertical-align:middle;margin-right:5px}.map-key .route{border-top:2px dashed #50645b}.map-key .actual{background:var(--green)}.map-key .aircraft{width:7px;height:7px;border-radius:50%;background:var(--amber)}.subgoal-panel{padding:16px;display:grid;grid-template-columns:auto 1fr;gap:0 14px;position:relative}.subgoal-panel>.section-label{grid-column:1/-1;margin-bottom:10px}.subgoal-index{width:42px;height:42px;display:grid;place-items:center;border:1px solid #37634e;background:#153324;color:var(--green);font:700 15px ui-monospace}.subgoal-panel strong{text-transform:capitalize;font-size:15px}.subgoal-panel p{margin:5px 0 0;color:var(--muted);font-size:11px}.sticks{display:flex;justify-content:space-evenly;padding:17px 12px 12px}.stick{width:112px;height:112px;border:1px solid #31483e;border-radius:50%;position:relative;background:radial-gradient(circle,#152721 0 4%,transparent 5%),linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:auto,50% 50%,50% 50%}.stick:after,.stick:before{content:"";position:absolute;background:#273b33}.stick:before{width:1px;height:80%;top:10%;left:50%}.stick:after{height:1px;width:80%;left:10%;top:50%}.stick i{width:28px;height:28px;border:2px solid var(--green);background:#133326aa;border-radius:50%;position:absolute;left:42px;top:42px;z-index:1;transition:transform .05s linear;box-shadow:0 0 15px #72f1a744}.stick span{position:absolute;top:120px;left:0;width:100%;text-align:center;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.axis-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding:12px 16px 18px;margin-top:9px}.axis-grid>div{display:grid;grid-template-columns:auto auto;justify-content:space-between}.axis-grid span{color:var(--muted);font-size:9px;letter-spacing:.1em}.axis-grid strong{font:11px ui-monospace;color:#dce9e3}.axis-grid b{grid-column:1/-1;height:3px;background:#263a32;margin-top:6px;overflow:hidden}.axis-grid b i{display:block;height:100%;width:50%;background:var(--green);transition:width .05s linear}.telemetry-grid{display:grid;grid-template-columns:1fr 1fr}.telemetry-grid div{padding:13px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.telemetry-grid strong{font-size:20px}.telemetry-grid small{font-size:9px;color:var(--muted);margin-left:4px}.armed{font-size:9px;color:var(--muted);padding:5px 7px;border:1px solid #38483f}.armed.on{color:var(--green);border-color:#306f50;background:#133123}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr}.map-panel,.telemetry-panel{grid-column:1/-1}.mission-card{grid-template-columns:1fr}.mission-stats{width:100%}}@media(max-width:680px){.topbar{height:auto;padding:12px;align-items:flex-start}.top-actions{gap:6px}.pill{display:none}.brand h1{font-size:16px}.mission-stats{grid-template-columns:1fr 1fr}.workspace{display:block}.panel{margin-bottom:14px}.side-column{display:block}.transport{gap:5px}.transport span{font-size:9px}.legend{display:none}.mission-card{padding:14px}.mission-card p{font-size:14px}}