/* The portrait inventory frame; shops and crafting keep their service layouts. */
.bag-locked{display:none}
@media all{
#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?build=105ca7755a2967b8") 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.9%;height:6.5%;min-height:0;min-width:0;margin:0;padding:3px;border:0;border-radius:0;background:transparent;box-shadow:none;display:grid;place-items:center;gap:0;pointer-events:auto;box-sizing:border-box}
#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%!important;height:100%!important;object-fit:contain}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots::after{display:none}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots .soul-stars{position:absolute;top:2px;left:0;right:0;width:auto;margin:0;padding:0 0 0 1px;box-sizing:border-box;white-space:nowrap;text-align:center;font-size:8px;line-height:10px;letter-spacing:1px;color:#e5c77d;text-shadow:0 1px 2px #000,0 0 3px #000;z-index:2;pointer-events:none}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots .equipment-slot:has(.soul-stars){padding-top:12px}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots .two-hand-shadow>.equipment-slot-icon{opacity:.35}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots .two-hand-shadow>.equipment-slot-icon::after{display:none}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots .equipment-slot:is(:hover,:focus-visible){background:#bce3ff12;box-shadow:none;outline:1px solid #bbd8e9;outline-offset:-1px}
#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%!important;height:100%!important;min-width:0;min-height:0;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}
/* Equipped items keep the same rarity corners as backpack cards. */
#inventory-dialog #equipment-slots .equipment-slot[data-frame-rarity]::after{content:'';position:absolute;inset:0;border:1px solid var(--item-color,#bfc0c4);pointer-events:none;z-index:1}
#equipment-slots .equipment-slot>.rarity-corner{transform:scale(.5)}
#equipment-slots .equipment-slot>.rarity-corner.tl{transform-origin:top left}
#equipment-slots .equipment-slot>.rarity-corner.tr{transform-origin:top right}
#equipment-slots .equipment-slot>.rarity-corner.bl{transform-origin:bottom left}
#equipment-slots .equipment-slot>.rarity-corner.br{transform-origin:bottom right}


#equipment-slots .equipment-slot.two-hand-shadow>.rarity-corner,#equipment-slots .equipment-slot.two-hand-shadow::after{opacity:.35}

#inventory-dialog:not(.shopping):not(.crafting-open) .equipment-slot[data-slot="ring3"]{left:52%;top:45.16%}

/* Equipment-only arrangement: the central column replaces the character preview. */
#inventory-dialog #armor-preview{display:none!important}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots{inset:12.7% 7.5% 37.5%;display:grid;grid-template-columns:repeat(3,minmax(0,64px));grid-template-rows:52px 40px 40px 38px 52px;grid-template-areas:". head amulet" "main chest off" "main chest off" "ring1 belt ring2" "gloves boots ring3";gap:6px;align-content:center;justify-content:center;padding:18px 8px;background:linear-gradient(90deg,#09111b 0%,#09111b 24%,transparent 30%,transparent 70%,#09111b 76%,#09111b 100%),url("assets/ui/inventory-frame2.png?build=105ca7755a2967b8") 50% 25.3%/117.647% 200.803% no-repeat;border:0;border-radius:0;box-shadow:none}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots .equipment-slot{position:relative;left:auto;top:auto;width:100%;height:100%;max-height:none;padding:3px;background:#070c1370;border:1px solid #8a7b6580;border-radius:3px;box-shadow:inset 0 0 12px #0008}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots .equipment-slot-icon{width:100%;height:100%;min-height:0;aspect-ratio:auto;max-width:48px;max-height:48px}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots [data-slot="main"]{grid-area:main}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots [data-slot="off"]{grid-area:off}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots [data-slot="head"]{grid-area:head}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots [data-slot="chest"]{grid-area:chest}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots [data-slot="amulet"]{grid-area:amulet}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots [data-slot="ring1"]{grid-area:ring1}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots [data-slot="ring2"]{grid-area:ring2}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots [data-slot="ring3"]{grid-area:ring3}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots [data-slot="gloves"]{grid-area:gloves}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots [data-slot="boots"]{grid-area:boots}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots [data-slot="belt"]{grid-area:belt}

#inventory-dialog #equipment-slots .empty-equipment .equipment-slot-icon{filter:grayscale(1) brightness(.45);opacity:.55}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots [data-slot="amulet"]{width:32px;height:32px;align-self:center;justify-self:center}

#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots .equipment-slot-icon canvas{display:block;max-width:100%;max-height:100%;object-fit:contain}

#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots :is([data-slot="ring1"],[data-slot="ring2"],[data-slot="ring3"]){width:38px;height:38px;justify-self:center;align-self:center}

/* Reserved boss-drop item beside boots; keep Hidden Hand's ring separate. */
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots{grid-template-areas:"ring3 head amulet" "main chest off" "main chest off" "ring1 belt ring2" "gloves boots bossitem"}
#inventory-dialog:not(.shopping):not(.crafting-open) #equipment-slots .boss-item-slot{grid-area:bossitem;width:52px;height:52px;min-width:0;min-height:0;justify-self:center;align-self:center;padding:0;border:1px solid #786b52;background:linear-gradient(145deg,#101822b8,#050b13c9);box-shadow:inset 0 0 0 2px #050b13, inset 0 0 14px #0008;border-radius:2px}

/* Retire the tiny footer text; equipment errors use the visible warning popup. */
#inventory-dialog:not(.shopping):not(.crafting-open) #gear-message{display:none}