.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#pocket{display:grid;grid-template-columns:repeat(9,58px);gap:4px;padding:6px;border-radius:9px;background:#25392fde;bottom:62px;border:1px solid #faf0d055;box-shadow:0 4px 18px #10291e35;white-space:normal}
.item-slot{position:relative;width:58px;height:58px;background:#71827477;border:2px solid #adb59855;border-radius:4px;display:grid;place-items:center;box-shadow:inset 2px 2px 0 #11291d33,inset -1px -1px 0 #ffffff20;color:#fff5db}
.item-slot.selected{border-color:#f5d590;background:#c1b47b50;box-shadow:0 0 0 1px #edd7a866,inset 0 0 10px #f9d98418}.item-slot svg{width:35px;height:35px;filter:drop-shadow(1px 2px 0 #18332755)}.empty-stack svg{opacity:.22}.slot-number{position:absolute;left:4px;top:2px;font-size:9px;opacity:.7}.slot-count{position:absolute;right:4px;bottom:2px;font-size:12px;font-weight:700;text-shadow:1px 1px 1px #26392c}.item-slot .slot-count{color:#fff5da}
#held-name{position:absolute;bottom:140px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:600;letter-spacing:.3px;text-shadow:0 2px 5px #24392e;background:#203c2eb0;padding:6px 13px;border-radius:5px}
#task-hud{bottom:179px}#build-hint{bottom:182px}#interaction{top:55%;font-size:11px}.tag{background:#edc77e29;color:#fff1c2;border-color:#eed18b75}
.inventory-panel{width:640px;left:50%;right:auto;transform:translateX(-50%);top:100px;bottom:100px}.inventory-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#7b806b;margin:14px 0 9px}.inventory-heading span:last-child{letter-spacing:0}
.backpack-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:5px}.backpack-slot{position:relative;aspect-ratio:1;border:1px solid #adad9366;border-radius:4px;background:#e3dfc9;box-shadow:inset 2px 2px 0 #beb89c55;display:grid;place-items:center;padding:4px;min-width:0}.backpack-slot svg{width:34px;height:34px}.backpack-slot:not(.unused):hover{background:#d3d8bb;outline:2px solid #869c66}.backpack-slot .slot-count{color:#284631;text-shadow:none;font-size:11px}.stack-label{display:none}.inventory-hotbar{display:grid;grid-template-columns:repeat(9,1fr);gap:5px}.inventory-hotbar .item-slot{width:100%;height:auto;aspect-ratio:1;color:#52634b;background:#bbc3a966}.inventory-hotbar .item-slot.selected{border-color:#627d4d;background:#b7c797}.inventory-hotbar .slot-count{color:#27462f;text-shadow:none}.inventory-actions{display:flex;gap:12px;align-items:center;margin:17px 0 8px}.inventory-actions>span{font-size:10px;color:#7b846e;line-height:1.6}
@media(max-width:800px){#pocket{grid-template-columns:repeat(9,44px);gap:3px;padding:4px}.item-slot{width:44px;height:46px}.item-slot svg{width:29px;height:29px}#held-name{bottom:125px}.inventory-panel{width:calc(100vw - 32px);left:16px;transform:none;top:85px;bottom:80px}.backpack-slot svg{width:28px;height:28px}.inventory-panel .inventory-hotbar .item-slot{width:100%;height:auto}#quest-tracker{width:240px;font-size:10px}.tag{display:inline-block;font-size:7px;padding:5px;letter-spacing:.5px}.location h1{font-size:24px}}
@media(max-width:500px){#pocket{grid-template-columns:repeat(9,34px)}.item-slot{width:34px;height:40px}.item-slot svg{width:25px;height:25px}.slot-count{font-size:10px}.slot-number{font-size:8px}.backpack-grid,.inventory-hotbar{gap:3px}.backpack-slot svg{width:24px;height:24px}.inventory-panel{padding:15px}.brand{font-size:20px}.tag{display:none}}
@media(max-height:650px){.inventory-panel{top:75px;bottom:64px;padding:18px}.inventory-panel h2{margin:8px 0}.inventory-panel>p{margin-bottom:8px}.inventory-heading{margin:6px 0}.backpack-slot{aspect-ratio:auto;height:38px}.inventory-panel .inventory-hotbar .item-slot{aspect-ratio:auto;height:38px}.inventory-actions{margin:8px 0}.inventory-actions .small-button{padding:7px 10px}.inventory-actions>span{font-size:9px}}