.inventory-vault-page{width:100%;max-width:1560px;margin:0 auto;padding:32px 32px 48px}.inventory-vault{--vault-gold:#d4b675;--vault-line:#bca16c42;color:#e7ddc7}.vault-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.vault-heading .eyebrow{color:#d5b675;align-items:center;gap:8px;display:flex}.vault-heading h1{margin:8px 0;font-size:clamp(32px,3.7vw,54px);line-height:1.1}.vault-heading>div>p:last-child{color:#b4a58d;font-size:19px}.vault-tools{flex-shrink:0;align-items:center;gap:10px;display:flex}.vault-total{border:1px solid var(--vault-line);background:#c19b4710;align-items:center;gap:8px;padding:10px 16px;font-size:18px;display:flex}.vault-total b{color:#edce89;font:17px var(--font-data)}.vault-icon-button{border:1px solid var(--vault-line);color:#d6bd8e;background:#17130f;flex-shrink:0;place-items:center;width:40px;height:40px;transition:background .2s,transform .2s;display:inline-grid}.vault-icon-button:hover{background:#372c1a;transform:translateY(-2px)}.inventory-vault button:disabled{cursor:wait}.inventory-vault :is(button,input,select,a):focus-visible{outline-offset:4px;outline:2px solid #e9c984}.vault-workspace{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:26px;display:grid}.vault-chest-area{border:1px solid var(--vault-line);background:radial-gradient(at 50% 48%,#45342365,#0000 72%),#100e0d;min-width:0;position:relative;overflow:hidden}.vault-chest-toolbar{z-index:3;color:#b6a180;font:10px var(--font-data);justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex;position:relative}.vault-chest-toolbar>span,.vault-chest-toolbar button{align-items:center;gap:8px;display:inline-flex}.vault-chest-toolbar button{color:#dfc18c;font:15px var(--font-body)}.vault-chest-scene{isolation:isolate;perspective:1100px;min-height:490px;padding:100px 26px 50px;position:relative}.vault-floor-rune{pointer-events:none;border:1px solid #d7ae4844;border-radius:50%;height:200px;position:absolute;bottom:5px;left:8%;right:8%;transform:rotateX(65deg);box-shadow:0 0 0 12px #b38c2e0a,0 0 0 14px #b38c2e1a,0 0 80px #d5aa3918}.vault-chest-lid{z-index:4;transform-origin:50% 0;height:210px;transform-style:preserve-3d;background:repeating-linear-gradient(0deg,#0000 0 25px,#08050566 26px 28px),linear-gradient(105deg,#1e1410,#60432b 45%,#271a12);border:3px solid #97723e;border-top-color:#d8b775;border-radius:40% 40% 3px 3px/18% 18% 3px 3px;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),top 1.1s,opacity .8s;position:absolute;top:52px;left:8%;right:8%;box-shadow:inset 0 3px #f6dba044,inset 0 -10px 25px #0009,0 16px 30px #0009}.vault-chest-lid:before,.vault-chest-lid:after{content:"";background:linear-gradient(90deg,#5b4125,#bd9559 40%,#e1bd7844 50%,#594024);border-inline:1px solid #d6b67d88;width:28px;position:absolute;top:0;bottom:0;box-shadow:3px 0 8px #0009}.vault-chest-lid:before{left:10%}.vault-chest-lid:after{right:10%}.vault-lid-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:18px 20%;display:flex}.vault-lid-panel>span{color:#f0d293;font:24px var(--font-heading);letter-spacing:.2em;text-shadow:0 2px 4px #000}.vault-lid-panel img{object-fit:contain;filter:drop-shadow(0 0 8px #e1b56166);width:65px;height:65px}.vault-lid-panel small{font:8px var(--font-data);color:#be9c69;letter-spacing:.13em}.vault-closed-front{z-index:5;border:3px solid #97723e;background:repeating-linear-gradient(0deg,#0000 0 25px,#08050566 26px 28px),linear-gradient(110deg,#24160f,#4a3020 50%,#201510);border-top:5px solid #251810;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;height:170px;padding:30px 18px 20px;display:flex;position:absolute;top:260px;left:8%;right:8%;box-shadow:inset 0 0 25px #000,0 20px 25px #0009}.vault-closed-front:before,.vault-closed-front:after{content:"";background:linear-gradient(90deg,#63462a,#a07d45,#513920);border-inline:1px solid #c4a27555;width:28px;position:absolute;top:0;bottom:0}.vault-closed-front:before{left:10%}.vault-closed-front:after{right:10%}.vault-closed-front .paint-button{z-index:2;gap:10px;padding-inline:22px;position:relative}.vault-closed-front>p{color:#c2aa83;z-index:1;font-size:14px}.vault-lock{color:#281b0d;background:linear-gradient(120deg,#c99d55,#806036);border:2px solid #ceab67;border-radius:4px 4px 20px 20px;place-items:center;width:50px;height:56px;display:grid;position:absolute;top:-30px;left:calc(50% - 25px);box-shadow:0 4px 10px #0009}.vault-chest-light{z-index:1;filter:blur(18px);opacity:0;pointer-events:none;background:conic-gradient(from 210deg at 50% 100%,#0000,#eac57719 18deg,#ffecba55 30deg,#eac57719 42deg,#0000 60deg);height:250px;position:absolute;top:100px;left:12%;right:12%}.is-open .vault-chest-lid{opacity:.85;z-index:0;top:12px;transform:translateY(-2px)rotateX(68deg)}.is-open .vault-chest-light{opacity:1}.is-opening .vault-chest-light{animation:1.1s both vault-light-release}.vault-chest-cavity{z-index:2;border:6px solid #614727;background:radial-gradient(at 50% 0,#3b3222,#171310 75%);border-top-color:#b69353;border-bottom-color:#2e2115;min-height:320px;padding:18px;animation:.8s cubic-bezier(.2,.8,.2,1) both vault-cavity-reveal;position:relative;box-shadow:0 0 0 1px #d9b87866,inset 0 12px 30px #000c,0 20px 35px #0008}.vault-chest-cavity:focus{outline:none}.is-opening .vault-chest-cavity{animation-delay:.15s}.vault-chest-rim{z-index:3;color:#bd9450;opacity:0;background:linear-gradient(#79502d,#332116);border:1px solid #9b7544;justify-content:center;align-items:center;gap:16px;height:27px;transition:opacity .6s;display:flex;position:absolute;bottom:23px;left:26px;right:26px;box-shadow:0 8px 20px #000}.vault-chest-rim i{background:#c5a26266;width:20%;height:1px}.is-open .vault-chest-rim{opacity:1}.vault-scene-hint{color:#9e917b;text-align:center;padding:0 22px 18px;font-size:15px;position:relative}.vault-filters{z-index:2;gap:9px;display:grid;position:relative}.vault-search{border:1px solid var(--vault-line);color:#bdac8c;background:#0b0907a8;align-items:center;gap:8px;min-width:0;padding:8px 11px;display:flex}.vault-search input{background:0 0;outline:none;width:100%;min-width:0;font-size:17px}.vault-search input::placeholder{color:#a69780}.vault-filters>div{grid-template-columns:1fr 1fr 100px;gap:8px;display:grid}.vault-filters select{border:1px solid var(--vault-line);color:#cfbea0;width:100%;min-width:0;font:11px var(--font-data);background:#211b13;padding:7px}.vault-tray-label{font:9px var(--font-data);color:#b09b76;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 7px;display:flex}.vault-tray-label>span:last-child{align-items:center;gap:7px;display:flex}.vault-item-grid{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#947344 #201b13;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;max-height:460px;padding:12px 5px;display:grid;overflow-y:auto}.vault-item{text-align:center;min-width:0;animation:vault-item-rise .6s var(--arrival) backwards;background:linear-gradient(#fff6df03,#08060566);border:1px solid #c1a4711c;padding:8px;transition:border-color .25s,background .25s;position:relative}.vault-item:hover,.vault-item.is-selected,.vault-item:focus-visible{background:#d6b45e09;border-color:#c9aa70a8}.vault-item.is-selected{box-shadow:inset 0 -2px #d9b469}.vault-item-visual{perspective:600px;place-items:center;height:200px;display:grid;position:relative}.vault-item-stack{width:116px;height:174px;transform:rotate(var(--item-angle));filter:drop-shadow(0 9px 7px #000a);transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s;display:block;position:relative}.vault-item-stack>img{object-fit:contain;width:100%;height:100%}.vault-item-stack:before,.vault-item-stack:after{content:"";z-index:-1;background:linear-gradient(140deg,#655136,#191610);border:1px solid #a2835060;position:absolute;inset:8px 5px;transform:rotate(-6deg)translate(-6px,2px)}.vault-item-stack:after{transform:rotate(6deg)translate(6px,1px)}.vault-item:hover .vault-item-stack,.vault-item:focus-visible .vault-item-stack{filter:drop-shadow(0 15px 10px #0009);transform:translateY(-12px)rotateY(-12deg)rotate(0)scale(1.06)}.vault-item.is-selected .vault-item-stack{transform:translateY(-10px)rotate(0)}.vault-item-aura{background:radial-gradient(ellipse, color-mix(in srgb, var(--pack-accent) 25%, transparent), transparent 70%);opacity:.7;position:absolute;inset:5%}.vault-item-quantity{z-index:2;color:#261a0a;min-width:30px;font:11px var(--font-data);background:#ddbf7f;border:1px solid #f5dba1;padding:4px 6px;position:absolute;top:0;right:0;box-shadow:0 3px 9px #0005}.vault-item-pick{font:10px var(--font-data);color:#efd29a;opacity:0;background:#18130ee8;border:1px solid #d3ac6255;padding:3px 10px;transition:opacity .25s,transform .25s;position:absolute;bottom:2px;transform:translateY(5px)}.vault-item:hover .vault-item-pick,.vault-item.is-selected .vault-item-pick,.vault-item:focus-visible .vault-item-pick{opacity:1;transform:none}.vault-item-caption{padding:8px 0 4px;display:block}.vault-item-caption small{font:8px var(--font-data);color:#ad9b79;overflow-wrap:anywhere;margin-bottom:5px;display:block}.vault-item-caption strong{-webkit-line-clamp:2;font:16px/1.15 var(--font-heading);color:#e5d7bc;-webkit-box-orient:vertical;min-height:37px;display:-webkit-box;overflow:hidden}.vault-pack-fallback{outline-offset:-6px;color:#e6c88b;background:linear-gradient(135deg,#594025,#0c0b0e 50%,#332b1c);border:2px solid #c4a363;outline:1px solid #c4a36366;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:12px 8px;display:flex}.vault-pack-fallback>img{object-fit:contain;width:42px;height:42px}.vault-pack-fallback small{font:7px var(--font-data);letter-spacing:.1em}.vault-pack-fallback strong{font:12px var(--font-heading);text-align:center}.vault-empty{text-align:center;color:#b5a17e;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 12px;display:flex}.vault-empty h2{color:#e0ceac;font-size:27px}.vault-empty p{max-width:390px;font-size:18px}.vault-inspector{border:1px solid var(--vault-line);background:radial-gradient(at 50% 30%,#8a693418,#0000 65%),#15120f;min-width:0;position:sticky;top:96px}.vault-inspector:focus{outline:none}.vault-inspector-empty{text-align:center;flex-direction:column;justify-content:center;min-height:540px;padding:40px 25px;display:flex}.vault-empty-sigil{border:1px solid #b6995b42;border-radius:50%;place-items:center;width:120px;height:120px;margin:0 auto 32px;animation:5s ease-in-out infinite vault-sigil-breathe;display:grid;box-shadow:0 0 0 12px #c7a35405,0 0 0 13px #c7a35412}.vault-empty-sigil img{object-fit:contain;width:65px;height:65px}.vault-inspector-empty h2{margin:12px 0;font-size:29px;line-height:1.1}.vault-inspector-empty>p:not(.eyebrow){color:#a99b83;font-size:18px}.vault-inspector-empty>div{border-top:1px solid var(--vault-line);text-align:left;gap:14px;margin-top:26px;padding-top:24px;display:grid}.vault-inspector-empty>div>span{color:#cdb88f;align-items:center;gap:10px;font-size:17px;display:flex}.vault-selected{padding:18px 22px 22px;animation:.45s ease-out vault-detail-arrive}.vault-inspector-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.vault-inspector-top .eyebrow{color:#c7a76a}.vault-inspector-top .vault-icon-button{width:32px;height:32px}.vault-selected-stage{isolation:isolate;perspective:900px;place-items:center;height:260px;display:grid;position:relative;overflow:hidden}.vault-selected-pack{filter:drop-shadow(0 20px 13px #0009);width:145px;height:218px;animation:.75s cubic-bezier(.16,.8,.2,1) both vault-pack-pick;transform:rotate(-4deg)}.vault-selected-pack>img{object-fit:contain;width:100%;height:100%;animation:5s ease-in-out .75s infinite vault-hand-float}@keyframes vault-hand-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(2deg)}}.vault-selected-pack .vault-pack-fallback{padding:22px 12px}.vault-selected-pack .vault-pack-fallback strong{font-size:20px}.vault-selected-pack .vault-pack-fallback small{font-size:10px}.vault-selected-pack .vault-pack-fallback img{width:65px;height:65px}.vault-selected-stage>span{color:#e5c78d;font:10px var(--font-data);background:#17120ef0;border:1px solid #c2a06655;padding:5px 12px;position:absolute;bottom:3px}.vault-selected-beam{background:radial-gradient(ellipse, color-mix(in srgb, var(--pack-accent) 30%, transparent), transparent 70%);filter:blur(10px);animation:4s ease-in-out infinite vault-sigil-breathe;position:absolute;inset:10%}.vault-selected-community{font:9px var(--font-data);letter-spacing:.1em;color:#bca074;text-transform:uppercase;margin:18px 0 8px}.vault-selected h2{overflow-wrap:anywhere;font-size:29px;line-height:1.1}.vault-selected-description{color:#b4a488;margin:10px 0 20px;font-size:17px;line-height:1.3}.vault-selected-actions{gap:10px;display:grid}.vault-selected-actions .booster-offer--actions-only{min-width:0;margin:0;padding:0}.vault-selected-actions .booster-offer--actions-only .eyebrow{display:none}.vault-collection-link{color:#bca986;justify-content:center;align-items:center;gap:8px;margin-top:18px;font-size:15px;display:flex}.vault-collection-link:hover{color:#efd08c}.vault-particles{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.vault-particles i{left:var(--px);top:var(--py);opacity:0;width:2px;height:2px;animation:vault-mote 6s var(--delay) linear infinite;background:#efd69b;border-radius:50%;position:absolute;box-shadow:0 0 6px #e3bc6f}.vault-opening-burst{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.vault-particles.is-burst i{width:3px;height:3px;animation:vault-burst 1.05s var(--delay) ease-out both;top:60%}.vault-shockwave{border:2px solid #f7d99199;border-radius:50%;width:50%;height:40%;animation:.9s ease-out both vault-shock;position:absolute;top:35%;left:25%;box-shadow:0 0 24px #d2ac5a55}.is-opening .vault-chest-area{animation:.45s .2s both vault-chest-shake}.vault-wallets{border-top:1px solid var(--vault-line);margin-top:34px;padding-top:24px}.vault-wallets>header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.vault-wallets h2{margin-top:5px;font-size:30px}.vault-wallets>header>p{color:#b5a58b;font-size:17px}.vault-wallets>div{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.vault-wallet{border:1px solid var(--vault-line);background:linear-gradient(110deg,#30291d55,#171310);grid-template-columns:1fr auto;gap:12px;padding:18px 22px;transition:transform .25s,border-color .25s;display:grid}.vault-wallet:hover{border-color:#d7b67499;transform:translateY(-3px)}.vault-wallet>strong{font:23px var(--font-heading)}.vault-wallet>svg{color:#d6b87b;grid-area:1/2/3;align-self:center}.vault-wallet dl{gap:28px;display:flex}.vault-wallet dt{font:9px var(--font-data);text-transform:uppercase;letter-spacing:.08em;color:#a99877}.vault-wallet dd{font:18px var(--font-data);color:#e2c68d;align-items:center;gap:6px;margin-top:7px;display:flex}.vault-duel-bonus{margin-top:20px}@keyframes vault-cavity-reveal{0%{opacity:0;transform:translateY(65px)scale(.96)}to{opacity:1;transform:none}}@keyframes vault-item-rise{0%{opacity:0;transform:translateY(35px)rotateX(-20deg)}to{opacity:1;transform:none}}@keyframes vault-pack-pick{0%{opacity:0;transform:translateY(100px)rotateY(-45deg)rotate(-15deg)scale(.55)}65%{opacity:1;transform:translateY(-12px)rotateY(12deg)rotate(3deg)scale(1.05)}to{opacity:1;transform:rotate(-4deg)}}@keyframes vault-detail-arrive{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes vault-sigil-breathe{0%,to{opacity:.7;transform:translateY(0)scale(.98)}50%{opacity:1;transform:translateY(-5px)scale(1.02)}}@keyframes vault-mote{0%{opacity:0;transform:translateY(30px)}25%,70%{opacity:.65}to{opacity:0;transform:translate(var(--drift), -75px)}}@keyframes vault-burst{0%{opacity:0;transform:translate(0)scale(1.8)}15%{opacity:1}to{opacity:0;transform:translate(var(--drift), calc(var(--rise) * -1)) scale(.2)}}@keyframes vault-shock{0%{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(2.4)}}@keyframes vault-light-release{0%{opacity:0;transform:scaleX(.4)}45%{opacity:1;filter:blur(8px);transform:scale(1.4)}to{opacity:1;transform:none}}@keyframes vault-chest-shake{0%,to{transform:none}20%{transform:translate(2px,-2px)}45%{transform:translate(-3px,1px)}70%{transform:translate(1px,-1px)}}@media (min-width:1000px) and (max-height:850px){.vault-inspector{position:static}.vault-selected-stage{height:220px}.vault-selected-pack{width:120px;height:180px}}@media (max-width:1100px){.vault-workspace{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.inventory-vault-page{padding-inline:20px}.vault-chest-scene{padding-inline:18px}.vault-chest-rim{left:18px;right:18px}.vault-chest-cavity{padding:12px}.vault-filters>div{grid-template-columns:1fr 1fr}.vault-filters select:last-child{grid-column:1/-1}}@media (max-width:999px){.vault-workspace{grid-template-columns:minmax(0,1fr)}.vault-inspector{scroll-margin-top:95px;position:relative;top:auto}.vault-inspector-empty{text-align:left;grid-template-columns:80px 1fr;gap:5px 24px;min-height:0;padding:24px;display:grid}.vault-empty-sigil{grid-row:1/4;width:70px;height:70px;margin:auto}.vault-empty-sigil img{width:44px;height:44px}.vault-inspector-empty h2{margin:3px 0;font-size:25px}.vault-inspector-empty>div{display:none}.vault-selected{grid-template-columns:minmax(150px,.8fr) 1fr;gap:0 24px;display:grid}.vault-inspector-top{grid-column:1/-1}.vault-selected-stage{grid-area:2/1/7;align-self:center;height:300px}.vault-selected h2,.vault-selected-community,.vault-selected-description,.vault-selected-actions,.vault-collection-link{grid-column:2}.vault-selected-pack{width:160px;height:240px}.vault-filters>div{grid-template-columns:1fr 1fr 100px}.vault-filters select:last-child{grid-column:auto}}@media (max-width:600px){.inventory-vault-page{padding:22px 12px 32px}.vault-heading{flex-wrap:wrap;align-items:start;gap:16px;margin-bottom:20px}.vault-heading h1{font-size:34px}.vault-heading>div>p:last-child{font-size:17px;line-height:1.2}.vault-tools{justify-content:space-between;width:100%}.vault-total{padding:8px 12px;font-size:16px}.vault-chest-toolbar{gap:8px;padding:14px 12px;font-size:8px}.vault-chest-toolbar button{gap:3px;font-size:13px}.vault-chest-scene{min-height:390px;padding:75px 9px 37px}.vault-chest-lid{height:170px;top:30px;left:5%;right:5%}.vault-lid-panel{gap:8px;padding:12px 18%}.vault-lid-panel>span{letter-spacing:.14em;font-size:20px}.vault-lid-panel img{width:50px;height:50px}.vault-lid-panel small{font-size:6px}.vault-chest-lid:before,.vault-chest-lid:after,.vault-closed-front:before,.vault-closed-front:after{width:18px}.vault-closed-front{height:150px;padding-inline:6px;top:200px;left:5%;right:5%}.vault-closed-front .paint-button{padding-inline:12px;font-size:16px}.vault-closed-front>p{font-size:12px}.vault-lock{width:42px;height:46px;top:-24px;left:calc(50% - 21px)}.vault-chest-cavity{border-width:4px;padding:10px 7px}.vault-chest-rim{bottom:10px;left:9px;right:9px}.vault-filters>div{grid-template-columns:1fr 1fr;gap:6px}.vault-filters select:last-child{grid-column:1/-1}.vault-filters select{padding:8px 4px;font-size:10px}.vault-search{padding:8px}.vault-search input{font-size:16px}.vault-item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:440px;padding:8px 2px}.vault-item{padding:5px}.vault-item-visual{height:145px}.vault-item-stack{width:76px;height:114px}.vault-item-caption strong{font-size:15px}.vault-item-caption small{font-size:7px}.vault-item-pick{opacity:1;font-size:8px;bottom:0;transform:none}.vault-item-quantity{padding:3px 4px;font-size:10px}.vault-tray-label{letter-spacing:0;font-size:8px}.vault-scene-hint{padding:0 14px 15px;font-size:13px}.vault-inspector-empty{grid-template-columns:52px 1fr;gap:6px 18px;padding:22px 18px}.vault-empty-sigil{width:48px;height:48px}.vault-empty-sigil img{width:32px;height:32px}.vault-inspector-empty h2{font-size:23px}.vault-inspector-empty>p:not(.eyebrow){font-size:16px}.vault-selected{padding:16px 20px 20px;display:block}.vault-selected-stage{height:245px}.vault-selected-pack{width:135px;height:203px}.vault-selected-community{margin-top:15px}.vault-selected h2{font-size:28px}.vault-selected-description{margin-bottom:16px}.vault-wallets{margin-top:26px}.vault-wallets>header{flex-direction:column;align-items:start;gap:8px}.vault-wallets>header>p{font-size:16px}.vault-wallets>div{grid-template-columns:minmax(0,1fr)}.vault-wallet{padding:16px}.vault-wallet dl{gap:22px}.vault-wallet dd{font-size:16px}}@media (prefers-reduced-motion:reduce){.inventory-vault *,.inventory-vault :before,.inventory-vault :after{transition:none!important;animation:none!important}.vault-particles,.vault-opening-burst{display:none}}@media (hover:none){.vault-item-pick{opacity:1;transform:none}}.inventory-vault.is-busy .vault-particles i,.inventory-vault.is-busy .vault-selected-pack>img,.inventory-vault.is-busy .vault-selected-beam{animation-play-state:paused}