/* The portrait inventory frame; shops and crafting keep their service layouts. */
.bag-locked{display:none}
@media (min-width:800px) and (hover:hover){
#inventory-dialog:not(.shopping):not(.crafting-open){position:fixed;inset:0 8px 0 auto;margin:auto 0;width:min(700px,64vw,68.79dvh);height:auto;aspect-ratio:1062/1482;max-height:96dvh;max-width:none;padding:0;border:0;background:transparent url("assets/ui/inventory-frame2.png") center/100% 100% no-repeat;box-shadow:none;overflow:visible}
#inventory-dialog:not(.shopping):not(.crafting-open)::backdrop{background:#0003;backdrop-filter:none}
#inventory-dialog:not(.shopping):not(.crafting-open)>.bag-header{position:static;padding:0;border:0;background:none}
#inventory-dialog:not(.shopping):not(.crafting-open)>.bag-header>div{display:none}
#inventory-dialog:not(.shopping):not(.crafting-open) #close-inventory{position:absolute;right:3.4%;top:5.7%;width:6.2%;height:3.6%;padding:0;min-height:0;opacity:0;z-index:4}
#inventory-dialog:not(.shopping):not(.crafting-open) #close-inventory:focus-visible{opacity:1;font-size:0;outline:2px solid white;background:transparent;border:0}
#inventory-dialog:not(.shopping):not(.crafting-open) #open-milestones{position:absolute;top:5.7%;left:63.3%;width:26.4%;height:3.6%;min-height:0;padding:0;font-size:0;opacity:0;z-index:3}
#inventory-dialog:not(.shopping):not(.crafting-open) .merchant-layout{display:block;margin:0;padding:0;position:static}
#inventory-dialog:not(.shopping):not(.crafting-open) .armory-layout{display:block;margin:0;position:static}
#inventory-dialog:not(.shopping):not(.crafting-open) .armory-character{position:absolute;inset:0;border:0;background:none;min-height:0;pointer-events:none}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots{display:block;position:absolute;inset:0;margin:0;padding:0;background:none;border:0}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots .equipment-slot{position:absolute;grid-area:auto;width:10.7%;height:6.1%;min-height:0;min-width:0;margin:0;padding:2px;border:0;background:transparent;pointer-events:auto}
#inventory-dialog:not(.shopping):not(.crafting-open) .equipment-slot :is(small,b){display:none}
#inventory-dialog:not(.shopping):not(.crafting-open) .equipment-slot-icon{width:100%;height:100%;display:grid;place-items:center}
#inventory-dialog:not(.shopping):not(.crafting-open) .equipment-slot-icon canvas{width:100%;height:100%;object-fit:contain}
#inventory-dialog:not(.shopping):not(.crafting-open) #armor-preview{position:absolute;left:31%;right:31%;top:22%;height:31%;bottom:auto;display:flex;pointer-events:none}
#inventory-dialog:not(.shopping):not(.crafting-open) #armor-preview canvas{width:100%;max-width:none;height:100%;max-height:none;object-fit:contain}
#inventory-dialog:not(.shopping):not(.crafting-open) #armor-preview small{display:none}
#inventory-dialog:not(.shopping):not(.crafting-open) .armory-bag{position:absolute;left:6%;right:6%;top:65%;bottom:6.5%;padding:0;display:flex;flex-direction:column;gap:6px;min-height:0}
#inventory-dialog:not(.shopping):not(.crafting-open) .bag-toolbar{display:none}
#inventory-dialog:not(.shopping):not(.crafting-open) .bag-toolbar label{display:none}
#inventory-dialog:not(.shopping):not(.crafting-open) #inventory-filter{padding:0;min-height:0;font-size:10px;max-width:100px}
#inventory-dialog:not(.shopping):not(.crafting-open) .inventory-tabs{position:absolute;top:5.7%;left:7.3%;width:29.5%;height:3.6%;margin:0;padding:0;gap:3%;display:flex;z-index:3;border:0}
#inventory-dialog:not(.shopping):not(.crafting-open) .inventory-tabs button{width:50%;height:100%;min-height:0;font-size:0;padding:0;opacity:0}
#inventory-dialog:not(.shopping):not(.crafting-open) .craft-source-tabs{display:none}
#inventory-dialog:not(.shopping):not(.crafting-open) .bag-body{display:block;min-height:0;flex:1;overflow:auto;container-type:size}
#inventory-dialog:not(.shopping):not(.crafting-open) #inventory-items:not(.quest-items){display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));grid-auto-rows:calc((100% - 12px)/5);gap:3px;align-content:start;width:100%;height:100%;max-height:none;min-height:0;padding:0;margin:0 auto;border:0;background:none;overflow:visible}
#inventory-dialog:not(.shopping):not(.crafting-open) #inventory-items:not(.quest-items)>:is(.bag-item,.soul-inventory-item,.empty-slot){width:100%;height:100%;aspect-ratio:auto;min-height:0;min-width:0;padding:2px;margin:0;font-size:9px;border-radius:2px}
#inventory-dialog:not(.shopping):not(.crafting-open) #inventory-items .item-icon{width:100%;height:100%;min-width:0;min-height:0;display:grid;place-items:center}
#inventory-dialog:not(.shopping):not(.crafting-open) #inventory-items :is(.item-icon canvas,.soul-inventory-item>img){width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
#inventory-dialog:not(.shopping):not(.crafting-open) #inventory-items .empty-slot{color:transparent;background:#10162288}
#inventory-dialog:not(.shopping):not(.crafting-open) #inventory-items.quest-items{max-height:none}
#inventory-dialog:not(.shopping):not(.crafting-open) #gear-message{position:absolute;bottom:1.5%;left:12%;right:12%;font-size:9px;text-align:center;border:0;margin:0}
#inventory-dialog:not(.shopping):not(.crafting-open)>.mobile-panel-tabs{display:none}
#inventory-dialog:not(.shopping):not(.crafting-open) .equipment-slot[data-slot="head"]{left:11.6%;top:15.4%}
#inventory-dialog:not(.shopping):not(.crafting-open) .equipment-slot[data-slot="chest"]{left:11.6%;top:25.32%}
#inventory-dialog:not(.shopping):not(.crafting-open) .equipment-slot[data-slot="gloves"]{left:11.6%;top:35.24%}
#inventory-dialog:not(.shopping):not(.crafting-open) .equipment-slot[data-slot="belt"]{left:11.6%;top:45.16%}
#inventory-dialog:not(.shopping):not(.crafting-open) .equipment-slot[data-slot="boots"]{left:11.6%;top:55.08%}
#inventory-dialog:not(.shopping):not(.crafting-open) .equipment-slot[data-slot="main"]{left:77.3%;top:15.4%}
#inventory-dialog:not(.shopping):not(.crafting-open) .equipment-slot[data-slot="amulet"]{left:77.3%;top:25.32%}
#inventory-dialog:not(.shopping):not(.crafting-open) .equipment-slot[data-slot="ring1"]{left:77.3%;top:35.24%}
#inventory-dialog:not(.shopping):not(.crafting-open) .equipment-slot[data-slot="ring2"]{left:77.3%;top:45.16%}
#inventory-dialog:not(.shopping):not(.crafting-open) .equipment-slot[data-slot="off"]{left:77.3%;top:55.08%}
#inventory-dialog:not(.shopping):not(.crafting-open) #close-inventory kbd{display:none}
#inventory-dialog:not(.shopping):not(.crafting-open) .equipment-slot:not(:has(canvas)) .equipment-slot-icon{visibility:hidden}
#inventory-dialog:not(.shopping):not(.crafting-open) #inventory-items>.bag-locked{min-width:0;min-height:0;border:1px solid #4d465b55;background:repeating-linear-gradient(135deg,#0b101a99 0 5px,#24203044 5px 6px);border-radius:2px;display:grid;place-items:center;color:#71677d;font-size:12px}
#inventory-dialog:not(.shopping):not(.crafting-open) #inventory-items>.empty-slot{border-style:solid;border-color:#81718c88;background:#131c2b88}
#inventory-dialog:not(.shopping):not(.crafting-open) :is(#open-milestones,.inventory-tabs button):is(:hover,:focus-visible){opacity:1;background:#bce3ff12;border:1px solid #bbd8e9;outline:none}
#inventory-dialog:not(.shopping):not(.crafting-open) .inventory-tabs button[aria-pressed="true"]{opacity:1;background:transparent;border:1px solid #b2cbd888}
#inventory-dialog:not(.shopping):not(.crafting-open) .inventory-frame-gold{position:absolute;left:44.8%;top:6.4%;width:14%;height:2%;text-align:center;font:clamp(11px,1.3vw,18px) Georgia;color:#ffe3a2;pointer-events:none}
.inventory-frame-gold{display:none}
#inventory-dialog:not(.shopping):not(.crafting-open) .inventory-frame-gold{display:block}
}

