#shop.vaultScreen{padding:14px;overflow:hidden;background:linear-gradient(100deg,#020918e8,#052035cd,#080c1ded),url('arsenal-hologram-v2.png') center/cover}
#shop #closeShopTop{display:none}
.vaultShell{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;border:1px solid #66dbea88;background:#031020c9;box-shadow:inset 0 0 50px #117dac25,0 0 30px #15adca28;overflow:hidden;text-align:left}
.vaultHeader{display:flex;align-items:center;gap:20px;padding:14px 22px;border-bottom:1px solid #4ad5e64d;background:linear-gradient(90deg,#0a3048b8,transparent)}
.vaultHeader h2{font-size:27px;letter-spacing:.15em;margin:4px 0;color:#e6fbff}.vaultHeader small{font-size:12px;color:#88bcca}.vaultHeader #vaultBalance{margin-left:auto;text-align:right;display:grid;gap:2px}.vaultHeader strong{font-size:24px;color:#ffe0a0;font-variant-numeric:tabular-nums}
#shop button{font-family:inherit;cursor:pointer;color:#d9f6ff;border:1px solid #417b90;background:#09233a;touch-action:manipulation}
#shop button:focus-visible{outline:2px solid #ffe3a5;outline-offset:-3px}
#shop button:disabled{opacity:.45;cursor:default}
#shop .vaultBack{min-height:44px;padding:8px 20px;color:#ffe3b1;border-color:#c4a56c}
#vaultTabs{display:flex;gap:6px;padding:9px 18px;overflow-x:auto;flex-shrink:0}
#vaultTabs button{flex:0 0 auto;padding:8px 18px;min-height:40px;font-size:14px;border-color:transparent;background:transparent}
#vaultTabs button[aria-pressed=true]{border-color:#6ee9ff;background:#164460;box-shadow:inset 0 -2px #9bedff}
.vaultBody{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;min-height:0;padding:0 18px 12px}
.vaultCatalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:9px;overflow-y:auto;min-height:0;padding:2px 5px 10px 2px;overscroll-behavior:contain}
#shop .vaultCard{display:flex;align-items:center;gap:10px;min-width:0;padding:7px;text-align:left;background:linear-gradient(135deg,#112f48df,#061323f0);border-color:#306375;transition:border-color .16s,background .16s}
#shop .vaultCard.selected{border-color:#e4bd78;background:linear-gradient(130deg,#344446,#112e43);box-shadow:inset 0 0 16px #efc07618}
.vaultArt{display:block;flex-shrink:0;width:70px;aspect-ratio:1;box-sizing:border-box;object-fit:cover;object-position:center;background:#07121d;border:1px solid #7bcef247;border-radius:4px;overflow:hidden;user-select:none;-webkit-user-drag:none}
.vaultCardInfo{min-width:0;display:grid;gap:6px}.vaultCardInfo small{color:#89b8c9;font-size:12px}.vaultCardInfo strong{font-size:14px;line-height:1.4}.vaultCardInfo em{font-style:normal;font-size:12px;color:#e2c997}
.vaultDetail{overflow-y:auto;min-height:0;border:1px solid #4bbed34d;background:linear-gradient(155deg,#103348ab,#06111feb);overscroll-behavior:contain}
.vaultShowcase{position:relative;padding:16px;display:flex;justify-content:center;background:radial-gradient(ellipse,#228dab26,transparent 70%);border-bottom:1px solid #4290aa40}
.vaultShowcase .large{width:148px;box-shadow:0 0 30px #38d9ed21}.vaultShowcase>.vaultStatus{position:absolute;left:12px;top:10px;font-size:12px;color:#9bd9e6;background:#041725db;padding:5px 8px}
.vaultDescription{padding:14px 18px}.vaultDescription>small{font-size:12px;color:#7bc7dd;letter-spacing:.1em}.vaultDescription h3{font-size:24px;margin:5px 0 10px;color:#ffedc7}.vaultDescription p{font-size:14px;line-height:1.65;margin:8px 0;color:#c4dce7}
.vaultStats{display:grid;gap:6px;margin:14px 0}.vaultStats>div{display:grid;grid-template-columns:1fr auto 62px;gap:10px;font-size:14px;border-bottom:1px solid #5db3c51f;padding:5px 0}.vaultStats small{text-align:right;color:#9eb0bc}.vaultStats .plus{color:#8af2d5}.vaultStats .minus{color:#ffa0b0}
.vaultDescription .vaultFine{font-size:12px;color:#85a9b9}.vaultDescription .vaultUnlock{color:#e3c891;font-size:13px}
.vaultActions{display:flex;gap:8px;margin-top:12px}.vaultActions button{flex:1;min-height:46px;font-size:14px;padding:8px!important;border-color:#5cbdd8!important;background:linear-gradient(120deg,#17506a,#14304b)!important}.vaultActions button:first-child{border-color:#d6b675!important;color:#ffe5b8!important}
#vaultEquipped{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:10px 18px;border-top:1px solid #418398;background:#061626}
#vaultEquipped button{min-width:0;display:grid;grid-template-columns:30px 1fr;gap:2px 7px;text-align:left;padding:7px;align-items:center}#vaultEquipped small{grid-column:1/-1;color:#80bed1;font-size:12px}#vaultEquipped .vaultArt{width:30px}#vaultEquipped button>span{font-size:12px;overflow-wrap:anywhere}.vaultEmpty{display:grid;place-items:center;border:1px dashed #376376;height:30px;color:#7ddbed}
@media(max-width:900px){#shop.vaultScreen{padding:7px}.vaultHeader{padding:8px 12px;gap:10px}.vaultHeader h2{font-size:20px}.vaultHeader strong{font-size:20px}.vaultHeader small{font-size:12px}.vaultBody{gap:8px;padding:0 9px 8px}.vaultCatalog{grid-template-columns:1fr}.vaultShowcase .large{width:110px}#vaultEquipped{padding:6px 9px}#vaultEquipped button>span:not(.vaultEmpty){display:none}#vaultEquipped button{grid-template-columns:1fr;justify-items:center;text-align:center}#vaultTabs{padding:5px 9px}#vaultTabs button{padding:6px 12px}.vaultDescription{padding:10px 12px}.vaultDescription h3{font-size:20px}}
@media(max-height:450px){.vaultHeader{padding:5px 12px}.vaultHeader h2{font-size:18px;margin:0}.vaultHeader #vaultBalance{display:flex;align-items:center;gap:8px}.vaultHeader #vaultBalance small:last-child{display:none}#vaultEquipped .vaultArt,#vaultEquipped .vaultEmpty{display:none}#vaultEquipped button{display:block;min-height:32px}#vaultEquipped{padding:4px 9px}#vaultTabs button{min-height:34px}.vaultShowcase{padding:9px}.vaultShowcase .large{width:88px}.vaultShowcase>.vaultStatus{position:static;align-self:center;margin-left:12px}.vaultDetail{scrollbar-width:thin}}