:root{--bg:#0a1030;--panel:#131c3f;--panel2:#1d2a52;--line:#2a3a6b;--text:#d7e0ff;--dim:#8b97c4;--yellow:#ffd54f;--green:#4caf50;--red:#e53935;--amber:#ff9800;--blue:#4fc3f7}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{color:var(--text);-webkit-font-smoothing:none;-webkit-user-select:none;user-select:none;font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:13px}#app{width:100%;height:100vh;flex-direction:column;height:100dvh;display:flex}#hud{padding:max(6px, env(safe-area-inset-top)) 8px 6px;background:var(--panel);border-bottom:3px solid var(--line);align-items:center;gap:8px;display:flex}#hud-day{white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}#day-icon{font-size:16px;line-height:1}#bars{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.bar{align-items:center;gap:5px;height:11px;display:flex}.bar label{letter-spacing:1px;color:var(--dim);width:24px;font-size:8px}.segs{flex:1;gap:2px;height:8px;display:flex}.segs i{background:#0d1330;flex:1;min-width:3px}.segs i.on{background:var(--blue)}#bar-hp .segs i.on{background:var(--red)}#bar-hunger .segs i.on{background:var(--amber)}#gear{font:inherit;background:var(--panel2);color:var(--text);border:2px solid var(--line);cursor:pointer;padding:5px 8px;font-size:14px;line-height:1}#gear:active{background:var(--line)}#stage{background:var(--bg);flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}#game{image-rendering:pixelated;background:#050818;display:block}#log{background:var(--panel);border-top:3px solid var(--line);border-bottom:3px solid var(--line);flex-direction:column;justify-content:flex-end;height:55px;padding:2px 8px;font-size:11px;line-height:17px;display:flex;overflow:hidden}#log .line{white-space:nowrap;text-overflow:ellipsis;color:var(--dim);overflow:hidden}#log .line:last-child{color:var(--text)}#inv{background:var(--panel2);scrollbar-width:none;gap:6px;padding:6px 8px;display:flex;overflow-x:auto}#inv::-webkit-scrollbar{display:none}.slot{border:2px solid var(--line);background:var(--panel);font:inherit;color:var(--text);cursor:pointer;flex:none;align-items:center;gap:4px;padding:3px 6px;font-size:11px;display:flex}.slot:active{background:var(--line)}.slot img{width:16px;height:16px;image-rendering:pixelated;display:block}.slot .n{text-align:right;min-width:14px}.slot.zero{opacity:.45}#dock{background:var(--panel);border-top:3px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom))}#chips{scrollbar-width:none;gap:6px;margin-bottom:8px;display:flex;overflow-x:auto}#chips::-webkit-scrollbar{display:none}.chip{border:2px solid var(--line);background:var(--panel2);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;flex:none;padding:5px 8px;font-size:11px}.chip:active{background:var(--line)}#dock-row{align-items:stretch;gap:6px;display:flex}#goal-input{border:2px solid var(--line);min-width:0;color:var(--text);font:inherit;background:#0d1330;flex:1;padding:8px;font-size:13px}#goal-input::placeholder{color:var(--dim)}#goal-input:disabled{opacity:.5}#goal-input:focus{border-color:var(--yellow);outline:none}#goal-send{font:inherit;background:var(--yellow);color:#1a1a2e;cursor:pointer;border:2px solid #0d1330;padding:0 14px;font-size:13px;font-weight:700}#goal-send:disabled{opacity:.5}#dock-status{min-height:15px;color:var(--dim);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:11px;overflow:hidden}.dots i{background:var(--yellow);width:4px;height:4px;margin-left:2px;animation:1.2s infinite blink;display:inline-block}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}#toasts{top:calc(8px + env(safe-area-inset-top));z-index:50;pointer-events:none;flex-direction:column;gap:6px;width:min(320px,90vw);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:3px solid var(--line);padding:8px 10px;font-size:12px;animation:.15s steps(2,end) toast-in;box-shadow:4px 4px #0006}.toast.milestone{border-color:var(--yellow)}.toast.done{border-color:var(--green)}.toast.failed{border-color:var(--red)}.toast.away{border-color:var(--blue)}.toast.info{border-color:var(--line)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}#sheet-backdrop{z-index:40;background:#050818b3;align-items:flex-end;display:none;position:fixed;top:0;bottom:0;left:0;right:0}#sheet-backdrop.open{display:flex}#sheet{background:var(--panel);border-top:3px solid var(--yellow);width:100%;padding:12px 12px calc(12px + env(safe-area-inset-bottom));font-size:12px}#sheet h2{color:var(--yellow);margin:0 0 8px;font-size:13px}#sheet .row{border-bottom:1px solid var(--line);justify-content:space-between;padding:4px 0;display:flex}#sheet button{width:100%;font:inherit;background:var(--red);color:#fff;cursor:pointer;border:2px solid #0d1330;margin-top:12px;padding:8px;font-weight:700}