.inventory-bar{position:absolute;z-index:5;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:6px;padding:6px;background:#101b1ce8;border:1px solid #d3b57380;border-radius:12px;pointer-events:auto}
.inventory-slot{--whey:#aebcbe;position:relative;display:grid;place-items:center;width:54px;height:66px;padding:2px;border:1px solid var(--whey);border-radius:7px;background:#152123;color:#fff5dc;box-shadow:inset 0 -10px 16px color-mix(in srgb,var(--whey) 12%,transparent);touch-action:manipulation}
.inventory-slot:disabled{opacity:.4}.inventory-slot:not(:disabled):active{transform:scale(.93);background:#314547}.inventory-slot:focus-visible{outline:3px solid #fff6c8;outline-offset:2px}
.inventory-slot kbd{position:absolute;left:4px;top:1px;font:bold 12px system-ui;color:var(--whey)}.inventory-slot canvas{width:40px;height:46px}.inventory-slot small{position:absolute;bottom:1px;font-size:11px;font-weight:800}
.whey-buffs{position:absolute;z-index:5;left:50%;top:88px;transform:translateX(-50%);display:flex;gap:5px;align-items:center;justify-content:center;flex-wrap:wrap;max-width:60%;pointer-events:none;font:800 12px system-ui;color:#fff1cc}
.whey-chip{border-left:3px solid var(--whey);color:var(--whey);padding:5px 8px;background:#102019eb;border-radius:4px}.whey-buffs strong{padding:4px 8px;background:#15201fed;font-size:12px}
@media(max-width:900px){.inventory-bar{bottom:8px;gap:3px;padding:4px}.inventory-slot{width:42px;height:49px}.inventory-slot canvas{width:30px;height:35px}.inventory-slot small{font-size:9px}.whey-buffs{top:62px;max-width:70%;gap:3px;font-size:10px}.whey-chip{padding:3px 5px}.whey-buffs strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.inventory-slot:active{transform:none}}