/* Inventory content uses layout boxes rather than coordinates baked into art. */
.exploreInventoryPanel.inventoryPhase2 {position:fixed;inset:0;z-index:210;display:grid;place-items:center;width:auto;height:auto;}
.inventoryPhase2Shell {position:relative;left:auto;top:auto;transform:none;aspect-ratio:auto;width:min(1320px,calc(100vw - 32px));height:min(820px,calc(100dvh - 32px));max-height:none;box-sizing:border-box;display:grid;grid-template-columns:260px minmax(280px,1fr) 280px;grid-template-rows:auto minmax(0,1fr);gap:18px;padding:24px;overflow:hidden;border:1px solid var(--ui-border);filter:none;}
.inventoryPhase2Frame {display:none;}
.inventoryScreenHeader {grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 50px 18px 0;border-bottom:1px solid var(--ui-divider);gap:16px;}
.inventoryScreenHeader span {color:var(--ui-gold);font:700 10px/1.4 var(--ui-font);letter-spacing:.16em;}
.inventoryScreenHeader h2 {margin:4px 0;font:28px/1.2 Georgia,serif;color:var(--ui-text);}
.inventoryScreenHeader p {margin:0;font:13px/1.5 var(--ui-font);color:var(--ui-muted);}
.inventoryPhase2Close {right:20px;top:22px;width:38px;height:38px;}
.inventoryCharacterZone,.inventoryGridZone,.inventoryDetailsZone {position:relative;inset:auto;width:auto;height:auto;min-width:0;min-height:0;z-index:1;color:var(--ui-text);}
.inventoryCharacterZone {display:flex;flex-direction:column;gap:14px;border-right:1px solid var(--ui-divider);padding-right:18px;overflow:auto;}
#exploreInventoryCharacterPreview {position:relative;inset:auto;width:100%;height:auto;aspect-ratio:420/500;max-height:380px;display:block;object-fit:contain;background:radial-gradient(ellipse at 50% 65%,#54436a66,transparent 70%);border-radius:12px;}
.inventoryEquipmentMiniSlots {position:relative;inset:auto;height:auto;display:grid;grid-template-columns:1fr;gap:10px;}
.inventoryEquipmentMiniSlot {min-height:86px;padding:14px;text-align:left;background:var(--ui-surface);border:1px solid var(--ui-divider);border-radius:10px;overflow:visible;}
.inventoryEquipmentMiniSlot>img {display:none;}
.inventoryEquipmentMiniSlot>div {position:relative;inset:auto;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:5px;align-items:center;justify-content:start;}
.inventoryEquipmentMiniSlot b {grid-row:1/3;width:42px;height:42px;filter:none;}
.inventoryEquipmentMiniSlot span {color:var(--ui-muted);font:700 10px/1.3 var(--ui-font);letter-spacing:.07em;text-shadow:none;}
.inventoryEquipmentMiniSlot strong {color:var(--ui-gold);font:600 14px/1.4 var(--ui-font);white-space:normal;overflow-wrap:anywhere;text-shadow:none;}
.inventoryEquipmentMiniSlot:hover,.inventoryEquipmentMiniSlot:focus-visible {filter:none;border-color:var(--ui-gold);outline-offset:3px;}
.inventoryGridZone {display:flex;flex-direction:column;overflow:hidden;gap:14px;}
.inventoryPhase2Toolbar {margin:0;padding:0;display:grid;gap:6px;border:0;}
.inventoryPhase2Toolbar strong {font:20px/1.3 Georgia,serif;color:var(--ui-gold);}
.inventoryPhase2Toolbar small {display:block;color:var(--ui-muted);font:12px/1.5 var(--ui-font);text-align:left;}
.inventoryPhase3Filters {gap:6px;margin:0;padding:0;flex-shrink:0;}
.inventoryPhase3Filters button {min-height:34px;padding:7px 11px;font:600 12px/1.3 var(--ui-font);color:var(--ui-muted);background:var(--ui-bg);border:1px solid var(--ui-divider);border-radius:7px;letter-spacing:0;}
.inventoryPhase3Filters button:is(.active,:hover,:focus-visible) {background:#3b3350;color:#f4e4ba;border-color:#ac9364;}
.inventoryPhase3Grid {grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-auto-rows:minmax(132px,auto);gap:10px;margin:0;padding:2px 6px 8px 2px;overflow:auto;align-content:start;}
.inventoryPhase3Slot {display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:flex-start;min-height:132px;padding:27px 10px 12px;background:#111b2a;color:var(--ui-text);border:1px solid var(--ui-divider);border-radius:10px;box-shadow:none;}
.inventoryPhase3Slot::after,.inventoryPhase3Slot.equipped::before {display:none;}
.inventoryPhase3Slot:is(:hover,:focus-visible,.selected) {border-color:var(--ui-gold);background:#2b2f43;box-shadow:inset 0 0 0 1px #ead09a55;}
.inventoryPhase3Icon {position:static;transform:none;width:42px;height:42px;display:block;flex-shrink:0;font-size:30px!important;filter:none;}
.inventoryPhase3Name {position:static;inset:auto;width:100%;white-space:normal;overflow-wrap:anywhere;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:600 12px/1.4 var(--ui-font)!important;color:var(--ui-text)!important;}
.inventoryPhase3Quantity {top:7px;right:7px;bottom:auto;padding:2px 5px;font:700 10px/1.3 var(--ui-font);color:var(--ui-gold);background:var(--ui-bg);border:0;}
.inventoryPhase3Equipped {top:7px;left:7px;max-width:calc(100% - 48px);font:700 8px/1.4 var(--ui-font);color:#b3f5ce;background:#244436;border:1px solid #488368;}
.inventoryPhase3Slot.empty {min-height:132px;opacity:.3;background:#111b2a;}
.inventoryPhase3Empty {position:static;transform:none;padding:20px;border:1px dashed var(--ui-divider);border-radius:10px;color:var(--ui-muted);font:13px/1.5 var(--ui-font);}
.inventoryDetailsZone {display:flex;flex-direction:column;justify-content:flex-start;padding:18px;gap:12px;overflow:auto;background:var(--ui-bg);border:1px solid var(--ui-divider);border-radius:12px;}
.inventoryDetailsEyebrow {font:700 10px/1.4 var(--ui-font);letter-spacing:.12em;color:var(--ui-muted);}
.inventoryDetailsZone>strong {font:24px/1.25 Georgia,serif;margin:0;overflow-wrap:anywhere;color:var(--ui-gold);}
.inventoryPreviewItemMeta {font:600 11px/1.6 var(--ui-font);color:#bca8e3;letter-spacing:.03em;}
.inventoryDetailsZone>p {display:block;max-width:100%;margin:0;font:14px/1.65 var(--ui-font);color:var(--ui-text);overflow:visible;-webkit-line-clamp:unset;}
.inventoryPhase4Actions {position:static;inset:auto;transform:none;width:auto;gap:9px;margin-top:6px;}
.inventoryPhase4Actions button,.inventoryPhase4Actions button.secondary {min-height:40px;padding:10px 14px;font:600 13px/1.4 var(--ui-font);}
.inventoryPhase4Actions small {display:block;text-align:left;color:var(--ui-muted);font:12px/1.5 var(--ui-font);}
.inventoryPhase4Actions small.success {color:#a0e6bc;}.inventoryPhase4Actions small.error {color:#ffb0ab;}
.inventoryPhase2Hint {margin-top:auto;padding-top:18px;display:flex;flex-wrap:wrap;gap:7px;color:var(--ui-muted);font:11px/1.4 var(--ui-font);border-top:1px solid var(--ui-divider);}
.inventoryPhase2Hint kbd {font:700 10px/1.3 var(--ui-font);color:var(--ui-gold);border-color:var(--ui-divider);background:var(--ui-surface);}
.inventoryPhase2Hint .inventoryRunicCoreButton {position:static;margin:0;display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;flex:1 1 90px;font:600 12px/1.3 var(--ui-font);background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-divider);border-radius:7px;}
@media(max-width:1100px) {
  .inventoryPhase2Shell {grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto minmax(240px,1fr) auto;gap:14px;padding:18px;}
  .inventoryCharacterZone {grid-row:2/4;}
  .inventoryDetailsZone {grid-column:2;max-height:240px;}
}
@media(max-width:700px) {
  .inventoryPhase2Shell {display:flex;flex-direction:column;overflow:auto;width:calc(100vw - 16px);height:calc(100dvh - 16px);padding:16px;}
  .inventoryScreenHeader {flex-shrink:0;}.inventoryScreenHeader h2 {font-size:23px;}
  .inventoryCharacterZone {overflow:visible;border:0;padding:0;display:grid;grid-template-columns:minmax(100px,1fr) minmax(155px,1fr);align-items:center;flex-shrink:0;}
  #exploreInventoryCharacterPreview {max-height:230px;}
  .inventoryEquipmentMiniSlot {padding:10px;}.inventoryEquipmentMiniSlot>div {grid-template-columns:30px 1fr;gap:6px;}.inventoryEquipmentMiniSlot b {width:30px;height:30px;}
  .inventoryGridZone {overflow:visible;flex-shrink:0;}.inventoryPhase3Grid {max-height:400px;min-height:160px;flex:none;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));}
  .inventoryDetailsZone {max-height:none;overflow:visible;flex-shrink:0;}
}