/* V6 vault editions and earned Arena cases. Extends the existing case shape. */
.vault-v6 .vault-shop-section>.section-title{margin-top:4px}.vault-earned-section{margin-top:42px}.vault-earned-section>.section-title{gap:20px}.vault-earned-section>.section-title>.btn{white-space:nowrap}.vault-product .case-guarantee b{font-weight:650;color:#e3d8ee}.vault-product .case-edition-note{font-size:10px;line-height:1.65;color:#b6a4c6;max-width:330px;align-self:center;margin:-11px 0 19px}.vault-product .case-odds-inline dd{font-size:10px;letter-spacing:-.15px}.vault-product .case-odds-inline dl{column-gap:17px}.vault-product .case-product-actions>.btn{font-size:10px}.vault-product .case-prices>div>span:first-child{font-size:7px;letter-spacing:.55px}.vault-product .case-total{line-height:1.75}.vault-v6 .case-drop-split{grid-template-columns:repeat(3,minmax(0,1fr))}.vault-v6 .case-drop-split>span{padding:13px 16px}.vault-case-art{isolation:isolate}.vault-case-art .case-halo{background:radial-gradient(ellipse,var(--case-accent),transparent 65%);z-index:-1}.vault-case-art .case-body>.case-word{font-size:18px}.vault-case-art .case-body>.case-word.case-word-long{font-size:12px;letter-spacing:1px;top:28px}.vault-case-art .case-body>.case-word small{font-size:6px;letter-spacing:1.5px}.vault-case-art.case-starter .case-body>.case-word{font-size:15px;letter-spacing:1px}
.vault-product.case-gold,.vault-product.case-prism,.vault-product.case-celestial{background:radial-gradient(ellipse at 50% 15%,color-mix(in srgb,var(--case-accent) 18%,transparent),transparent 48%),linear-gradient(155deg,#241b2f,#15111c 70%);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--case-accent) 18%,transparent),0 10px 35px #09060e2b}.vault-case-art.case-gold{filter:drop-shadow(0 13px 13px #0006) drop-shadow(0 0 18px #e9b64d20)}.vault-case-art.case-gold .case-lid{background:linear-gradient(115deg,#5a3a1a,#f2d191 44%,#be8a38 63%,#583816);border-color:#f4d58f}.vault-case-art.case-gold .case-body{background:repeating-linear-gradient(112deg,transparent 0 28px,#e9b7450b 29px 31px),linear-gradient(115deg,#2c2114,#775427 48%,#392615)}.vault-case-art.case-gold .case-halo{opacity:.33}
.vault-case-art.case-prism{transform:rotate(-5deg);filter:drop-shadow(0 14px 13px #0006) drop-shadow(0 0 22px #f6917c24)}.vault-case-art.case-prism .case-lid{border-color:#f5b7ba;background:linear-gradient(110deg,#593149,#e5948a 36%,#fac4a2 49%,#ad73af 73%,#4a2d51)}.vault-case-art.case-prism .case-body{border-color:#c386a3;background:linear-gradient(125deg,#291b33 0 22%,#66384e 22% 44%,#9d5d65 44% 47%,#452647 47% 73%,#2c1c38 73%)}.vault-case-art.case-prism .case-lock{background:#edb092;border-color:#77415f;color:#4f2646}.vault-case-art.case-prism .case-halo{background:radial-gradient(ellipse,#ffab7f88,#c976c34d 40%,transparent 68%);opacity:.62;filter:blur(18px)}.case-gem{position:absolute;color:var(--case-secondary);font-family:serif;text-shadow:0 0 15px var(--case-accent);pointer-events:none}.case-gem.gem-left{top:58px;left:-1px;font-size:24px;transform:rotate(17deg)}.case-gem.gem-right{top:115px;right:-2px;font-size:15px;transform:rotate(-9deg)}
.vault-case-art.case-celestial{transform:rotate(4deg);filter:drop-shadow(0 14px 13px #0006) drop-shadow(0 0 24px #a6c9ff30)}.vault-case-art.case-celestial .case-lid{background:linear-gradient(115deg,#2e4268,#83b9e0 31%,#e2e6ff 47%,#b6a1dd 65%,#343159);border-color:#d0dbff}.vault-case-art.case-celestial .case-body{background:radial-gradient(circle at 79% 30%,#f8f3ff 0 1px,transparent 1.5px),radial-gradient(circle at 16% 62%,#b4d6fd 0 1px,transparent 1.5px),radial-gradient(circle at 54% 72%,#bb8fe6 0 1px,transparent 1.5px),linear-gradient(115deg,#1c243d,#49406e 47%,#233652);border-color:#aab8e1}.vault-case-art.case-celestial .case-lock{background:#d0ddf7;border-color:#5e5889;color:#393454}.vault-case-art.case-celestial .case-halo{background:radial-gradient(ellipse,#a8dafa70,#b999f05e 40%,transparent 68%);opacity:.7;filter:blur(19px)}.vault-case-art.case-celestial .case-body>.case-word{font-size:13px;letter-spacing:1px}
.rank-case-product{background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--case-accent) 13%,transparent),transparent 60%),#16121e}.rank-case-product>h2{font-size:24px}.vault-case-art.case-rank{transform:rotate(-3deg)}.vault-case-art.case-rank .case-lid{background:linear-gradient(112deg,color-mix(in srgb,var(--case-accent) 34%,#252230),color-mix(in srgb,var(--case-secondary) 82%,#fff) 43%,color-mix(in srgb,var(--case-accent) 43%,#201a2d));border-color:color-mix(in srgb,var(--case-accent) 75%,#c8bccf)}.vault-case-art.case-rank .case-body{background:repeating-linear-gradient(45deg,transparent 0 17px,#ffffff05 18px 19px),linear-gradient(115deg,color-mix(in srgb,var(--case-accent) 10%,#171321),color-mix(in srgb,var(--case-accent) 29%,#272035),color-mix(in srgb,var(--case-accent) 11%,#16111e))}.vault-case-art.case-rank .case-body>.case-rank-crest{position:absolute;display:block;left:25px;top:11px;width:47px;height:55px;line-height:0;filter:drop-shadow(0 1px 6px #0008);letter-spacing:0}.case-rank-crest>svg{display:block;width:47px;height:52px}.vault-case-art.case-rank .case-body>.case-word{left:86px;top:28px;font-size:15px;letter-spacing:1px;max-width:137px}.vault-case-art.case-rank .case-body>.case-word.case-word-long{font-size:11px;letter-spacing:.8px}.vault-case-art.case-rank .case-body small{font-size:5px;letter-spacing:1px;line-height:1.5}.vault-case-art.case-rank .case-lock{left:98px}.vault-case-art.case-rank .case-halo{opacity:calc(.2 + var(--case-rank-tier)*.025)}.vault-case-art.case-rank-master,.vault-case-art.case-rank-grandmaster,.vault-case-art.case-rank-champion,.vault-case-art.case-rank-challenger{filter:drop-shadow(0 13px 13px #0006) drop-shadow(0 0 18px color-mix(in srgb,var(--case-accent) 24%,transparent))}.rank-case-reward-strip{display:flex;align-items:center;flex-direction:column;gap:8px;padding:15px 10px;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;margin-top:auto}.rank-case-reward-strip>span{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:1px;color:var(--case-accent)}.rank-case-reward-strip>span>.icon{width:12px;height:12px}.rank-case-reward-strip>b{font-size:15px;color:#ece4f5}.rank-case-reward-strip>small{font-size:9px;color:#ab99bd}.rank-case-product .case-lane-note{font-size:10px;margin:14px 0 16px;color:#c0aecf}.rank-case-product .case-product-actions .btn{font-size:12px;min-height:44px}.vault-rank-empty{padding:26px 30px;min-height:122px}.vault-rank-empty>span{background:none;border:0;width:58px;height:64px}.vault-rank-empty h3{font-size:21px}.vault-rank-empty p{max-width:690px;line-height:1.8}
@media(min-width:1550px){.vault-rank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vault-rank-grid .rank-case-product{padding-left:20px;padding-right:20px}.vault-rank-grid .case-odds-inline dl{grid-template-columns:1fr 1fr;column-gap:13px}.vault-rank-grid .case-odds-inline dt{font-size:9px}.vault-rank-grid .case-odds-inline dd{font-size:9px}}
@media(max-width:1250px){.vault-product .case-odds-inline dl{grid-template-columns:1fr}.vault-product .case-odds-inline dt,.vault-product .case-odds-inline dd{font-size:11px}.vault-product .case-product-actions{flex-wrap:wrap}.vault-product .case-product-actions>.btn{min-width:115px;font-size:10px}.vault-case-art .case-body>.case-word.case-word-long{font-size:11px}.vault-product .case-prices>div>span:first-child{font-size:7px}}
@media(max-width:1000px){.vault-earned-section>.section-title{flex-direction:column;align-items:flex-start}.vault-case-art.case-prism{transform:rotate(-5deg) scale(.9)}.vault-case-art.case-celestial{transform:rotate(4deg) scale(.9)}.vault-case-art.case-rank{transform:rotate(-3deg) scale(.9)}.vault-case-art.case-rank .case-body>.case-word{left:79px;font-size:13px}.vault-case-art.case-rank .case-body>.case-word.case-word-long{font-size:10px}.vault-case-art.case-rank .case-body>.case-rank-crest{left:21px}.vault-product .case-edition-note{font-size:9px;line-height:1.65}}
@media(max-width:760px){.vault-v6 .case-drop-split{grid-template-columns:repeat(2,minmax(0,1fr))}.vault-case-art.case-prism,.vault-case-art.case-celestial,.vault-case-art.case-rank{transform:rotate(-3deg)}.vault-case-art.case-celestial{transform:rotate(4deg)}.vault-product .case-odds-inline dl{grid-template-columns:1fr 1fr;column-gap:15px}.vault-product .case-odds-inline dt,.vault-product .case-odds-inline dd{font-size:10px}.vault-case-art.case-rank .case-body>.case-word{left:86px;font-size:15px}.vault-case-art.case-rank .case-body>.case-word.case-word-long{font-size:11px}.vault-case-art.case-rank .case-body>.case-rank-crest{left:25px}.vault-rank-empty{padding:22px 18px}.vault-rank-empty h3{font-size:18px}.vault-rank-empty>span{width:50px;flex-shrink:0}.vault-earned-section{margin-top:32px}.vault-product .case-product-actions>.btn{min-width:120px}.vault-earned-section>.section-title>.btn{font-size:10px}}
@media(max-width:390px){.vault-product .case-odds-inline dl{grid-template-columns:1fr}.vault-product .case-odds-inline dt,.vault-product .case-odds-inline dd{font-size:11px}.vault-product .case-prices{grid-template-columns:1fr}.vault-product .case-prices>div{flex-direction:row;justify-content:space-between}.vault-product .case-product-actions>.btn{font-size:10px}.vault-rank-empty>span{display:none}}
@media(prefers-reduced-motion:reduce){.vault-case-art.case-prism,.vault-case-art.case-celestial,.vault-case-art.case-rank{transform:none}}