#hunger-fill{background:#e67e22}
#toast-gain{position:fixed;left:50%;top:22%;transform:translateX(-50%);z-index:30;pointer-events:none;color:#fff;font-weight:700;text-shadow:0 2px 6px #000;opacity:0;transition:opacity .3s,top .6s}
#toast-gain.show{opacity:1;top:18%}
#npc-panel{width:min(460px,96vw);max-height:84vh;overflow:auto;box-sizing:border-box}
#bag-panel{width:min(460px,96vw);max-height:84vh;overflow:auto;box-sizing:border-box}
@media (max-width:600px){#bag-overlay,#npc-overlay{align-items:flex-end}#bag-panel,#npc-panel{width:100vw;max-width:100vw;border-radius:18px 18px 0 0;max-height:78vh;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}}
#bag-tabs,#npc-tabs{display:flex;gap:6px;margin-bottom:10px}
#bag-tabs button,#npc-tabs button{flex:1;padding:7px 4px;font-size:12px;border-radius:8px;border:1px solid #ffffff33;background:#ffffff14;color:#fff}
#bag-tabs button.active,#npc-tabs button.active{background:#4fa8ff;border-color:#4fa8ff}
.bag-row{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid #ffffff18;font-size:13px}
.bag-row .ic{font-size:20px;width:26px;text-align:center}
.bag-row .nm{flex:1 1 0;min-width:0}.bag-row .nm small{display:block;color:#ffffff99;font-size:11px}
.bag-row button{flex:0 0 auto;width:auto;margin:0;display:inline-block;padding:7px 12px;font-size:12px;border-radius:8px;border:0;background:#4fa8ff;color:#fff}
.bag-row button:disabled{background:#ffffff22;color:#ffffff66}
.q-prog{color:#ffd23f;font-weight:700}
.bag-sec{margin:10px 0 4px;color:var(--ui-accent,#7fd);font-size:12px}
.bag-stat{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}
#fx-layer{position:fixed;inset:0;z-index:12;pointer-events:none;overflow:hidden}
.fx-float{position:absolute;left:0;top:0;font-weight:800;font-size:18px;color:#fff;text-shadow:0 2px 4px #000,0 0 8px #000}
.fx-float.crit{color:#ffd23f;font-size:26px}.fx-float.hurt{color:#ff5a4d}.fx-float.info{color:#9ff;font-size:15px}
.fx-bar{position:absolute;left:0;top:0;width:64px;font-size:10px;color:#fff;text-align:center;text-shadow:0 1px 2px #000}
.fx-bar i{display:block;height:6px;background:#e74c3c;border:1px solid #000a;border-radius:4px;margin-top:1px}
#hurt-flash{position:fixed;inset:0;z-index:11;pointer-events:none;box-shadow:inset 0 0 120px 40px #d00;opacity:0;transition:opacity .35s}
#hurt-flash.on{opacity:.7;transition:none}
/* v15.6a: okno handlu */
.sh-bar{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;margin:6px 0}
.sh-seg{display:flex;gap:4px;flex-wrap:wrap}
.sh-seg button{padding:5px 9px;font-size:12px;border-radius:8px;border:1px solid #ffffff33;background:#ffffff14;color:#fff;width:auto;margin:0}
.sh-seg button.active{background:#4fa8ff;border-color:#4fa8ff}
.sh-cats{margin-bottom:6px}
.sh-row .nm{line-height:1.35}
.sh-st{font-size:11px;color:#ffe9a8;white-space:nowrap}
.sh-up{font-size:11px;color:#7dffa0;white-space:nowrap}.sh-down{font-size:11px;color:#ff8a8a;white-space:nowrap}.sh-eq{font-size:11px;color:#9fd0ff;white-space:nowrap}