:root{color-scheme:dark;font-family:"IBM Plex Mono","Roboto Mono",Consolas,monospace;background:#03070c;color:#e7f0f3;--panel:rgba(7,16,24,.9);--line:rgba(155,195,207,.2);--muted:#789098;--cyan:#56d9e9;--green:#81e69b;--amber:#f3b85b;--red:#ff6c68}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:#03070c;font-size:12px;letter-spacing:.025em}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.simulator{position:relative;width:100vw;height:100vh;isolation:isolate}#world{display:block;width:100%;height:100%;cursor:grab;background:#03070c}#world.dragging{cursor:grabbing}.panel{border:1px solid var(--line);border-radius:3px;background:var(--panel);box-shadow:0 12px 36px #0005,inset 0 1px #fff1;backdrop-filter:blur(12px)}
.topbar{position:absolute;z-index:5;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:58px;padding:8px 14px;border-bottom:1px solid var(--line);background:linear-gradient(#040b11fa,#040b11c7);backdrop-filter:blur(15px)}.brand{display:inline-flex;align-items:center;gap:10px;width:max-content;color:inherit;text-decoration:none}.brand-mark{position:relative;display:inline-block;width:28px;height:28px;border:1px solid var(--cyan);border-radius:50%}.brand-mark:before{position:absolute;top:12px;left:-4px;width:34px;height:8px;border:1px solid var(--cyan);border-width:1px 0 0;border-radius:50%;content:"";transform:rotate(-24deg)}.brand-mark:after{position:absolute;top:4px;right:3px;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 8px var(--cyan);content:""}.brand strong,.brand small{display:block}.brand strong{font:700 15px ui-sans-serif,system-ui;letter-spacing:.22em}.brand small{margin-top:2px;color:var(--muted);font-size:8px}.flight-state{display:flex;align-items:center;gap:9px;color:#b9c8cd;font-size:10px;font-weight:700;letter-spacing:.12em}.status-dot{width:7px;height:7px;border:1px solid #9eb2ba;border-radius:50%;background:#4c5e65}.status-dot.live{border-color:var(--green);background:var(--green);box-shadow:0 0 10px #81e69ba6}.status-dot.crashed{border-color:var(--red);background:var(--red)}.mission-time{margin-left:10px;color:var(--muted);font-weight:500}.mission-time strong{color:#d9e4e7}.view-controls{justify-self:end;display:flex;align-items:center;gap:5px}.view-controls button,.control-panel button,.time-control button,.key-help kbd{border:1px solid var(--line);border-radius:2px;background:#8aa9b30f}.view-controls button{height:30px;padding:0 9px;color:#92a9b1;cursor:pointer;font-size:9px;font-weight:800}.view-controls button:hover,.view-controls button.active{border-color:#56d9e980;color:var(--cyan);background:#56d9e917}.view-controls .square-button{width:30px;padding:0;font-size:17px}.zoom-readout{width:72px;color:#9fb2b8;font-size:9px;text-align:center}
.telemetry{position:absolute;z-index:4;top:72px;left:14px;width:330px;max-height:calc(100vh - 142px);overflow:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:0 11px;border-bottom:1px solid var(--line);color:#a5bac1;font-size:9px;font-weight:800;letter-spacing:.15em}.chip{display:inline-flex;align-items:center;min-height:19px;padding:0 7px;border:1px solid #56d9e947;border-radius:999px;color:var(--cyan);font-size:8px;letter-spacing:.08em}.chip.warn{border-color:#f3b85b59;color:var(--amber)}.readout-section{padding:11px;border-bottom:1px solid var(--line)}.readout-section:last-child{border:0}.readout-section h2{margin:0 0 9px;color:#788f97;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.primary-readout{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:6px}.primary-readout span{color:#a8b9be}.primary-readout strong{color:#f1f7f8;font-size:25px;font-weight:500;letter-spacing:-.04em}.primary-readout small{color:var(--muted)}.secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.secondary-grid div{padding:8px;border:1px solid #9bc3cf1a;background:#87a7b209}.secondary-grid span,.secondary-grid strong{display:block}.secondary-grid span{margin-bottom:5px;color:var(--muted);font-size:8px}.secondary-grid strong{color:#c8d5d9;font-size:11px}.vector-row,.mass-line,.environment-line{display:flex;align-items:center;justify-content:space-between;min-height:25px;border-top:1px dotted #9bc3cf21}.vector-row span,.mass-line span,.environment-line span{color:#81979e}.vector-row strong,.mass-line strong,.environment-line strong{color:#cbd7da;font-size:10px}.vector-row.muted strong{color:#87b9c2}.section-title-row{display:flex;justify-content:space-between}.section-title-row span{color:#60767e;font-size:8px}.force-head,.force-row{display:grid;grid-template-columns:58px repeat(3,1fr);gap:3px;align-items:center}.force-head{margin-bottom:4px;color:#61767d;font-size:7px;text-align:right}.force-row{min-height:37px;border-top:1px dotted #9bc3cf21}.force-row>span{position:relative;padding-left:10px;color:#9aacb1;font-size:8px}.force-row>span:before{position:absolute;top:3px;left:0;width:4px;height:4px;border-radius:50%;background:currentColor;content:""}.force-row strong{color:#bfccd0;font-size:7.5px;font-weight:500;line-height:1.35;text-align:right;white-space:pre-line}.gravity>span{color:#7ba7f7!important}.drag>span{color:var(--amber)!important}.thrust>span{color:var(--green)!important}.fuel-track{height:4px;margin:4px 0 8px;background:#fff1}.fuel-track span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#5cbf75,var(--green))}.environment-line{min-height:22px}.environment-line span,.environment-line strong{font-size:8px}
.control-stack{position:absolute;z-index:4;top:72px;right:14px;display:grid;gap:9px;width:282px;max-height:calc(100vh - 142px);overflow:auto}.control-panel{overflow:hidden}.control-panel>:not(.panel-heading){margin-left:11px;margin-right:11px}.engine-light{color:#71858c;font-size:8px}.engine-light.on{color:var(--green);text-shadow:0 0 8px #81e69b80}.timer-setting{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#7f949b;font-size:9px}.timer-setting input{width:49px;padding:3px 4px;border:1px solid var(--line);background:#09141d;color:#dbe6e8;text-align:right}.burn-timer{display:block;margin-top:3px;color:#f0f7f8;font-size:35px;font-weight:300;letter-spacing:-.06em;text-align:center}.button-row{display:grid;gap:5px;margin-top:7px}.button-row.three{grid-template-columns:repeat(3,1fr)}.control-panel button{min-height:31px;color:#9cafb5;cursor:pointer;font-size:9px;font-weight:800;letter-spacing:.06em}.control-panel button:hover:not(:disabled){border-color:#56d9e973;color:#dff8fb}.control-panel button:disabled{cursor:not-allowed;opacity:.4}.control-panel button.primary{border-color:#81e69b59;background:#81e69b1a;color:var(--green)}.control-note{margin-top:8px!important;margin-bottom:10px!important;color:#61777e;font-size:8px;line-height:1.45}.toggle{position:relative;width:34px;min-height:18px!important;padding:0;border-radius:999px!important}.toggle span{position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#6b7e85;transition:.15s}.toggle[aria-checked=true]{border-color:#81e69b73;background:#81e69b21}.toggle[aria-checked=true] span{left:19px;background:var(--green)}.attitude-setpoint{display:grid;grid-template-columns:33px 1fr 33px;gap:6px;align-items:center;margin-top:10px}.attitude-setpoint output{font-size:24px;text-align:center}.attitude-slider,.time-control input{width:calc(100% - 22px);accent-color:var(--cyan)}.attitude-labels{display:flex;justify-content:space-between;margin-bottom:9px!important;color:#536970;font-size:7px}.stage-diagram{display:flex;flex-direction:column;align-items:center;height:67px;margin-top:9px}.stage-diagram span{display:block;width:18px;border:1px solid #91a3a9}.payload-shape{height:16px;background:#bdc7c9;clip-path:polygon(50% 0,100% 100%,0 100%)}.stage-shape.second{height:18px;background:#8d9da2}.stage-shape.first{height:30px;border-bottom:3px solid #c87352;background:#71858c}.stage-diagram .separated{opacity:.18;transform:translateY(8px)}.control-panel button.danger{display:block;width:calc(100% - 22px);border-color:#ff6c6866;background:#ff6c6814;color:#ff8b86}.key-help{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;padding:8px 10px;color:#748a91;font-size:8px}.key-help span:last-child{grid-column:1/-1}.key-help kbd{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:20px;margin-right:3px;color:#aebdc2}
.bottom-controls{position:absolute;z-index:3;right:14px;bottom:13px;left:14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;pointer-events:none}.distance-scale{justify-self:start;color:#8fa4aa;font-size:8px;text-align:center}.distance-scale i{display:block;width:100px;height:8px;margin-top:3px;border:1px solid #92a9b0;border-top:0}.projection-key{align-self:center;color:#5e7982;font-size:7px;letter-spacing:.12em}.projection-key span{display:inline-block;width:24px;margin-right:6px;border-top:2px dotted #56d9e9b3;vertical-align:middle}.time-control{justify-self:end;display:grid;grid-template-columns:28px 65px 118px 28px;align-items:center;gap:6px;min-height:42px;padding:5px;pointer-events:auto}.time-control button{width:28px;height:28px;cursor:pointer;color:#a9bbc0}.time-control div span,.time-control div strong{display:block}.time-control div span{color:#5f747b;font-size:7px}.time-control div strong{margin-top:2px;color:var(--cyan);font-size:12px}.time-control input{width:118px;margin:0}
.launch-overlay,.crash-overlay{position:absolute;z-index:20;inset:0;display:grid;place-items:center;overflow:auto;padding:26px 16px;background:radial-gradient(circle at 50% 35%,#1b3a467a,#02060af0 58%);backdrop-filter:blur(10px)}.launch-card{width:min(710px,100%);padding:clamp(22px,4vw,38px);border:1px solid #8cbcc93d;border-radius:4px;background:linear-gradient(150deg,#0b1a25fa,#050d14fa);box-shadow:0 30px 100px #0008}.launch-kicker{display:flex;align-items:center;gap:9px;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.16em}.launch-kicker .brand-mark{width:23px;height:23px}.launch-kicker .brand-mark:before{top:10px;left:-3px;width:28px}.launch-card h1{margin:18px 0 8px;font:700 clamp(30px,5vw,47px)/1 ui-sans-serif,system-ui;letter-spacing:-.04em}.launch-intro{max-width:610px;margin:0;color:#849aa2;font:13px/1.55 ui-sans-serif,system-ui}.launch-card fieldset{margin:25px 0 0;padding:0;border:0}.launch-card legend{margin-bottom:9px;color:#aebfc4;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.selection-card,.rocket-selection{position:relative;cursor:pointer}.selection-card input,.rocket-selection input{position:absolute;opacity:0}.selection-card{display:grid;place-items:center;min-height:116px;padding:12px;border:1px solid var(--line);background:#789eaa08;text-align:center}.selection-card.selected,.rocket-selection.selected{border-color:#56d9e980;background:#56d9e912}.selection-card.disabled{cursor:not-allowed;opacity:.38}.selection-card strong,.selection-card small{display:block}.selection-card strong{margin-top:6px;font-size:10px}.selection-card small{margin-top:4px;color:#667b82;font-size:8px}.scenario-icon{position:relative;display:block;width:35px;height:35px;border:1px solid #65848f;border-radius:50%}.earth-icon{background:radial-gradient(circle at 37% 30%,#73b592 0 14%,transparent 15%),radial-gradient(circle at 65% 65%,#73b592 0 15%,transparent 16%),#2e7187;box-shadow:0 0 18px #409cb747}.moon-icon{width:24px;height:24px;background:#9babad}.solar-icon:before,.solar-icon:after{position:absolute;border:1px solid #78939b;border-radius:50%;content:""}.solar-icon:before{inset:-7px}.solar-icon:after{inset:10px;background:#d3a95d}.rocket-selection{display:grid;grid-template-columns:45px 1fr auto;gap:14px;align-items:center;min-height:84px;padding:13px 15px;border:1px solid #56d9e980}.titan-silhouette{justify-self:center;display:block;width:14px;height:56px;background:linear-gradient(90deg,#778d94,#d2dbdc 48%,#778d94);clip-path:polygon(50% 0,85% 15%,85% 83%,100% 100%,55% 94%,50% 100%,45% 94%,0 100%,15% 83%,15% 15%)}.rocket-copy strong,.rocket-copy small,.rocket-copy span{display:block}.rocket-copy strong{font:700 16px ui-sans-serif,system-ui}.rocket-copy small{margin-top:3px;color:#8aa1a8;font-size:8px}.rocket-copy span{margin-top:9px;color:#6c838a;font-size:8px}.selected-check{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan)}.launch-location{display:flex;gap:12px;align-items:center;margin-top:13px;padding:10px 12px;border:1px solid #9bc3cf1a;background:#9bc3cf06}.launch-location>span{color:var(--amber);font-weight:800}.launch-location strong,.launch-location small{display:block}.launch-location strong{font-size:9px}.launch-location small{margin-top:3px;color:#62777e;font-size:8px}.launch-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;margin-top:18px;padding:0 18px;border:1px solid #81e69b73;background:#81e69b1f;color:var(--green);cursor:pointer;font-weight:800;letter-spacing:.1em}.launch-button:hover{background:#81e69b2e}.launch-button span{font-size:18px}.crash-overlay[hidden]{display:none}.crash-card{width:min(430px,100%);padding:30px;border:1px solid #ff6c6859;background:#0c1319;text-align:center}.crash-kicker{color:var(--red);font-size:9px;font-weight:800;letter-spacing:.15em}.crash-card h2{margin:12px 0 8px;font:700 26px ui-sans-serif,system-ui}.crash-card p{color:#879ba1}.crash-card button{min-height:40px;margin-top:10px;padding:0 15px;border:1px solid var(--line);background:#fff1;cursor:pointer}.toast{position:absolute;z-index:15;top:70px;left:50%;max-width:min(420px,calc(100vw - 30px));padding:9px 13px;border:1px solid var(--line);background:#060f16eb;color:#aebfc4;opacity:0;pointer-events:none;transform:translate(-50%,-8px);transition:.18s}.toast.show{opacity:1;transform:translate(-50%)}
@media(max-width:980px){.telemetry{width:290px}.control-stack{width:252px}}@media(max-width:760px){.topbar{grid-template-columns:1fr auto}.flight-state{display:none}.view-controls .icon-button,.zoom-readout{display:none}.telemetry{top:65px;left:7px;width:235px;max-height:calc(100vh - 125px)}.control-stack{top:65px;right:7px;width:218px;max-height:calc(100vh - 125px)}.primary-readout strong{font-size:20px}.force-row strong{font-size:6.5px}.bottom-controls{inset:auto 7px 7px}.projection-key{display:none}.time-control{grid-column:3;grid-template-columns:26px 52px 74px 26px}.time-control input{width:74px}}@media(max-width:540px){.brand small{display:none}.telemetry{width:calc(100vw - 14px);max-height:178px}.telemetry .readout-section{display:none}.telemetry .readout-section:first-of-type{display:block}.control-stack{top:auto;right:7px;bottom:58px;width:calc(100vw - 14px);max-height:170px;grid-template-columns:1fr 1fr}.control-stack .stage-panel,.control-stack .key-help{display:none}.bottom-controls{grid-template-columns:1fr auto}.time-control{grid-column:2}.scenario-grid{grid-template-columns:1fr}.selection-card{grid-template-columns:36px 1fr;justify-items:start;min-height:58px;text-align:left}.selection-card strong{margin:0}.selection-card small{grid-column:2;margin-top:-12px}.launch-card{padding:20px}.launch-card h1{margin-top:14px}.launch-card fieldset{margin-top:17px}}

.launch-overlay[hidden],.crash-overlay[hidden]{display:none}

/* Compact cockpit revision */
.brand{padding:0;border:0;background:transparent;cursor:pointer;text-align:left}.position-section{padding:9px 11px}.position-strip{display:grid;grid-template-columns:1.25fr 1.25fr .8fr;gap:6px}.position-strip div{min-width:0;padding-right:7px;border-right:1px solid rgba(155,195,207,.13)}.position-strip div:last-child{padding-right:0;border:0}.position-strip span,.position-strip strong{display:block}.position-strip span{margin-bottom:5px;color:var(--muted);font-size:7px;letter-spacing:.1em;text-transform:uppercase}.position-strip strong{overflow:hidden;color:#dce7e9;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.position-strip b{color:#f2f7f8;font-size:14px;font-weight:500}.disclosure-trigger{display:grid;grid-template-columns:1fr auto 15px;align-items:center;width:100%;min-height:28px;padding:0;border:0;background:transparent;color:#849ba2;cursor:pointer;text-align:left}.disclosure-trigger>span{font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.disclosure-trigger>strong{color:#e4edef;font-size:12px;font-weight:600}.disclosure-trigger>strong b{font-size:18px;font-weight:500}.disclosure-trigger>i{color:#60777e;font-style:normal;text-align:right;transition:transform .15s}.disclosure-trigger[aria-expanded=true]>i{transform:rotate(180deg)}.disclosure-trigger:hover>span,.disclosure-trigger:hover>i{color:var(--cyan)}.disclosure-content[hidden]{display:none}.disclosure-content{padding-top:4px}.force-trigger{grid-template-columns:1fr 15px}.force-section .net-head{margin-top:2px}.force-row.net>span{color:#d6e4e7}.force-row.net{border-top:1px solid rgba(155,195,207,.2);border-bottom:1px dotted rgba(155,195,207,.13)}.mass-details{padding-top:3px}.mass-details .mass-line{min-height:22px}.mass-details .mass-line span,.mass-details .mass-line strong{font-size:8px}.controls-title{display:flex;align-items:center;min-height:31px;padding:0 11px;color:#a5bac1;font-size:9px;font-weight:800;letter-spacing:.16em}.timer-setting output{color:#d3e0e3;font-size:9px}.burn-slider{width:calc(100% - 22px);margin-top:7px!important;accent-color:var(--green)}.button-row.two{grid-template-columns:1fr 1fr;margin-bottom:10px}.active-state{color:var(--green);font-size:8px;text-shadow:0 0 8px rgba(129,230,155,.45)}.stage-diagram{flex-direction:row;justify-content:center;height:34px;margin-top:6px!important;margin-bottom:5px!important}.stage-diagram span{flex:none;height:17px;border-color:#91a3a9}.stage-diagram .first{width:58px;height:18px;border-right:3px solid #c87352;border-bottom:1px solid #91a3a9}.stage-diagram .second{width:28px;height:18px}.stage-diagram .payload-shape{width:22px;height:18px;clip-path:polygon(0 0,72% 0,100% 50%,72% 100%,0 100%);border-radius:1px;background:#bdc7c9}.stage-diagram .separated{opacity:.18;transform:translateX(-6px)}.stage-panel .danger{margin-bottom:10px}.key-help{display:block;padding:7px 9px;white-space:nowrap}.key-help span{display:flex;align-items:center;justify-content:center;gap:3px}.key-help kbd{margin:0 1px}.control-stack{gap:7px}

@media(max-width:540px){.telemetry{max-height:245px}.telemetry .readout-section{display:block}.control-stack{max-height:235px}.control-stack .stage-panel{display:block}.position-strip{grid-template-columns:1.2fr 1.2fr .8fr}.key-help{display:none}}