:root{--bg:#1b2330;--panel:#141b26eb;--panel-border:#33415a;--text:#e8edf5;--muted:#9aa8bd;--accent:#f5b942;--danger:#e85d5d;--ok:#5ed39a;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#game{touch-action:none;position:fixed;inset:0}#game canvas{touch-action:none;display:block}#hud{pointer-events:none;z-index:1;position:fixed;inset:0}#hud>*{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.toolbar-wrap{position:absolute;bottom:0;left:0;right:0;pointer-events:none!important}.toolbar-wrap>*{pointer-events:auto}.context-buttons{padding:0 calc(12px + var(--safe-right)) 10px calc(12px + var(--safe-left));justify-content:flex-end;gap:10px;display:flex;pointer-events:none!important}.context-buttons>*{pointer-events:auto}.round-btn{border:1px solid var(--panel-border);background:var(--panel);border-radius:28px;min-width:56px;height:56px;padding:0 14px;font-size:20px;box-shadow:0 4px 14px #00000059}.round-btn:active{transform:scale(.95)}.toolbar{scrollbar-width:none;padding:8px calc(8px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(8px + var(--safe-left));background:var(--panel);border-top:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);gap:6px;display:flex;overflow-x:auto}.toolbar::-webkit-scrollbar{display:none}.tool{background:#ffffff0a;border:2px solid #0000;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;width:68px;min-height:72px;padding:6px 2px;display:flex;position:relative}.tool.active{border-color:var(--accent);background:#f5b94224}.tool.locked{opacity:.4}.tool.locked:after{content:"🔒";font-size:11px;position:absolute;top:4px;right:6px}.tool.poor .tool-cost{color:var(--danger)}.tool-icon{image-rendering:auto;width:32px;height:32px}.tool-icon.del{color:var(--danger);justify-content:center;align-items:center;font-size:22px;display:flex}.tool-name{font-size:12px;line-height:1.1}.tool-cost{color:var(--muted);gap:4px;font-size:11px;display:flex}.cost{align-items:center;gap:1px;display:inline-flex}.top-stack{left:0;right:0;top:calc(110px + var(--safe-top));flex-direction:column;align-items:center;gap:8px;padding:0 12px;display:flex;position:absolute;pointer-events:none!important}.guide{pointer-events:auto;background:var(--panel);border:1px solid var(--accent);border-radius:14px;width:100%;max-width:420px;padding:6px 10px 8px 14px;font-size:14px;box-shadow:0 4px 14px #00000059}.guide-head{color:var(--accent);justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.guide-close{width:36px;height:36px;color:var(--muted);background:0 0;border:none;margin:-6px -6px -6px 0;font-size:16px}.guide-step{margin-top:2px;font-weight:600}.tool.next-unlock{opacity:.75;border:2px dashed var(--panel-border)}.tool.next-unlock .tool-icon{filter:grayscale(.6)}.toasts{flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:calc(100vw - 32px);display:flex;pointer-events:none!important}.toast{background:var(--panel);border:1px solid var(--panel-border);text-align:center;border-radius:12px;padding:10px 16px;font-size:14px;transition:opacity .3s,transform .3s;box-shadow:0 4px 14px #00000059}.toast.error{border-color:var(--danger)}.toast.success{border-color:var(--ok)}.toast.out{opacity:0;transform:translateY(6px)}[hidden]{display:none!important}.topbar{padding:calc(8px + var(--safe-top)) calc(10px + var(--safe-right)) 6px calc(10px + var(--safe-left));background:linear-gradient(var(--panel), #141b26bf);border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);position:absolute;top:0;left:0;right:0}.topbar-row{align-items:center;gap:10px;display:flex}.goal{flex:1;min-width:0}.goal-title{flex-wrap:wrap;align-items:center;gap:4px;font-size:14px;display:flex}.goal-bar{background:#ffffff14;border-radius:8px;height:16px;margin-top:4px;position:relative;overflow:hidden}.goal-bar>div{background:linear-gradient(90deg, #c9952b, var(--accent));height:100%;transition:width .25s}.goal-bar>span{text-align:center;text-shadow:0 1px 2px #000;font-size:11px;font-weight:600;line-height:16px;position:absolute;inset:0}.icon-btn{border:1px solid var(--panel-border);background:#ffffff0d;border-radius:12px;flex:none;width:48px;height:48px;font-size:20px}.inventory-strip{scrollbar-width:none;gap:6px;margin-top:6px;display:flex;overflow-x:auto}.inventory-strip::-webkit-scrollbar{display:none}.chip{font-variant-numeric:tabular-nums;background:#ffffff12;border-radius:10px;flex:none;align-items:center;gap:4px;padding:2px 8px 2px 4px;font-size:13px;display:inline-flex}.muted{color:var(--muted)}.sheet{background:var(--panel);border:1px solid var(--panel-border);padding:12px calc(14px + var(--safe-right)) 12px calc(14px + var(--safe-left));-webkit-backdrop-filter:blur(8px);border-radius:18px 18px 0 0;box-shadow:0 -6px 20px #00000059}.inspector{border-bottom:none;max-height:45vh;overflow-y:auto}.sheet-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.sheet-title{font-size:18px;font-weight:700}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;min-width:70px;font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;font-size:14px;display:flex}.row svg,.goal-title svg,.milestones svg{vertical-align:middle}.progress{background:#ffffff14;border-radius:3px;height:6px;margin:8px 0;overflow:hidden}.progress>div{background:var(--ok);height:100%}.warn{color:var(--accent);font-size:13px}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin:6px 0 10px;display:grid}.recipe-btn{background:#ffffff0f;border:2px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:64px;font-size:12px;display:flex}.recipe-btn.active{border-color:var(--accent);background:#f5b94224}.recipe-btn:disabled{opacity:.4}.actions{gap:10px;margin-top:10px;display:flex}.btn{border:1px solid var(--panel-border);background:#ffffff12;border-radius:12px;flex:1;min-height:48px;font-size:15px;font-weight:600}.btn.danger{color:#ffb3b3;border-color:#e85d5d99}.modal{background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.modal-sheet{width:100%;max-width:560px;max-height:88vh;padding-bottom:calc(16px + var(--safe-bottom));background:#161d28;overflow-y:auto}.modal h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:14px 0 8px;font-size:14px}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.inv-cell{background:#ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.inv-cell b{font-variant-numeric:tabular-nums;margin-left:auto}.inv-cell.empty{opacity:.45}.milestones{margin:0;padding:0;list-style:none}.milestones li{background:#ffffff0a;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;font-size:14px;display:flex}.milestones li.done{opacity:.6}.milestones li.done span{color:var(--ok);font-weight:700}.milestones li.current{border:1px solid var(--accent)}.milestones li.todo{opacity:.5}.milestones .muted{margin-top:2px;font-size:12px}details{margin-top:14px;font-size:14px}summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.howto li{margin-bottom:6px;line-height:1.4}