.vault-panel{position:absolute;z-index:35;inset:0;display:grid;place-items:center;background:#03161c70;backdrop-filter:blur(4px)}.vault-panel[hidden]{display:none}.vault-card{width:min(780px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:linear-gradient(130deg,#16383cfa,#0b232bfa);border:1px solid #c4aa706b;border-radius:8px;padding:22px;box-shadow:0 20px 75px #0008;color:#e5debf}.vault-card>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.vault-card h2{font:25px var(--display);margin:6px 0}.vault-card header small{font:9px var(--ui);letter-spacing:.13em;color:#92b8a9}.vault-card header button{background:none;border:0;color:#c4d4bd;font:28px var(--ui);width:36px;height:36px}.vault-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.vault-columns h3{display:flex;justify-content:space-between;font:15px var(--display);margin:0 0 13px;color:#e4d5af}.vault-columns h3 span{font:12px var(--ui);color:#95b1a3}.vault-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.vault-empty,.vault-item{position:relative;min-width:0;aspect-ratio:1;background:#061d255e;border:1px solid #77978730;border-radius:4px}.vault-item{border-color:var(--tier);padding:6px 4px 16px}.vault-item>:is(svg,img.art-icon),.vault-item>img{width:80%;height:80%;object-fit:contain;display:block;margin:auto}.vault-item small{position:absolute;bottom:3px;left:4px;color:var(--tier);font:9px var(--ui)}.vault-item>b{position:absolute;right:4px;top:3px;color:#d6f4df;font:11px var(--ui)}.vault-item em{position:absolute;inset:auto 0 16px;font:8px var(--ui);color:#efd995;background:#071a24b8}.vault-item:disabled{opacity:.55}.vault-item:hover:not(:disabled){background:#33584d99;box-shadow:0 0 12px #adcebc25}.vault-card footer{font:11px var(--ui);color:#9cb9a8;text-align:center;margin-top:18px}.vault-open .ability-bar{opacity:.3}
@media(max-width:600px){.vault-card{padding:15px;width:calc(100vw - 20px)}.vault-card h2{font-size:21px}.vault-columns{gap:14px;grid-template-columns:1fr}.vault-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.vault-item small{font-size:7px;bottom:1px;left:2px}.vault-item>b{font-size:8px;right:2px;top:1px}.vault-item{padding:3px 1px 10px}.vault-item em{font-size:6px;bottom:11px}.vault-card footer{font-size:10px;line-height:1.5}.vault-columns h3{font-size:13px}}

.minimap-frame [hidden]{display:none!important}#playSession[data-zone="hub"] .ability-bar,#playSession[data-zone="hub"] #autoHunt{display:none}

@media(min-width:601px){.vault-card{width:min(900px,calc(100vw - 40px))}.vault-columns{grid-template-columns:2fr 1fr}.vault-columns>section:first-child .vault-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
/* Equipment frames identify their slot; tier and enchantment remain explicit labels. */
.bag-cell[data-item-card],.vault-item[data-item-card],.ball-content-grid>[data-item-card],.forge-choice,.forge-item{border-color:var(--item-color,#a9b8b7);border-width:2px}.loadout-slot .empty-loadout{border-color:var(--item-color,#a9b8b7);color:var(--item-color,#a9b8b7)}.bag-cell.is-selected{outline:2px solid #fff0bd;outline-offset:2px}.vault-toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:15px}.vault-toolbar label{font:12px var(--ui);display:flex;align-items:center;gap:8px}.vault-toolbar select{background:#112e35;color:#eee3c9;border:1px solid #88a99a;padding:7px;font:12px var(--ui)}.vault-legend{display:flex;gap:9px;flex-wrap:wrap;font:10px var(--ui)}.vault-legend span{color:var(--item-color);border-bottom:2px solid var(--item-color);padding-bottom:3px}.vault-toolbar select:focus-visible{outline:2px solid #ffe4a1;outline-offset:2px}