:root{--bg:#070a12;--stage-bg:#05070d;--bar:#121828;--btn:#222b44;--btn-hi:#2e3a5c;--edge:#3d4a70;--lip:#04060b;--text:#d8dcec;--dim:#8a93b0;--sel:#ffd23f;--fire:#f58a1f;--good:#7fd35a;--bad:#e0452a;--btn-min:56px;--btn-max:92px;--btn-w:clamp(var(--btn-min), calc((100vw - 96px) / 14), var(--btn-max));--btn-h:64px;--icon:32px;--hud-h:56px;--label:10px}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{overscroll-behavior:none;background:var(--bg);width:100%;height:100%;color:var(--text);margin:0;padding:0;overflow:hidden}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;cursor:default;flex-direction:column;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;line-height:1.2;display:flex;position:fixed;top:0;left:0}button{font:inherit;color:inherit;appearance:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;margin:0}button:focus{outline:none}button:focus-visible{outline-offset:-4px;outline:2px solid #fff}#stage{background:var(--stage-bg);flex:1 1 0;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}#game{image-rendering:crisp-edges;image-rendering:pixelated;touch-action:none;flex:none;display:block}#toolbar{background:var(--bar);border-top:3px solid var(--lip);overscroll-behavior:contain;touch-action:pan-x;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:none;overflow:auto hidden;box-shadow:inset 0 2px #1d2740}#toolbar::-webkit-scrollbar{display:none}.tb-rows{justify-content:center;row-gap:6px;width:max-content;min-width:100%;padding:6px 6px 8px;display:grid}.tb-row{flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:3px;display:flex}.tb-btn{flex:0 0 var(--btn-w);min-width:0;height:var(--btn-h);background:var(--btn);border:2px solid var(--edge);border-top:4px solid var(--group,var(--edge));box-shadow:0 3px 0 var(--lip);touch-action:pan-x;border-radius:0;flex-direction:column;justify-content:space-between;align-items:center;padding:5px 1px 2px;display:flex;position:relative}.tb-btn[data-group=tongs]{--group:#aab3d0}.tb-btn[data-group=build]{--group:#7fae4a}.tb-btn[data-group=light]{--group:#f58a1f}.tb-btn[data-group=water]{--group:#4aa3e0}.tb-btn[data-group=weather]{--group:#b49cf0}.tb-btn[data-group=food]{--group:#e0708a}.tb-btn.group-start{margin-left:9px}.tb-btn canvas{width:var(--icon);height:var(--icon);image-rendering:crisp-edges;image-rendering:pixelated;pointer-events:none;flex:none;display:block}.tb-label{max-width:100%;font-size:var(--label);letter-spacing:-.3px;white-space:nowrap;color:var(--text);pointer-events:none;font-weight:700;line-height:1.3;display:block}.tb-btn:active:not(:disabled){box-shadow:0 1px 0 var(--lip);transform:translateY(2px)}.tb-btn.selected{border-color:var(--sel);box-shadow:0 3px 0 var(--lip), inset 0 0 0 2px #7a6a1c;background:#4a4016}.tb-btn.selected .tb-label{color:var(--sel)}.tb-btn:disabled{cursor:default;box-shadow:0 3px 0 var(--lip);background:#171d2e;border-color:#262f48}.tb-btn:disabled canvas,.tb-btn:disabled .tb-label{opacity:.35}.tb-btn.tb-cycle:after{content:"";border:4px solid #0000;border-left-color:var(--dim);pointer-events:none;border-right-width:0;position:absolute;top:4px;right:3px}.tb-lamp{pointer-events:none;background:#0a0d16;border:2px solid #4b5677;width:8px;height:8px;position:absolute;top:3px;right:3px}.tb-btn.on{border-color:var(--fire);box-shadow:0 3px 0 var(--lip), inset 0 0 0 2px #7a4416;background:#4a2a12}.tb-btn.on .tb-lamp{border-color:var(--fire);background:#ffd23f}.tb-btn.on .tb-label{color:#ffc27a}.hud{z-index:3;pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:calc(100% - 12px);display:flex;position:absolute;top:6px;right:6px}.hud-btn{pointer-events:auto;min-width:var(--hud-h);min-height:var(--hud-h);white-space:nowrap;border:2px solid var(--edge);touch-action:none;background:#181f32e0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 10px;font-size:12px;font-weight:700;display:flex;box-shadow:0 3px #000000b3}.hud-btn:active{transform:translateY(2px);box-shadow:0 1px #000000b3}.hud-sub{color:var(--sel);font-size:11px}.hud-btn.off .hud-sub{color:var(--dim)}.hud-btn.all-done{border-color:var(--good)}.hud-btn.all-done .hud-sub{color:var(--good)}.hud-btn.armed,.mini-btn.armed{border-color:var(--bad);color:#fff;background:#6a1c12}.toasts{z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:min(78%,440px);display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.toast{text-align:center;border:2px solid var(--edge);background:#121828f0;padding:8px 14px;font-size:14px;font-weight:700;transition:opacity .5s linear,transform .5s linear;animation:.18s steps(3,end) both toast-in;box-shadow:0 3px #000000b3}.toast.out{opacity:0;transform:translateY(-8px)}.toast-tag{letter-spacing:1px;text-transform:uppercase;margin-bottom:2px;font-size:10px;display:block}.toast-goal{color:#1a1300;background:var(--sel);border-color:#fff3b0;padding:9px 18px;font-size:15px}.toast-goal .toast-tag{color:#6b4a00}.toast-serve{color:#fff;border-color:var(--fire);background:#602214f2}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.overlay{z-index:5;touch-action:none;background:#03050ab8;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:0}.panel{border:3px solid var(--edge);background:#141a2b;flex-direction:column;width:min(100%,520px);max-height:100%;display:flex;box-shadow:0 5px #000c,inset 0 0 0 2px #0b0f1a}.panel-head{background:#1c2440;border-bottom:3px solid #0b0f1a;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:4px 4px 4px 14px;display:flex}.panel-title{letter-spacing:1px;text-transform:uppercase;color:var(--sel);font-size:16px;font-weight:700}.panel-close{width:56px;height:48px;box-shadow:0 3px 0 var(--lip);touch-action:none;background:#3a1a1a;border:2px solid #8a3a30;border-radius:0;flex:none;padding:0;font-size:22px;font-weight:700;line-height:1}.panel-close:active,.big-btn:active,.mini-btn:active{box-shadow:0 1px 0 var(--lip);transform:translateY(2px)}.panel-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:auto;min-height:0;padding:10px 14px;overflow-y:auto}.panel-foot{color:var(--dim);border-top:2px solid #0b0f1a;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px 10px;font-size:12px;display:flex}.goal-list,.help-list{margin:0;padding:0;list-style:none}.goal{border-bottom:2px solid #1d2540;align-items:flex-start;gap:10px;padding:7px 0;display:flex}.goal:last-child{border-bottom:0}.goal-box{background:#0a0d16;border:2px solid #4b5677;flex:none;width:18px;height:18px;margin-top:1px;position:relative}.goal.done .goal-box{border-color:var(--good);background:#1f4a1a}.goal.done .goal-box:after{content:"";background:var(--good);width:8px;height:8px;position:absolute;top:3px;left:3px}.goal-title{font-size:14px;font-weight:700}.goal-desc{color:var(--dim);margin-top:2px;font-size:12px}.goal.done .goal-title{color:var(--good)}.goal-state{letter-spacing:1px;text-transform:uppercase;color:#56607f;flex:none;margin-left:auto;padding-top:2px;font-size:10px;font-weight:700}.goal.done .goal-state{color:var(--good)}.help-step{align-items:flex-start;gap:10px;padding:7px 0;font-size:14px;line-height:1.35;display:flex}.help-num{color:#1a1300;background:var(--fire);width:26px;height:26px;box-shadow:0 2px 0 var(--lip);flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.help-step b,.help-note b{color:var(--sel)}.help-note{color:var(--text);border-top:2px solid #1d2540;margin:4px 0 2px;padding:8px 0 0 36px;font-size:13px;line-height:1.35}.big-btn{color:#1a1300;background:var(--sel);min-width:140px;min-height:56px;box-shadow:0 3px 0 var(--lip);touch-action:none;border:2px solid #fff3b0;border-radius:0;margin-left:auto;padding:0 18px;font-size:15px;font-weight:700}.mini-btn{min-height:40px;color:var(--dim);box-shadow:0 3px 0 var(--lip);touch-action:none;background:#1a2136;border:2px solid #323c5c;border-radius:0;padding:0 10px;font-size:11px}@media (width>=1160px) and (height>=600px){:root{--label:11px}}@media (width>=1500px) and (height>=700px){:root{--icon:48px;--btn-h:88px;--btn-max:104px;--label:12px}.tb-btn{padding-top:7px;padding-bottom:4px}}@media (width<=1075px),(height<=480px),(orientation:portrait){.tb-long{font-size:0}.tb-long:after{content:attr(data-short);font-size:var(--label)}}@media (height<=480px){:root{--btn-w:var(--btn-min);--btn-h:56px;--hud-h:44px;--label:9px}.tb-rows{justify-content:center;gap:12px;padding:4px 6px 6px;display:flex}.tb-btn{border-top-width:3px;padding-top:2px;padding-bottom:1px}.hud-btn{flex-direction:row;gap:6px;padding:2px 8px}.panel-body{padding:4px 12px}.help-step,.goal{padding:4px 0}.big-btn{min-height:44px}}@media (orientation:portrait){:root{--btn-w:var(--btn-min)}#toolbar{touch-action:pan-y;max-height:46dvh;overflow:hidden auto}.tb-rows{flex-direction:column;width:auto;display:flex}.tb-row{flex-wrap:wrap;justify-content:center;gap:6px 4px}.tb-btn{touch-action:pan-y}.tb-btn.group-start{margin-left:0}.hud-btn{min-width:48px;min-height:48px;padding:3px 7px;font-size:11px}}@media (width<=900px){.toasts{top:calc(var(--hud-h) + 14px);max-width:92%}}@media (orientation:portrait) and (width>=600px){:root{--btn-w:72px;--btn-h:72px;--label:11px}}@media (prefers-reduced-motion:reduce){.toast{transition:opacity .3s linear;animation:none}}