:root{--dark-brown:#302413;--medium-brown:#786e5c;--light-beige:#dbd8bc;--golden:#a67a1f;--teal:#446876;--primary:#a67a1f;--primary-hover:#786e5c;--secondary:#446876;--success:#6f8f5a;--warning:#c9932c;--danger:#a3462c;--text:var(--light-beige);--text-dim:color-mix(in srgb, var(--light-beige) 62%, var(--medium-brown));--text-faint:color-mix(in srgb, var(--light-beige) 38%, var(--medium-brown));--surface:color-mix(in srgb, var(--dark-brown) 78%, transparent);--surface-strong:color-mix(in srgb, var(--dark-brown) 88%, transparent);--surface-solid:var(--dark-brown);--track:color-mix(in srgb, var(--dark-brown) 80%, black);--border:2px solid var(--medium-brown);--border-soft:2px solid color-mix(in srgb, var(--medium-brown) 55%, transparent);--focus:color-mix(in srgb, var(--golden) 88%, var(--light-beige));--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--fs-micro:.69rem;--fs-small:.78rem;--fs-body:.88rem;--fs-value:1.1rem;--fs-large:1.5rem;--track-tight:.04em;--track-wide:.1em;--track-wider:.16em;--track-widest:.3em;--dur-fast:.12s;--dur:.2s;--dur-slow:.42s;--z-hud:10;--z-cue:11;--z-panel-side:12;--z-joke:13;--z-stats:14;--z-toast:20;--z-paused:25;--z-modal:30;--z-veil:39;--z-loading:40}@font-face{font-family:MBJ Chunky;src:url(/fonts/MBJ-Chunky.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{background:var(--dark-brown);height:100%;color:var(--light-beige);letter-spacing:.04em;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:MBJ Chunky,Trebuchet MS,system-ui,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative}canvas#view{width:100%;height:100%;display:block;position:absolute;inset:0}b,strong{font-weight:400}button{letter-spacing:var(--track-wide);text-transform:uppercase;font-family:inherit;font-size:var(--fs-small);padding:var(--s2) var(--s3);border:2px solid var(--primary);background:var(--primary);color:var(--dark-brown);cursor:pointer;transition:background var(--dur-fast) ease, border-color var(--dur-fast) ease, transform var(--dur-fast) ease}button:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 72%, var(--light-beige));border-color:color-mix(in srgb, var(--primary) 72%, var(--light-beige));color:var(--dark-brown)}button:active:not(:disabled){background:var(--primary);transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{color:var(--light-beige);border-color:var(--text-dim);background:0 0}button.secondary:hover:not(:disabled){background:var(--medium-brown);color:var(--dark-brown)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}input[type=checkbox]{appearance:none;border:var(--border);background:var(--track);cursor:pointer;width:1.1rem;height:1.1rem;transition:background var(--dur-fast) ease, border-color var(--dur-fast) ease;place-items:center;margin:0;display:grid}input[type=checkbox]:hover{border-color:var(--primary)}input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}input[type=checkbox]:checked:after{content:"✓";color:var(--dark-brown);font-size:var(--fs-micro);line-height:1}.loading{z-index:var(--z-loading);background:radial-gradient(circle at 50% 120%, var(--golden) 0%, transparent 55%), var(--dark-brown);place-items:center;transition:opacity .4s;display:grid;position:absolute;inset:0}.loading[data-hidden=true]{opacity:0;pointer-events:none}.loading-inner{text-align:center;width:min(560px,88vw)}.loading-title{color:var(--light-beige);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:clamp(2.2rem,6vw,3.6rem)}.loading-subtitle{margin:0 0 var(--s6);color:var(--golden);text-transform:uppercase;letter-spacing:.42em;margin-right:-.42em;font-size:2rem}.loading-version{color:var(--text-dim);font-size:var(--fs-micro);letter-spacing:.24em;text-transform:uppercase;margin:-1.4rem -.24em 1.4rem 0}.loading-seed{justify-content:center;align-items:baseline;gap:.8rem;margin-bottom:1.6rem;display:flex}.loading-seed .label{color:var(--text-dim);text-transform:uppercase;font-size:var(--fs-small)}.loading-seed .seed-value{color:var(--golden);font-size:var(--fs-value);letter-spacing:.16em}.loading-bar{border:var(--border);background:var(--track);height:12px}.loading-fill{background:var(--golden);width:0;height:100%;transition:width .18s linear}.loading-status{font-size:var(--fs-small);color:var(--light-beige);text-transform:uppercase;justify-content:space-between;margin-top:.55rem;display:flex}.loading-stages{text-align:left;font-size:var(--fs-small);gap:.35rem;margin:1.8rem 0 0;padding:0;list-style:none;display:grid}.loading-stage{color:var(--text-dim);text-transform:uppercase;gap:.7rem;display:flex}.loading-stage[data-state=active]{color:var(--golden)}.loading-stage[data-state=done]{color:var(--success)}.loading-stage[data-state=done] .tick{font-size:0}.loading-stage[data-state=done] .tick:before{content:"✓";font-size:var(--fs-small)}.loading-stage[data-state=pending]{color:var(--text-faint)}.loading-flavour{color:var(--text-dim);font-size:var(--fs-small);margin-top:2rem}.loading[data-failed=true] .loading-fill{background:var(--danger)}.loading-unlock{color:var(--text-faint);font-size:var(--fs-small);letter-spacing:.12em;margin-top:.9rem;transition:opacity .4s}.loading[data-unlocked=true] .loading-unlock{opacity:0}.loading-launch{font-size:var(--fs-body);letter-spacing:.18em;margin-top:1.6rem;padding:.7rem 1.6rem;animation:1.8s ease-in-out infinite launch-pulse;display:none}.loading[data-ready=true] .loading-launch{display:inline-block}@keyframes launch-pulse{0%,to{opacity:1}50%{opacity:.55}}.veil{z-index:var(--z-veil);background:var(--dark-brown);opacity:0;pointer-events:none;transition:opacity 1.2s;position:absolute;inset:0}.veil[data-on=true]{opacity:1;transition-duration:0s}.hud-stack{left:max(var(--s4), env(safe-area-inset-left));top:max(var(--s4), env(safe-area-inset-top));z-index:var(--z-panel-side);align-items:flex-start;gap:var(--s2);pointer-events:none;flex-direction:column;max-height:calc(100vh - 12rem);display:flex;position:absolute}.hud{pointer-events:none;z-index:var(--z-hud);text-transform:uppercase;position:absolute;inset:0}.panel-label,.gauge-label{font-size:var(--fs-micro);color:var(--text-dim);letter-spacing:.18em;display:block}.hud-primary{left:max(var(--s4), env(safe-area-inset-left));background:var(--surface);border:var(--border);align-items:stretch;gap:1rem;padding:.9rem 1rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gauge-agl{min-width:6.5rem}.gauge-value{color:var(--light-beige);font-size:2.6rem;line-height:1;display:block}.gauge-value.small{font-size:var(--fs-large)}.gauge-unit{font-size:var(--fs-micro);color:var(--text-dim)}.vsi,.throttle{flex-direction:column;align-items:center;gap:.3rem;display:flex}.vsi-track,.throttle-track{border:var(--border);background:var(--track);flex:1;width:16px;min-height:92px;position:relative}.vsi-mark{background:var(--golden);height:4px;transition:top 60ms linear;position:absolute;left:-3px;right:-3px}.throttle-fill{background:var(--teal);position:absolute;bottom:0;left:0;right:0}.hover-mark{background:var(--golden);height:3px;position:absolute;left:-10px;right:-10px}.hover-mark span{font-size:var(--fs-micro);color:var(--golden);margin-left:4px;position:absolute;top:-.45rem;left:100%}[data-vsi][data-state=warn]{color:var(--warning)}[data-vsi][data-state=danger]{color:var(--danger)}[data-throttle-text][data-state=trim]{color:var(--success)}.gauge-load[data-state=idle] .gauge-value{color:var(--text-faint)}.gauge-load[data-state=ok] .gauge-value{color:var(--success)}.gauge-load[data-state=warn] .gauge-value{color:var(--warning)}.gauge-load[data-state=danger] .gauge-value{color:var(--danger)}.hud-landing-row{left:max(var(--s4), env(safe-area-inset-left));align-items:flex-end;gap:var(--s4);display:flex;position:absolute;bottom:5.4rem}.hud-drift{background:var(--surface);border:var(--border);text-align:center;width:7.2rem;padding:.5rem .6rem .4rem;position:relative}.hud-drift[data-state=unsafe]{border-color:var(--warning)}.drift-dial{border:var(--border);border-radius:50%;width:5rem;height:5rem;margin:.3rem auto .2rem;position:relative}.drift-limit{border:1px dashed var(--success);border-radius:50%;position:absolute;inset:25%}.drift-hub{background:var(--medium-brown);border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;position:absolute;top:50%;left:50%}.drift-nose{background:var(--light-beige);width:2px;height:8px;margin-left:-1px;position:absolute;top:-2px;left:50%}.drift-needle{width:3px;height:calc(50% * var(--drift-reach,0));background:var(--teal);transform-origin:50% 100%;transform:rotate(var(--drift-angle,0deg));margin-left:-1.5px;transition:height 80ms linear;position:absolute;bottom:50%;left:50%}.drift-needle:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:7px solid var(--teal);margin-left:-5px;position:absolute;top:-6px;left:50%}.drift-needle[data-moving=false]{opacity:0}.hud-drift[data-state=unsafe] .drift-needle,.hud-drift[data-state=unsafe] .drift-needle:after{background:var(--warning);border-bottom-color:var(--warning)}.drift-value{font-size:var(--fs-micro);color:var(--text-dim)}.drift-value b{color:var(--light-beige)}.hud-alignment{background:var(--surface);border:var(--border);opacity:.45;width:15rem;padding:.6rem .8rem;transition:opacity .16s,border-color .16s;position:relative}.hud-alignment[data-active=true]{opacity:1}.hud-alignment[data-aligned=true]{border-color:var(--success)}.align-row{font-size:var(--fs-micro);grid-template-columns:3rem 1fr 3.4rem;align-items:center;gap:.5rem;margin-top:.3rem;display:grid}.align-track{background:var(--track);border:1px solid var(--medium-brown);height:7px;display:block}.align-bar{background:var(--danger);height:100%;transition:width 90ms linear;display:block}.align-row[data-ok=true] .align-bar{background:var(--success)}.align-row[data-ok=true] .align-label{color:var(--success)}.align-value{text-align:right;color:var(--light-beige)}.autoland{border-top:1px solid color-mix(in srgb, var(--medium-brown) 55%, transparent);font-size:var(--fs-micro);letter-spacing:.12em;opacity:0;margin-top:.5rem;padding-top:.4rem;transition:opacity .16s}.autoland[data-state=ready],.autoland[data-state=blocked],.autoland[data-state=active]{opacity:1}.autoland-label{color:var(--text-dim);display:block}.autoland[data-state=ready] .autoland-label{color:var(--success)}.autoland[data-state=blocked] .autoland-label{color:var(--warning)}.autoland[data-state=active] .autoland-label{color:var(--golden)}.autoland-track{border:1px solid var(--medium-brown);background:var(--track);height:5px;margin-top:.25rem;display:block}.autoland-bar{background:var(--golden);width:0;height:100%;transition:width .12s linear;display:block}.autoland-prompt{border:3px solid var(--success);background:var(--surface-strong);opacity:0;pointer-events:none;align-items:center;gap:.8rem;padding:.7rem 1.4rem;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:22%;left:50%;transform:translate(-50%,12px)}.autoland-prompt[data-open=true]{opacity:1;animation:1.6s ease-in-out infinite autoland-pulse;transform:translate(-50%)}.transfer-call{color:var(--golden);letter-spacing:var(--track-widest);text-transform:uppercase;white-space:nowrap;text-shadow:0 0 .5rem var(--dark-brown), 0 2px 0 var(--dark-brown);opacity:0;pointer-events:none;font-size:clamp(2.2rem,6vw,4.5rem);line-height:1;position:absolute;top:26%;left:50%;transform:translate(-50%)}.transfer-call[data-open=true]{animation:2s infinite transfer-flash}@keyframes transfer-flash{0%{opacity:0}6%{opacity:1}50%{opacity:1}56%{opacity:0}to{opacity:0}}.prompt-key{border:2px solid var(--success);width:2.1rem;height:2.1rem;color:var(--success);font-size:var(--fs-value);place-items:center;display:grid}.prompt-text{color:var(--light-beige);font-size:var(--fs-value);text-transform:uppercase;letter-spacing:.1em}@keyframes autoland-pulse{0%,to{border-color:var(--success)}50%{border-color:color-mix(in srgb, var(--success) 45%, var(--dark-brown))}}@media (prefers-reduced-motion:reduce){.autoland-prompt[data-open=true],.loading-launch,.joke-card[data-open=true]{animation:none}.transfer-call[data-open=true]{opacity:1;animation:none}.panel,.panel-inner,.summary-inner{transition-duration:1ms;transform:none}}.hud-nav{text-align:center;background:var(--surface);border:var(--border);width:min(30rem,60vw);padding:.5rem 1rem .7rem;position:absolute;top:1.2rem;left:50%;transform:translate(-50%)}.nav-line{font-size:var(--fs-large);color:var(--golden);justify-content:center;gap:1.4rem;display:flex}.nav-place{font-size:var(--fs-small);color:var(--light-beige);display:block}.nav-objective{font-size:var(--fs-micro);color:var(--text-dim);text-transform:none;letter-spacing:.02em;margin:.35rem 0 0}.hud-ship{background:var(--surface);border:var(--border);width:15rem;padding:.7rem .8rem;position:absolute;top:1.2rem;right:1.4rem}.bar-row,.mass-row{font-size:var(--fs-micro);grid-template-columns:2.6rem 1fr 3.4rem;align-items:center;gap:.5rem;margin-bottom:.4rem;display:grid}.mass-row{grid-template-columns:2.6rem 1fr}.bar-track{border:1px solid var(--medium-brown);background:var(--track);height:9px;display:block}.bar-fill{background:var(--success);height:100%;transition:width .2s linear;display:block}.bar-fill[data-state=warn]{background:var(--warning)}.bar-fill[data-state=danger]{background:var(--danger)}.bar-value{text-align:right;color:var(--light-beige)}.manifest{flex-wrap:wrap;gap:.3rem;margin-top:.5rem;display:flex}.chip{font-size:var(--fs-micro);border:1px solid var(--medium-brown);color:var(--light-beige);padding:.15rem .4rem}.chip.empty{color:var(--text-dim)}.chip[data-mineral=osmium]{border-color:var(--golden);color:var(--golden)}.chip[data-mineral=hematite]{border-color:var(--danger)}.chip[data-mineral=ice]{border-color:var(--teal)}.chip[data-people=casualty]{border-color:var(--danger);color:var(--danger)}.chip[data-people=crew]{border-color:var(--teal);color:var(--teal)}.damage{flex-wrap:wrap;gap:.3rem;display:flex}.damage:not(:empty){margin-top:.4rem}.chip[data-damage-id]{border-color:var(--danger);color:var(--danger);animation:1.9s ease-in-out infinite damage-pulse}@keyframes damage-pulse{0%,to{opacity:1}50%{opacity:.55}}.bar-fill[data-leaking=true]{animation:1.1s ease-in-out infinite damage-pulse}@media (prefers-reduced-motion:reduce){.chip[data-damage-id],.bar-fill[data-leaking=true]{animation:none}}.service{font-size:var(--fs-micro);color:var(--golden);opacity:0;margin-top:.45rem}.service[data-active=true]{opacity:1}.hud-strip{font-size:var(--fs-micro);color:var(--text-dim);background:var(--surface);border:var(--border);white-space:nowrap;gap:1.4rem;padding:.45rem 1.1rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.hud-strip b{color:var(--light-beige)}.hud-strip .cam{color:var(--teal)}.hud-strip .weather[data-state=warn]{color:var(--warning)}.hud-strip .weather[data-state=danger]{color:var(--danger)}.throttle.boost .throttle-track{min-height:60px}.boost-track{border-color:var(--text-dim);transition:border-color .12s}.boost-track[data-active=true]{border-color:var(--golden)}.boost-zero{background:var(--medium-brown);height:2px;position:absolute;bottom:50%;left:-4px;right:-4px}.boost-fill{background:var(--golden);transition:height 60ms linear,bottom 60ms linear;position:absolute;bottom:50%;left:0;right:0}.boost-fill[data-direction=reverse]{background:var(--teal)}.target-cue{z-index:var(--z-cue);pointer-events:none;opacity:0;transition:opacity .16s;position:absolute;transform:translate(-50%,-50%)}.target-cue[data-visible=true]{opacity:1}.cue-ring{border:3px solid var(--golden);width:40px;height:40px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;display:block}.cue-ring:after{content:"";background:var(--golden);border-radius:50%;position:absolute;inset:16px}.cue-arrow{border-left:15px solid var(--golden);width:0;height:0;transform:translate(-50%, -50%) rotate(var(--cue-angle,0deg)) translateX(26px);border-top:10px solid #0000;border-bottom:10px solid #0000;display:none;position:absolute;top:50%;left:50%}.target-cue[data-offscreen=true] .cue-ring{width:26px;height:26px}.target-cue[data-offscreen=true] .cue-arrow{display:block}.cue-label{font-size:var(--fs-micro);color:var(--golden);white-space:nowrap;text-shadow:0 0 6px var(--dark-brown);margin-top:6px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.fuel-cue .cue-ring,.fuel-cue .cue-ring:after{border-color:var(--teal);background:0 0}.fuel-cue .cue-ring:after{background:var(--teal)}.fuel-cue .cue-arrow{border-left-color:var(--teal)}.fuel-cue .cue-label{color:var(--teal)}.marker-cue .cue-ring{border-color:var(--light-beige);border-style:dashed}.marker-cue .cue-ring:after{background:var(--light-beige);inset:15px}.marker-cue .cue-arrow{border-left-color:var(--light-beige)}.marker-cue .cue-label{color:var(--light-beige);letter-spacing:var(--track-tight)}.world-labels{pointer-events:none;z-index:var(--z-cue);position:absolute;inset:0}.world-label{white-space:nowrap;text-shadow:0 0 6px var(--dark-brown), 0 0 2px var(--dark-brown);flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;transform:translate(-50%,-50%)}.world-label-name{font-size:var(--fs-micro);letter-spacing:var(--track-wide)}.world-label-detail{font-size:var(--fs-micro);color:var(--text-dim)}.world-label-detail:empty{display:none}.world-label[data-kind=celestial]{color:var(--text-faint)}.world-label[data-kind=celestial] .world-label-name{transform:translateY(-1.4rem)}.world-label[data-kind=traffic]{color:var(--warning)}.world-label[data-kind=traffic] .world-label-name:before{content:"▲ "}.endurance-row .bar-value.wide{text-align:left;color:var(--light-beige);grid-column:2/span 2}[data-endurance][data-state=warn]{color:var(--warning)}[data-endurance][data-state=danger]{color:var(--danger)}.dispatch{right:max(var(--s4), env(safe-area-inset-right));bottom:max(var(--s4), env(safe-area-inset-bottom));background:var(--surface);border:var(--border);width:21rem;max-height:58vh;z-index:var(--z-panel-side);pointer-events:auto;flex-direction:column;display:flex;position:absolute;overflow:hidden}.dispatch-head{border-bottom:var(--border);justify-content:space-between;align-items:baseline;padding:.5rem .8rem;display:flex}.dispatch-title{color:var(--golden);text-transform:uppercase;letter-spacing:.18em;font-size:var(--fs-small)}.dispatch-hint{font-size:var(--fs-micro);color:var(--text-dim);text-transform:uppercase}.dispatch-empty{color:var(--text-dim);font-size:var(--fs-micro);padding:.9rem .8rem}.job-head{font-size:var(--fs-micro);justify-content:space-between;gap:.6rem;display:flex}.job-title{color:var(--light-beige);text-transform:uppercase}.job-pay{color:var(--golden)}.job-text{font-size:var(--fs-micro);color:var(--text-dim);text-transform:none;letter-spacing:.01em;margin:.25rem 0 0;line-height:1.35}.job-timer{font-size:var(--fs-micro);color:var(--text-dim);position:absolute;bottom:.4rem;right:.8rem}.job-timer.urgent{color:var(--warning)}.job-timer[data-critical=true]{color:var(--danger)}.job-condition{background:var(--track);height:2px;margin-top:.3rem;overflow:hidden}.job-condition-fill{background:var(--success);width:100%;height:100%;transition:width .2s linear}.job-condition[data-state=warn] .job-condition-fill{background:var(--warning)}.job-condition[data-state=danger] .job-condition-fill{background:var(--danger)}.dispatch-count{font-size:var(--fs-micro);color:var(--teal);text-transform:uppercase;letter-spacing:.08em}.dispatch-count[data-full=true]{color:var(--warning)}.marker-menu{left:max(var(--s4), env(safe-area-inset-left));background:var(--surface);border:var(--border);width:17rem;max-height:52vh;z-index:var(--z-panel-side);pointer-events:auto;transform:translate(calc(-100% - var(--s5)), -50%);opacity:0;visibility:hidden;transition:transform var(--dur) ease, opacity var(--dur) ease, visibility var(--dur);flex-direction:column;display:flex;position:absolute;top:50%}.marker-menu[data-open=true]{opacity:1;visibility:visible;transform:translateY(-50%)}.marker-head{padding:var(--s2) var(--s3);border-bottom:var(--border);justify-content:space-between;align-items:baseline;display:flex}.marker-title{color:var(--golden);text-transform:uppercase;letter-spacing:var(--track-wider);font-size:var(--fs-small)}.marker-hint{font-size:var(--fs-micro);color:var(--text-dim);text-transform:uppercase}.marker-tabs{border-bottom:var(--border);grid-template-columns:repeat(3,1fr);display:grid}.marker-tab{padding:var(--s2) 0;border:0;border-right:var(--border-soft);color:var(--text-dim);font:inherit;font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--track-wide);cursor:pointer;background:0 0}.marker-tab:last-child{border-right:0}.marker-tab:hover{color:var(--text)}.marker-tab[data-active=true]{color:var(--golden);background:color-mix(in srgb, var(--golden) 14%, transparent)}.marker-list{padding:var(--s1);overflow-y:auto}.marker-row{gap:0 var(--s2);width:100%;padding:var(--s2);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;grid-template-columns:1fr auto;display:grid}.marker-row:hover{background:color-mix(in srgb, var(--medium-brown) 22%, transparent)}.marker-row[data-selected=true]{border-left-color:var(--light-beige);background:color-mix(in srgb, var(--light-beige) 12%, transparent)}.marker-row-name{font-size:var(--fs-small)}.marker-row-detail{font-size:var(--fs-micro);color:var(--text-dim);grid-column:1}.marker-row-range{font-size:var(--fs-micro);color:var(--text-dim);white-space:nowrap;grid-area:1/2/span 2;align-self:center}.marker-row.clear{border-bottom:var(--border-soft);color:var(--text-dim)}.marker-empty{margin:var(--s2);font-size:var(--fs-micro);color:var(--text-dim)}.active-jobs{pointer-events:auto;background:var(--surface);border:var(--border);border-left:3px solid var(--teal);width:19rem;max-height:46vh;z-index:var(--z-panel-side);flex-direction:column;display:none;position:relative;overflow:hidden}.active-jobs[data-open=true]{display:flex}.active-head{border-bottom:var(--border);justify-content:space-between;align-items:baseline;padding:.45rem .8rem;display:flex}.active-title{color:var(--teal);text-transform:uppercase;letter-spacing:.18em;font-size:var(--fs-small)}.active-hint{font-size:var(--fs-micro);color:var(--text-dim);text-transform:uppercase}.active-list{overflow-y:auto}.active-job{border-bottom:1px solid color-mix(in srgb, var(--medium-brown) 40%, transparent);padding:.5rem .8rem .5rem 1.4rem;position:relative}.active-job[data-urgent=true]{background:color-mix(in srgb, var(--danger) 14%, transparent)}.job-nav-dot{border:1px solid var(--medium-brown);background:0 0;border-radius:50%;width:.4rem;height:.4rem;position:absolute;top:.75rem;left:.6rem}.active-job[data-nav=true] .job-nav-dot{background:var(--golden);border-color:var(--golden);box-shadow:0 0 6px var(--golden)}.job-objective{font-size:var(--fs-micro);color:var(--teal);text-transform:none;display:block}.dispatch-feed{border-top:var(--border);flex:none;min-height:3.2rem;max-height:8rem;padding:.4rem .8rem .55rem;overflow-y:auto}.feed-line{font-size:var(--fs-micro);color:var(--text-dim);text-transform:none;margin:0 0 .2rem;line-height:1.35}.feed-line[data-tone=urgent]{color:var(--warning)}.feed-line[data-tone=warning]{color:var(--danger)}.panel{z-index:var(--z-modal);background:var(--surface-strong);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;opacity:0;visibility:hidden;transition:opacity var(--dur) ease, visibility 0s linear var(--dur);place-items:center;display:grid;position:absolute;inset:0}.panel[data-open=true]{opacity:1;visibility:visible;transition:opacity var(--dur) ease, visibility 0s}.panel-inner,.summary-inner{border:var(--border);background:var(--dark-brown);width:min(38rem,92vw);max-height:88vh;transition:transform var(--dur) ease;padding:1.2rem 1.4rem 1.6rem;overflow-y:auto;transform:translateY(10px)scale(.985)}.panel[data-open=true] .panel-inner,.panel[data-open=true] .summary-inner{transform:none}.panel-head{border-bottom:var(--border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.6rem;display:flex}.panel h2{text-transform:uppercase;letter-spacing:.2em;font-size:var(--fs-value);color:var(--golden);margin:0}.panel h3{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.2em;color:var(--teal);margin:1.4rem 0 .6rem}.panel-head button{color:var(--light-beige);font-size:var(--fs-large);background:0 0;border:none;padding:0 .4rem}.summary-inner{position:relative}.summary-close{color:var(--light-beige);font-size:var(--fs-large);background:0 0;border:none;padding:0 .4rem;line-height:1;position:absolute;top:.5rem;right:.6rem}.field{font-size:var(--fs-micro);text-transform:uppercase;color:var(--light-beige);grid-template-columns:9rem 1fr;align-items:center;gap:.7rem;margin-bottom:.5rem;display:grid}.field.slider{grid-template-columns:9rem 1fr 3.4rem}.field.check{grid-template-columns:1fr auto}.field b{text-align:right;color:var(--golden)}.field input[type=text]{background:var(--track);border:var(--border);color:var(--golden);letter-spacing:.14em;text-transform:uppercase;padding:.42rem .6rem;font-family:inherit}.field input[type=range]{accent-color:var(--primary);width:100%}.button-row{flex-wrap:wrap;gap:.5rem;margin:.6rem 0;display:flex}.hint{font-size:var(--fs-micro);color:var(--text-dim);margin:.2rem 0 0;line-height:1.4}.hint.stats{color:var(--teal);font-variant-numeric:tabular-nums}.controls-list{font-size:var(--fs-micro);color:var(--text-dim);margin:0;padding-left:1rem;line-height:1.7}.controls-list b{color:var(--light-beige)}.bindings{grid-template-columns:1fr 1fr;gap:.3rem .8rem;margin-top:.4rem;display:grid}.binding{grid-template-columns:1fr auto;align-items:center;gap:.5rem;display:grid}.binding-name{font-size:var(--fs-micro);text-transform:uppercase;color:var(--text-dim)}.binding button{min-width:5.5rem;font-size:var(--fs-micro);color:var(--light-beige);border-color:var(--text-dim);background:0 0;padding:.25rem .5rem}.binding button[data-capturing=true]{border-color:var(--golden);color:var(--golden)}.chart-panel[data-open=true]{display:grid}.chart-inner{border:var(--border);background:var(--dark-brown);width:min(40rem,94vw);padding:1rem 1.2rem 1.2rem}.chart-frame{border:var(--border);line-height:0}.chart-canvas{image-rendering:auto;width:100%;height:auto}.chart-key{font-size:var(--fs-micro);color:var(--light-beige);grid-template-columns:repeat(2,1fr);gap:.2rem 1rem;margin:.7rem 0 .4rem;padding:0;list-style:none;display:grid}.chart-key li{grid-template-columns:1.4rem 1fr auto;align-items:baseline;gap:.4rem;display:grid}.chart-key b{color:var(--golden)}.chart-key span{color:var(--text-dim);font-size:var(--fs-micro)}.paused-banner{z-index:var(--z-paused);border:3px solid var(--golden);background:var(--surface-strong);color:var(--golden);font-size:var(--fs-large);letter-spacing:.3em;text-transform:uppercase;padding:.8rem 2.2rem;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.paused-banner[data-open=true]{display:block}.workshop{gap:.5rem;margin-top:.5rem;display:grid}.upgrade{border-left:3px solid var(--medium-brown);padding:.4rem 0 .4rem .7rem}.upgrade[data-state=available]{border-left-color:var(--success)}.upgrade[data-state=maxed]{border-left-color:var(--golden);opacity:.7}.upgrade-head{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.upgrade-name{font-size:var(--fs-micro);text-transform:uppercase;color:var(--light-beige)}.upgrade-level{font-size:var(--fs-micro);color:var(--text-dim)}.upgrade-blurb{font-size:var(--fs-micro);color:var(--text-dim);margin:.15rem 0 0;line-height:1.4}.upgrade-effect{font-size:var(--fs-micro);color:var(--teal);margin:.15rem 0 .35rem}.upgrade button{font-size:var(--fs-micro);padding:.32rem .7rem}.upgrade button:disabled{opacity:.4;cursor:not-allowed}.upgrade button:disabled:hover{background:var(--primary);border-color:var(--primary);color:var(--dark-brown)}[data-workshop-note][data-available=false]{color:var(--warning)}.workshop-inner{max-width:62rem}.workshop-columns{gap:var(--s5);grid-template-columns:1fr 1fr;align-items:start;display:grid}.workshop-columns>section{min-width:0}@media (max-width:900px){.workshop-columns{grid-template-columns:1fr}}.workshop-cue{border-color:var(--golden);animation:none}.workshop-cue .prompt-key{border-color:var(--golden);color:var(--golden)}.workshop-cue[data-open=true]{animation:none}.fuel-prompt{border-color:var(--teal);animation:none;bottom:30%}.fuel-prompt .prompt-key{border-color:var(--teal);color:var(--teal)}.fuel-prompt[data-open=true]{animation:none}.fuel-prompt[data-hold=false] .prompt-key{display:none}.summary-panel h2{font-size:var(--fs-large)}.summary-blurb{color:var(--text-dim);font-size:var(--fs-small);margin:.3rem 0 1.2rem}.summary-grid{grid-template-columns:repeat(3,1fr);gap:.7rem 1rem;margin-bottom:1rem;display:grid}.summary-grid div{border-left:3px solid var(--medium-brown);padding-left:.6rem}.summary-grid span{font-size:var(--fs-micro);text-transform:uppercase;color:var(--text-dim);display:block}.summary-grid b{font-size:var(--fs-value);color:var(--light-beige)}.summary-ore,.summary-lines{font-size:var(--fs-micro);color:var(--text-dim);margin:0 0 1rem;padding:0;line-height:1.6;list-style:none}.summary-ore b{color:var(--golden)}.summary-bond{border-top:var(--border);margin-bottom:1rem;padding-top:.6rem}.summary-bond-title{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.16em;color:var(--golden);margin-bottom:.4rem;display:block}.summary-bond .summary-grid{margin-bottom:0}.chart-plan{border-top:var(--border);gap:.25rem;margin:.6rem 0 0;padding:.6rem 0 0;list-style:none;display:grid}.chart-plan:empty{display:none}.chart-plan li{font-size:var(--fs-micro);color:var(--light-beige);align-items:baseline;gap:.45rem;display:flex}.chart-plan li b{min-width:1.1rem;color:var(--golden)}.chart-plan li span{color:var(--text-dim);margin-left:auto}.chart-plan li[data-feasibility=ok] span{color:var(--success)}.chart-plan li[data-feasibility=tight] span{color:var(--warning)}.chart-plan li[data-feasibility=late] span{color:var(--danger)}.chart-plan li[data-feasibility=untimed] span{color:var(--teal)}.ledger-sheet li,.ledger-sheet-net{font-size:var(--fs-micro);justify-content:space-between;align-items:baseline;gap:1rem;padding:.18rem 0;display:flex}.ledger-sheet li span,.ledger-sheet-net span{color:var(--light-beige)}.ledger-sheet [data-sign=in] b{color:var(--success)}.ledger-sheet [data-sign=out] b{color:var(--warning)}.ledger-sheet-net{border-top:var(--border);font-size:var(--fs-small);margin-top:.35rem;padding-top:.4rem}.ledger-sheet-net span{text-transform:uppercase;letter-spacing:.16em;color:var(--golden)}.ledger-inner{max-width:26rem}.ledger-panel .ledger-sheet{border-top:none;margin-bottom:0;padding-top:0}.summary-career{border-top:var(--border);border-bottom:var(--border);font-size:var(--fs-micro);color:var(--text-dim);margin-bottom:.8rem;padding:.6rem 0;line-height:1.6}.summary-career b{font-size:var(--fs-value);color:var(--golden);display:block}.summary-seed{font-size:var(--fs-micro);color:var(--text-dim)}.summary-seed b{color:var(--golden);letter-spacing:.14em}.summary-buttons{gap:.6rem;margin-top:1rem;display:flex}.stranded-panel h2{color:var(--danger);letter-spacing:.12em}.stranded-options{flex-direction:column;gap:.15rem;margin-top:1rem;display:flex}.stranded-options button{text-align:left;margin-top:.7rem}.stranded-options button[disabled]{opacity:.45;cursor:not-allowed}.stranded-options .hint{font-size:var(--fs-micro);margin:0;line-height:1.4}.stats-readout{font-size:var(--fs-micro);color:var(--teal);background:var(--surface);border:1px solid var(--medium-brown);font-variant-numeric:tabular-nums;white-space:pre;padding:.35rem .6rem;display:none;position:relative}.stats-readout[data-open=true]{display:block}.briefing-eyebrow{color:var(--teal);font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .3rem}.briefing-panel h2{font-size:var(--fs-large);margin-bottom:.9rem}.briefing-image{border:var(--border);width:100%;height:auto;margin-bottom:1rem;display:block}.briefing-body p{margin:0 0 .75rem;line-height:1.5}.briefing-body p:last-child{margin-bottom:0}.joke-card{gap:var(--s3);width:23rem;max-width:calc(100vw - 2.8rem);padding:var(--s2);background:var(--surface-strong);border:2px solid var(--golden);cursor:pointer;pointer-events:auto;display:none;position:relative}.joke-card[data-open=true]{animation:joke-in var(--dur) ease both;display:flex}@keyframes joke-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.joke-portrait{object-fit:cover;border:var(--border);background:var(--medium-brown);image-rendering:auto;flex:none;width:72px;height:72px}.joke-body{min-width:0}.joke-head{border-bottom:1px solid color-mix(in srgb, var(--medium-brown) 55%, transparent);justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.3rem;padding-bottom:.2rem;display:flex}.joke-handle{color:var(--golden);font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase}.joke-callsign{color:var(--text-dim);font-size:var(--fs-micro);letter-spacing:.1em;white-space:nowrap}.joke-text p{font-size:var(--fs-body);color:var(--light-beige);margin:0 0 .35rem;line-height:1.45}.joke-text p:last-child{margin-bottom:0}.beat-card{border-color:var(--teal)}.beat-card .joke-handle{color:var(--teal)}.beat-card[data-has-image=false] .joke-portrait{display:none}.market{background:var(--surface);border:var(--border);width:11.5rem;z-index:var(--z-panel-side);position:absolute;bottom:1rem;left:1.4rem}.market-head{border-bottom:var(--border);justify-content:space-between;align-items:baseline;padding:.35rem .6rem;display:flex}.market-title{color:var(--golden);text-transform:uppercase;letter-spacing:.16em;font-size:var(--fs-micro)}.market-unit{font-size:var(--fs-micro);color:var(--text-dim);text-transform:uppercase}.market-row{font-size:var(--fs-micro);grid-template-columns:2.4rem 1fr .8rem 2.2rem;align-items:baseline;gap:.2rem;padding:.22rem .6rem;display:grid}.market-ticker[data-token=golden]{color:var(--golden)}.market-ticker[data-token=danger]{color:var(--danger)}.market-ticker[data-token=teal]{color:var(--teal)}.market-ticker[data-token=medium-brown]{color:var(--light-beige)}.market-price{color:var(--light-beige);text-align:right}.market-arrow,.market-delta{color:var(--text-dim);text-align:right}.market-row[data-trend="1"] .market-arrow,.market-row[data-trend="1"] .market-delta{color:var(--teal)}.market-row[data-trend="-1"] .market-arrow,.market-row[data-trend="-1"] .market-delta{color:var(--danger)}.market-bond{border-top:var(--border);padding:.35rem .6rem .45rem}.market-bond-toggle{font-size:var(--fs-micro);color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;align-items:center;gap:.4rem;display:flex}.market-bond-toggle input{accent-color:var(--golden)}.market-bond-row{font-size:var(--fs-micro);grid-template-columns:2.4rem 1.8rem 1fr auto;align-items:baseline;gap:.25rem;margin-top:.28rem;display:grid}.market-bond-units{color:var(--light-beige);text-align:right}.market-bond-age{color:var(--text-faint)}.market-bond-worth{color:var(--teal);text-align:right}.market-bond-row button{font-size:var(--fs-micro);letter-spacing:.08em;padding:.05rem .35rem}.market-bond-row button[disabled]{opacity:.35;cursor:default}.market-bond-foot{font-size:var(--fs-micro);color:var(--text-faint);margin-top:.35rem}.job-est{font-size:var(--fs-micro);color:var(--teal);margin-top:.1rem;display:block}.job-operator{font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border:1px solid color-mix(in srgb, var(--medium-brown) 60%, transparent);margin-top:.15rem;padding:.02rem .28rem;display:inline-block}.standing-row{margin-bottom:.7rem}.standing-head{font-size:var(--fs-micro);justify-content:space-between;align-items:baseline;display:flex}.standing-name{color:var(--light-beige)}.standing-tier{text-transform:uppercase;letter-spacing:.1em;font-size:var(--fs-micro);color:var(--text-dim)}.standing-row[data-tier=trusted] .standing-tier,.standing-row[data-tier=preferred] .standing-tier{color:var(--teal)}.standing-row[data-tier=blacklisted] .standing-tier{color:var(--danger)}.standing-track{background:color-mix(in srgb, var(--medium-brown) 30%, transparent);border:1px solid color-mix(in srgb, var(--medium-brown) 55%, transparent);height:.4rem;margin:.22rem 0 .15rem}.standing-fill{background:var(--medium-brown);height:100%}.standing-row[data-tier=trusted] .standing-fill,.standing-row[data-tier=preferred] .standing-fill{background:var(--teal)}.standing-row[data-tier=blacklisted] .standing-fill{background:var(--danger)}.standing-gate{font-size:var(--fs-micro);color:var(--text-dim);text-transform:none}.toast{z-index:var(--z-toast);border:2px solid var(--warning);color:var(--warning);background:var(--surface-strong);font-size:var(--fs-small);text-transform:uppercase;opacity:0;pointer-events:none;padding:.5rem 1.1rem;transition:opacity .2s;position:absolute;top:7.5rem;left:50%;transform:translate(-50%)}.toast[data-open=true]{opacity:1}.toast[data-tone=danger]{border-color:var(--danger);color:var(--danger)}.toast[data-tone=good]{border-color:var(--golden);color:var(--golden)}.toast[data-tone=info]{border-color:var(--teal);color:var(--teal)}@media (max-height:760px){.hud-stack{max-height:40vh}.active-jobs{max-height:26vh}.hud-primary{padding:var(--s2) var(--s3);gap:var(--s3)}.gauge-value{font-size:var(--fs-large)}.dispatch{max-height:66vh}.dispatch-list{max-height:14rem}}@media (max-width:62rem){.hud-stack,.active-jobs,.joke-card{width:min(17rem,40vw)}.dispatch{width:min(19rem,44vw)}.hud-nav{width:min(22rem,52vw)}}.mission-points{color:var(--text-dim);font-size:var(--fs-small);letter-spacing:.08em}.mission-points[data-spendable=true]{color:var(--golden)}.mission-list{max-height:60vh;margin:0;padding:0;list-style:none;overflow-y:auto}.mission-row{border-bottom:1px solid color-mix(in srgb, var(--medium-brown) 45%, transparent);grid-template-columns:2.2rem 1fr auto auto;align-items:center;gap:.7rem;padding:.5rem .2rem;display:grid}.mission-number{color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:right}.mission-title{color:var(--light-beige)}.mission-note{color:var(--text-dim);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase}.mission-row[data-state=done] .mission-number{color:var(--success)}.mission-row[data-state=next] .mission-title,.mission-row[data-state=next] .mission-note{color:var(--golden)}.mission-row[data-state=locked]{opacity:.45}.mission-row[data-state=resume]{border-bottom:2px solid color-mix(in srgb, var(--golden) 55%, transparent)}.mission-row[data-state=resume] .mission-number,.mission-row[data-state=resume] .mission-title,.mission-row[data-state=resume] .mission-note{color:var(--golden)}.debrief-point{color:var(--golden);font-size:var(--fs-large);margin:.2rem 0 1rem}.debrief-point.secondary{color:var(--text-dim);font-size:var(--fs-small)}.job-race{color:var(--text-dim);font-size:var(--fs-micro);letter-spacing:.1em;font-variant-numeric:tabular-nums;grid-column:2/-1}.job-race[data-ahead=true]{color:var(--golden)}
