/* OVRSLF V5.6 — THE VAULT */
:root{--echo:#c78cff;--echo2:#72d8ff;--echoGlow:rgba(178,91,255,.34)}
.vault-screen{padding:0 0 105px!important;max-width:560px!important;overflow-x:hidden}
.vault-screen.active{display:block}
.vault-hero{position:relative;min-height:430px;padding:18px 18px 20px;overflow:hidden;background:radial-gradient(circle at 76% 32%,rgba(151,55,216,.28),transparent 31%),radial-gradient(circle at 12% 0,rgba(231,185,95,.12),transparent 33%),linear-gradient(155deg,#10121a,#07090d 66%);border-bottom:1px solid #2b2333}
.vault-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(#000,transparent 92%)}
.vault-hero .top{position:relative;z-index:5}.v56-live{font-size:7px;color:#91efa9;border:1px solid rgba(85,213,112,.35);padding:5px 7px;border-radius:99px;letter-spacing:.12em}
.vault-title{position:absolute;left:19px;top:93px;width:55%;z-index:3}.vault-title small,.vault-section-head small,.v56-modal-card>small{font-size:8px;letter-spacing:.18em;color:#a88ebc}.vault-title h2{font:700 38px/1 Georgia,serif;margin:10px 0}.vault-title h2 span{color:#e7c677}.vault-title p{font-size:10px;line-height:1.6;color:#939aaa}
.vault-ghost-preview{position:absolute;right:-7px;top:86px;width:230px;height:280px;filter:drop-shadow(0 20px 25px #000);--vc:#a04bdb}
.vault-aura{position:absolute;inset:10px -20px 0;background:radial-gradient(ellipse at 54% 52%,color-mix(in srgb,var(--vc) 44%,transparent),transparent 61%);filter:blur(9px);animation:vaultPulse 2.7s ease-in-out infinite}.vault-hood{position:absolute;left:69px;top:13px;width:106px;height:113px;background:linear-gradient(145deg,#2d2739,#08090e 66%);clip-path:polygon(50% 0,91% 24%,100% 86%,75% 100%,24% 100%,0 86%,9% 24%);box-shadow:0 0 24px var(--vc)}.vault-face{position:absolute;left:91px;top:51px;width:62px;height:57px;background:#050609;clip-path:polygon(10% 0,90% 0,76% 100%,24% 100%);z-index:2}.vault-face i{position:absolute;top:22px;width:17px;height:3px;background:var(--vc);box-shadow:0 0 11px 3px var(--vc)}.vault-face i:first-child{left:9px;transform:skewX(-25deg)}.vault-face i:last-child{right:9px;transform:skewX(25deg)}.vault-body{position:absolute;left:60px;top:106px;width:124px;height:127px;background:linear-gradient(145deg,#323846,#090b10 65%);clip-path:polygon(17% 0,83% 0,100% 26%,82% 100%,18% 100%,0 26%);border-top:1px solid var(--vc)}.vault-body:after{content:"◇";position:absolute;left:50%;top:41%;transform:translate(-50%,-50%);font-size:29px;color:var(--vc);text-shadow:0 0 15px var(--vc)}.vault-cloak{position:absolute;left:42px;top:116px;width:159px;height:145px;background:linear-gradient(170deg,#191b25,#050609);clip-path:polygon(18% 0,82% 0,100% 100%,51% 82%,0 100%);z-index:-1}
@keyframes vaultPulse{50%{opacity:.7;transform:scale(1.06)}}
.vault-wallet{position:absolute;left:18px;right:18px;bottom:20px;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border:1px solid rgba(192,122,255,.34);border-radius:17px;background:rgba(15,12,22,.86);backdrop-filter:blur(12px)}.vault-wallet small{display:block;color:#92899e;font-size:7px;letter-spacing:.15em}.vault-wallet b{display:block;margin-top:3px;font-size:20px}.echo-gem{color:var(--echo);text-shadow:0 0 12px var(--echo)}.vault-wallet button{width:auto;margin:0;padding:10px 13px;border-radius:11px;border:1px solid #8357a6;background:linear-gradient(145deg,#4d276c,#251332);color:#f0dfff;font-size:8px;font-weight:900;letter-spacing:.08em}
.vault-tabs{position:sticky;top:0;z-index:12;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(7,9,13,.95);backdrop-filter:blur(14px);border-bottom:1px solid #242833;padding:9px 12px}.vault-tabs button{margin:0;padding:11px 3px;border:0;border-bottom:2px solid transparent;background:none;color:#767e8c;font-size:8px;font-weight:900;letter-spacing:.11em}.vault-tabs button.on{color:#ead6ff;border-color:var(--echo)}
.vault-body-wrap{padding:20px 16px}.vault-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:7px 0 14px}.vault-section-head h3{font:700 24px Georgia,serif;margin:4px 0 0}.vault-section-head>span,.vault-refresh{font-size:8px;color:#7f8794;text-align:right;letter-spacing:.08em}.vault-refresh b{color:#d6b7ec}
.vault-featured{min-height:190px;margin-bottom:14px}.v56-feature-card{height:190px;border:1px solid #68503a;border-radius:22px;overflow:hidden;position:relative;padding:18px;background:radial-gradient(circle at 79% 36%,var(--itemGlow),transparent 28%),linear-gradient(145deg,#17130e,#090a0e 70%)}.v56-feature-card:before{content:"WEEKLY RELIC";font-size:7px;letter-spacing:.18em;color:#e6c67e}.v56-feature-card h3{font:700 25px Georgia;margin:8px 0 4px;max-width:62%}.v56-feature-card p{font-size:9px;line-height:1.45;color:#9da3ad;max-width:60%}.v56-feature-card .item-visual{position:absolute;right:10px;top:15px;width:145px;height:145px}.v56-feature-card .item-price{position:absolute;left:18px;bottom:16px}.v56-feature-card button{position:absolute;right:16px;bottom:15px;width:auto;margin:0;padding:9px 13px}
.vault-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vault-item{position:relative;min-height:205px;border:1px solid #2a303a;border-radius:18px;padding:12px;background:linear-gradient(150deg,#121721,#090b10);overflow:hidden;text-align:left;color:#eef0f4}.vault-item.owned{border-color:#58426b}.vault-item.equipped{border-color:#a773d2;box-shadow:0 0 22px rgba(151,83,205,.14)}.vault-item .tag{position:absolute;top:9px;left:9px;font-size:6px;letter-spacing:.12em;color:#b4a1c5;background:#17121c;border:1px solid #3b2b47;border-radius:99px;padding:4px 6px;z-index:2}.vault-item .item-visual{height:113px;margin:-2px -3px 8px}.vault-item b{display:block;font:700 14px Georgia;line-height:1.15}.vault-item small{display:block;color:#7f8794;font-size:7px;margin-top:5px}.item-price{display:flex;gap:6px;align-items:center;margin-top:9px;font-size:10px;color:#e3c3fa}.item-price span{font-size:7px;color:#737b88}.owned-mark{position:absolute;right:9px;top:9px;color:#9ce8b0;font-size:9px}
.item-visual{position:relative;display:flex;align-items:center;justify-content:center;--item:#9e61cf;--itemGlow:rgba(158,97,207,.32)}.item-visual:before{content:"";position:absolute;width:95px;height:95px;border-radius:50%;background:radial-gradient(circle,var(--itemGlow),transparent 65%);filter:blur(4px)}.item-visual .glyph{position:relative;font-size:49px;color:var(--item);text-shadow:0 0 17px var(--item);filter:drop-shadow(0 9px 10px #000)}.item-visual .ring{position:absolute;width:76px;height:76px;border:1px solid var(--item);border-radius:50%;opacity:.35;animation:v56spin 9s linear infinite}.item-visual .ring:after{content:"";position:absolute;inset:9px;border:1px dashed var(--item);border-radius:50%}@keyframes v56spin{to{transform:rotate(360deg)}}
.vault-filter{display:flex;gap:6px;overflow:auto;padding-bottom:11px;margin-bottom:3px}.vault-filter button{white-space:nowrap;width:auto;margin:0;padding:8px 10px;border:1px solid #303744;background:#0e1218;color:#858e9c;border-radius:99px;font-size:7px}.vault-filter button.on{color:#ead8f8;border-color:#79549a;background:#21142b}
.vault-loadout{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:15px}.loadout-slot{min-height:74px;padding:9px;border:1px solid #2a3039;border-radius:13px;background:#0c1016}.loadout-slot small{font-size:6px;color:#727b89}.loadout-slot b{display:block;font-size:8px;margin-top:6px;color:#d8c3e9;line-height:1.35}.vault-empty{grid-column:1/-1;padding:28px 16px;border:1px dashed #323945;border-radius:18px;text-align:center;color:#7f8896;font-size:10px;line-height:1.6}
.v56-modal{position:fixed;inset:0;z-index:210;background:rgba(2,3,5,.88);backdrop-filter:blur(12px);display:flex;align-items:flex-end;justify-content:center;padding:18px}.v56-modal-card{position:relative;width:min(500px,100%);border:1px solid #4c385b;border-radius:26px;background:radial-gradient(circle at 80% 5%,rgba(149,72,199,.18),transparent 32%),linear-gradient(155deg,#15121a,#090b0f);padding:20px;box-shadow:0 28px 80px #000}.v56-x{position:absolute;right:12px;top:11px;width:34px;height:34px;margin:0;border-radius:50%;border:1px solid #343a44;background:#10141a;color:#fff;font-size:20px}.v56-modal-visual{height:180px;margin:-4px 0 12px;border-bottom:1px solid #272d37}.v56-modal-card h3{font:700 27px Georgia;margin:7px 0}.v56-modal-card p{font-size:11px;line-height:1.6;color:#929aa6}.v56-price-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.v56-price-row b{font-size:21px;color:#e2c0fa}.v56-price-row span{font-size:10px;color:#7f8792}.v56-buy{width:100%;margin:0;padding:15px;border:1px solid #875bac;border-radius:14px;background:linear-gradient(145deg,#5d2b7d,#2b1638);color:#fff;font-size:10px;font-weight:900;letter-spacing:.09em}.v56-buy:disabled{opacity:.45}.v56-fair{margin-top:13px;text-align:center;color:#68717e;font-size:6px;letter-spacing:.1em;line-height:1.5}.shard-pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.shard-pack{padding:15px 11px;border:1px solid #40334c;border-radius:15px;background:#101019;color:#fff;text-align:left}.shard-pack b{display:block;font-size:17px}.shard-pack small{color:#9b7eb1}.purchase-card{text-align:center}.purchase-orb{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 14px;border-radius:50%;border:1px solid #9c70be;background:rgba(120,65,156,.22);font-size:30px;color:#cda4e8;box-shadow:0 0 30px rgba(150,85,198,.22)}
.v56-nav{grid-template-columns:repeat(7,1fr)!important}.nav .v56-vault-nav{color:#d9b5f1}.nav .v56-vault-nav span{color:#d9b5f1}
body.v56-void-aura .ghost3d,body.v56-void-aura .ghost-model{filter:drop-shadow(0 0 22px #9c4ee5)}body.v56-crimson-eyes .eye,body.v56-crimson-eyes .eye-glow{filter:hue-rotate(300deg) saturate(2.2);box-shadow:0 0 16px #ff334f!important}body.v56-warlord-cloak .ghost-cape{background:linear-gradient(160deg,#4a1826,#09090d)!important}body.v56-spectral .ghost3d,body.v56-spectral .ghost-model{opacity:.86;filter:drop-shadow(0 0 22px #7de9ff)}
body.v56-rift-trail #v55Canvas{filter:drop-shadow(0 0 3px #e8c76b)}body.v56-black-sun #v55WarRealm{--v56sky:#170b20}.v56-profile-border #profile .profile{border:1px solid #a55bd0;border-radius:22px;padding:16px;box-shadow:0 0 25px rgba(167,91,208,.15)}
body.v56-mask .ghost-mask,body.v56-mask .ghost3d .g-maskmark{background:linear-gradient(145deg,#17131c,#020305)!important;border-color:#d8ad59!important;filter:drop-shadow(0 0 8px rgba(218,176,90,.45))}body.v56-imperial #v55Canvas{filter:sepia(.18) saturate(1.18) drop-shadow(0 0 3px #d7ac55)}body.v56-aegis #v55Canvas{filter:hue-rotate(18deg) saturate(1.22) drop-shadow(0 0 4px #69dcff)}body.v56-black-sun #v55Canvas{filter:brightness(.72) contrast(1.12) hue-rotate(16deg)}
@media(max-width:390px){.vault-title h2{font-size:32px}.vault-ghost-preview{right:-35px;opacity:.86}.vault-title{width:61%}.vault-grid{gap:8px}.vault-item{min-height:195px;padding:10px}.v56-nav span{font-size:5.5px!important}}