.muted{color:var(--muted)}.small{font-size:15px}img.ico{image-rendering:pixelated;object-fit:contain;vertical-align:-3px;width:16px;height:16px}img.big{image-rendering:pixelated;object-fit:contain;vertical-align:middle;width:24px;height:24px}kbd{font:inherit;color:var(--muted);background:#1b1814;border:1px solid #6b5538;border-radius:3px;margin-right:5px;padding:0 3px;font-size:15px}.sb-hands{flex-direction:column;gap:4px;min-width:200px;max-width:270px;font-size:16px;display:flex;top:10px;left:10px}.sb-hands .slot{align-items:center;gap:6px;min-height:26px;display:flex}.sb-hands .lab{min-width:56px;color:var(--muted);text-transform:uppercase;flex:none;font-size:15px}.sb-hands button{margin-left:auto;padding:2px 6px;font-size:15px}.sb-hands .job{color:var(--good);font-size:15px}.sb-tools{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:calc(100% - 300px);padding:5px;display:flex;top:10px;right:10px}.sb-tools button{padding:5px 8px}.sb-panel{width:min(360px,100% - 20px);max-height:calc(100% - 80px);font-size:16px;display:none;top:60px;right:10px;overflow-y:auto}.sb-panel.show{display:block}.sb-panel.wide{width:min(470px,100% - 20px)}.sb-panel h3{color:var(--accent);margin:0 0 4px;font-size:19px}.sb-panel h4{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:10px 0 2px;font-size:15px}.sb-panel p{margin:2px 0 8px}.sb-panel .row{border-bottom:1px solid #4d3e2c88;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.sb-panel .row button{flex:none}.sb-panel .row button:disabled{opacity:.45;cursor:default}.sb-panel .x{padding:2px 7px;position:absolute;top:6px;right:6px}.sb-panel ul{margin:4px 0;padding-left:18px;line-height:1.45}.sb-panel details{border-bottom:1px solid #4d3e2c88;padding:4px 0}.sb-panel summary{cursor:pointer;text-transform:capitalize;padding:3px 0;font-weight:600}.sb-panel .tune{justify-content:space-between;align-items:center;gap:8px;padding:2px 0 2px 8px;font-size:15px;display:flex}.sb-panel .tune.changed span{color:var(--accent);font-weight:700}.sb-panel .tune input{width:80px;font:inherit;color:var(--ink);background:#1b1814;border:1px solid #6b5538;border-radius:3px;padding:2px 4px;font-size:15px}.sb-panel details button{margin:6px 0 4px 8px;padding:3px 7px;font-size:15px}.sb-panel .lvl{color:var(--accent);font-size:17px;font-weight:700}.xpbar{background:#1b1814;border-radius:2px;width:160px;height:5px;margin:3px 0;overflow:hidden}.xpbar i{background:#8fe0ff;height:100%;display:block}.sb-mode{align-items:center;gap:8px;width:max-content;max-width:calc(100% - 20px);font-size:16px;display:none;top:64px;left:50%;transform:translate(-50%)}.sb-mode.show{display:flex}.sb-mode .ok{color:var(--good)}.sb-mode .bad{color:#ff9b8a}.sb-toasts{pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.sb-toast{text-align:center;background:#2a231cee;border:2px solid #4d3e2c;border-radius:5px;max-width:90vw;padding:5px 10px;font-size:16px;animation:2.6s forwards sbt}@keyframes sbt{0%{opacity:0;transform:translateY(6px)}8%,85%{opacity:1;transform:none}to{opacity:0}}@media (width<=700px){.sb-hands{min-width:0;padding:5px 8px;font-size:15px}.sb-hands .lab{min-width:52px}.sb-tools{grid-template-columns:repeat(5,1fr);gap:5px;max-width:none;display:grid;inset:auto 10px 10px}.sb-tools button{min-height:42px;padding:0;font-size:20px}.sb-tools .t{display:none}.sb-panel{max-height:55%;top:auto;bottom:120px;right:10px}.sb-mode{flex-wrap:wrap;justify-content:center;top:auto;bottom:120px}.sb-toasts{bottom:250px}}.sb-tools button.toggle.on{color:#fff6dc;background:#3f6a2c;border-color:#6f9f48}.sb-wheel{z-index:40;width:0;height:0;display:none;position:fixed;top:0;left:0}.sb-wheel.show{animation:.14s ease-out sbwheel;display:block}@keyframes sbwheel{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.sb-wheel button{font:inherit;cursor:pointer;position:absolute;top:0;left:0}.sb-wheel .hub{text-align:center;max-width:130px;color:var(--accent);background:#2a231cf2;border:3px solid #6b5538;border-radius:14px;padding:8px 12px;font-size:18px;font-weight:700;line-height:1.15;box-shadow:0 4px #0008}.sb-wheel .opt{color:#fff6dc;text-align:center;background:#4a3a28;border:3px solid #8a6e4a;border-radius:16px;justify-content:center;align-items:center;gap:6px;min-height:54px;padding:6px 10px;font-size:16px;line-height:1.15;transition:background 80ms,border-color 80ms;display:flex;box-shadow:0 4px #0008}.sb-wheel .opt .wico{width:28px;height:28px;image-rendering:pixelated;flex:none}.sb-wheel .opt kbd{flex:none;margin:0}.sb-wheel .opt:hover,.sb-wheel .opt.hot{background:#6a8f3c;border-color:#b9e07a}.sb-wheel .opt.off{opacity:.8;color:#c9bba0;background:#3a3128}.sb-wheel .opt.off.hot,.sb-wheel .opt.off:hover{opacity:.95;background:#7a3a2c;border-color:#d98a6a}.sb-wheel .opt.danger{border-color:#b8604a}.sb-wheel .cap{width:max-content;max-width:min(340px,90vw);color:var(--ink);text-align:center;background:#2a231cf2;border:2px solid #4d3e2c;border-radius:8px;padding:7px 12px;font-size:16px;line-height:1.3;position:absolute;top:0;left:0}.sb-hands .hbar{background:#1b1814;border:2px solid #4d3e2c;border-radius:4px;flex:1;min-width:70px;height:12px;overflow:hidden}.sb-hands .hbar i{background:#e0a35a;height:100%;transition:width .3s;display:block}.sb-hands .hbar.low i{background:#e9b45a;animation:1s ease-in-out infinite sbpulse}.sb-hands .hbar.empty i{background:#c0503a}@keyframes sbpulse{50%{opacity:.45}}.sb-hands .hp{text-align:right;min-width:44px}.sb-hands .hungry{color:#ff9b8a;font-size:16px}.sb-hands .peckish{color:#e9b45a;font-size:15px}.sb-hands .fed{color:#a8d070;font-size:15px}.sb-panel .sall{gap:6px;margin:4px 0 6px;display:flex}.sb-panel .sall button{flex:1;min-height:40px}.sb-panel .srow{border-bottom:1px solid #4d3e2c88;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 8px;padding:6px 0;display:flex}.sb-panel .srow.off .sname{opacity:.7}.sb-panel .sname{align-items:center;gap:8px;line-height:1.2;display:flex}.sb-panel .sname img.big{width:28px;height:28px}.sb-panel .sctl{align-items:center;gap:6px;margin-left:auto;display:flex}.sb-panel .stog{min-width:64px;min-height:40px}.sb-panel .stog.on{color:#fff6dc;background:#3f6a2c;border-color:#6f9f48}.sb-panel .step{align-items:center;gap:2px;display:flex}.sb-panel .step button{min-width:40px;min-height:40px;padding:0;font-size:20px}.sb-panel .step button:disabled{opacity:.4;cursor:default}.sb-panel .step .v{text-align:center;min-width:76px;font-size:16px}.sb-panel .recipe{border-bottom:1px solid #4d3e2c88;padding:8px 0}.sb-panel .recipe.off .sname{opacity:.6}.sb-panel .recipe p{margin:4px 0 0}.sb-panel .ract{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.sb-panel .ract button{flex:1;min-height:44px;font-size:16px}.sb-panel .ract button:disabled{opacity:.45;cursor:default}.sb-panel .recipe .why,.sb-panel .row .why{color:#ffb4a6}.sb-needs{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sb-needs .need{white-space:nowrap;background:#2a231ce6;border:2px solid #8a3a2c;border-radius:9px;gap:7px;padding:3px 8px;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 2px #0007}.sb-needs .need span{align-items:center;gap:3px;display:flex}.sb-needs .need img.nico{width:22px;height:22px;image-rendering:pixelated;object-fit:contain}.sb-needs .need b{color:#ff6b5a;text-shadow:0 1px #000;font-size:18px;font-weight:800;line-height:1}.mp-tags{pointer-events:none;position:absolute;inset:0;overflow:hidden}.mp-tag{color:#fff6dc;white-space:nowrap;text-shadow:0 2px #2b1d14,2px 0 #2b1d14,-2px 0 #2b1d14,0 -2px #2b1d14;font-size:15px;font-weight:700;position:absolute;top:0;left:0}.mp-chip{align-items:center;gap:10px;padding:5px 8px;font-size:15px;display:none;bottom:10px;left:10px}.mp-chip b{color:var(--accent)}.mp-chip button{padding:3px 8px;font-size:15px}.mp-back{z-index:60;pointer-events:auto;background:#1b1814b0;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.mp-card{flex-direction:column;gap:10px;width:min(360px,100%);padding:14px 16px;font-size:16px;display:flex;position:static}.mp-card h3{color:var(--accent);margin:0;font-size:22px}.mp-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.3}.mp-card label{color:var(--muted);flex-direction:column;gap:4px;font-size:15px;display:flex}.mp-card input{font:inherit;color:var(--ink);-webkit-user-select:text;user-select:text;background:#1b1814;border:2px solid #6b5538;border-radius:4px;padding:8px 10px;font-size:20px}.mp-card input:focus{border-color:var(--accent);outline:none}.mp-card .err{color:#ff9b8a;min-height:20px;font-size:15px}.mp-card .row{gap:8px;display:flex}.mp-card .row button{flex:1;min-height:44px;font-size:17px}.mp-creator{z-index:70;pointer-events:auto;background:#2e2219;position:absolute;inset:0}.mp-creator iframe{border:0;width:100%;height:100%;display:block}.mp-creator-x{z-index:1;padding:8px 14px;font-size:17px;position:absolute;bottom:10px;right:10px}.mp-chip{flex-wrap:wrap;max-width:calc(100% - 20px)}