.case-opening-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.case-opening-heading>span{font-size:9px;letter-spacing:.14em;color:#689b83}.case-opening-heading button,.case-open-actions button,.case-recovery button{padding:11px 17px;border:1px solid #365146;border-radius:9px;background:#19251f;color:#c9e6d7;cursor:pointer;font:inherit}.case-opening-title{display:flex;align-items:center;justify-content:center;gap:20px;margin:28px 0}.case-opening-title>img{width:100px;height:85px;object-fit:contain}.case-opening-title h1{font-size:30px;margin:0 0 10px;letter-spacing:-.04em}.case-opening-title p{font-size:13px;color:var(--mut);margin:0}.case-opening-ready{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:225px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 50%,#1d49302a,transparent 65%)}.case-opening-ready>img{width:210px;height:170px;object-fit:contain}.case-opening-ready p{font-size:12px;color:var(--mut)}.case-open-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:24px 0 10px}.case-open-actions>p{flex-basis:100%;text-align:center;font-size:13px;color:var(--mut)}button.case-open-primary{padding:12px 20px;border:1px solid #5bd8ab;border-radius:9px;background:var(--ac);color:#06251b;font-weight:650;cursor:pointer}.case-open-primary:hover:not(:disabled){filter:brightness(1.08)}.case-open-primary:disabled{opacity:.45;cursor:default}.case-open-actions>a{font-size:12px;color:#88b69f;padding:10px;text-decoration:none}#caseOpenError{min-height:20px;text-align:center;font-size:12px;color:#eb9c9c}.case-content-preview{margin-top:35px}.case-content-preview h2,.case-opening-history h2{font-size:18px}.case-content-preview>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.case-content-preview article{display:flex;flex-direction:column;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--p2);min-width:0}.case-content-preview article img{width:100%;height:90px;object-fit:contain}.case-content-preview article b{font-size:11px;line-height:1.5;margin-top:10px}.case-content-preview article span{font-size:10px;color:var(--ac);margin-top:9px}.case-opening-result{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;border:1px solid #34c58f35;border-radius:16px;background:radial-gradient(ellipse,#264d322f,transparent 70%)}.case-opening-result>img{width:230px;height:140px;object-fit:contain}.case-opening-result>span{font-size:9px;letter-spacing:.12em;color:var(--ac);margin:12px 0}.case-opening-result h2{font-size:23px;margin:4px 0}.case-opening-result p,.case-opening-result small{font-size:11px;color:var(--mut)}.case-reel-window{position:relative;overflow:hidden;isolation:isolate;height:210px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#101713;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.case-reel-track{display:flex;gap:12px;width:max-content;will-change:transform;padding-top:25px}.case-reel-item{flex:none;width:128px;height:160px;border:1px solid #3a5047;border-radius:12px;background:radial-gradient(ellipse,#233b2e,#121c16);padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.case-reel-item img{width:108px;height:90px;object-fit:contain}.case-reel-item b{max-width:100%;font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.case-reel-marker{position:absolute;left:50%;top:0;bottom:0;z-index:2;width:2px;background:var(--ac);box-shadow:0 0 16px #34c58f70}.case-opening-progress{text-align:center;font-size:12px;color:var(--mut)}.case-opening-history{margin-top:38px}.case-opening-history>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.case-opening-history article{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--p2)}.case-opening-history img{width:55px;height:45px;object-fit:contain}.case-opening-history span{min-width:0}.case-opening-history b,.case-opening-history small{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-opening-history small{color:var(--mut);margin-top:6px}.case-recovery{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #8e743744;background:#5a4b1518;border-radius:12px;padding:14px;margin:20px 0;font-size:12px;color:#c4bd98}.case-recovery button{white-space:nowrap}@media(max-width:600px){.case-opening-title h1{font-size:24px}.case-opening-title>img{width:75px;height:65px}.case-content-preview>div{grid-template-columns:repeat(2,minmax(0,1fr))}.case-opening-result h2{font-size:20px}.case-recovery{flex-direction:column;align-items:flex-start}}
.case-quantity{display:flex;gap:5px;padding:4px;border:1px solid #2d4438;border-radius:10px;background:#101b15}.case-quantity button{padding:8px 12px;border:1px solid transparent;background:transparent;font-size:12px;border-radius:6px;color:#86a492}.case-quantity button.selected{background:#234c36;border-color:#479e6d;color:#b4f5cf}.case-multi-reels{display:grid;grid-template-columns:repeat(var(--reels),minmax(0,1fr));gap:12px}.case-multi-reels.multiple .case-reel-window{height:165px;border:1px solid #2e493b;border-radius:12px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.case-multi-reels.multiple .case-reel-track{padding-top:15px}.case-multi-reels.multiple .case-reel-item{height:132px}.case-multi-reels.multiple .case-reel-item img{height:65px}.reel-item-odds{font-size:10px;color:#7ee1b0;letter-spacing:.02em}.case-reel-item{gap:7px}.case-spin-odds{margin:22px 0;padding:16px;border:1px solid #2e4838;border-radius:12px;background:#142219}.case-odds-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.case-odds-heading>b{font-size:13px}.case-odds-heading small{font-size:10px;color:#7f9a89}.case-odds-meter{display:flex;height:7px;overflow:hidden;border-radius:8px;background:#263f2e}.case-odds-meter span{height:100%}.odds-normal{background:#43ba89}.odds-rare{background:#9d83df}.odds-legendary{background:#dfb44c}.case-odds-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;font-size:10px}.case-odds-legend b{margin-left:6px}.odds-label-normal{color:#7fc9a5}.odds-label-rare{color:#ba9fea}.odds-label-legendary{color:#e3c16a}.case-spin-chances{display:flex;gap:8px;overflow:auto;scrollbar-width:thin;margin-top:14px;padding-bottom:5px}.case-spin-chances>span{flex:none;display:flex;gap:12px;align-items:center;padding:8px 10px;background:#1d3226;border:1px solid #2e4a38;border-radius:8px;max-width:250px;font-size:9px;color:#9db8a8}.case-spin-chances b{color:#cfebd7;white-space:nowrap}.skin-odds-bar{height:3px;background:#293a31;border-radius:4px;overflow:hidden;margin-top:9px}.skin-odds-bar i{display:block;height:100%;background:#3cba87}.case-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.case-results-grid .case-opening-result{position:relative;isolation:isolate;overflow:hidden;min-height:270px}.case-results-grid .case-opening-result>img{width:min(230px,100%);z-index:1}.case-opening-result>span,.case-opening-result>h2,.case-opening-result>p,.case-opening-result>small{z-index:1}.case-results-grid .case-opening-result h2{font-size:18px;line-height:1.35}.case-opening-result.result-rare{border-color:#9d83df77;background:radial-gradient(ellipse at 50% 35%,#7051a03b,#141d18 75%)}.case-opening-result.result-rare>span{color:#cab0f7}.case-opening-result.result-legendary{border-color:#dbb453aa;background:radial-gradient(ellipse at 50% 35%,#a7863144,#171d15 75%)}.case-opening-result.result-legendary>span{color:#f5d778}.rare-drop-halo{position:absolute;left:50%;top:25%;width:210px;height:210px;margin:-65px 0 0 -105px;border:1px solid #ad88ec44;border-radius:50%;box-shadow:0 0 40px #a77ce62a,inset 0 0 30px #a77ce61a;pointer-events:none;z-index:0}.result-legendary .rare-drop-halo{border-color:#e8c75f77;box-shadow:0 0 45px #e2b64b44,inset 0 0 35px #e2b64b22}.result-legendary::after{content:'';position:absolute;inset:-50%;pointer-events:none;z-index:0;background:conic-gradient(from 15deg,transparent 0 10%,#f3d87a13 12%,transparent 15% 35%,#f3d87a13 37%,transparent 40% 60%,#f3d87a13 62%,transparent 65% 85%,#f3d87a13 87%,transparent 90%);opacity:.8}.celebrate.result-rare{animation:case-rare-reveal 1s ease-out both}.celebrate.result-legendary{animation:case-gold-reveal 1.2s ease-out both}.celebrate .rare-drop-halo{animation:case-halo 1.5s ease-out both}.celebrate.result-legendary::after{animation:case-rays 2s ease-out both}.celebrate.result-rare>img,.celebrate.result-legendary>img{animation:case-prize-rise .8s cubic-bezier(.18,.8,.2,1) both}@keyframes case-rare-reveal{0%{box-shadow:0 0 0 #9871d100}35%{box-shadow:0 0 36px #9871d155}100%{box-shadow:0 0 12px #9871d119}}@keyframes case-gold-reveal{0%{box-shadow:0 0 0 #e5bc4900}30%{box-shadow:0 0 50px #e5bc4966}100%{box-shadow:0 0 15px #e5bc4922}}@keyframes case-halo{from{transform:scale(.6);opacity:0}40%{opacity:1}to{transform:scale(1);opacity:.8}}@keyframes case-rays{from{transform:rotate(-35deg);opacity:0}35%{opacity:1}to{transform:rotate(20deg);opacity:.8}}@keyframes case-prize-rise{from{transform:translateY(12px) scale(.88);opacity:.3}to{transform:translateY(0) scale(1);opacity:1}}@media(max-width:650px){.case-multi-reels.multiple{grid-template-columns:repeat(2,minmax(0,1fr))}.case-odds-heading{align-items:flex-start;flex-direction:column}.case-quantity button{padding:8px 11px}.case-results-grid{grid-template-columns:1fr 1fr}.case-results-grid .case-opening-result{padding:14px 8px;min-height:245px}.case-results-grid .case-opening-result h2{font-size:13px}.case-results-grid .case-opening-result>img{height:105px}.case-odds-legend{gap:10px}}@media(max-width:420px){.case-multi-reels.multiple{grid-template-columns:1fr}.case-results-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.celebrate.result-rare,.celebrate.result-legendary,.celebrate .rare-drop-halo,.celebrate.result-legendary::after,.celebrate.result-rare>img,.celebrate.result-legendary>img{animation:none!important}}
button.case-open-primary{box-shadow:inset 0 1px 0 #ffffff30,0 3px 0 #14553a,0 6px 12px #0003;transition:filter .15s,transform .15s,box-shadow .15s}button.case-open-primary:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px 0 #ffffff20,0 1px 0 #14553a}@media(prefers-reduced-motion:reduce){button.case-open-primary{transition:none;transform:none!important}}
.case-reel-item{border-color:color-mix(in srgb,var(--skin-rarity,#8a94a0) 65%,#19201b);border-bottom:3px solid var(--skin-rarity,#8a94a0);background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--skin-rarity,#8a94a0) 25%,#15171a),#101512 80%);box-shadow:inset 0 1px 0 #ffffff0a}.case-reel-item .reel-item-odds{color:var(--skin-rarity,#8a94a0)}.case-result-actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:7px;width:100%;margin-top:15px}.case-result-actions>button{border:1px solid #365743;border-radius:8px;background:#1c3426;color:#afe3c5;padding:9px 12px;font-size:11px;cursor:pointer}.case-result-actions>[data-sell-drop]{background:#2d7954;border-color:#46966a;color:#e2f9ec}.case-result-actions>button:hover:not(:disabled){filter:brightness(1.15)}.case-result-actions>button:disabled{opacity:.5;cursor:default}.case-result-sold{font-size:10px;color:#849e8d}.sale-confirmation>p{font-size:13px;color:var(--mut)}.sale-confirm-items{max-height:240px;overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0}.sale-confirm-items>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.sale-confirm-items>div:last-child{border-bottom:0}.sale-confirm-items b{white-space:nowrap;color:var(--ac)}.sale-confirm-total{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0;font-size:14px}.sale-confirm-total b{font-size:24px;color:var(--ac)}.sale-confirm-actions{display:flex;justify-content:flex-end;gap:10px}.sale-confirm-actions>button{padding:10px 16px;border:1px solid var(--line);border-radius:9px}.sale-confirm-actions #saleConfirm{background:var(--ac);color:#06271a;font-weight:600}#saleConfirmError{font-size:12px;color:#e99595}
.case-results-grid .case-opening-result.result-normal{border-color:color-mix(in srgb,var(--skin-rarity,#8a94a0) 50%,#233129);background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--skin-rarity,#8a94a0) 12%,#111713),#101611 80%)}.case-content-preview article{border-bottom:3px solid var(--skin-rarity,#8a94a0);background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--skin-rarity,#8a94a0) 12%,#151a17),#111914 80%)}

/* Case contents inherit the skin rarity across the whole card. */
.case-content-preview article{border-color:color-mix(in srgb,var(--skin-rarity,#8a94a0) 35%,#26262b);border-bottom-color:var(--skin-rarity,#8a94a0);background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--skin-rarity,#8a94a0) 18%,#141418),#101014 85%)}
.case-content-preview article span{color:var(--skin-rarity,#8a94a0)}
.case-content-preview .skin-odds-bar{background:color-mix(in srgb,var(--skin-rarity,#8a94a0) 20%,#25252b)}
.case-content-preview .skin-odds-bar i{background:var(--skin-rarity,#8a94a0)}

.case-content-preview article{position:relative;padding-top:30px}.case-content-preview article .case-content-chance{position:absolute;top:11px;right:12px;margin:0;font-size:10px;font-weight:600;line-height:1;color:var(--skin-rarity,#8a94a0)}

/* Result surfaces use neutral blacks and the actual skin rarity. */
.case-results-grid .case-opening-result{border-color:color-mix(in srgb,var(--skin-rarity,#8a94a0) 55%,#26262b);background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--skin-rarity,#8a94a0) 16%,#141418),#101014 85%)}
.case-results-grid .case-opening-result.result-normal{border-color:color-mix(in srgb,var(--skin-rarity,#8a94a0) 55%,#26262b);background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--skin-rarity,#8a94a0) 16%,#141418),#101014 85%)}
.case-results-grid .case-opening-result>span{color:var(--skin-rarity,#8a94a0)}
.case-result-actions button,.case-result-actions button[data-sell-drop]{border-color:color-mix(in srgb,var(--skin-rarity,#8a94a0) 45%,#26262b);background:color-mix(in srgb,var(--skin-rarity,#8a94a0) 15%,#16161b);color:#e4e4eb}
.public-cases[aria-busy="true"] [data-sell-all-drops]{display:none}
@media(min-width:651px){.case-multi-reels.five-reels{grid-template-columns:repeat(6,minmax(0,1fr))}.case-multi-reels.five-reels>.case-reel-window{grid-column:span 2;min-width:0}.case-multi-reels.five-reels>.case-reel-window:nth-child(4){grid-column:2 / span 2}.case-multi-reels.five-reels>.case-reel-window:nth-child(5){grid-column:4 / span 2}}

.case-open-actions .case-quick-open{font-size:12px;color:var(--mut);background:#151719;border-color:#303537}.case-open-actions .case-quick-open[aria-pressed="true"]{color:var(--ac);border-color:var(--ac);background:#16251f}

.case-open-actions .case-quick-open{width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:18px}

.case-preview-icons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;gap:12px;padding:12px}.case-preview-icons img{width:clamp(90px,15vw,210px);height:170px;object-fit:contain;animation:case-preview-in .35s ease-out both;animation-delay:calc(var(--case-index)*45ms)}
@keyframes case-preview-in{from{opacity:0;transform:translateY(7px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:650px){.case-preview-icons{gap:6px}.case-preview-icons img{width:calc((100% - 24px)/3);height:110px}.case-opening-ready p{text-align:center;padding:0 12px}}
@media(prefers-reduced-motion:reduce){.case-preview-icons img{animation:none}}

.case-content-preview .case-content-price{display:block;margin-top:9px;font-size:11px;line-height:1.5;color:#b4b4bf}

/* Keep the normal column widths while centering incomplete rows. */
.public-case-group,.case-content-preview{container-type:inline-size}
.public-case-grid,.case-content-preview>div{display:flex;flex-wrap:wrap;justify-content:center}
.public-case-grid{--case-columns:1;gap:20px}
.public-case-grid>.public-case{flex:0 0 calc((100% - (var(--case-columns) - 1)*20px)/var(--case-columns));box-sizing:border-box}
.case-content-preview>div{--skin-columns:1;gap:12px}
.case-content-preview>div>article{flex:0 0 calc((100% - (var(--skin-columns) - 1)*12px)/var(--skin-columns));box-sizing:border-box}
@container(min-width:480px){.public-case-grid{--case-columns:2}}
@container(min-width:730px){.public-case-grid{--case-columns:3}}
@container(min-width:980px){.public-case-grid{--case-columns:4}}
@container(min-width:1230px){.public-case-grid{--case-columns:5}}
@container(min-width:1480px){.public-case-grid{--case-columns:6}}
@container(min-width:1730px){.public-case-grid{--case-columns:7}}
@container(min-width:1980px){.public-case-grid{--case-columns:8}}
@container(min-width:302px){.case-content-preview>div{--skin-columns:2}}
@container(min-width:459px){.case-content-preview>div{--skin-columns:3}}
@container(min-width:616px){.case-content-preview>div{--skin-columns:4}}
@container(min-width:773px){.case-content-preview>div{--skin-columns:5}}
@container(min-width:930px){.case-content-preview>div{--skin-columns:6}}
@container(min-width:1087px){.case-content-preview>div{--skin-columns:7}}
@container(min-width:1244px){.case-content-preview>div{--skin-columns:8}}
@container(min-width:1401px){.case-content-preview>div{--skin-columns:9}}
@container(min-width:1558px){.case-content-preview>div{--skin-columns:10}}
@container(min-width:1715px){.case-content-preview>div{--skin-columns:11}}
@container(min-width:1872px){.case-content-preview>div{--skin-columns:12}}