:root{--bg: #14100c;--panel: #2b2118;--panel-2: #3a2c20;--edge: #6b4f37;--edge-hi: #a37850;--ink: #f4e9d8;--ink-dim: #b9a68d;--gold: #f5c542;--green: #6cc94f;--red: #e05d5d;--blue: #5aa9e6;--shadow: 0 3px 0 rgba(0, 0, 0, .45);--slot: clamp(30px, 8.6vw, 44px);--ui-font: 13px;--hud-gap: 10px;--sa-t: env(safe-area-inset-top, 0px);--sa-b: env(safe-area-inset-bottom, 0px);--sa-l: env(safe-area-inset-left, 0px);--sa-r: env(safe-area-inset-right, 0px);--pad-bottom: 0px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:var(--ui-font);overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#app{position:relative;width:100%;height:100%;height:100dvh}#stage{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none}canvas#game{display:block;position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;background:#0b0907;touch-action:none}#hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:calc(var(--hud-gap) + var(--sa-t)) calc(var(--hud-gap) + var(--sa-r)) calc(var(--hud-gap) + var(--sa-b) + var(--pad-bottom)) calc(var(--hud-gap) + var(--sa-l));z-index:25}.hud-row{display:flex;gap:8px;align-items:flex-start;justify-content:space-between}.hud-box{background:#2b2118eb;border:2px solid var(--edge);border-radius:4px;box-shadow:var(--shadow);padding:5px 8px;display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.3}.hud-line{display:flex;justify-content:space-between;gap:10px;white-space:nowrap}.hud-line b{color:var(--gold);font-weight:700}.hud-line .clock{color:var(--blue)}.bar{position:relative;height:8px;background:#1b140e;border:1px solid #000;border-radius:2px;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(#8ede6a,#4c9c36);transition:width .18s linear}.bar.low>i{background:linear-gradient(#f0a35c,#d05a2a)}.bar.crit>i{background:linear-gradient(#f07070,#b02828)}.hud-col{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0}#minimap{pointer-events:auto;padding:3px;background:#2b2118eb;border:2px solid var(--edge);border-radius:4px;box-shadow:var(--shadow);line-height:0;width:clamp(84px,17vw,148px);touch-action:none}#minimap.hidden{display:none}#minimap canvas{display:block;width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;cursor:pointer}#goal-box{max-width:44%}body.touch #hud .hud-row:first-child{padding-right:50px}#goal{color:var(--ink-dim);font-size:.92em;white-space:normal}#goal b{color:var(--green)}#hotbar{pointer-events:auto;display:flex;gap:3px;align-self:center;padding:4px;background:#2b2118eb;border:2px solid var(--edge);border-radius:4px;box-shadow:var(--shadow);max-width:100%}.slot{position:relative;width:var(--slot);height:var(--slot);background:var(--panel-2);border:2px solid #1b140e;border-radius:3px;display:grid;place-items:center;cursor:pointer;touch-action:manipulation}.slot.sel{border-color:var(--gold);background:#4a3826;box-shadow:0 0 0 1px var(--gold)}.slot canvas{image-rendering:pixelated;width:78%;height:78%}.slot .n{position:absolute;right:1px;bottom:-1px;font-size:.85em;color:var(--ink);text-shadow:1px 1px 0 #000,-1px 1px 0 #000}.slot .k{position:absolute;left:2px;top:-2px;font-size:.7em;color:var(--ink-dim)}body.touch .slot .k{display:none}#toasts{position:absolute;left:50%;top:calc(58px + var(--sa-t));transform:translate(-50%);display:flex;flex-direction:column;gap:4px;align-items:center;pointer-events:none;z-index:30;width:max-content;max-width:86vw}.toast{background:#140f0af0;border:2px solid var(--edge);border-radius:4px;padding:4px 11px;animation:toast-in .18s ease-out;text-align:center}.toast.good{border-color:var(--green);color:#d8f5c8}.toast.bad{border-color:var(--red);color:#f8d2d2}.toast.fade{opacity:0;transition:opacity .4s ease-out}@keyframes toast-in{0%{transform:translateY(-6px);opacity:0}}#modal-root{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#080604b8;z-index:40;padding:calc(12px + var(--sa-t)) calc(12px + var(--sa-r)) calc(12px + var(--sa-b)) calc(12px + var(--sa-l))}#modal-root.open{display:flex}.modal{background:var(--panel);border:3px solid var(--edge-hi);border-radius:5px;box-shadow:0 6px #00000080;width:min(560px,100%);max-height:100%;display:flex;flex-direction:column}.modal header{padding:9px 12px;border-bottom:2px solid var(--edge);display:flex;justify-content:space-between;align-items:center;gap:10px}.modal h2{margin:0;font-size:1.15em;letter-spacing:.5px;color:var(--gold)}.modal .sub{font-size:.9em;color:var(--ink-dim)}.modal .body{padding:9px 10px;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:5px}.modal footer{padding:8px 10px;border-top:2px solid var(--edge);display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;align-items:center}.row{display:flex;align-items:center;gap:9px;padding:6px 7px;background:var(--panel-2);border:2px solid #1b140e;border-radius:3px}.row.locked{opacity:.5}.row canvas{image-rendering:pixelated;width:30px;height:30px;flex:none}.row .info{flex:1;min-width:0}.row .info .desc{font-size:.85em;color:var(--ink-dim);white-space:normal}.row .price{color:var(--gold);white-space:nowrap}button{font:inherit;font-size:.92em;color:var(--ink);background:var(--panel-2);border:2px solid var(--edge);border-bottom-width:4px;border-radius:3px;padding:6px 11px;cursor:pointer;touch-action:manipulation;min-height:34px}button:hover:not(:disabled){background:#4a3826;border-color:var(--edge-hi)}button:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}button:disabled{opacity:.42;cursor:not-allowed}button.primary{background:#3d6b2a;border-color:#5c9b40}button.primary:hover:not(:disabled){background:#4c8535}button.danger{background:#6b2a2a;border-color:#9b4040}kbd{display:inline-block;background:#1b140e;border:1px solid var(--edge);border-bottom-width:2px;border-radius:3px;padding:0 5px;font-size:.85em;color:var(--ink)}.help-grid{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;font-size:.92em;align-items:center}.help-grid .k{text-align:right}#touch{position:absolute;inset:0;display:none;pointer-events:none;z-index:20}body.touch #touch{display:block}#stick{position:absolute;left:0;bottom:0;pointer-events:auto;touch-action:none}#stick .base{position:absolute;width:108px;height:108px;margin:-54px 0 0 -54px;border-radius:50%;background:#140f0a57;border:2px solid rgba(163,120,80,.55);opacity:0;transition:opacity .12s ease-out;pointer-events:none}#stick .knob{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:0;transform:translate(-50%,-50%);border-radius:50%;background:#f5c542b8;border:2px solid rgba(20,15,10,.6);box-shadow:0 2px #0006}#abtn{position:absolute;right:calc(12px + var(--sa-r));bottom:calc(14px + var(--sa-b));display:flex;align-items:flex-end;gap:10px;pointer-events:auto}#abtn button{border-radius:50%;padding:0;opacity:.92;font-size:.85em;background:#3a2c20eb}#abtn .a{width:74px;height:74px;min-height:74px;background:#3d6b2af0;border-color:#5c9b40}#abtn .b{width:56px;height:56px;min-height:56px}#abtn button.down{transform:translateY(2px);border-bottom-width:2px}#sysbtn{position:absolute;right:calc(10px + var(--sa-r));top:calc(10px + var(--sa-t));pointer-events:auto}#sysbtn .menu{width:42px;height:42px;padding:0;border-radius:6px;font-size:1.15em;background:#2b2118eb}body[data-orientation=landscape] #stick{width:38%;height:62%}body[data-orientation=portrait] #stick{width:55%;height:30%}body.touch[data-orientation=portrait]{--pad-bottom: 96px}body.touch[data-orientation=landscape]{--pad-bottom: 8px}body.touch[data-orientation=landscape] #hotbar{margin-right:150px}@media (max-width: 560px){:root{--ui-font: 11.5px;--hud-gap: 7px}#goal-box{max-width:50%}}@media (max-height: 460px){:root{--ui-font: 11px;--hud-gap: 6px;--slot: clamp(26px, 7.4vh, 36px)}#toasts{top:calc(44px + var(--sa-t))}.bar{height:6px}#abtn .a{width:60px;height:60px;min-height:60px}#abtn .b{width:46px;height:46px;min-height:46px}#stick .base{width:92px;height:92px;margin:-46px 0 0 -46px}#minimap{width:clamp(72px,15vw,110px)}}@media (max-width: 380px){#goal-box{display:none}}#boot{position:absolute;inset:0;display:grid;place-items:center;background:var(--bg);z-index:60;text-align:center;padding:16px}#boot .inner{display:flex;flex-direction:column;align-items:center;gap:14px}#boot h1{margin:0;font-size:1.7em;color:var(--gold);letter-spacing:2px}#boot p{margin:0;color:var(--ink-dim);font-size:.92em;max-width:360px;line-height:1.6}#boot .err{color:var(--red);white-space:pre-wrap;text-align:left;font-size:.85em;max-width:90vw;max-height:40vh;overflow:auto}