.tutorial{color:#f4f7fc;pointer-events:auto;z-index:0;background:#0a0e18eb;border:2px solid #ffd27a;border-radius:12px;width:min(460px,100vw - 24px);padding:12px 14px;font:17px/1.55 system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;position:fixed;top:12px;left:50%;transform:translate(-50%)}.tutorial[hidden],.tutorial-modal-layer[hidden],.advice-card[hidden]{display:none}.tutorial-head{color:#ffd27a;align-items:center;gap:10px;font-weight:700;display:flex}.tutorial-progress{margin-left:auto}.tutorial-text{margin:6px 0 4px}.tutorial-buttons{justify-content:flex-end;margin-top:6px;display:flex}.tutorial button,.tutorial-modal button,.advice-card button{font:inherit;color:#f4f7fc;cursor:pointer;background:#283448f2;border:1px solid #ffffff59;border-radius:8px;padding:4px 14px;font-size:15px}.tutorial .tutorial-ok{background:#2e9d5b;border:none;font-weight:700}.tutorial .tutorial-restart{padding:2px 8px;font-size:12px;font-weight:400}.tutorial-modal-layer{z-index:2;pointer-events:auto;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tutorial-modal{color:#f4f7fc;text-align:center;background:#0e1422;border:3px solid #ffd27a;border-radius:16px;width:min(520px,100vw - 32px);padding:24px;font:18px/1.6 system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}.tutorial-modal h2{color:#ffd27a;margin:0 0 8px;font-size:26px}.tutorial-modal-buttons{flex-direction:column;gap:12px;margin-top:16px;display:flex}.tutorial-modal .tutorial-big{border-radius:12px;padding:14px 18px;font-size:20px}.tutorial-modal .primary{background:#2e9d5b;border:none;font-weight:700}.tutorial-modal .danger{background:#b9473c;border:none;font-weight:700}.advice-card{color:#fff3ec;pointer-events:auto;z-index:0;background:#280e08eb;border:2px solid #ff8a5c;border-radius:12px;width:min(300px,100vw - 24px);padding:10px 14px;font:16px/1.5 system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;position:fixed;top:130px;right:12px}.advice-title{color:#ffb08f;font-size:18px;font-weight:700}.advice-label{margin-top:4px;font-weight:700}.advice-todo{white-space:pre-line;margin-bottom:8px}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 #ffd27af2}50%{box-shadow:0 0 0 10px #ffd27a00}}body[data-tutorial-step=move] .ui-pad,body[data-tutorial-step=jump] [data-action=jump],body[data-tutorial-step=buildSolar] [data-action=menu][data-menu=build],body[data-tutorial-step=buildSolar] [data-action=buildSelect][data-kind=solar],body[data-tutorial-step=placeSolar] [data-action=buildConfirm],body[data-tutorial-step=power] .ui-hud,body[data-tutorial-step=battery] [data-action=menu][data-menu=build],body[data-tutorial-step=battery] [data-action=buildSelect][data-kind=battery],body[data-tutorial-step=battery] [data-action=buildConfirm],body[data-tutorial-step=comm] .ui-status,body[data-tutorial-step=order] [data-action=menu][data-menu=launch],body[data-tutorial-step=order] [data-action=cart][data-kind=food][data-delta="1"],body[data-tutorial-step=order] [data-action=cart][data-kind=crew][data-delta="1"],body[data-tutorial-step=order] [data-action=order],body[data-tutorial-step=fastForward] [data-action=speed][data-speed="4"],body[data-tutorial-step=normalSpeed] [data-action=speed][data-speed="1"],body[data-tutorial-step=assignCrew] [data-action=menu][data-menu=crew],body[data-tutorial-step=assignCrew] [data-action=assign],body[data-tutorial-step=takeIce] [data-action=context],body[data-tutorial-step=goHome] [data-action=context],body[data-tutorial-step=flareDrill] [data-action=flare],body[data-tutorial-step=goOutside] [data-action=context],body[data-tutorial-step=regolith] [data-action=context][data-context=coverRegolith],body[data-tutorial-step=save] [data-action=menu][data-menu=save],body[data-tutorial-step=save] [data-action=save],body[data-tutorial-step=data] [data-action=menu][data-menu=data],body[data-advice=noPower] [data-action=menu][data-menu=build],body[data-advice=oxygenLow] [data-action=menu][data-menu=build],body[data-advice=waterLow] [data-action=menu][data-menu=launch],body[data-advice=foodLow] [data-action=menu][data-menu=launch],body[data-advice=noParts] [data-action=menu][data-menu=launch],body[data-advice=broken] [data-action=context][data-context=repair]{outline:3px solid #ffd27a;animation:1.2s infinite tutorial-pulse}@media (width<=640px){.tutorial{width:auto;padding:8px 10px;font-size:14px;top:345px;left:8px;right:8px;transform:none}.advice-card{width:auto;font-size:13px;inset:auto 8px 200px;transform:none}.tutorial button,.advice-card button{font-size:13px}}.tutorial-label{color:#9fd3ff;margin-top:6px;font-size:13px;font-weight:700}.tutorial-why{color:#dbe6f5;margin:2px 0 4px}.tutorial-modal-lang{justify-content:flex-end;gap:6px;margin-bottom:6px;display:flex}.tutorial-modal .tutorial-lang{padding:2px 10px;font-size:13px}@keyframes tutorial-cleared{0%{border-color:#78e696;box-shadow:0 0 #78e696e6}to{border-color:#ffd27a;box-shadow:0 0 0 18px #78e69600}}.tutorial.tutorial-cleared{animation:.9s ease-out tutorial-cleared}body[data-tutorial-step=goInsideWait] [data-action=context],body[data-tutorial-step=assignCrew] [data-action=assign][data-task=research]{outline:none;animation:none}body[data-tutorial-step=goInsideWait] [data-action=context]{outline:3px solid #ffd27a;animation:1.2s infinite tutorial-pulse}.ui-root{z-index:1;pointer-events:none;color:#f2f4f8;-webkit-user-select:none;user-select:none;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;font-size:14px;line-height:1.35;position:fixed;inset:0}.ui-root button,.ui-root select,.ui-root a,.ui-panel,.ui-pad,.ui-modal{pointer-events:auto}.ui-root button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:#283448e6;border:1px solid #ffffff40;border-radius:8px;padding:6px 10px}.ui-root button.on{background:#3d7be0;border-color:#8fb6ff}.ui-root button.primary{background:#2f9e5b;border-color:#8be0ad;font-weight:700}.ui-root button:disabled,.ui-root button.dim{opacity:.45}.ui-panel{background:#080c16b8;border:1px solid #ffffff1f;border-radius:10px;padding:8px 10px}.ui-hud{top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));flex-direction:column;gap:6px;max-width:min(320px,46vw);display:flex;position:absolute}.ui-stat{margin-bottom:6px}.ui-stat:last-child{margin-bottom:0}.ui-label{opacity:.75;text-transform:uppercase;letter-spacing:.04em;font-size:11px;display:block}.ui-value{font-size:16px;font-weight:700}.ui-small{opacity:.9;font-size:12px}.ui-bad{color:#ff8a7a}.ui-ok{color:#8be0ad}.ui-bar{background:#ffffff26;border-radius:4px;height:8px;margin-top:3px;overflow:hidden}.ui-bar>div{background:#f5c542;height:100%}.ui-meter{background:#ffffff26;border-radius:7px;height:14px;overflow:hidden}.ui-meter>div{background:#3d7be0;height:100%}.ui-meter>div.over{background:#ff6b5a}.ui-bar.o2>div{background:#6ec6ff}.ui-bar.low>div{background:#ff6b5a}.ui-breakdown{margin-top:4px;font-size:12px}.ui-stars{color:#f5c542;letter-spacing:1px}.ui-top{top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));flex-direction:column;align-items:flex-end;gap:6px;max-width:50vw;display:flex;position:absolute}.ui-row{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.ui-status{text-align:right;font-size:12px}.ui-buttons{right:calc(8px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}.ui-context button{padding:10px 14px;font-size:16px}.ui-root button.ui-jump{border-radius:50%;width:72px;height:72px}.ui-buildbar{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));text-align:center;max-width:min(520px,92vw);position:absolute;transform:translate(-50%)}.ui-buildbar .ui-row{justify-content:center;margin-top:6px}.ui-pad{left:calc(20px + env(safe-area-inset-left));bottom:calc(20px + env(safe-area-inset-bottom));touch-action:none;background:#ffffff1f;border:2px solid #ffffff4d;border-radius:50%;width:120px;height:120px;position:absolute}.ui-pad-knob{background:#ffffff80;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}.ui-toasts{bottom:calc(150px + env(safe-area-inset-bottom));flex-direction:column;gap:6px;width:min(420px,60vw);display:flex;position:absolute;left:50%;transform:translate(-50%)}.ui-toast{background:#141c2ceb;border-left:4px solid #6ec6ff;border-radius:6px;padding:8px 10px}.ui-toast.bad{border-left-color:#ff6b5a}.ui-modal-layer{pointer-events:auto;background:#00000073;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.ui-modal-layer[hidden],.ui-buildbar[hidden],.ui-pad[hidden]{display:none}.ui-modal{-webkit-user-select:text;user-select:text;background:#0e1422f7;border:1px solid #fff3;border-radius:12px;width:min(560px,100%);max-height:90vh;padding:14px 16px;overflow-y:auto}.ui-modal h2{margin:0 0 8px;font-size:20px}.ui-modal p{margin:6px 0}.ui-modal a{color:#8fb6ff}.ui-list{flex-direction:column;gap:6px;margin:8px 0;padding:0;list-style:none;display:flex}.ui-list li{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ui-list li>button.ui-item{text-align:left;flex:100%}.ui-list small,.ui-modal small{opacity:.8;font-size:12px;display:block}.ui-qty{text-align:center;min-width:2em;font-weight:700}.ui-grow{flex:1 1 0;min-width:0}.ui-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:10px;display:flex}@media (width<=640px){.ui-root{font-size:12px}.ui-value{font-size:14px}.ui-hud{max-width:52vw}.ui-panel{padding:6px 8px}.ui-buttons{max-width:calc(100vw - 170px)}}.ui-modal h3{margin:12px 0 4px;font-size:15px}.ui-buildhint{opacity:.85;margin-top:4px}@media (width<=640px){.ui-buildbar{left:8px;right:8px;bottom:calc(180px + env(safe-area-inset-bottom));max-width:none;transform:none}}html,body{background:#000;width:100%;height:100%;margin:0;overflow:hidden}#renderCanvas{touch-action:none;width:100%;height:100%;display:block}.carry-badge{color:#0b1a2a;pointer-events:none;background:#96d2ffe6;border-radius:999px;padding:6px 12px;font:600 14px/1.3 system-ui,sans-serif;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.carry-badge[hidden]{display:none}.guide-arrow{text-align:center;color:#ffd27a;text-shadow:0 1px 3px #000;pointer-events:none;font:700 16px/1.2 system-ui,sans-serif;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.guide-arrow[hidden]{display:none}.guide-arrow-icon{font-size:44px;line-height:1}@media (width<=640px){.guide-arrow{top:auto;bottom:230px}}