:root{--jo-space-950:#07111f;--jo-space-900:#0b1930;--jo-charcoal:#252a2d;--jo-metal:#596166;--jo-cream:#efe1c5;--jo-orange:#d96521;--jo-orange-bright:#ff8a2b;--jo-teal:#3d9b98;--jo-teal-dark:#226b70;--jo-hazard:#f6c445;--jo-alien:#a94cff;--jo-alien-bright:#d58cff;--jo-home:#62c9ff;--jo-danger:#ff4e3f;--jo-success:#63d38a;--jo-panel:#091322eb;--jo-panel-border:#efe1c53d}*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text-scale:1;font-family:Inter,ui-sans-serif,system-ui,sans-serif}html,body,#app{background:var(--jo-space-950);min-height:100%;color:var(--jo-cream);overscroll-behavior:none;margin:0}body{min-width:320px;font-size:calc(16px * var(--text-scale));background:radial-gradient(circle at 75% 12%, #2b1842 0, var(--jo-space-900) 34%, var(--jo-space-950) 66%)}button,input{font:inherit;touch-action:manipulation}button{color:inherit}.skip-link{z-index:100;color:#000;background:#fff;padding:12px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}.site-shell{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.site-shell.is-flight{grid-template-rows:1fr;height:100svh;min-height:100svh;overflow:hidden}.site-shell.is-flight .topbar,.site-shell.is-flight footer{display:none}.site-shell.is-flight .game-frame{height:100svh;min-height:100svh}.topbar{border-bottom:1px solid var(--jo-panel-border);background:#07111feb;align-items:center;gap:18px;min-height:58px;padding:9px clamp(12px,3vw,40px);display:flex}.brand{color:var(--jo-cream);letter-spacing:.08em;align-items:baseline;gap:7px;text-decoration:none;display:flex}.brand span{font-weight:900}.brand b{color:var(--jo-orange-bright);font-size:.78em}.beta{color:var(--jo-home);letter-spacing:.12em;text-transform:uppercase;margin-right:auto;font-size:.72rem}nav{gap:6px;display:flex}.game-frame{isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#050b14;width:100%;min-height:min(790px,100vh - 104px);position:relative;overflow:hidden}#game-canvas{position:absolute;inset:0;overflow:hidden}#game-canvas canvas{object-fit:cover;touch-action:none;position:absolute;inset:0;width:100%!important;height:100%!important}#game-canvas canvas:not(.flight-three-canvas){object-fit:cover;object-position:center;background:#050b14}.flight-three-canvas{z-index:2;display:block;object-fit:fill!important}.flight-model-loading{z-index:3;color:#b9f3ff;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;background:#030a12db;border:1px solid #6de5ff7a;border-radius:7px;padding:10px 14px;font:800 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;top:61%;left:50%;translate:-50% -50%;box-shadow:0 12px 34px #00000080,0 0 24px #2fcbff1f}.flight-model-loading[hidden]{display:none}.game-ui{pointer-events:none;z-index:3;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;inset:0}.game-panel,.game-status{pointer-events:none;min-width:0;min-height:0;display:grid;position:relative}.game-status{grid-row:1;align-items:start}.game-status:empty{display:none}.game-status[inert] .hud-pause{visibility:hidden}.game-panel{grid-row:1/-1;align-items:end}.game-panel.panel-flight{grid-row:3}.game-panel button,.game-panel input,.game-panel details,.game-status button{pointer-events:auto}.button{color:#fff;letter-spacing:.03em;cursor:pointer;text-transform:uppercase;background:linear-gradient(#f17d32,#b54119);border:1px solid #ee9a61;border-radius:8px;padding:12px 18px;font-weight:900;box-shadow:inset 0 1px #ffbd82,0 5px 18px #0006}.button:hover{filter:brightness(1.13)}.button:focus-visible{outline:3px solid var(--jo-home);outline-offset:2px}.button.quiet{border-color:var(--jo-panel-border);box-shadow:none;background:#091322b8;padding:9px 11px;font-size:.75rem}.button.secondary{background:linear-gradient(#328f92,#1d5f64);border-color:#70c9c3}.button.disabled,.button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.7)}.button.small{padding:9px 12px;font-size:.75rem}.kicker{color:var(--jo-home);text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:900}.menu-card,.yard-card,.story-card,.results-card,.board-card,.encounter-card,.recall-card{pointer-events:auto;border:1px solid var(--jo-panel-border);border-left:5px solid var(--jo-orange);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#091322f7,#0f1c2fe6);border-radius:12px;width:min(92vw,520px);margin:0 0 clamp(15px,5vh,50px) clamp(0px,4vw,48px);padding:clamp(20px,4vw,34px);box-shadow:0 22px 70px #000c}.menu-card img{width:min(100%,420px);margin:-18px auto 3px;display:block}.menu-card p,.yard-card p{color:#d8cab1}.menu-card>.button{width:100%;margin-top:9px;display:block}.menu-card small{text-align:center;color:#a9aeb2;margin-top:14px;display:block}.record,.result-grid{border-radius:7px;grid-template-columns:repeat(3,1fr);gap:1px;margin:18px 0;display:grid;overflow:hidden}.record span,.result-grid span{text-transform:uppercase;letter-spacing:.06em;background:#07111f;gap:4px;padding:10px;font-size:.7rem;display:grid}.record b,.result-grid b{color:var(--jo-hazard);font-size:1rem}.story-card{width:min(90vw,660px)}.story-card p{font-size:clamp(1.05rem,2.5vw,1.35rem)}.story-card div,.encounter-card div,.results-card>div{flex-wrap:wrap;gap:8px;display:flex}.game-panel.panel-prologue{align-items:end}.comic-card{width:min(88vw,560px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}.comic-card .kicker{background:var(--jo-hazard);color:#101015;border:2px solid #06101c;margin-bottom:8px;padding:6px 10px;display:inline-block;transform:rotate(-1deg);box-shadow:3px 3px #06101c}.comic-bubble{color:#09121d;background:#fff7de;border:4px solid #06101c;border-radius:22px;padding:16px 19px 18px;position:relative;transform:rotate(.35deg);box-shadow:6px 7px #06101ccc;display:block!important}.comic-bubble:after{content:"";background:#fff7de;border-bottom:4px solid #06101c;border-right:4px solid #06101c;width:26px;height:26px;position:absolute;bottom:-19px;left:34px;transform:skew(-25deg)rotate(43deg)}.comic-bubble b{color:#b84418;letter-spacing:.13em;font-size:.72rem;display:block}.comic-bubble p{margin:6px 0 0;font:800 clamp(1.05rem,2.2vw,1.4rem)/1.24 ui-sans-serif,system-ui,sans-serif}.comic-actions{z-index:1;justify-content:flex-end;margin-top:18px;position:relative}.comic-step-2,.comic-step-4,.comic-step-6,.comic-step-8,.comic-step-10{justify-self:end;margin-left:0;margin-right:clamp(0px,4vw,48px)}.yard-card h2,.results-card h2,.board-card h2{margin:5px 0;font-size:clamp(1.7rem,5vw,2.8rem)}.currency{font-weight:900;color:var(--jo-hazard)!important}.build-layout{pointer-events:auto;grid-template-columns:minmax(250px,1fr) minmax(300px,1.15fr) minmax(240px,.78fr);align-self:stretch;gap:10px;max-height:calc(100vh - 106px);display:grid}.build-copy,.ship-panel,.stats-panel{border:1px solid var(--jo-panel-border);background:var(--jo-panel);border-radius:10px;padding:18px;overflow:auto;box-shadow:0 12px 35px #0009}.build-copy h2{margin:6px 0}.build-copy>p{color:#bfc3c5;font-size:.88rem}.parts-list{gap:7px;display:grid}.parts-list h3{margin-bottom:2px}.part-card{text-align:left;cursor:pointer;background:#111d2d;border:1px solid #465057;border-left:4px solid #78848b;border-radius:7px;gap:4px;padding:11px;display:grid}.part-card span,.part-card small{color:#abb3b7}.part-card em{color:var(--jo-home);font-size:.66rem;font-style:normal;font-weight:800}.part-card small{font-size:.72rem}.part-card:hover{border-color:var(--jo-teal)}.rarity-uncommon{border-left-color:var(--jo-teal)}.rarity-rare{border-left-color:var(--jo-alien)}.rarity-legendary{border-left-color:var(--jo-hazard)}.ship-panel{text-align:center}.ship-visual{background:radial-gradient(circle,#173246 0,#07111f 64%);border-radius:12px;place-items:center;min-height:220px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000b}.ship-visual>img{object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.72)saturate(1.25)contrast(1.16)drop-shadow(0 18px 18px #000c);width:min(100%,520px);max-height:260px}.module-callouts{pointer-events:none;grid-template-columns:repeat(2,minmax(0,auto));place-content:space-between;display:grid;position:absolute;inset:9px}.module-callouts span{max-width:130px;color:var(--jo-home);text-transform:uppercase;letter-spacing:.05em;background:#07111fcc;border:1px solid #3d9b9877;border-radius:4px;padding:4px 6px;font-size:.55rem}.attached-list{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.attached-list button{text-align:left;cursor:pointer;background:#101a27;border:1px solid #4a5357;border-radius:6px;gap:2px;padding:9px;display:grid}.attached-list span{color:var(--jo-teal);text-transform:uppercase;font-size:.7rem}.stats-panel{flex-direction:column;gap:8px;display:flex}.meter{background:#07111f;border:1px solid #414b51;border-radius:6px;justify-content:space-between;padding:9px;display:flex;position:relative;overflow:hidden}.meter span,.meter b{z-index:1;position:relative}.meter i{width:var(--fill);opacity:.45;background:linear-gradient(90deg,#226b70,#3d9b98);position:absolute;inset:0 auto 0 0}.meter.danger i{background:var(--jo-danger)}.range{justify-content:space-between;display:flex}.warnings{color:#ff9288;gap:4px;font-size:.75rem;font-weight:800;display:grid}.warnings .ok{color:var(--jo-success)}.stats-panel details,.results-card details{border-top:1px solid var(--jo-panel-border);margin-top:8px;padding-top:10px}.upgrade{cursor:pointer;background:#111d2d;border:1px solid #48525a;border-radius:5px;justify-content:space-between;width:100%;margin-top:5px;padding:8px;display:flex}.upgrade span{color:var(--jo-hazard)}.build-launch-dock{display:none}.launch-count{text-align:center;text-transform:uppercase;letter-spacing:.15em;text-shadow:0 4px 20px #000;place-self:center;display:grid}.launch-count strong{color:var(--jo-hazard);font-size:clamp(5rem,18vw,12rem)}.flight-hud{filter:drop-shadow(0 8px 18px #000b);grid-template-columns:minmax(132px,auto) minmax(300px,1fr) minmax(180px,.52fr) auto;align-items:stretch;gap:8px;width:100%;display:grid}.distance{border:1px solid var(--jo-panel-border);border-left:3px solid var(--jo-home);background:linear-gradient(135deg,#060f1bf5,#112234db);border-radius:8px;padding:9px 12px}.distance span{color:var(--jo-home);letter-spacing:.14em;font-size:.58rem;font-weight:900;display:block}.distance b{font-size:1.28rem;line-height:1.05;display:block}.distance small{color:#9eaab0;font-size:.58rem;line-height:1.2;display:block}.distance small[data-hud=objective]{color:var(--jo-hazard);margin-top:2px}.hud-meters{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.hud-meters .meter{background:#050f1ce6;min-width:0;padding:7px 8px;font-size:.7rem}.systems-hud{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.system-meter{background:#050f1ceb;border:1px solid #3d6675;border-radius:7px;align-content:center;gap:2px;min-width:0;padding:6px 8px;display:grid;position:relative;overflow:hidden}.system-meter>*{z-index:1;position:relative}.system-meter span{color:#73e9ff;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;font-size:.5rem;font-weight:900;overflow:hidden}.system-meter b{font-size:.68rem}.system-meter small{color:#9fb0b8;font-size:.48rem}.system-meter i{z-index:0;width:var(--fill);background:#53d9ff;height:4px;position:absolute;inset:auto 0 0;box-shadow:0 0 12px #53d9ff}.booster-meter{border-color:#9a5435}.booster-meter span{color:#ffad61}.booster-meter i{background:#ff793c;box-shadow:0 0 12px #ff793c}.run-chain{border:1px solid var(--jo-panel-border);border-right:3px solid var(--jo-hazard);letter-spacing:.07em;background:#050f1ce6;border-radius:8px;gap:2px;min-width:102px;padding:6px 9px;font-size:.48rem;display:grid}.run-chain span{justify-content:space-between;gap:5px;display:flex}.run-chain b{color:var(--jo-hazard);font-size:.68rem}.run-chain .plasma-readout b{color:#67edff}.dialogue{border-left:3px solid var(--jo-orange);background:#050f1cdb;border-radius:0 7px 7px 0;gap:8px;width:min(70vw,620px);padding:7px 12px;font-size:.78rem;line-height:1.25;display:flex;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0008}.dialogue b{color:var(--jo-orange-bright);flex:none}.dialogue span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-controls{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:end;width:100%;display:none}.mobile-controls *{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.steering,.thrust-controls{align-items:end;gap:10px;display:flex}.button.control{background:radial-gradient(circle at 38% 28%,#24445a,#0b1c2d 62%,#050b14);border-width:2px;border-radius:50%;width:72px;height:72px;padding:0;font-size:1.6rem}.button.thrust{letter-spacing:0;white-space:nowrap;background:radial-gradient(circle at 40% 30%,#ffb05d,#d94e19 55%,#7e2510);border-radius:50%;width:94px;height:94px;padding:0;font-size:.72rem;line-height:1;box-shadow:inset 0 2px #ffd5a1,0 0 0 6px #091522cc,0 10px 28px #000a}.mobile-controls .button.small{min-width:52px;min-height:52px}.mobile-controls .button.is-held{filter:brightness(1.35);transform:translateY(2px)scale(.96);box-shadow:inset 0 4px 12px #0008,0 0 28px #62c9ff77}.flight-stick{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,54px);place-items:center;gap:2px;display:grid}.flight-stick .button.control{width:54px;height:54px;font-size:1rem}.flight-stick .pitch-up{grid-area:1/2}.flight-stick .steer-left{grid-area:2/1}.flight-stick .steer-right{grid-area:2/3}.flight-stick .pitch-down{grid-area:3/2}.thrust-controls{flex-wrap:wrap;justify-content:flex-end;max-width:190px}.checkpoint-card{pointer-events:auto;border:1px solid #5ce7ff77;border-top:4px solid var(--jo-home);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#05101df7,#122535f0);border-radius:14px;place-self:center;width:min(92vw,680px);max-height:min(88svh,760px);padding:clamp(20px,4vw,34px);overflow:auto;box-shadow:0 26px 90px #000d,0 0 55px #32d8ff22}.checkpoint-card h2{margin:5px 0 8px;font-size:clamp(1.8rem,5vw,3rem)}.checkpoint-card>p{color:#c7d4d9;line-height:1.45}.checkpoint-bank{grid-template-columns:repeat(2,1fr);gap:7px;margin:15px 0;display:grid}.checkpoint-bank span{color:#8da5af;letter-spacing:.08em;background:#071421;border:1px solid #355b6e;border-radius:7px;gap:4px;padding:11px;font-size:.65rem;display:grid}.checkpoint-bank b{color:#67edff;font-size:1.25rem}.checkpoint-parts{gap:7px;display:grid}.checkpoint-part{text-align:left;border:1px solid #4c6570;border-left:4px solid var(--jo-orange);color:#fff;cursor:pointer;background:#101f2d;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.checkpoint-part span{gap:3px;display:grid}.checkpoint-part small{color:#aebdc3}.checkpoint-part strong{color:#67edff;white-space:nowrap}.checkpoint-part:disabled{opacity:.42;cursor:not-allowed}.checkpoint-empty{border:1px dashed #48606b;border-radius:7px;margin:0;padding:14px}.checkpoint-dialogue{font-style:italic}.checkpoint-actions{flex-wrap:wrap;gap:8px;display:flex}.part-thumb{background-color:#071421;border:1px solid #506571;border-radius:7px;flex:0 0 56px;place-items:center;width:56px;height:56px;display:grid;overflow:hidden;box-shadow:inset 0 0 14px #0008}.part-thumb img{object-fit:contain;width:100%;height:100%;padding:2px;display:block}.part-card{grid-template-columns:56px 1fr;align-items:center;column-gap:10px}.part-card-copy,.attached-copy,.checkpoint-part-copy{gap:3px;min-width:0;display:grid}.part-card .part-card-copy span{color:#abb3b7}.attached-list button{grid-template-columns:48px 1fr;align-items:center;column-gap:7px}.attached-list .part-thumb{flex-basis:48px;width:48px;height:48px}.plasma-services{grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0;display:grid}.plasma-choice,.rescue-ration{background:#071421;border:1px solid #315767;border-radius:8px;align-content:start;gap:7px;padding:11px;display:grid}.plasma-choice small,.rescue-ration small,.checkpoint-bank small{color:#9cabb2;font-size:.65rem;line-height:1.3}.plasma-choice .button{align-self:end;padding:9px;font-size:.66rem}.rescue-ration{background:#25170f;border-color:#b2773b;margin:8px 0}.rescue-ration .button{justify-self:start}.checkpoint-part .part-thumb{flex-basis:54px;width:54px;height:54px}.checkpoint-part-copy{flex:auto}.checkpoint-part-copy small{line-height:1.3}.booster-meter>span{color:#ffad61}.booster-meter small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.booster-meter small span{color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit}.booster-meter i{opacity:.58;background:linear-gradient(90deg,#8d2c17,#ff793c);height:auto;inset:0 auto 0 0;box-shadow:inset 0 0 16px #ffb15a55,0 0 12px #ff793c}.booster-meter.danger{border-color:#ff493d}.booster-meter.danger i{background:linear-gradient(90deg,#7e0705,#ff3028);box-shadow:0 0 16px #ff3028}.booster-control{background:linear-gradient(#f06f27,#8a2913);border-color:#ff8a42}.shield-control{background:linear-gradient(#248db2,#16506c);border-color:#5ce7ff}.plasma-fuel-control{background:linear-gradient(#743fc1,#3b1c74);border-color:#b685ff;font-size:.62rem!important}.encounter-card{border-left-color:var(--jo-alien);place-self:center;margin:0}.recall-card{text-align:center;border:2px solid var(--jo-alien);place-self:center;margin:0;box-shadow:0 0 70px #a94cff66}.results-card>strong{color:var(--jo-home);margin:15px 0;font-size:clamp(3rem,12vw,6rem);line-height:1;display:block}.board-card ol{padding:0;list-style:none}.board-card li{border-bottom:1px solid var(--jo-panel-border);justify-content:space-between;padding:10px;display:flex}.board-card li span{color:var(--jo-home)}.dialogue{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ff82378c;border-left-width:4px;align-items:center;min-height:42px}.dialogue span{white-space:normal;text-overflow:clip}.dialogue.is-caution{background:linear-gradient(90deg,#4b2a03f5,#0c1621eb);border-color:#ffc24d;box-shadow:0 0 26px #ffae3352,0 9px 24px #000b}.dialogue.is-critical{background:linear-gradient(90deg,#660a09f7,#18080ff2);border-color:#ff493d;font-weight:800;box-shadow:0 0 38px #ff2d2380,0 10px 28px #000c}.dialogue.is-critical b{color:#fff}.game-frame.corridor-critical:after{content:"";z-index:2;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 55px #ff261c80}.hud-pause{z-index:4;background:#050f1ceb;min-width:88px;min-height:44px;padding:8px 11px;position:absolute;top:calc(100% + 7px);right:0}.object-key{z-index:3;color:#c7d8df;letter-spacing:.04em;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#040d18c2;border:1px solid #5eb1cc61;border-radius:7px;flex-wrap:wrap;gap:5px 10px;max-width:min(72vw,600px);padding:6px 9px;font-size:.58rem;display:flex;position:absolute;top:calc(100% + 57px);left:0}.object-key b{color:#70e8ff}.object-key span{align-items:center;gap:4px;display:inline-flex}.object-key .danger-key{color:#ff8c82;font-weight:800}.key-dot{vertical-align:middle;border:1px solid #fff9;border-radius:50%;width:11px;height:11px;display:inline-block;box-shadow:0 0 7px}.key-dot.plasma{color:#66efff;background:#66efff}.key-dot.part{color:#ff7d31;background:#ff7d31;border-radius:2px;transform:rotate(45deg)}.key-dot.scrap{color:#ffd45c;background:#ffd45c}.key-dot.mine{color:#ff342d;clip-path:polygon(50% 0,61% 32%,85% 15%,68% 40%,100% 50%,68% 60%,85% 85%,61% 68%,50% 100%,39% 68%,15% 85%,32% 60%,0 50%,32% 40%,15% 15%,39% 32%);background:#a90000;border-radius:0}.panel-tutorial{z-index:5;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));place-items:center;display:grid;position:absolute;inset:0}.pause-card,.tutorial-card{pointer-events:auto;border:1px solid #61e5ff8c;border-top:4px solid var(--jo-home);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#05101dfa,#112131f7);border-radius:16px;place-self:center;width:min(92vw,560px);max-height:92svh;padding:clamp(22px,5vw,38px);overflow:auto;box-shadow:0 30px 100px #000e,0 0 65px #2cd7ff33}.pause-card h2,.tutorial-card h2{margin:5px 0 10px;font-size:clamp(2rem,8vw,4rem);line-height:.95}.pause-card p,.tutorial-card p{color:#c5d5dc;line-height:1.55}.pause-actions{gap:8px;display:grid}.tutorial-actions{justify-content:space-between;gap:10px;margin-top:20px;display:flex}.tutorial-key,.guide-grid{gap:8px;display:grid}.tutorial-key{grid-template-columns:repeat(2,1fr);margin-top:16px}.tutorial-key span{background:#071421;border:1px solid #32586a;border-radius:8px;align-items:center;gap:8px;padding:10px;display:flex}.guide-grid section{background:#071421;border:1px solid #294b5b;border-radius:8px;padding:11px}.guide-grid p{color:#b8c9d0;margin:5px 0 0;line-height:1.45}.loading{text-align:center;background:var(--jo-panel);border-radius:8px;place-self:center;width:min(80vw,500px);padding:20px}.progress{background:#02060b;border-radius:8px;height:8px;margin-top:10px;overflow:hidden}.progress i{background:linear-gradient(90deg, var(--jo-orange), var(--jo-teal));height:100%;display:block}footer{border-top:1px solid var(--jo-panel-border);color:#8e969a;letter-spacing:.04em;justify-content:space-between;gap:20px;padding:7px clamp(12px,3vw,40px);font-size:.68rem;display:flex}dialog{width:min(92vw,440px);color:var(--jo-cream);background:var(--jo-space-900);border:1px solid var(--jo-panel-border);border-radius:12px}dialog::backdrop{background:#000b}dialog form{gap:16px;display:grid}dialog label{justify-content:space-between;gap:12px;display:flex}.high-contrast .game-panel>*,.high-contrast .game-status>*{background-color:#000!important;border-color:#fff!important}@media (max-width:900px){.site-shell{height:100svh;overflow:hidden}.topbar{min-height:52px}.beta,.topbar nav .button:first-child{display:none}.game-frame{min-height:calc(100svh - 52px)}.game-ui{padding:max(7px, env(safe-area-inset-top)) max(7px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left))}.build-layout{grid-template-columns:1fr 1fr;max-height:calc(100svh - 66px)}.stats-panel{grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}.stats-panel .button,.stats-panel details,.stats-panel .warnings{grid-column:span 3}.ship-visual{min-height:150px}.mobile-controls{display:flex}.flight-hud{grid-template-columns:minmax(104px,auto) minmax(180px,1fr) minmax(138px,.55fr) auto}.dialogue{font-size:.72rem}footer{display:none}}@media (hover:none) and (pointer:coarse){.mobile-controls{display:flex}}@media (max-width:620px),(max-height:600px) and (orientation:landscape){.topbar nav .button{width:44px;height:44px;padding:0;font-size:0}.topbar nav .button:nth-child(2):after{content:"⛶";font-size:1rem}.topbar nav .button:nth-child(3):after{content:"⚙";font-size:1rem}.menu-card,.yard-card,.story-card,.results-card,.board-card{width:100%;margin:0;padding:16px}.menu-card p{font-size:.82rem}.record{margin:10px 0}.game-panel.panel-build{align-self:stretch;overflow:hidden}.build-layout{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:6px;width:100%;max-height:100%;padding-bottom:4px;display:flex;overflow:hidden auto}.build-copy,.ship-panel,.stats-panel{flex:none;overflow:visible}.ship-panel{order:-3}.stats-panel{order:-2;grid-template-columns:repeat(2,1fr);display:grid}.build-copy{order:-1;max-height:none;overflow:visible}.stats-panel .desktop-launch{display:none}.stats-panel details,.stats-panel .warnings{grid-column:span 2}.attached-list{grid-template-columns:1fr 1fr}.ship-visual{min-height:160px}.ship-visual>img{max-height:190px}.build-launch-dock{z-index:8;border:1px solid var(--jo-panel-border);background:#050d17f7;border-bottom:0;border-radius:10px 10px 0 0;order:3;justify-content:space-between;align-items:center;gap:10px;padding:8px;display:flex;position:sticky;bottom:0;box-shadow:0 -12px 28px #000b}.build-launch-dock span{text-align:left;display:grid}.build-launch-dock small{color:var(--jo-home);letter-spacing:.1em;font-size:.52rem}.build-launch-dock b{color:var(--jo-hazard)}.build-launch-dock .button{min-height:48px}.flight-hud{grid-template-columns:88px minmax(110px,1fr) 112px 58px;gap:4px}.distance{padding:5px 6px}.distance b{font-size:.92rem}.distance small{font-size:.5rem}.hud-meters{grid-template-columns:repeat(2,1fr);gap:3px}.hud-meters .meter{min-height:28px;padding:4px 5px;font-size:.58rem}.systems-hud{grid-template-columns:1fr;gap:2px}.system-meter{min-height:28px;padding:3px 5px}.run-chain{min-width:0;padding:5px 4px;font-size:.45rem}.run-chain span{gap:0;display:grid}.dialogue{width:min(86vw,520px);padding:5px 8px;font-size:.66rem}.button.control{width:60px;height:60px}.button.thrust{width:78px;height:78px}.steering,.thrust-controls{gap:6px}.plasma-services{grid-template-columns:1fr}}@media (max-height:600px) and (orientation:landscape){.topbar{min-height:44px;padding-block:4px}.topbar .brand,.topbar nav .button:first-child{display:none}.game-frame{min-height:calc(100svh - 44px)}.menu-card{max-height:100%;padding:8px 16px;overflow:auto}.menu-card img{width:min(42vw,300px);margin:-5px auto 0}.menu-card p{text-align:center;margin:3px 0;font-size:.7rem}.menu-card .record{margin:5px 0}.menu-card .record span{padding:5px 8px;font-size:.56rem}.menu-card .record b{font-size:.8rem}.menu-card>.button{min-height:38px;margin-top:4px;padding:7px 12px}.menu-card small{margin-top:5px;font-size:.55rem}.flight-hud{grid-template-columns:86px minmax(170px,1fr) 118px 62px}.distance{padding:4px 6px}.distance b{font-size:.92rem}.distance small[data-hud=speed]{display:none}.hud-meters{grid-template-columns:repeat(4,1fr)}.hud-meters .meter{min-height:25px;padding:3px 5px}.systems-hud{grid-template-columns:repeat(2,1fr)}.dialogue{width:min(58vw,420px);padding:3px 7px;font-size:.58rem;top:calc(100% + 3px)}.button.control{width:58px;height:58px}.button.thrust{width:72px;height:72px}.mobile-controls .button.small{min-width:48px;min-height:48px}.flight-stick{grid-template-rows:repeat(3,36px);grid-template-columns:repeat(3,46px)}.flight-stick .button.control{width:48px;height:48px}.thrust-controls{gap:5px;max-width:176px}}@media (max-width:620px) and (orientation:portrait){:root{font-size:13px}.topbar{min-height:46px;padding:4px 7px}.topbar .brand{font-size:.9rem}.topbar nav{gap:3px}.topbar nav .button{width:40px;height:40px}.game-frame{height:calc(100svh - 46px);min-height:calc(100svh - 46px)}.site-shell.is-flight .game-frame{height:100svh;min-height:100svh}.game-ui{padding:max(5px, env(safe-area-inset-top)) max(5px, env(safe-area-inset-right)) max(5px, env(safe-area-inset-bottom)) max(5px, env(safe-area-inset-left))}.menu-card,.yard-card,.story-card,.results-card,.board-card{max-height:100%;padding:13px;overflow:auto}.menu-card img{width:min(100%,310px);margin-top:-8px}.menu-card p{margin:7px 0}.record{margin:8px 0}.record span{padding:7px}.comic-card{width:96%;margin:0 0 8px;padding:0;overflow:visible}.comic-bubble{border-width:3px;padding:12px 14px 14px}.comic-bubble p{font-size:1rem}.comic-actions{margin-top:14px}.build-layout{transform-origin:top;font-size:.88rem}.build-copy,.ship-panel,.stats-panel{padding:11px}.ship-visual{min-height:125px}.ship-visual>img{max-height:145px}.part-card{padding:8px}.attached-list button{padding:7px}.flight-hud{grid-template-columns:78px minmax(88px,1fr) 92px 62px;gap:3px}.distance{padding:4px 5px}.distance b{font-size:.86rem}.distance small{font-size:.44rem}.distance small[data-hud=speed]{display:none}.hud-meters{grid-template-columns:repeat(2,1fr);gap:2px}.hud-meters .meter{min-height:26px;padding:3px 4px;font-size:.52rem}.systems-hud{grid-template-columns:1fr;gap:2px}.system-meter{min-height:26px;padding:3px 4px}.system-meter span,.system-meter small{font-size:.42rem}.system-meter b{font-size:.55rem}.run-chain{min-width:0;padding:4px;font-size:.4rem}.run-chain b{font-size:.55rem}.dialogue{width:88vw;padding:4px 7px;font-size:.58rem}.flight-stick{grid-template-rows:repeat(3,36px);grid-template-columns:repeat(3,46px);transform:translateY(-4px)}.flight-stick .button.control{width:48px;height:48px}.button.thrust{width:68px;height:68px}.mobile-controls .button.small{min-width:48px;min-height:48px;padding:7px}.thrust-controls{gap:4px;max-width:154px}.checkpoint-card{width:96%;max-height:96%;padding:16px}.checkpoint-bank{margin:10px 0}.checkpoint-part{gap:8px;padding:8px}.checkpoint-part .part-thumb{flex-basis:46px;width:46px;height:46px}.part-thumb{flex-basis:48px;width:48px;height:48px}.part-card{grid-template-columns:48px 1fr}.plasma-services{grid-template-columns:1fr}.checkpoint-actions .button{flex:100%}}@media (max-height:600px) and (orientation:landscape){.game-ui{padding:max(3px, env(safe-area-inset-top)) max(5px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(5px, env(safe-area-inset-left))}.flight-hud{filter:none;grid-template-columns:78px minmax(250px,1fr) 132px 70px;gap:3px;height:62px;max-height:62px}.distance{min-height:0;padding:3px 5px}.distance span{letter-spacing:.08em;font-size:.56rem}.distance b{font-size:.78rem}.distance small{font-size:.54rem;line-height:1.12}.distance small[data-hud=objective]{display:none}.hud-meters{grid-template-columns:repeat(4,1fr);gap:2px}.hud-meters .meter{align-items:center;min-height:0;padding:3px 4px;font-size:.64rem}.systems-hud{grid-template-columns:repeat(2,1fr);gap:2px}.system-meter{min-height:0;padding:3px 4px}.system-meter span{letter-spacing:0;font-size:.52rem}.booster-meter span{white-space:normal;text-overflow:clip;line-height:1.02}.system-meter b{font-size:.61rem}.system-meter small{font-size:.5rem}.run-chain{letter-spacing:0;min-width:0;padding:3px 4px;font-size:.49rem}.run-chain b{font-size:.58rem}.run-chain span{gap:2px;display:flex}.dialogue{top:calc(max(3px, env(safe-area-inset-top)) + 66px);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#050f1cb3;width:min(50vw,420px);padding:4px 7px;font-size:.62rem;position:fixed;bottom:auto}.mobile-controls{align-items:end}.flight-stick{grid-template-rows:repeat(3,48px);grid-template-columns:repeat(3,48px);gap:1px}.flight-stick .button.control{opacity:.86;width:48px;height:48px}.thrust-controls{grid-template-rows:48px 62px;grid-template-columns:48px 48px 62px;place-items:center;gap:4px;max-width:none;display:grid}.thrust-controls .button{opacity:.88;width:48px;min-width:48px;height:48px;min-height:48px;padding:3px;font-size:.55rem}.thrust-controls .button:first-child{grid-area:1/1}.thrust-controls .button:nth-child(2){grid-area:1/2}.thrust-controls .button:nth-child(3){grid-area:2/1}.thrust-controls .button:nth-child(4){grid-area:2/2;font-size:.49rem!important}.thrust-controls .button:nth-child(5){grid-area:1/3}.thrust-controls .button.thrust{opacity:.96;grid-area:2/3;width:60px;height:60px;font-size:.62rem}}@media (max-width:900px){.hud-pause{width:48px;min-width:48px;padding:0;font-size:.85rem}.hud-pause span{display:none}.object-key{max-width:calc(100vw - 64px)}}@media (max-width:620px) and (orientation:portrait){.dialogue{width:calc(100vw - 66px);left:0;transform:none}.object-key{gap:4px 7px;font-size:.52rem;top:calc(100% + 59px)}.object-key b{width:100%}.pause-card,.tutorial-card{width:calc(100vw - 18px);padding:18px}.panel-tutorial{align-items:center;padding-block:9px}.tutorial-card{overscroll-behavior:contain;border-radius:12px;max-height:calc(100svh - 18px);padding:15px}.tutorial-card .kicker{letter-spacing:.1em;font-size:.58rem}.tutorial-card h2{margin:7px 0 8px;font-size:clamp(1.65rem,8vw,2.25rem)}.tutorial-card p{margin:0;font-size:.88rem;line-height:1.42}.tutorial-key{grid-template-columns:1fr 1fr;gap:6px;margin-top:11px}.tutorial-key span{min-height:40px;padding:7px 9px;font-size:.76rem}.tutorial-actions{padding:10px 15px max(10px, env(safe-area-inset-bottom));background:linear-gradient(#091523d1,#091523 28%);margin:14px -15px -15px;position:sticky;bottom:-15px}.tutorial-actions .button{flex:1 1 0;min-height:46px;padding:9px 10px;font-size:.72rem}}@media (max-height:600px) and (orientation:landscape){.hud-pause{top:calc(max(3px, env(safe-area-inset-top)) + 66px);right:max(5px, env(safe-area-inset-right));position:fixed}.object-key{top:calc(max(3px, env(safe-area-inset-top)) + 116px);max-width:60vw;position:fixed}.dialogue{left:50%;transform:translate(-50%)}.pause-card,.tutorial-card{width:min(70vw,580px);max-height:96svh;padding:14px 20px}.pause-card h2,.tutorial-card h2{font-size:2rem}.pause-card p,.tutorial-card p{margin:7px 0;font-size:.72rem}.pause-actions{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}