.tutorial{color:#f4f7fc;pointer-events:auto;z-index:0;background:#0a0e18e6;border:2px solid #ffd27a;border-radius:12px;width:min(440px,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]{display:none}.tutorial-head{color:#ffd27a;justify-content:space-between;font-weight:700;display:flex}.tutorial-text{margin:6px 0 10px}.tutorial-buttons{justify-content:flex-end;gap:8px;display:flex}.tutorial button{font:inherit;border-radius:8px;padding:4px 14px;font-size:15px}.tutorial-ok{color:#fff;background:#2e9d5b;border:none;font-weight:700}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 #ffd27af2}50%{box-shadow:0 0 0 10px #ffd27a00}}body[data-tutorial-step=build] [data-action=menu][data-menu=build],body[data-tutorial-step=build] [data-action=buildSelect][data-kind=solar],body[data-tutorial-step=place] [data-action=buildConfirm],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=takeIce] [data-action=context],body[data-tutorial-step=goHome] [data-action=context],body[data-tutorial-step=move] .ui-pad{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}.tutorial button{font-size:13px}}.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{top:calc(8px + env(safe-area-inset-top));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}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;top:190px;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}}
