:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #f6f0dc;--muted: #c7c0a7;--panel: rgba(12, 13, 10, .84);--panel-soft: rgba(246, 240, 220, .055);--line: rgba(246, 240, 220, .16);--amber: #ffb454;--lime: #c8ff5a;--mint: #60f2c5;--rust: #cf6b36;--danger: #ff6157}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;background:#070806;color:var(--ink)}body{overflow:hidden}button,input{font:inherit}button{min-height:40px;border:0;color:var(--ink);cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}#app,#space-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#space-canvas{display:block}.topbar,.area-shell,.flight-controls{position:relative;z-index:2}.topbar{display:grid;grid-template-columns:minmax(220px,360px) 1fr auto;align-items:start;gap:18px;padding:22px clamp(18px,3vw,38px);pointer-events:none}.brand-lockup,.area-nav,.resource-strip{pointer-events:auto}.topbar h1,.panel h2{margin:0;letter-spacing:0}.topbar h1{font-size:clamp(30px,5vw,64px);line-height:.88;text-transform:uppercase}.eyebrow{margin:0 0 6px;color:var(--amber);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.area-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding-top:4px}.area-tab{min-height:38px;padding:0 12px;border:1px solid var(--line);background:#0708069e;color:var(--muted);font-size:12px;font-weight:800}.area-tab.is-active{border-color:#c8ff5a9e;background:#c8ff5a1f;color:var(--ink)}.resource-strip{display:grid;gap:2px;min-width:116px;padding:12px 16px;border:1px solid var(--line);background:#070806ad;text-align:right}.resource-strip span{color:var(--muted);font-size:12px}.resource-strip strong{color:var(--lime);font-size:26px;line-height:1}.area-shell{position:fixed;top:132px;right:24px;bottom:92px;left:24px;pointer-events:none}.area-view{display:none;width:100%;height:100%;gap:18px;pointer-events:none}.area-view.is-active{display:grid}.assembly-view{grid-template-columns:minmax(270px,340px) minmax(420px,640px) 1fr;align-items:start}.launchpad-view{grid-template-columns:minmax(310px,410px) 1fr minmax(280px,360px);align-items:start}.research-view,.mission-view{grid-template-columns:minmax(320px,430px) minmax(380px,560px) 1fr;align-items:start}.panel{max-height:min(680px,calc(100vh - 240px));overflow:auto;border:1px solid var(--line);background:var(--panel);box-shadow:0 24px 70px #00000057;pointer-events:auto}.telemetry-panel,.stage-panel,.profile-panel{justify-self:end}.stage-panel,.profile-panel,.science-panel{grid-column:2}.launchpad-view .stage-panel{grid-column:3}.panel-heading{padding:16px 16px 0}.panel h2{font-size:20px}.part-list,.tech-tree,.stage-list,.science-catalog,.objective-list,.stack-readout{display:grid;gap:8px;padding:14px 12px}.part-button,.tech-node,.stack-item,.stage-item,.science-item,.objective-item{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:12px;border:1px solid rgba(246,240,220,.12);background:var(--panel-soft);text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}.part-button:hover,.tech-node:hover{transform:translateY(-1px);border-color:#c8ff5a80;background:#c8ff5a14}.part-main,.tech-node span,.stack-item span,.stage-item span,.science-item span,.objective-item span{display:grid;gap:3px;min-width:0}.part-main strong,.tech-node strong,.stack-item strong,.stage-item strong,.science-item strong,.objective-item strong{font-size:14px}.part-main small,.tech-node small,.stack-item small,.stage-item small,.science-item small,.objective-item small,.part-meta{color:var(--muted);font-size:12px;line-height:1.25}.part-meta,.tech-node b,.stage-item b,.science-item b,.objective-item b,.stack-item b{flex:0 0 auto;color:var(--mint);font-size:12px}.stage-item.is-current{border-color:#ff6157a6;background:#ff61571f}.stage-item.is-spent,.objective-item.is-done,.science-item.is-done,.tech-node.is-unlocked{border-color:#60f2c56b}.arena-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(220px,280px);gap:12px;padding-bottom:14px}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 12px 14px}.single-action{grid-template-columns:1fr 1.1fr}.primary-button,.secondary-button,.ghost-button,.engine-button,.stage-button{border:1px solid transparent;font-weight:800;transition:transform .16s ease,filter .16s ease,background .16s ease}.primary-button{background:var(--lime);color:#161a0d}.secondary-button{background:var(--mint);color:#08241e}.ghost-button{border-color:var(--line);background:#f6f0dc0f}.engine-button{min-width:128px;background:#f6f0dc14;border-color:var(--line)}.engine-button.is-on,.stage-button{background:var(--danger);color:#210202;box-shadow:0 0 26px #ff615759}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.engine-button:hover,.stage-button:hover{transform:translateY(-1px);filter:brightness(1.06)}.telemetry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:14px 12px}.compact-grid{align-content:start}.telemetry-grid div{padding:12px;border:1px solid rgba(246,240,220,.11);background:#f6f0dc0b}.telemetry-grid dt{color:var(--muted);font-size:12px}.telemetry-grid dd{margin:6px 0 0;color:var(--ink);font-size:22px;font-weight:800;line-height:1}.mission-log{display:grid;min-height:118px;gap:7px;padding:0 12px 14px}.mission-log p{margin:0;color:var(--muted);font-size:13px;line-height:1.35}.flight-controls{position:fixed;right:24px;bottom:20px;left:24px;display:flex;align-items:center;justify-content:center;gap:16px;pointer-events:none}.flight-controls>*{pointer-events:auto}.throttle-control{display:flex;align-items:center;gap:12px;min-width:min(420px,42vw);padding:12px 16px;border:1px solid var(--line);background:#070806b8}.throttle-control span,.control-hints{color:var(--muted);font-size:12px;font-weight:700}.throttle-control input{width:100%;accent-color:var(--lime)}.control-hints{display:flex;flex-wrap:wrap;gap:8px;max-width:320px}.control-hints span{padding:8px 10px;border:1px solid var(--line);background:#07080694}@media(max-width:1120px){body{overflow:auto}#app{position:relative;min-height:100vh}#space-canvas{position:fixed}.topbar{grid-template-columns:1fr auto;padding:16px}.area-nav{grid-column:1 / -1;grid-row:2;justify-content:flex-start}.area-shell{position:relative;inset:auto;margin:58vh 12px 14px}.area-view.is-active,.assembly-view,.launchpad-view,.research-view,.mission-view{grid-template-columns:1fr;height:auto}.panel,.telemetry-panel,.stage-panel,.profile-panel,.science-panel{max-height:none;grid-column:auto;justify-self:stretch}.arena-grid{grid-template-columns:1fr}.flight-controls{position:relative;right:auto;bottom:auto;left:auto;display:grid;grid-template-columns:1fr;gap:8px;margin:0 12px 18px}.engine-button,.throttle-control{width:100%;min-width:0}.control-hints{display:none}}@media(max-width:560px){.topbar h1{font-size:38px}.resource-strip{min-width:88px;padding:10px 12px}.area-tab{flex:1 1 45%}.area-shell{margin-top:46vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
