.vault-wallet{display:flex;align-items:center;gap:25px;margin:20px 0 22px;padding:15px 20px;border:1px solid #b47d3866;background:linear-gradient(90deg,#28190ee8,#100b07e8);box-shadow:inset 0 0 0 3px #110b06}.vault-wallet>span{display:flex;gap:9px;align-items:center;color:#efc87c}.vault-wallet i{font-style:normal;font-size:23px}.vault-wallet b{font:28px Georgia}.vault-wallet small{font:9px 'DM Sans',sans-serif;letter-spacing:1.5px;color:#b79d76}.vault-wallet>span:nth-child(2){color:#9dcee1}.vault-wallet .vault-collection{margin-left:auto;display:block;font:9px 'DM Sans',sans-serif;color:#ae9675;letter-spacing:1px;text-align:right}.vault-collection b{display:block;color:#e2bb79;font-size:22px;margin-top:5px}
.vault-showcase{position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:430px;border:1px solid #ba833b;padding:25px 24px 25px 10px;overflow:hidden;background:radial-gradient(ellipse at 30% 38%,color-mix(in srgb,var(--chest-color) 19%,transparent),transparent 60%),linear-gradient(125deg,#0a0705e8,#0a0705f0),url('assets/castillo-sombrio.png') center/cover;box-shadow:inset 0 0 0 4px #110b07,inset 0 0 0 5px #775125,0 12px 35px #0009;scroll-margin-top:16px}.vault-showcase:before{content:'';position:absolute;inset:14px;border:1px solid #bb87372b;pointer-events:none;z-index:-1}.vault-visual{position:relative;min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center;isolation:isolate}.vault-visual>.treasure-chest{width:130%;max-width:420px;flex-shrink:0;z-index:2;animation:vault-arrive .45s ease-out}.vault-visual .chest-aura{inset:8% -10% 0;background:radial-gradient(ellipse,color-mix(in srgb,var(--chest-color) 18%,transparent),transparent 67%)}.vault-pedestal{position:absolute;bottom:18%;left:4%;right:3%;height:20%;z-index:1;background:linear-gradient(#b0915c44,#0b0806 25%,#483725 27%,#0b0806 35%,#110b07);clip-path:polygon(13% 0,85% 0,100% 38%,91% 100%,9% 100%,0 38%);box-shadow:0 20px 20px #000}.vault-rarity{position:absolute;bottom:5%;left:0;right:0;text-align:center;text-transform:uppercase;font:12px 'Cinzel',Georgia;letter-spacing:5px;color:var(--chest-color);z-index:3}.vault-star{position:absolute;top:5%;left:0;right:0;text-align:center;color:var(--chest-color);font-size:26px;text-shadow:0 0 24px var(--chest-color);opacity:.75}.vault-copy{position:relative;min-width:0;z-index:3;padding:15px 0 15px 8px}.vault-copy>.eyebrow{font-size:9px;letter-spacing:1.3px;color:var(--chest-color)}.vault-copy h2{font-size:39px;line-height:1.1;margin:13px 0;color:#f2d3a1}.vault-flavor{font:italic 16px/1.6 Georgia;color:#c7b08a}.vault-guaranteed{display:flex;gap:12px;align-items:center;margin:22px 0 15px;padding:10px 0;border-top:1px solid #92673455;border-bottom:1px solid #92673455}.vault-guaranteed>.gear-art{width:65px;height:65px;flex-shrink:0}.vault-guaranteed small{font:8px 'DM Sans',sans-serif;letter-spacing:1px;color:#ac9168}.vault-guaranteed strong{display:block;color:#e9c491;font:20px/1.2 Georgia;margin:6px 0}.vault-guaranteed span{font:11px Georgia;color:var(--chest-color)}.vault-price{font:17px Georgia;color:var(--chest-color);margin:22px 0 15px}.vault-price strong{font-size:36px;font-weight:400}.vault-price>span{color:#c7ae85;margin-left:4px;font-size:14px}.vault-action{width:100%;font-size:18px;min-height:50px}.vault-copy .vault-distance{font:11px/1.6 Georgia;color:#b49b77;margin-bottom:0}
[data-chest=mist] .chest-frame{filter:hue-rotate(145deg) saturate(.65) drop-shadow(0 0 10px #80bbdb44)}[data-chest=eclipse] .chest-frame{filter:hue-rotate(235deg) saturate(.7) drop-shadow(0 0 12px #b18bdc44)}[data-chest=traveler] .chest-frame{filter:saturate(.6) drop-shadow(0 0 8px #a5ba6955)}[data-chest=sovereign] .chest-frame{filter:saturate(1.35) brightness(1.08) drop-shadow(0 0 13px #e8b74b55)}
.vault-shelf{margin:33px 0}.vault-shelf>.row{align-items:baseline;flex-wrap:wrap;gap:10px;margin-bottom:17px}.vault-shelf h2{font-size:28px}.vault-shelf>.row>span{font:11px Georgia;color:#b89a70}.vault-selectors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.vault-choice{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;padding:16px 8px;border:1px solid #95652f;background:radial-gradient(ellipse at center 45%,color-mix(in srgb,var(--chest-color) 12%,transparent),#0c0805 80%);color:#dfbf8c;box-shadow:inset 0 0 0 3px #0c0805;overflow:hidden}.vault-choice.selected{border-color:#f3c87a;box-shadow:inset 0 0 0 3px #0c0805,inset 0 0 0 4px #bd8a42,0 0 18px #c28b2522;background-color:#3b2612}.vault-choice.selected:after{content:'✦';position:absolute;top:7px;right:9px;color:#ffd98d;font-size:12px}.choice-rarity{text-transform:uppercase;font:8px 'DM Sans',sans-serif;letter-spacing:1px;color:var(--chest-color)}.vault-choice>.treasure-chest{width:125%;max-width:180px;margin:-4px -10px -7px;flex-shrink:0}.vault-choice>strong{font:20px Georgia;color:#e9c895;margin:0 0 8px}.choice-price{font:16px Georgia;color:var(--chest-color)}.choice-owned{font:9px Georgia;color:#c4d293;margin-top:8px}
.vault-level-gift{display:flex;gap:18px;align-items:center;padding:25px 22px;border:1px solid #bd8843;background:radial-gradient(ellipse at left,#8b5b212f,transparent 65%),linear-gradient(#160e08eb,#0c0805f0);box-shadow:inset 0 0 0 4px #100a06;margin:30px 0}.vault-gift-icon{font-size:47px;color:#edc36e;text-shadow:0 0 20px #d1932944}.vault-level-gift h3{font-size:25px;margin:9px 0}.vault-level-gift p{font:14px Georgia;color:#e0b76d;margin:9px 0 0}.vault-level-gift p>span{color:#9bc9dc;margin-left:12px}.vault-level-gift>button{font-size:17px;margin-left:auto;flex-shrink:0;min-height:46px}.vault-level-gift>button:disabled{opacity:.6;cursor:default}
@keyframes vault-arrive{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:650px){.vault-wallet{gap:18px;padding:13px 15px;margin-top:18px}.vault-wallet>span{gap:6px}.vault-wallet i{font-size:19px}.vault-wallet b{font-size:24px}.vault-wallet small{font-size:8px;letter-spacing:1px}.vault-wallet .vault-collection{font-size:7px}.vault-collection b{font-size:20px}.vault-showcase{grid-template-columns:1fr;padding:16px 20px 24px}.vault-visual{height:265px;min-height:0}.vault-visual>.treasure-chest{width:100%;max-width:300px}.vault-pedestal{left:5%;right:5%;bottom:15%;height:18%}.vault-star{top:3%;font-size:24px}.vault-rarity{bottom:0;font-size:10px;letter-spacing:4px}.vault-copy{padding:24px 0 0;text-align:center}.vault-copy h2{font-size:35px;max-width:300px;margin:12px auto}.vault-flavor{font-size:15px;margin:12px 0}.vault-guaranteed{justify-content:center;text-align:left;margin:20px 0 12px;padding:10px 0}.vault-guaranteed>.gear-art{width:60px;height:60px}.vault-guaranteed strong{font-size:21px}.vault-price{margin:17px 0 13px}.vault-price strong{font-size:34px}.vault-action{font-size:18px}.vault-copy .vault-distance{font-size:12px}.vault-selectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vault-choice{padding:15px 8px}.vault-choice>.treasure-chest{max-width:180px;margin:-5px -10px -10px}.choice-rarity{font-size:9px}.vault-choice>strong{font-size:22px}.choice-price{font-size:18px}.vault-level-gift{padding:22px 17px;gap:13px;flex-wrap:wrap}.vault-gift-icon{font-size:37px}.vault-level-gift>div:nth-child(2){flex:1;min-width:0}.vault-level-gift h3{font-size:24px}.vault-level-gift .eyebrow{font-size:9px}.vault-level-gift p{font-size:13px}.vault-level-gift p>span{margin-left:5px}.vault-level-gift>button{width:100%;margin:4px 0 0}.wallet-hud{font-size:3.05cqw}}
@media(max-width:360px){.vault-wallet{gap:12px;padding:13px 10px}.vault-wallet b{font-size:21px}.vault-wallet small{font-size:7px}.vault-wallet .vault-collection{letter-spacing:.3px}.vault-showcase{padding:15px 16px 23px}.vault-visual{height:235px}.vault-visual>.treasure-chest{max-width:270px}.vault-copy h2{font-size:31px}.vault-copy>.eyebrow{font-size:8px}.vault-guaranteed strong{font-size:20px}.vault-copy .vault-distance{font-size:11px}.vault-shelf h2{font-size:26px}.vault-choice>strong{font-size:20px}.choice-price{font-size:17px}.vault-shelf{margin-top:27px}}
@media(prefers-reduced-motion:reduce){.vault-visual>.treasure-chest{animation:none}}
.vault-pedestal{bottom:1%;height:12%;background:linear-gradient(#6d532733,#0b0806 70%);box-shadow:none}
.vault-choice>strong{text-transform:capitalize}
.vault-showcase .chest-frame,.vault-choice .chest-frame{mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(transparent,#000 20%,#000 90%,transparent);mask-composite:intersect}