/* Quest categories share the same compact space as the backpack. */
#inventory-dialog:not(.shopping):not(.crafting-open) #inventory-items.quest-items{display:flex;flex-direction:column;gap:4px;padding:4px;margin:0;border:0;background:none;width:100%;box-sizing:border-box}
#inventory-dialog:not(.shopping):not(.crafting-open) #inventory-items.quest-items section{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:4px 0;min-width:0;border-bottom:1px solid #41505a66}
#inventory-dialog:not(.shopping):not(.crafting-open) #inventory-items.quest-items h3{flex:0 0 44px;margin:0;font-size:11px}
#inventory-dialog:not(.shopping):not(.crafting-open) #inventory-items.quest-items p{margin:3px 0;font-size:11px}
#inventory-dialog:not(.shopping):not(.crafting-open) #inventory-items.quest-items .quest-item-card{width:36px;height:36px;min-height:36px;min-width:0;margin:0;padding:2px;gap:0;justify-content:center;border-radius:3px}
#inventory-dialog:not(.shopping):not(.crafting-open) #inventory-items.quest-items .quest-item-card canvas{width:30px;height:30px;min-width:30px;max-width:30px;flex:0 0 30px}
#inventory-dialog:not(.shopping):not(.crafting-open) #inventory-items.quest-items .quest-item-card>span{display:none}

.quest-item-card{position:relative}.quest-item-symbol{font-style:normal;font-size:22px;color:#d8bd7b}.quest-item-count{position:absolute;right:1px;bottom:0;font-size:10px;color:white;text-shadow:0 1px 2px black}