:root{--space:#0b1730;--space-2:#14254a;--room:#fff5e5;--room-2:#f6e6cc;--ink:#17233c;--ink-soft:#4a5672;--teal:#0d766e;--teal-soft:#d4efec;--warn-bg:#ffe3a3;--warn-ink:#633a00;--card:#fff;--line:#e2d3b8;--sun:#ffc65c;--coral:#ef6f5c;--leaf:#4f9d4a;--sky-blue:#5aa9e6;--gap:8px;--radius:20px;--radius-sm:12px;--tap:44px;--shadow:0 6px 0 #17233c24;--shadow-soft:0 10px 30px #0b173040;--font:ui-rounded, "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--text:16px;--text-lg:18px;--text-xl:24px;--leading:1.4;--fast:.16s;--slow:.6s;--bounce:cubic-bezier(.34, 1.56, .64, 1)}@media (prefers-reduced-motion:reduce){:root{--fast:1ms;--slow:1ms}}*,:before,:after{box-sizing:border-box}html,body{background:var(--space);min-height:100dvh;color:var(--ink);font-family:var(--font);font-size:var(--text);line-height:var(--leading);-webkit-text-size-adjust:100%;margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.scene{--sc-shell:#dde4f0;--sc-shell-2:#b7c2d6;--sc-metal:#96a3bd;--sc-moon:#a7afc0;--sc-moon-2:#858ea3;--sc-wood:#c98d55;--sc-off:#59647e;--sc-dawn-0:#3d4f93;--sc-dawn-1:#e9967a;--sc-room:var(--room);--sc-floor:var(--room-2);--sc-glow:.55;--sc-crew-x:62%;--sc-crew-y:50.2%;--sc-slide:calc(var(--slow) * 1.5);--sc-dawn-time:calc(var(--slow) * 4);aspect-ratio:4/3;isolation:isolate;border-radius:var(--radius);background:var(--space);-webkit-user-select:none;user-select:none;width:100%;position:relative;overflow:hidden;container-type:inline-size}.scene .scene__stage{position:absolute;inset:0}.scene .scene__art{width:100%;height:100%;font-family:var(--font);display:block;position:absolute;inset:0}.scene .o{stroke:var(--ink);stroke-width:5px;stroke-linejoin:round;stroke-linecap:round}.scene .o-thin{stroke:var(--ink);stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.scene .dev{transform-box:fill-box;transform-origin:50% 100%;transition:filter var(--fast)}.scene .dev.is-active{filter:drop-shadow(0 0 3px var(--sun)) drop-shadow(0 0 12px var(--sun))}.scene[data-open="0"] .dev.is-active{animation:1.1s ease-in-out infinite sc-wiggle}.scene .tick{fill:none;stroke:var(--card);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity var(--fast)}.scene .metal{fill:var(--sc-metal)}.scene .wood{fill:var(--sc-wood)}.scene .hub{fill:var(--ink)}.scene .mast{fill:none;stroke:var(--ink);stroke-width:9px;stroke-linecap:round}.scene .mast.mast--thin{stroke-width:5px}.scene .feed{fill:var(--coral)}.scene .lbl{fill:var(--ink);font-size:26px;font-weight:800}.scene .st-space{stop-color:var(--space)}.scene .st-space-2{stop-color:var(--space-2)}.scene .st-dawn-0{stop-color:var(--sc-dawn-0)}.scene .st-dawn-1{stop-color:var(--sc-dawn-1)}.scene .st-dawn-2,.scene .st-glow{stop-color:var(--sun)}.scene .sky-dawn{opacity:0;transition:opacity var(--sc-dawn-time) ease-in-out}.scene .stars{transition:opacity var(--sc-dawn-time)}.scene .star{fill:var(--room)}.scene .star.star--twinkle{animation:3.2s ease-in-out infinite sc-twinkle}.scene .sun{opacity:0;transition:opacity var(--sc-dawn-time), translate var(--sc-dawn-time) ease-out;translate:0 140px}.scene .sun-disc{fill:var(--sun)}.scene .sun-rays{fill:none;stroke:var(--sun);stroke-width:7px;stroke-linecap:round;transform-origin:1135px 95px}.scene .earth-sea{fill:var(--sky-blue)}.scene .earth-land{fill:var(--leaf)}.scene .earth-cloud{fill:none;stroke:var(--card);stroke-width:6px;stroke-linecap:round}.scene .earth-shade{fill:var(--space);opacity:.28}.scene [data-dev=earth]{transform-origin:50%}.scene .signal{opacity:0;transition:opacity var(--slow)}.scene .wave{fill:none;stroke:var(--sun);stroke-width:7px;stroke-linecap:round}.scene .moon{fill:var(--sc-moon);stroke:var(--ink);stroke-width:5px;transition:fill var(--sc-dawn-time)}.scene .crater{fill:var(--sc-moon-2);transition:fill var(--sc-dawn-time)}.scene .foot{fill:var(--sc-shell-2)}.scene .shell{fill:var(--sc-shell)}.scene .roof{fill:var(--sc-shell-2)}.scene .vent{fill:var(--sc-metal)}.scene .room-bg{fill:var(--sc-room);transition:fill var(--sc-slide)}.scene .room-floor{fill:var(--sc-floor);transition:fill var(--sc-slide)}.scene .room-glow{fill:url(#sc-lamp);opacity:var(--sc-glow);transition:opacity var(--sc-slide);pointer-events:none}.scene .room-edge{fill:none;stroke-width:6px}.scene .porthole-glass{fill:var(--space-2);transition:fill var(--sc-dawn-time)}.scene .heat-arrow{transform-origin:104px 640px;transition:scale var(--slow) var(--bounce)}.scene .heat-arrow__shape{fill:var(--coral)}.scene .heat-arrow__waves{fill:none;stroke:var(--card);stroke-width:5px;stroke-linecap:round}.scene[data-warmth="0"] .heat-arrow{animation:.9s ease-in-out infinite sc-leak;scale:1.28}.scene[data-warmth="2"] .heat-arrow{scale:.42}.scene .lamp{fill:var(--sc-off);transition:fill var(--fast)}.scene .beam{fill:var(--sun);opacity:0;transition:opacity var(--slow)}.scene .soil{fill:#7a5236}.scene .planter{fill:var(--teal)}.scene .planter-drop{fill:var(--teal-soft)}.scene .stem{fill:none;stroke:var(--leaf);stroke-width:6px;stroke-linecap:round}.scene .leaf{fill:var(--leaf)}.scene .crop{transform-box:fill-box;transform-origin:50% 100%;transition:scale var(--slow) var(--bounce), opacity var(--fast)}.scene .crop.crop--grown{opacity:0;scale:.2}.scene[data-lights="1"] .lamp{fill:var(--sun)}.scene[data-lights="1"] .beam{opacity:.42}.scene:not([data-crop="0"]) .crop--seed{opacity:0}.scene:not([data-crop="0"]) .crop--grown{opacity:1;scale:1}.scene .beacon-dome{fill:var(--sc-off)}.scene .beacon-rays,.scene .beacon-mark{fill:none;stroke:var(--coral);stroke-width:6px;stroke-linecap:round;opacity:0}.scene .beacon-mark{stroke:var(--card);stroke-width:4px}.scene[data-alert="1"] .beacon-dome{fill:var(--coral);animation:.9s steps(2,jump-none) infinite sc-flash}.scene[data-alert="1"] .beacon-rays{opacity:1;animation:.9s steps(2,jump-none) infinite sc-flash}.scene[data-alert="1"] .beacon-mark{opacity:1}.scene .blanket{fill:var(--sky-blue)}.scene .pillow{fill:var(--card)}.scene .blanket-fold{stroke:var(--ink);stroke-width:4px;stroke-linecap:round}.scene .bag-handle{fill:none;stroke:var(--ink);stroke-width:6px;stroke-linecap:round}.scene .bag-a{fill:var(--sky-blue)}.scene .bag-b{fill:var(--sun)}.scene .bag-seam{stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-dasharray:2 7}.scene .bag-mark{fill:var(--card);stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}.scene .bag-move{transform-box:fill-box;transform-origin:50%;transition:transform var(--sc-slide) var(--bounce)}.scene[data-bag="1"] .bag-move{animation:1s ease-in-out infinite sc-float;transform:translate(40px,-36px)rotate(-10deg)scale(1.12)}.scene[data-bag="2"] .bag-move{transform:translate(202px,106px)}.scene .shelter-arch{fill:var(--sc-floor);fill-opacity:.55;stroke-dasharray:4 14;transition:fill-opacity var(--slow)}.scene .shelter-wall{fill:none;stroke:var(--sky-blue);stroke-width:26px;stroke-linecap:round;opacity:0;transition:opacity var(--slow)}.scene .shelter-seams{fill:none;stroke:var(--ink);stroke-width:26px;stroke-dasharray:3 37;opacity:0;transition:opacity var(--slow)}.scene .shield-plate{fill:var(--sc-shell);stroke-dasharray:4 10;transition:fill var(--slow)}.scene .shield-open{fill:none;stroke:var(--ink);stroke-width:6px;stroke-linecap:round}.scene .spot{fill:var(--sun);fill-opacity:.35;stroke:var(--ink);stroke-width:4px;stroke-dasharray:9 8}.scene .spot-arrow{fill:none;stroke:var(--ink);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform-box:fill-box}.scene[data-bag="1"] .spot-arrow{opacity:1;animation:.8s ease-in-out infinite sc-bob}.scene[data-shelter=protected] .shelter-arch{fill-opacity:.9;stroke-dasharray:none}.scene[data-shelter=protected] .shelter-wall{opacity:1}.scene[data-shelter=protected] .shelter-seams{opacity:.55}.scene[data-shelter=protected] .shield-plate{fill:var(--teal);stroke-dasharray:none}.scene[data-shelter=protected] .shield .tick{opacity:1}.scene[data-shelter=protected] .shield-open,.scene[data-shelter=protected] .spot{opacity:0}.scene .pipe-edge{fill:none;stroke:var(--ink);stroke-width:30px;stroke-linejoin:round}.scene .pipe{fill:none;stroke:var(--sc-metal);stroke-width:20px;stroke-linejoin:round}.scene .valve-body{fill:var(--sc-shell)}.scene .wheel{fill:var(--coral)}.scene .wheel-spokes{fill:none;stroke:var(--ink);stroke-width:6px;stroke-linecap:round}.scene .knob{fill:var(--sun)}.scene .valve-wheel{transform-origin:200px 640px;transition:rotate var(--slow) var(--bounce)}.scene .tag-plate{fill:var(--coral);transition:fill var(--fast)}.scene .tag-open{fill:none;stroke:var(--card);stroke-width:4px;stroke-linecap:round}.scene[data-valve="1"] .valve-wheel{rotate:135deg}.scene[data-valve="1"] .tag-plate{fill:var(--teal)}.scene[data-valve="1"] .valve-tag .tick{opacity:1}.scene[data-valve="1"] .tag-open{opacity:0}.scene .battery-body{fill:var(--ink-soft)}.scene .cell rect{fill:var(--sc-off);stroke:var(--ink);stroke-width:3px;stroke-dasharray:5 5;transition:fill var(--fast)}.scene .cell .bolt{fill:var(--ink);opacity:0;transition:opacity var(--fast)}:is(.scene[data-power="1"] .cell:nth-child(-n+1),.scene[data-power="2"] .cell:nth-child(-n+2),.scene[data-power="3"] .cell:nth-child(-n+3),.scene[data-power="4"] .cell:nth-child(-n+4),.scene[data-power="5"] .cell:nth-child(-n+5),.scene[data-power="6"] .cell:nth-child(-n+6),.scene[data-power="7"] .cell:nth-child(-n+7)) rect{fill:var(--sun);stroke-dasharray:none}:is(.scene[data-power="1"] .cell:nth-child(-n+1),.scene[data-power="2"] .cell:nth-child(-n+2),.scene[data-power="3"] .cell:nth-child(-n+3),.scene[data-power="4"] .cell:nth-child(-n+4),.scene[data-power="5"] .cell:nth-child(-n+5),.scene[data-power="6"] .cell:nth-child(-n+6),.scene[data-power="7"] .cell:nth-child(-n+7)) .bolt{opacity:1}.scene .machine{fill:var(--teal-soft)}.scene .machine.machine--water{fill:var(--sc-shell)}.scene .fan-window{fill:var(--space-2)}.scene .fan{fill:var(--card);stroke:var(--ink);stroke-width:3px;stroke-linejoin:round;transform-origin:548px 668px;animation:3.6s linear infinite sc-spin}.scene .o2-bubbles{fill:var(--teal-soft);stroke:var(--ink);stroke-width:3px;animation:2.4s ease-in infinite sc-rise}.scene .status-plate{fill:var(--teal);transition:fill var(--fast)}.scene .gen-status .tick{opacity:1}.scene .status-stop{fill:none;stroke:var(--card);stroke-width:5px;stroke-linecap:round;opacity:0}.scene[data-generator=on] .fan{animation-duration:.9s}.scene[data-generator=off] .fan{animation:none}.scene[data-generator=off] .o2-bubbles{opacity:0;animation:none}.scene[data-generator=off] .status-plate{fill:var(--coral)}.scene[data-generator=off] .gen-status .tick{opacity:0}.scene[data-generator=off] .status-stop{opacity:1}.scene[data-generator=off][data-active=oxygen] .status-plate{animation:1s steps(2,jump-none) infinite sc-flash}.scene .tank{fill:var(--sc-shell)}.scene .tank-fill{fill:var(--sky-blue);transform-box:fill-box;transform-origin:50% 100%;transition:scale var(--slow) ease-in-out}.scene .reserve .tick{opacity:1}.scene .tank-empty{fill:none;stroke:var(--ink-soft);stroke-width:6px;stroke-linecap:round;opacity:0;transition:opacity var(--fast) var(--slow)}.scene[data-reserve="0"] .tank-fill{scale:1 .06}.scene[data-reserve="0"] .tank{stroke-dasharray:6 10}.scene[data-reserve="0"] .reserve .tick{opacity:0}.scene[data-reserve="0"] .tank-empty{opacity:1}.scene .bottle{transform-box:fill-box;transform-origin:50% 100%}.scene .bottle-body{fill:#0000;stroke:var(--ink-soft);stroke-width:3px;stroke-dasharray:4 5;transition:fill var(--fast)}.scene .bottle-cap,.scene .bottle-wave{opacity:0;transition:opacity var(--fast)}.scene .bottle-cap{fill:var(--ink)}.scene .bottle-wave{fill:none;stroke:var(--card);stroke-width:3px;stroke-linecap:round}:is(.scene[data-water="1"] .bottle:nth-child(-n+1),.scene[data-water="2"] .bottle:nth-child(-n+2),.scene[data-water="3"] .bottle:nth-child(-n+3),.scene[data-water="4"] .bottle:nth-child(-n+4),.scene[data-water="5"] .bottle:nth-child(-n+5)) .bottle-body{fill:var(--sky-blue);stroke:var(--ink);stroke-dasharray:none}:is(.scene[data-water="1"] .bottle:nth-child(-n+1),.scene[data-water="2"] .bottle:nth-child(-n+2),.scene[data-water="3"] .bottle:nth-child(-n+3),.scene[data-water="4"] .bottle:nth-child(-n+4),.scene[data-water="5"] .bottle:nth-child(-n+5)) .bottle-cap,:is(.scene[data-water="1"] .bottle:nth-child(-n+1),.scene[data-water="2"] .bottle:nth-child(-n+2),.scene[data-water="3"] .bottle:nth-child(-n+3),.scene[data-water="4"] .bottle:nth-child(-n+4),.scene[data-water="5"] .bottle:nth-child(-n+5)) .bottle-wave{opacity:1}.scene .drop{fill:var(--sky-blue);stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}.scene .crack{fill:none;stroke:var(--ink);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.scene .puddle{fill:var(--sky-blue);stroke:var(--ink);stroke-width:3px;opacity:0}.scene .badge{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity var(--fast), scale var(--slow) var(--bounce);scale:.4}.scene .badge .tick{opacity:1}.scene .badge.badge--warn .o{fill:var(--warn-bg)}.scene .badge.badge--ok .o,.scene .badge.badge--printed .o{fill:var(--teal)}.scene .badge-mark{fill:none;stroke:var(--warn-ink);stroke-width:5px;stroke-linecap:round}.scene[data-recycler=broken] .badge--warn{opacity:1;animation:1s steps(2,jump-none) infinite sc-flash;scale:1}.scene[data-recycler=broken] .crack,.scene[data-recycler=broken] .puddle{opacity:1}.scene[data-recycler=broken] .drop{fill:var(--sc-off)}.scene[data-recycler=ok] .badge--ok,.scene[data-clip="1"] .badge--printed{opacity:1;scale:1}.scene .spool{fill:var(--coral)}.scene .frame-edge{fill:none;stroke:var(--ink);stroke-width:18px;stroke-linejoin:round;stroke-linecap:round}.scene .frame{fill:none;stroke:var(--sun);stroke-width:9px;stroke-linejoin:round;stroke-linecap:round}.scene .head{fill:var(--sc-shell)}.scene .nozzle{fill:var(--coral)}.scene .bed{fill:var(--sc-metal)}.scene .print-layers{fill:none;stroke:var(--coral);stroke-width:6px;stroke-linecap:round}.scene .panel-face{fill:var(--space-2);transition:fill var(--sc-dawn-time)}.scene .panel-grid{fill:none;stroke:var(--sky-blue);stroke-width:3px;opacity:.7}.scene .charge{fill:var(--sun);opacity:0;transform-box:fill-box;transition:opacity var(--slow) var(--sc-dawn-time)}.scene .dish{fill:var(--sc-shell)}.scene .cable{fill:none;stroke:var(--coral);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;transition:opacity var(--slow)}.scene .cable.cable--tidy{opacity:0}.scene .cable-end{fill:var(--sun);stroke:var(--ink);stroke-width:3px;transition:opacity var(--slow)}.scene .clip{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity var(--fast), scale var(--slow) var(--bounce);scale:.3}.scene .clip-body{fill:var(--sun)}.scene .clip-mark{stroke:var(--ink);stroke-width:4px;stroke-linecap:round}.scene[data-cable=tidy] .cable--loose,.scene[data-cable=tidy] .cable-end{opacity:0}.scene[data-cable=tidy] .cable--tidy{opacity:1}.scene[data-clip="1"] .clip{opacity:1;scale:1}.scene .rover-body{fill:var(--sun)}.scene .rover-window{fill:var(--sky-blue)}.scene [data-dev=rover] .wheel{fill:var(--ink-soft)}.scene .frost{fill:none;stroke:var(--sky-blue);stroke-width:5px;stroke-linecap:round;opacity:0;transition:opacity var(--slow)}.scene[data-warmth="0"]{--sc-room:color-mix(in srgb, var(--room) 52%, var(--sky-blue));--sc-floor:color-mix(in srgb, var(--room-2) 55%, var(--sky-blue));--sc-glow:.1}.scene[data-warmth="0"] .frost{opacity:1}.scene[data-warmth="0"] .scene__crew{animation:.22s linear infinite sc-shiver}.scene[data-warmth="0"] .scene__note--cold{opacity:1;scale:1}.scene[data-warmth="2"]{--sc-room:color-mix(in srgb, var(--room) 86%, var(--sun));--sc-glow:.8}.scene[data-sunrise="1"]{--sc-room:color-mix(in srgb, var(--room) 74%, var(--sun));--sc-floor:color-mix(in srgb, var(--room-2) 80%, var(--sun));--sc-glow:1;--sc-moon:#d9cfc4;--sc-moon-2:#b3a79f}.scene[data-sunrise="1"] .sky-dawn{opacity:1}.scene[data-sunrise="1"] .stars{opacity:.2}.scene[data-sunrise="1"] .sun{opacity:1;translate:0}.scene[data-sunrise="1"] .sun-rays{animation:24s linear infinite sc-spin}.scene[data-sunrise="1"] .porthole-glass{fill:var(--sc-dawn-1)}.scene[data-sunrise="1"] .panel-face{fill:var(--sky-blue)}.scene[data-sunrise="1"] .charge{opacity:1;animation:.9s ease-in-out infinite sc-bob}.scene[data-sunrise="1"] .scene__note--charge{opacity:1;transition-delay:var(--sc-dawn-time);scale:1}.scene[data-sunrise="1"] .scene__crew{animation:sc-hop .55s ease-out 4 var(--sc-slide)}.scene[data-sunrise="1"] .scene__crew--boy{animation-delay:calc(var(--sc-slide) + .14s)}.scene[data-sent="1"] .signal{opacity:1}.scene[data-sent="1"] .wave{animation:1.3s linear infinite sc-signal}.scene[data-sent="1"] .wave.wave--2{animation-delay:-.43s}.scene[data-sent="1"] .wave.wave--3{animation-delay:-.87s}.scene[data-sent="1"] .scene__note--signal{opacity:1;scale:1}.scene .scene__crew{left:var(--sc-crew-x);top:var(--sc-crew-y);z-index:1;pointer-events:none;filter:drop-shadow(0 .35cqi #17233c38);width:auto;height:15.5%;transition:left var(--sc-slide) ease-in-out, top var(--sc-slide) ease-in-out;position:absolute;translate:-50% -100%}.scene .scene__crew.scene__crew--girl{margin-left:-2.4%}.scene .scene__crew.scene__crew--boy{margin-left:2.4%}.scene[data-room=greenhouse]{--sc-crew-x:37.4%}.scene[data-room=power]{--sc-crew-x:24.2%;--sc-crew-y:83.5%}.scene[data-room=life]{--sc-crew-x:53.6%;--sc-crew-y:83.5%}.scene[data-room=water]{--sc-crew-x:77.4%;--sc-crew-y:83.5%}.scene[data-room=roof]{--sc-crew-x:53%;--sc-crew-y:20.2%}.scene .scene__notes{z-index:2;pointer-events:none;position:absolute;inset:0}.scene .scene__note{opacity:0;border:2px solid var(--ink);background:var(--card);color:var(--ink);white-space:nowrap;transition:opacity var(--fast), scale var(--slow) var(--bounce);border-radius:999px;padding:.2em .7em;font-size:clamp(10px,1.6cqi,16px);font-weight:800;line-height:1.2;position:absolute;translate:-50% -50%;scale:.6}.scene .scene__note.scene__note--cold{background:var(--teal-soft);top:58%;left:23.5%}.scene .scene__note.scene__note--alert{background:var(--warn-bg);color:var(--warn-ink);border-color:var(--warn-ink);top:26.6%;left:71%}.scene .scene__note.scene__note--charge{background:var(--sun);top:5%;left:74.6%}.scene .scene__note.scene__note--signal{top:20.5%;left:22.5%}.scene[data-alert="1"] .scene__note--alert{opacity:1;scale:1}.scene .scene__hotspots{z-index:3;position:absolute;inset:0}.scene .hot{min-width:var(--tap);min-height:var(--tap);border-radius:var(--radius);-webkit-tap-highlight-color:transparent;transition:background-color var(--fast), border-color var(--fast);background:0 0;border:3px solid #0000;margin:0;padding:0;position:absolute;translate:-50% -50%}@media (hover:hover){.scene .hot:hover{background:#ffffff24}}.scene .hot:active{background:#ffffff38}.scene .hot:focus-visible{outline:3px solid var(--card);outline-offset:2px;box-shadow:0 0 0 8px var(--ink)}.scene .hot.hot--toy{border-radius:50%}.scene .hot.is-active{z-index:1;border-color:var(--sun);box-shadow:0 0 0 2px var(--ink), 0 0 1.6cqi .3cqi var(--sun);animation:1.4s ease-in-out infinite sc-pulse}.scene .hot.is-active .hot__chip{background:var(--sun)}.scene .hot__chip{border:2px solid var(--ink);background:var(--card);color:var(--ink);white-space:nowrap;border-radius:999px;padding:.12em .6em;font-size:clamp(9px,1.45cqi,15px);font-weight:800;line-height:1.25;position:absolute;bottom:3%;left:50%;translate:-50%;box-shadow:0 2px #17233c40}.scene .hot__cue{border:2px solid var(--card);background:var(--ink);color:var(--card);white-space:nowrap;border-radius:999px;align-items:center;gap:.25em;padding:.2em .7em .2em .5em;font-size:clamp(11px,1.8cqi,18px);font-weight:800;line-height:1.2;animation:.8s ease-in-out infinite sc-bob;display:none;position:absolute;top:0;left:50%;translate:-50% -50%}.scene .hot__cue svg{width:1em;height:1em}.scene[data-open="0"] .hot.is-active .hot__cue{display:inline-flex}.scene .hot[data-device=antenna] .hot__cue{top:auto;bottom:100%;left:100%;translate:-30% 110%}@media (prefers-reduced-motion:reduce){.scene,.scene *,.scene :before,.scene :after{animation:none!important}.scene[data-sent="1"] .wave--2{translate:-70px}.scene[data-sent="1"] .wave--3{translate:-140px}}@keyframes sc-wiggle{0%,to{rotate:-2.5deg}50%{rotate:2.5deg}}@keyframes sc-pulse{50%{box-shadow:0 0 0 2px var(--ink), 0 0 2.6cqi .8cqi var(--sun)}}@keyframes sc-bob{50%{transform:translateY(-14%)}}@keyframes sc-float{50%{translate:0 -8px}}@keyframes sc-twinkle{50%{opacity:.25}}@keyframes sc-spin{to{rotate:360deg}}@keyframes sc-rise{0%{opacity:0;translate:0 14px}30%{opacity:1}to{opacity:0;translate:0 -22px}}@keyframes sc-flash{50%{opacity:.35}}@keyframes sc-leak{50%{translate:-8px}}@keyframes sc-shiver{0%,to{transform:translate(-1.5%)}50%{transform:translate(1.5%)}}@keyframes sc-hop{0%,to{transform:translateY(0)}45%{transform:translateY(-22%)}}@keyframes sc-signal{0%{opacity:0;translate:0}15%{opacity:1}85%{opacity:1}to{opacity:0;translate:-180px -6px}}.scene .dev.is-active{filter:none}.scene .hot.is-active{box-shadow:none;background:0 0;border-color:#0000;animation:none}.scene .hot__ring{border:3px solid var(--sun);border-radius:var(--radius);box-shadow:0 0 0 3px var(--ink), inset 0 0 0 2px var(--ink);pointer-events:none;display:none;position:absolute;inset:-3px}.scene .hot.is-active .hot__ring{animation:1.6s ease-in-out infinite sc-ring;display:block}.scene .hot__cue{border:2px solid var(--sun);background:var(--ink);color:var(--sun);font-size:clamp(11px,1.7cqi,17px);top:auto;bottom:calc(100% + 10px);translate:-50%;box-shadow:0 3px #0b173059}.scene .hot__cue:after{content:"";border:7px solid #0000;border-top-color:var(--sun);position:absolute;top:100%;left:50%;translate:-50%}.scene .hot[data-device=antenna] .hot__cue{top:50%;bottom:auto;left:calc(100% + 12px);translate:0 -50%}.scene .hot[data-device=antenna] .hot__cue:after{border-top-color:#0000;border-right-color:var(--sun);top:50%;left:auto;right:100%;translate:0 -50%}.scene .hot__chip{align-items:center;gap:.2em;display:inline-flex}.scene .hot.is-active .hot__chip{border-color:var(--sun);background:var(--ink);color:var(--card);font-size:clamp(10px,1.6cqi,16px)}.scene .hot__done{width:1em;height:1em;color:var(--teal);display:none}.scene .hot.is-done .hot__chip{border-color:var(--teal);background:var(--teal-soft)}.scene .hot.is-done .hot__done{display:inline-block}.scene .scene__crew,.scene .scene__crew.scene__crew--girl,.scene .scene__crew.scene__crew--boy{left:var(--crew-x,var(--sc-crew-x));top:var(--crew-y,var(--sc-crew-y));margin-left:0}.scene .scene__crew[data-lead=false]{opacity:.92}.scene .scene__note--delta{border-color:var(--ink);background:var(--sun);font-size:clamp(11px,1.8cqi,18px);translate:-50% -60%}.scene[data-delta="1"] .scene__note--delta{opacity:1;scale:1}@keyframes sc-ring{50%{scale:1.05}}.scene .scene__notes{z-index:4}.scene .scene__note--delta{translate:-50% -135%}@container (width<=520px){.scene .hot:not(.is-active,.is-done) .hot__chip{display:none}.scene .hot__cue{font-size:12px}}.scene .scene__crew{transform-origin:50% 100%}.scene[data-screen=play][data-phase=choose][data-sunrise="0"] .scene__crew[data-lead=true]{animation:2.6s ease-in-out infinite sc-sway}@keyframes sc-sway{0%,to{rotate:-1.5deg}50%{rotate:1.5deg}}.scene .hot:focus-visible,.scene .hot.is-active:focus-visible{outline:4px dashed var(--teal);outline-offset:7px;box-shadow:0 0 0 7px var(--card)}.scene .hot:focus-visible .hot__chip{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.scene .hot__cue{border:2px solid var(--sun);background:var(--ink);color:var(--card);gap:0;padding:.28em .75em;font-size:clamp(11px,1.6cqi,17px);animation:none;top:auto;bottom:calc(100% + 30px);left:50%;translate:-50%;box-shadow:0 3px #0b173059}.scene .hot__cue:after{content:none}.scene .hot__cue[data-align=start]{translate:-18%}.scene .hot__cue[data-align=end]{translate:-82%}.scene .hot__arrow{pointer-events:none;width:clamp(18px,2.6cqi,28px);animation:1.1s ease-in-out infinite sc-point;display:none;position:absolute;bottom:calc(100% + 2px);left:50%;translate:-50%}.scene .hot__arrow svg{width:100%;height:auto;display:block;overflow:visible}.scene .hot__arrow path{fill:none;stroke-linecap:round;stroke-linejoin:round}.scene .hot__arrow .arrow-edge{stroke:var(--ink);stroke-width:8px}.scene .hot__arrow .arrow-core{stroke:var(--sun);stroke-width:4px}.scene[data-open="0"] .hot.is-active .hot__arrow{display:block}.scene .hot[data-device=antenna] .hot__cue{top:50%;bottom:auto;left:calc(100% + 34px);translate:0 -50%}.scene .hot[data-device=antenna] .hot__arrow{animation-name:sc-point-side;top:50%;bottom:auto;left:calc(100% + 4px);translate:0 -50%;rotate:90deg}.scene .cue-mouse,.scene .cue-key{display:none}@media (hover:hover) and (pointer:fine){.scene .cue-touch{display:none}.scene .cue-mouse{display:inline}}.scene .hot:focus-visible .hot__cue .cue-touch,.scene .hot:focus-visible .hot__cue .cue-mouse{display:none}.scene .hot:focus-visible .hot__cue .cue-key{display:inline}@keyframes sc-point{50%{translate:-50% -5px}}@keyframes sc-point-side{50%{translate:5px -50%}}@container (width<=520px){.scene .hot__cue{display:none!important}.scene .hot.is-done:not(.is-active) .hot__chip{gap:0;padding:1px;font-size:0}.scene .hot.is-done:not(.is-active) .hot__done{width:12px;height:12px}.scene .scene__note--alert{top:5%;left:52%}}:is(.scene[data-active=bag] .hot.is-active,.scene[data-active=bag-spot] .hot.is-active) .hot__arrow{display:block}:is(.scene[data-active=bag] .hot.is-active,.scene[data-active=bag-spot] .hot.is-active) .hot__cue{display:inline-flex}.scene .scene__note.scene__note--alert{top:5%;left:52%}.scene .star.star--twinkle{animation:6.5s ease-in-out infinite sc-twinkle-soft}.scene .star.star--twinkle:nth-of-type(8n+1){animation-duration:7.8s;animation-delay:-1.7s}.scene .star.star--twinkle:nth-of-type(8n+5){animation-duration:5.9s;animation-delay:-3.9s}.scene .flag-pole{fill:none;stroke:#c9ced8;stroke-width:4px;stroke-linecap:round}.scene .flag-cloth{stroke:var(--ink);stroke-width:2.5px}.scene .flag-cloth--navy{fill:#0a0e1a}.scene .flag-cloth--mission{fill:var(--room)}.scene .flag-moon{fill:var(--teal)}.scene .flag-star{fill:var(--sun);stroke:var(--ink);stroke-width:1px}.scene .flag-foot{fill:#17233c40}@keyframes sc-twinkle-soft{0%,to{opacity:1}50%{opacity:.55}}.scene{--cam-time:.9s}.scene .scene__stage{transform-origin:0 0;transform:translate(var(--cam-x,0%), var(--cam-y,0%)) scale(var(--cam-z,1));transition:transform var(--cam-time) cubic-bezier(.45, .05, .25, 1);will-change:transform}.scene .hot .hot__chip{transform-origin:50% 100%;scale:calc(1 / var(--cam-z,1))}.scene .hot .hot__cue{transform-origin:50% 100%;scale:calc(1 / var(--cam-z,1))}.scene .hot .hot__cue[data-align=start]{transform-origin:18% 100%}.scene .hot .hot__cue[data-align=end]{transform-origin:82% 100%}.scene .hot .hot__arrow{transform-origin:50% 100%;scale:calc(1 / var(--cam-z,1))}.scene .hot[data-device=antenna] .hot__cue,.scene .hot[data-device=antenna] .hot__arrow{transform-origin:0%}.scene .hot__ring{border-width:calc(3px / var(--cam-z,1));box-shadow:0 0 0 calc(3px / var(--cam-z,1)) var(--ink), inset 0 0 0 calc(2px / var(--cam-z,1)) var(--ink)}.scene .hot:focus-visible,.scene .hot.is-active:focus-visible{outline-width:calc(4px / var(--cam-z,1));outline-offset:calc(7px / var(--cam-z,1))}.scene .scene__note{font-size:calc(clamp(10px, 1.6cqi, 16px) / var(--cam-z,1));border-width:calc(2px / var(--cam-z,1))}.scene .scene__note--delta{font-size:calc(clamp(11px, 1.8cqi, 18px) / var(--cam-z,1))}@media (prefers-reduced-motion:reduce){.scene{--cam-time:0s}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game{background:radial-gradient(circle at 20% 10%, var(--space-2), transparent 60%), var(--space);grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:12px;height:100dvh;padding:12px;display:grid}.stage{border-radius:var(--radius);min-width:0;min-height:0;color:var(--room);place-items:center;display:grid;position:relative;overflow:hidden;container-type:size}.stage>.stage-scene{width:min(100cqw,133.333cqh)}.tray{overscroll-behavior:contain;scrollbar-gutter:stable;border-radius:var(--radius);background:var(--room);min-width:0;min-height:0;box-shadow:var(--shadow-soft);overflow-y:auto}.tray-body{flex-direction:column;gap:12px;min-height:100%;padding:12px;display:flex}.tray-top{justify-content:space-between;align-items:center;gap:var(--gap);display:flex}.brand{font-weight:800;font-size:var(--text-lg);margin:0}.tray-sub{font-size:var(--text);color:var(--ink-soft);margin:4px 0 -4px}@media (width<=760px),(orientation:portrait){.game{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:8px;padding:8px}.stage{aspect-ratio:4/3;justify-self:center;width:100%;max-height:40dvh}.tray{scrollbar-gutter:auto}.tray-body{gap:10px;padding:10px}.ctr.is-preview .ctr-ico{display:none}}.btn{min-height:var(--tap);border:3px solid var(--ink);border-radius:var(--radius);background:var(--card);color:var(--ink);text-align:center;box-shadow:var(--shadow);transition:transform var(--fast) var(--bounce), box-shadow var(--fast);justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:800;line-height:1.2;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(4px);box-shadow:0 2px #17233c24}.btn[aria-disabled=true]{border-style:dashed;border-color:var(--ink-soft);background:var(--room-2);color:var(--ink-soft);box-shadow:none;cursor:not-allowed;transform:none}.btn-primary{background:var(--sun)}.btn-toy{background:var(--teal-soft)}.btn-big{width:100%;min-height:56px;font-size:var(--text-lg)}.btn-quiet{border-width:2px;border-color:var(--line);font-weight:700;box-shadow:0 3px #17233c1a}.btn-small{border-radius:var(--radius-sm);padding:6px 12px;font-size:14px}.card{border:2px solid var(--line);border-radius:var(--radius);background:var(--card);flex-direction:column;gap:12px;padding:14px;display:flex}.card p{margin:0}.card-title{font-size:var(--text-xl);margin:0;line-height:1.15}.eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--teal);margin:0;font-size:14px;font-weight:800}.lead{font-size:var(--text-lg)}.hint{color:var(--ink-soft);text-align:center;margin:0;font-size:14px}.warn{border:2px solid var(--warn-ink);border-radius:var(--radius-sm);background:var(--warn-bg);color:var(--warn-ink);padding:8px 12px;font-weight:700}.hero{text-align:center;align-items:center;margin-block:auto;padding:28px 18px}.hero-moon{font-size:56px;line-height:1}.hero-title{letter-spacing:-.01em;margin:0;font-size:clamp(34px,6vw,46px);line-height:1.05}.hero-line{font-size:var(--text-lg);max-width:28ch}.items{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.item{width:100%;min-height:var(--tap);border:3px solid var(--line);border-radius:var(--radius);background:var(--room);text-align:left;box-shadow:var(--shadow);transition:transform var(--fast) var(--bounce);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ico body""state state";gap:6px 10px;padding:10px 12px;display:grid}.item:active{transform:translateY(3px)}.item[aria-pressed=true]{border-color:var(--teal);background:var(--teal-soft)}.item[aria-pressed=true] .item-state{background:var(--teal);color:var(--card);border-style:solid;border-color:var(--teal)}.item-ico{grid-area:ico;font-size:30px;line-height:1.1}.item-body{flex-direction:column;grid-area:body;gap:2px;display:flex}.item-name{font-size:var(--text-lg);font-weight:800;line-height:1.2}.item-cost{color:var(--warn-ink);font-weight:800}.item-does,.item-when{font-size:14px}.item-when{color:var(--ink-soft)}.item-state{border:2px dashed var(--ink-soft);border-radius:999px;grid-area:state;justify-self:end;padding:2px 12px;font-size:14px;font-weight:800}.budget{flex-direction:column;gap:6px;display:flex}.budget-row{flex-wrap:wrap;gap:4px 14px;font-size:14px;display:flex}.budget-msg{font-weight:700}.hud{z-index:2;border-radius:var(--radius-sm);background:var(--room);grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:-6px -4px -4px;padding:6px 4px 4px;list-style:none;display:grid;position:sticky;top:0}.ctr-gen{grid-column:span 2}.ctr{border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--card);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 4px;min-width:0;padding:5px 6px;display:grid}.ctr.is-key{border-color:var(--ink)}.ctr.is-preview{border-style:dashed;border-color:var(--teal);background:var(--teal-soft)}.ctr-ico{font-size:18px;line-height:1}.ctr-val{font-size:var(--text-lg);white-space:nowrap;font-weight:800;line-height:1.1}.ctr-val small{font-size:12px;font-weight:700}.ctr-val-text{font-size:14px}.ctr-arrow{color:var(--teal)}.ctr-label,.ctr-note,.pips{grid-column:1/-1}.ctr-label{color:var(--ink-soft);font-size:12px;font-weight:700;line-height:1.15}.ctr-note{color:var(--ink-soft);font-size:11px;line-height:1.15}.pips{flex-wrap:wrap;gap:2px;min-height:12px;margin-top:3px;display:flex}.pip{border:2px solid var(--ink);background:var(--sun);width:8px;height:12px;transition:opacity var(--fast);border-radius:3px}.pips-water .pip{background:var(--sky-blue);border-radius:5px 5px 3px 3px}.pips-meals .pip{background:var(--leaf);border-radius:6px;width:12px}.pips-warmth .pip{background:var(--coral);width:16px}.pips-oxygen .pip,.pips-reserve .pip{background:var(--teal-soft);border-radius:50%;width:12px}.pip.pip-empty{border-color:var(--line);background:0 0}.pip.pip-going{border-style:dashed;border-color:var(--ink-soft);background:0 0}.pip.pip-coming{border-style:dashed}.panel-head{flex-direction:column;gap:2px;display:flex}.talk{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.portrait{border:3px solid var(--ink);background:var(--sky-blue);width:64px;height:64px;box-shadow:var(--shadow);border-radius:50%;display:block;overflow:hidden}.portrait[data-who=boy]{background:var(--sun)}.portrait img{object-fit:cover;width:100%;height:100%;display:block}.bubble{border:2px solid var(--line);border-radius:4px var(--radius-sm) var(--radius-sm) var(--radius-sm);background:var(--room);padding:8px 12px;position:relative}.who{color:var(--teal);font-size:13px;display:block}.opts{flex-direction:column;gap:10px;display:flex}.opt{border:3px solid var(--ink);border-radius:var(--radius);background:var(--room);text-align:left;width:100%;min-height:64px;box-shadow:var(--shadow);transition:transform var(--fast) var(--bounce), box-shadow var(--fast);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.opt:active{transform:translateY(4px);box-shadow:0 2px #17233c24}.opt[aria-pressed=true]{border-color:var(--teal);background:var(--teal-soft);outline:3px solid var(--teal);outline-offset:-6px}.opt[aria-pressed=true]:focus-visible{outline-offset:3px}.opt[aria-disabled=true]{border-style:dashed;border-color:var(--ink-soft);background:var(--room-2);box-shadow:none;cursor:not-allowed;transform:none}.opt[aria-disabled=true] .opt-label{color:var(--ink-soft)}.opt-ico{font-size:30px;line-height:1}.opt-body{flex-direction:column;gap:4px;min-width:0;display:flex}.opt-label{font-size:var(--text-lg);font-weight:800;line-height:1.2}.opt-mark{color:var(--teal);white-space:nowrap;font-size:13px;font-weight:800}.opt[aria-disabled=true] .opt-mark{color:var(--warn-ink)}.opt-why{background:var(--warn-bg);color:var(--warn-ink);border-radius:8px;padding:4px 8px;font-size:14px;font-weight:700}.chips{flex-wrap:wrap;gap:4px;display:flex}.chip{border:2px solid var(--line);background:var(--card);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:13px;font-weight:700}.preview,.result,.recovery,.task{border-radius:var(--radius-sm);border:2px solid var(--line);background:var(--room);padding:10px 12px}.preview{border-style:dashed;border-color:var(--teal);background:var(--teal-soft)}.preview-title,.task-title{font-size:14px;font-weight:800}.preview-list{font-size:var(--text-lg);margin:4px 0 0;padding:0;list-style:none}.preview-hint{margin-top:4px;font-size:14px}.result{font-size:var(--text-lg);flex-direction:column;gap:6px;font-weight:600;display:flex}.note{font-size:var(--text);color:var(--teal);font-weight:800}.recovery{border-color:var(--warn-ink);background:var(--warn-bg);color:var(--warn-ink);font-size:var(--text-lg);font-weight:800}.task-steps{flex-direction:column;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.task-steps li{color:var(--ink-soft)}.task-steps li.is-now{color:var(--ink);font-weight:800}.task-steps li.is-done{text-decoration:line-through}.turn-count{font-size:var(--text-xl);font-weight:800}.panel>.btn-small{align-self:center}.end{text-align:center;align-items:center}.final-line{border:3px solid var(--ink);border-radius:var(--radius);background:var(--space);width:100%;color:var(--room);font-size:var(--text-xl);padding:14px 12px;font-weight:800;line-height:1.2}.decision-summary{text-align:left;margin:0;padding-left:22px}.decision-summary li+li{margin-top:8px}.iss-modes{flex-wrap:wrap;gap:8px;margin-block:12px;display:flex}.iss-modes [aria-pressed=true]{background:var(--teal-soft);border-color:var(--teal);outline:2px solid var(--teal)}.iss-drops{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-block:14px;display:grid}.iss-drop{border:2px solid var(--teal);background:var(--teal-soft);border-radius:10px;justify-content:center;align-items:center;gap:2px;min-height:36px;display:flex}.iss-drop[data-recovered=false]{border-style:dashed;border-color:var(--ink-soft);background:var(--card)}.iss-legend{font-size:14px}.dlg{border:3px solid var(--ink);border-radius:var(--radius);background:var(--room);width:min(520px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);box-shadow:var(--shadow-soft);padding:18px}.dlg::backdrop{background:#0b1730b3}.dlg p{margin:0 0 10px}.dlg h4{font-size:var(--text);margin:12px 0 4px}.dlg a{color:var(--teal);overflow-wrap:anywhere;font-weight:700}.dlg-title{font-size:var(--text-xl);margin:0 0 10px;line-height:1.15}.dlg-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.facts{margin:0}.facts div{border-top:1px solid var(--line);grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:8px;padding:4px 0;display:grid}.facts dt{color:var(--ink-soft);font-weight:700}.facts dd{overflow-wrap:anywhere;margin:0}.links{margin:0;padding-left:20px}.links a{padding:6px 0;display:inline-block}.teaching{border:2px dashed var(--ink-soft);border-radius:var(--radius-sm);background:var(--card);padding:8px 12px;font-size:14px;margin-top:12px!important}@media (prefers-reduced-motion:reduce){.btn,.opt,.item{transition:none}.btn:hover,.btn:active,.opt:active,.item:active{transform:none}}.ico{vertical-align:-.25em;width:1.25em;height:1.25em;color:var(--ink);flex:none;display:inline-block;overflow:visible}.ico .a{fill:var(--ico-a,var(--sun))}.ico .b{fill:var(--ico-b,var(--coral))}.ico[data-icon=water],.ico[data-icon=drop]{--ico-a:var(--sky-blue)}.ico[data-icon=meals],.ico[data-icon=check]{--ico-a:#8fd18a}.ico[data-icon=readyMeal],.ico[data-icon=warmth],.ico[data-icon=reserve],.ico[data-icon=kit],.ico[data-icon=pin]{--ico-a:var(--coral)}.ico[data-icon=oxygen],.ico[data-icon=shelter],.ico[data-icon=wrench],.ico[data-icon=search],.ico[data-icon=science],.ico[data-icon=info],.ico[data-icon=generator],.ico[data-icon=notebook]{--ico-a:var(--teal-soft)}.ico[data-icon=alert],.ico[data-icon=lock]{--ico-a:var(--warn-bg)}.ico[data-icon=antenna],.ico[data-icon=rocket]{--ico-a:var(--room)}.ico[data-icon=cold]{color:#2f6fae}.ico[data-icon=recycle]{color:var(--teal)}.ico[data-icon=play]{--ico-a:var(--teal)}.ico[data-icon=stop]{--ico-a:var(--coral)}.final-line .ico{color:var(--room);--ico-a:var(--teal)}.btn-primary .ico[data-icon=check]{--ico-a:var(--card)}.game{grid-template-columns:minmax(0,1fr) minmax(340px,460px);position:relative}.tray-body{gap:8px;padding:10px}.tray-top .brand{font-size:var(--text);color:var(--ink-soft);align-items:center;gap:6px;display:flex}.tray-body>.panel{flex:1 0 auto}.hud{gap:5px;margin:-4px -2px 0;padding:4px 2px 2px}.ctr{gap:1px 5px;padding:4px 6px}.ctr-ico{font-size:20px;display:grid}.ctr-val{font-size:17px}.ctr-label{font-size:11.5px}.pips{min-height:10px;margin-top:1px}.pip{height:10px}.ctr-gen .ctr-val-text{align-items:center;gap:4px;display:flex}.ico-mark{width:.9em;height:.9em}.lbl-short{display:none}@media (width<=760px),(orientation:portrait){.lbl-short{display:inline}}.panel{gap:10px;padding:12px}.panel-head{flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.panel-name{min-width:0}.panel-name .eyebrow{font-size:12.5px}.panel-name .card-title{font-size:22px}.btn-science{text-align:left;flex:none;max-width:52%;padding-inline:10px;line-height:1.15}.panel-main{flex-direction:column;gap:10px;display:flex}.panel-foot{flex-direction:column;gap:8px;margin-top:auto;display:flex}.slot{border-radius:var(--radius-sm);flex-direction:column;justify-content:center;min-height:62px;margin:0;padding:6px 12px;display:flex}.slot-hint{border:2px dashed var(--line);color:var(--ink-soft);text-align:center;font-size:14px}.preview{border:2px dashed var(--teal);background:var(--teal-soft)}.preview-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.preview{position:relative}.opt[aria-disabled=true] .opt-mark{display:none}.preview-list{flex-wrap:wrap;gap:2px 14px;margin:2px 0 0;font-size:17px;display:flex}.preview-list li{align-items:center;gap:5px;display:flex}.preview-hint{margin:0;font-size:13.5px;line-height:1.3}.extras{flex-wrap:wrap;gap:6px;display:flex}.extras .btn{flex:140px}.talk{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px}.portrait{width:52px;height:52px;box-shadow:none}.talk[data-mood=happy] .portrait{animation:qs-hop .52s var(--bounce) 1}.talk[data-mood=worried] .portrait{animation:.42s ease-in-out qs-shiver}.bubble{margin:0;padding:7px 11px;font-size:15.5px;line-height:1.35}.who{margin-right:2px;font-size:13px;display:inline}.opts{gap:8px}.opt{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;min-height:60px;padding:8px 12px}.opt-ico{background:var(--card);border-radius:12px;place-items:center;width:40px;height:40px;font-size:26px;display:grid}.opt[aria-pressed=true] .opt-ico{background:var(--room)}.opt-label{font-size:17px}.opt-mark{align-items:center;gap:4px;display:flex}.opt-why{align-items:flex-start;gap:6px;font-size:13.5px;line-height:1.3;display:flex}.chip{align-items:center;gap:3px;padding:1px 8px 1px 6px;display:inline-flex}.result p,.recovery p,.note{align-items:flex-start;gap:8px;display:flex}.result .ico,.recovery .ico,.note .ico{margin-top:.1em}.task-steps li{align-items:center;gap:6px;display:flex}.turn-count{align-items:center;gap:8px;display:flex}.hero-moon .ico{width:64px;height:64px}.item-ico{place-items:center;display:grid}.item-state,.budget-msg,.card-title,.eyebrow,.final-line{align-items:center;gap:8px;display:flex}.final-line{justify-content:center}.links a{align-items:center;gap:4px;display:inline-flex}.links .ico{width:1em;height:1em;color:var(--teal)}.teaching{align-items:flex-start;gap:8px;display:flex}.iss-drop .ico{width:18px;height:18px}@media (width<=760px),(orientation:portrait){.game{grid-template-columns:minmax(0,1fr)}.stage{max-height:31dvh}.tray-top{order:99;justify-content:center;padding-top:4px}.tray-top .brand{display:none}.hud{gap:4px}.ctr{padding:3px 5px}.lbl-long{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ctr-label{white-space:nowrap}.ctr-note{display:none}.ctr-gen{grid-template-columns:auto auto minmax(0,1fr)}.ctr-gen .ctr-label{grid-area:1/3;padding-left:2px}.opt-mark>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.opt-mark .ico{width:22px;height:22px}.tray-body{gap:5px;padding:7px}.panel-main{gap:8px}.panel-name .eyebrow{font-size:11.5px}.ctr-ico{font-size:17px}.ctr-val{font-size:15px;line-height:1.05}.ctr-label{font-size:11px;line-height:1.1}.chips{gap:3px}.chip{padding:0 6px 0 4px;font-size:12px}.opt-body{gap:2px}.preview-list{font-size:15.5px}.preview-hint{font-size:13px;line-height:1.25}.pips{display:none}.panel{gap:6px;padding:9px}.panel-name .card-title{font-size:19px}.btn-science{font-size:13px}.talk{grid-template-columns:44px minmax(0,1fr);gap:8px}.portrait{width:44px;height:44px}.bubble{padding:5px 9px;font-size:14px;line-height:1.3}.opt{grid-template-columns:34px minmax(0,1fr) auto;min-height:56px;padding:6px 10px}.opt-ico{width:34px;height:34px;font-size:22px}.opt-label{font-size:16px}.slot{min-height:50px;padding:4px 10px}.slot-hint{min-height:40px;font-size:13px}.extras .btn{min-height:var(--tap);padding-block:4px}.btn-big{min-height:52px}}@keyframes qs-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-6px)rotate(-4deg)}}@keyframes qs-shiver{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.talk[data-mood] .portrait{animation:none}}@media (height>=900px) and (width>=761px) and (orientation:landscape){.tray-body>.panel{flex:none}.panel-foot{margin-top:6px}}@media (width<=760px),(orientation:portrait){.ctr-gen .ctr-val-text{font-size:13px}}.membrane{border:2px solid var(--teal);border-radius:var(--radius);background:var(--card);margin:12px 0 4px;padding:12px}.membrane h4{align-items:center;gap:6px;margin:0 0 6px;display:flex}.mb-figure{width:100%;max-width:420px;height:auto;margin:0 auto;display:block}.mb-figure .mb-tank{stroke:var(--ink);stroke-width:3px}.mb-figure .mb-warm{fill:#fde9c4}.mb-figure .mb-cool{fill:#e3f1fb}.mb-figure .mb-water{fill:#f2c76e;opacity:.85}.mb-figure .mb-membrane{fill:var(--teal-soft);stroke:var(--ink);stroke-width:3px}.mb-figure .mb-pore{fill:var(--card);stroke:var(--teal);stroke-width:1.5px}.mb-figure .mb-plate{fill:var(--sky-blue);stroke:var(--ink);stroke-width:2px}.mb-figure .mb-heat{fill:none;stroke:var(--coral);stroke-width:3px;stroke-linecap:round;opacity:0}.mb-figure .mb-vapor{fill:var(--card);stroke:var(--ink-soft);stroke-width:1.5px;opacity:0}.mb-figure .mb-drop{fill:var(--sky-blue);stroke:var(--ink);stroke-width:1.5px;opacity:0}.mb-figure .mb-cup{fill:var(--card);stroke:var(--ink);stroke-width:3px}.mb-figure .mb-fill{fill:var(--sky-blue);transform-box:fill-box;transform-origin:50% 100%;scale:1 0}.mb-figure .mb-label{font:700 11px var(--font);fill:var(--ink)}.mb-figure .mb-cup-label{font:800 10px var(--font);fill:var(--warn-ink);letter-spacing:.04em}.membrane[data-stage=running] .mb-figure .mb-heat{opacity:1}.membrane[data-stage=running] .mb-figure .mb-vapor{opacity:1;animation:mb-cross 2.4s ease-in-out calc(var(--i) * .28s) both}.membrane[data-stage=running] .mb-figure .mb-drop{animation:mb-drip 1s ease-in calc(1s + var(--i) * .5s) both}.membrane[data-stage=running] .mb-figure .mb-fill{transition:scale 2.4s ease-out;scale:1 .6}.membrane:is([data-stage=done],[data-stage=collected]) .mb-figure .mb-drop{opacity:1;translate:0 22px}.membrane:is([data-stage=done],[data-stage=collected]) .mb-figure .mb-fill{scale:1}.membrane[data-stage=collected] .mb-figure .mb-cup{stroke:var(--teal);stroke-width:4px}.mb-steps{margin:8px 0 4px;padding-left:22px;font-size:15px}.mb-steps li.is-now{font-weight:800}.mb-steps li.is-done{color:var(--ink-soft);text-decoration:line-through}.mb-status{font-weight:700}.mb-badge{border:2px solid var(--teal);border-radius:var(--radius-sm);background:var(--teal-soft);align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.mb-actions{justify-content:center;display:flex}.mb-actions .btn{min-width:220px}@keyframes mb-cross{0%{opacity:0;translate:0}15%{opacity:1}70%{opacity:1;translate:118px -6px}to{opacity:0;translate:150px}}@keyframes mb-drip{0%{opacity:0;translate:0 -40px}30%{opacity:1}to{opacity:1;translate:0 22px}}@media (prefers-reduced-motion:reduce){.membrane .mb-figure *{transition:none!important;animation:none!important}}.btn-sound[aria-pressed=true]{border-color:var(--teal);background:var(--teal-soft)}.tray-top .tray-tools{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.tray-top:not(.tray-top--plain) .brand{display:none}.tray-top:not(.tray-top--plain){justify-content:flex-end}.mb-figures{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:8px;display:grid}@media (width<=520px){.mb-figures{grid-template-columns:minmax(0,1fr)}}.mb-figure .mb-lens{fill:none;stroke:var(--ink);stroke-width:2.5px;stroke-dasharray:4 3}.mb-zoom{margin:0}.mb-zoom svg{width:100%;max-width:300px;height:auto;margin:0 auto;display:block}.mb-zoom figcaption{text-align:center;color:var(--ink-soft);font-size:13px}.mb-zoom .mbz-warm{fill:#fde9c4}.mb-zoom .mbz-cool{fill:#e3f1fb}.mb-zoom .mbz-material{fill:#bfe3de}.mb-zoom .mbz-pore{fill:#f4fbfa;stroke:var(--teal);stroke-width:1.5px}.mb-zoom .mbz-silica{fill:var(--ink);stroke:var(--card);stroke-width:1.2px}.mb-zoom .mbz-vapor{fill:var(--card);stroke:var(--sky-blue);stroke-width:2.5px}.mb-zoom .mbz-flow{fill:none;stroke:var(--teal);stroke-width:3px;stroke-linecap:round}.mb-zoom .mbz-flow-head{fill:none;stroke:var(--teal);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.mb-zoom .mbz-ring{fill:none;stroke:var(--ink);stroke-width:4px}.mb-zoom .mbz-leader{fill:none;stroke:var(--ink);stroke-width:1.8px}.mb-zoom .mbz-mark{fill:none;stroke:var(--coral);stroke-width:2.5px}.mb-zoom .mbz-label{font:800 13px var(--font);fill:var(--ink)}.membrane[data-stage=running] .mbz-vapor{animation:mbz-drift 1.6s ease-in-out calc(var(--i) * .2s) infinite alternate}@keyframes mbz-drift{to{translate:10px}}@media (prefers-reduced-motion:reduce){.membrane .mbz-vapor{animation:none!important}}.dlg-science:has(.membrane){width:min(720px,100vw - 24px)}.mb-zoom .mbz-label{font-size:15px}.btn-menu,.lbl-narrow{display:none}.panel-tools{flex:none;align-items:center;gap:6px;display:flex}.tools-body{flex-direction:column;gap:10px;display:flex}.tools-body .btn{width:100%;min-height:52px}@media (width<=760px),(orientation:portrait){.tray-top:not(.tray-top--plain){display:none}.btn-menu{display:inline-flex}.lbl-wide{display:none}.lbl-narrow{display:inline}.panel-tools .btn{min-height:var(--tap);padding-inline:9px}.panel[data-phase=choose] .talk:has(~.opts){display:none}}@media (orientation:portrait) and (height<=720px){.stage{max-height:29dvh}.tray-body{gap:4px;padding:6px}.panel{gap:5px;padding:8px}.panel-main,.panel-foot{gap:6px}.hud{gap:3px}.ctr{padding:2px 5px}.slot{min-height:44px;padding:3px 10px}.preview-hint{line-height:1.2}.opt{min-height:52px;padding-block:4px}.opt-why{padding-block:2px;line-height:1.2}.task{padding:6px 10px}}.cue-mouse{display:none}@media (hover:hover) and (pointer:fine){.slot-hint .cue-touch{display:none}.slot-hint .cue-mouse{display:inline}}.credits{color:var(--ink-soft);text-align:center;margin:4px 0 0;font-size:13px}.crew-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.crew-card{width:100%;min-height:var(--tap);border:3px solid var(--line);border-radius:var(--radius);background:var(--room);text-align:center;box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.crew-card[aria-pressed=true]{border-color:var(--teal);background:var(--teal-soft);outline:3px solid var(--teal);outline-offset:-7px}.crew-card .crew-face{width:88px;height:88px}.crew-card .crew-name{font-size:var(--text-lg);font-weight:800}.crew-card .crew-role{color:var(--ink-soft);font-size:14px}.crew-card .item-state{font-size:14px;font-weight:800}.plan{border:2px solid var(--teal);border-radius:var(--radius-sm);background:var(--teal-soft);text-align:left;width:100%;padding:10px 12px}.plan-steps{margin:6px 0;padding:0;list-style:none}.plan-steps li{align-items:flex-start;gap:8px;padding:3px 0;display:flex}.plan-steps li.is-open{font-weight:800}.plan-question{font-size:var(--text-xl);text-align:center;font-weight:800;margin-top:6px!important}.intro{z-index:100;background:#000;place-items:center;display:grid;position:fixed;inset:0}.intro-video{object-fit:contain;background:#000;width:100%;height:100%}.intro-skip{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:2;min-height:var(--tap);background:#fff5e5f2;position:absolute}.intro-gate{z-index:1;background:#0b17308c;place-items:center;display:grid;position:absolute;inset:0}.intro-gate[hidden]{display:none}.intro-gate .intro-play{width:min(360px,100vw - 32px)}