.cases-page{max-width:1248px;color:var(--text);margin:0 auto;padding:28px 20px 64px}.cases-hero h1,.case-title h1{margin:0;font-size:28px;font-weight:700}.cases-hero p{color:var(--text-soft);max-width:560px;margin:8px 0 22px;line-height:1.5}.cases-empty{color:var(--text-dim)}.cases-back{color:var(--text-soft);margin-bottom:14px;font-weight:600;text-decoration:none;display:inline-block}.cases-back:hover{color:var(--text)}.cases-back{min-height:40px;color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0916b8;border:1px solid #ffffff38;border-radius:12px;align-items:center;margin-bottom:18px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.cases-back:hover{background:#1e1634d9;border-color:#ffffff73}.cases-back:focus-visible{outline:2px solid var(--action-focus);outline-offset:2px}.cases-sections{gap:28px;display:grid}.cases-section-title{text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px;font-size:18px}.cases-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.case-card-image{aspect-ratio:4/3;object-fit:contain;width:100%;margin-bottom:4px;position:relative}.case-card.has-image{padding-top:10px}.case-card{--case-color:var(--accent);border-radius:var(--radius-panel);border:1px solid var(--border);background:var(--surface);color:var(--text);flex-direction:column;align-items:center;gap:6px;padding:16px 14px;text-decoration:none;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.case-card:before{content:"";pointer-events:none;background:radial-gradient(ellipse at 50% 100%, color-mix(in srgb, var(--case-color) 32%, transparent), transparent 70%);height:60%;position:absolute;inset:auto 0 0}.case-card:hover,.case-card:focus-visible{border-color:var(--case-color);transform:translateY(-3px)}.case-box{width:150px;height:118px;margin:4px 0 6px;position:relative}.case-box-body,.case-box-lid{border:1px solid #ffffff2e;border-radius:10px;position:absolute}.case-box-body{background:linear-gradient(160deg, color-mix(in srgb, var(--case-color) 65%, #1a1326), #160f22);height:78px;box-shadow:0 14px 30px -12px var(--case-color);bottom:0;left:10px;right:10px}.case-box-lid{background:linear-gradient(170deg, color-mix(in srgb, var(--case-color) 80%, #fff 5%), color-mix(in srgb, var(--case-color) 40%, #120c1c));height:26px;bottom:70px;left:4px;right:4px}.case-box img{object-fit:contain;filter:drop-shadow(0 6px 10px #0009);width:120px;height:90px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)rotate(-8deg)}.case-card-name{font-size:15px;font-weight:700;position:relative}.case-card-count{color:var(--text-dim);font-size:12px;position:relative}.case-card-price{background:var(--input);border:1px solid var(--border);border-radius:9px;margin-top:6px;padding:6px 12px;font-weight:800;position:relative}html body:has(.cases-page){background:linear-gradient(180deg, #09081142 0, #09081185 340px, var(--bg) 640px), url(/assets/orbit/upgrader-cosmic.webp) center top / max(1920px, 100%) 640px no-repeat, var(--bg)}.case-play{gap:0;display:grid}.case-title{z-index:2;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:20px;padding:6px 28px 0 6px;display:grid;position:relative}.case-title-text{grid-column:1;align-self:end;padding-bottom:30px}.case-title h1{font-family:var(--font-display), var(--font-ui), sans-serif;letter-spacing:-.01em;text-wrap:balance;text-shadow:0 2px 24px #090811b3;font-size:clamp(30px,4vw,46px);font-weight:700;line-height:1.05}.case-meta{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;margin:10px 0 0;font-size:13px;font-weight:600}.case-title-box{object-fit:contain;filter:drop-shadow(0 26px 26px #04030abf)drop-shadow(0 0 34px #9d5cff47);grid-area:1/2/span 2;align-self:end;width:248px;height:186px;margin-bottom:-44px;animation:7s ease-in-out infinite case-float}@keyframes case-float{50%{transform:translateY(-9px)rotate(-1.2deg)}}.case-stage{-webkit-backdrop-filter:blur(16px)saturate(1.25);backdrop-filter:blur(16px)saturate(1.25);background:linear-gradient(#1610289e,#0a0813db);border:1px solid #ffffff1a;border-bottom:0;border-radius:24px 24px 0 0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff17,0 40px 80px -50px #783cdc8c}.case-roulette,.case-reels{position:relative;overflow:hidden}.case-roulette{height:316px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 13% 87%,#0000);mask-image:linear-gradient(90deg,#0000,#000 13% 87%,#0000)}.case-strip{will-change:transform;display:flex;position:absolute;top:62px;bottom:62px;left:0}.case-roulette .case-strip{column-gap:8px}.case-strip-in{gap:8px;height:100%;display:flex}.case-stage.is-idle .case-strip-in{animation:46s linear infinite alternate case-drift}@keyframes case-drift{to{transform:translate(-576px)}}.case-slot{--case-color:var(--accent);background:radial-gradient(120% 70% at 50% 112%, color-mix(in srgb, var(--case-color) 58%, transparent), transparent 72%), linear-gradient(180deg, #ffffff0d, transparent 38%), #110d1ee0;border:1px solid #ffffff12;border-radius:14px;flex:0 0 184px;height:100%;position:relative;overflow:hidden}.case-slot:after{content:"";background:var(--case-color);height:3px;box-shadow:0 0 18px 2px var(--case-color);border-radius:3px 3px 0 0;position:absolute;bottom:0;left:14%;right:14%}.case-slot img{object-fit:contain;filter:drop-shadow(0 12px 12px #04030a99);width:84%;height:78%;position:absolute;top:10%;left:50%;transform:translate(-50%)}.case-slot-weapon,.case-slot-name,.case-slot-price{display:none}.case-roulette.is-done .case-slot{opacity:.28;transition:opacity .3s}.case-roulette.is-done .case-slot.is-hit{opacity:1;border-color:color-mix(in srgb, var(--case-color) 70%, #fff 10%);box-shadow:0 0 0 1px var(--case-color), 0 0 46px -6px var(--case-color)}.case-lens{z-index:3;pointer-events:none;background:linear-gradient(#fff,#ffffff4d 18% 82%,#fff);width:2px;margin-left:-1px;position:absolute;top:30px;bottom:30px;left:50%;box-shadow:0 0 16px 1px #be8cffcc}.case-lens:before,.case-lens:after{content:"";filter:drop-shadow(0 0 8px #be8cffe6);border:9px solid #0000;position:absolute;left:-8px}.case-lens:before{border-top-color:#fff;top:-6px}.case-lens:after{border-bottom-color:#fff;bottom:-6px}.case-reels{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;height:388px;padding:0 16px;display:grid;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.case-reel{position:relative;overflow:hidden}.case-reel .case-strip{flex-direction:column;align-items:stretch;row-gap:8px;top:0;bottom:auto;right:0}.case-reel .case-slot{flex:0 0 170px;height:170px}.case-reels .case-marker{z-index:3;pointer-events:none;background:linear-gradient(90deg,#fff,#ffffff40 12% 88%,#fff);height:2px;margin-top:-1px;position:absolute;top:50%;left:6px;right:6px;box-shadow:0 0 16px 1px #be8cffcc}.case-reels .case-marker:before,.case-reels .case-marker:after{content:"";filter:drop-shadow(0 0 8px #be8cffe6);border:9px solid #0000;position:absolute;top:-8px}.case-reels .case-marker:before{border-left-color:#fff;left:-6px}.case-reels .case-marker:after{border-right-color:#fff;right:-6px}.case-win-sell{width:100%;min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;margin:10px 0 0;padding:6px 14px;font-size:13px;font-weight:700}.case-win-sell:hover:not(:disabled){background:#ffffff17;border-color:#ffffff47}.case-win-sell:focus-visible{outline:2px solid var(--action-focus);outline-offset:2px}.case-win-sell:disabled{color:var(--text-dim);cursor:default}.case-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.case-toggle{color:var(--text-soft);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-weight:600;display:inline-flex}.case-toggle i{background:var(--border);border-radius:999px;width:36px;height:20px;transition:background .2s;position:relative}.case-toggle i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:left .2s;position:absolute;top:3px;left:3px}.case-toggle.is-on i{background:var(--accent-dim)}.case-toggle.is-on i:after{left:19px}.case-btn{border-radius:var(--radius-control);border:1px solid var(--border);background:var(--input);min-height:48px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;padding:10px 20px;font-weight:700;text-decoration:none;display:inline-flex}.case-btn:hover:not(:disabled){border-color:var(--border-strong)}.case-btn:focus-visible{outline:2px solid var(--action-focus);outline-offset:2px}.case-btn:disabled{opacity:.55;cursor:default}.case-btn-primary{background:var(--action-fill);border-color:var(--action-border);color:var(--action-text);box-shadow:var(--action-shadow)}.case-btn-primary:hover:not(:disabled){background:var(--action-fill-hover);box-shadow:var(--action-shadow-hover)}.case-open{min-width:250px;margin-left:auto;padding:12px 26px;font-size:15px}.case-bar.is-result .case-open{margin-left:0}.case-got{min-width:0;margin-right:auto}.case-got b{overflow-wrap:anywhere;font-size:19px;font-weight:700;display:block}.case-got>span{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:3px;font-size:13px;display:flex}.case-got i{background:var(--case-color,var(--accent));border-radius:50%;width:8px;height:8px;margin-right:-5px}.case-got span span,.case-got a{color:var(--text-dim)}.case-error{color:var(--warn);margin:0;font-size:13px}.case-notice{color:var(--ok);margin:0;font-size:13px}.case-counts{gap:6px;display:inline-flex}.case-count{border-radius:var(--radius-control);border:1px solid var(--border);background:var(--input);min-width:46px;min-height:40px;color:var(--text-soft);font:inherit;cursor:pointer;padding:6px 10px;font-weight:700}.case-count:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.case-count.is-on{border-color:var(--action-border);color:var(--text);box-shadow:inset 0 0 0 1px var(--action-border)}.case-count:focus-visible{outline:2px solid var(--action-focus);outline-offset:2px}.case-count:disabled{opacity:.55;cursor:default}.case-contents-head{justify-content:space-between;align-items:baseline;gap:12px;margin:26px 0 12px;display:flex}.case-contents-head h2{margin:0;font-size:17px}.case-contents-head span{color:var(--text-dim);font-size:12px}.case-items{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.case-item{--case-color:var(--accent);border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;flex-direction:column;gap:2px;padding:10px 10px 12px;display:flex;position:relative;overflow:hidden}.case-item:focus-visible{outline:2px solid var(--case-color);outline-offset:2px}.case-item:after{content:"";background:var(--case-color);height:3px;position:absolute;bottom:0;left:0;right:0}.case-item img{object-fit:contain;width:100%;height:78px;margin:14px 0 4px}.case-item-wear{color:var(--text-dim);font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.case-item-weapon{color:var(--text-dim);font-size:11px;line-height:1.3}.case-item-name{overflow-wrap:anywhere;font-size:13px;font-weight:700;line-height:1.3}.case-item-more{background:var(--surface);opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:opacity .15s;display:flex;position:absolute;inset:0 0 3px}.case-item.is-open .case-item-more{opacity:1}@media (hover:hover){.case-item:hover .case-item-more{opacity:1}}.case-item-chance{color:var(--text-soft);font-size:13px;font-weight:700}.case-item-price{font-weight:800}@media (max-width:700px){.cases-page{padding:18px 12px 48px}.cases-hero h1,.case-title h1{font-size:22px}.cases-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.case-box{width:120px;height:96px}.case-box img{width:96px;height:72px}.case-box-body{height:62px}.case-box-lid{bottom:56px}.case-bar{gap:10px}.case-counts{flex:100%}.case-count{flex:1;min-width:0}.case-open{flex:100%;order:2;min-width:0;margin-left:0}.case-toggle{order:3}.case-got{flex:100%}.case-got b{font-size:16px}.case-bar.is-result .case-btn{flex:1 1 0;padding:10px 8px}.case-bar.is-result .case-open{flex:100%;order:0}.case-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.case-card{transition:none}}.case-play>.case-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e0b1ae0;border:1px solid #ffffff1a;border-top-color:#ffffff0f;border-radius:0 0 24px 24px;padding:16px 20px}.case-play>.case-error,.case-play>.case-notice{margin-top:12px}.case-counts{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;gap:0;padding:4px}.case-count{min-width:50px;min-height:40px;font-family:var(--font-display), var(--font-ui), sans-serif;background:0 0;border:0;border-radius:10px;font-size:13px}.case-count.is-on{background:var(--action-fill);color:var(--action-text);box-shadow:var(--action-shadow)}.case-open{min-width:300px;min-height:56px;font-family:var(--font-display), var(--font-ui), sans-serif;box-shadow:var(--action-shadow), 0 14px 40px -12px #8943d9cc;border-radius:16px;font-size:15px}.case-open:hover:not(:disabled){transform:translateY(-1px)}.case-open:active:not(:disabled){transform:translateY(1px)}.case-contents-head{margin:40px 0 16px}.case-contents-head h2{font-family:var(--font-display), var(--font-ui), sans-serif;font-size:20px}.case-items{grid-template-columns:repeat(auto-fill,minmax(164px,1fr));gap:12px}.case-item{background:radial-gradient(120% 60% at 50% 115%, color-mix(in srgb, var(--case-color) 34%, transparent), transparent 70%), var(--surface);border-color:#ffffff12;border-radius:16px;padding:12px 12px 14px;transition:transform .18s,border-color .18s}.case-item:after{box-shadow:0 0 14px 1px var(--case-color);border-radius:3px 3px 0 0;left:16%;right:16%}.case-item img{filter:drop-shadow(0 8px 8px #04030a8c);height:96px}.case-item-more{background:#110d1ef0;border-radius:16px}.case-item-price{font-family:var(--font-display), var(--font-ui), sans-serif;font-size:14px}@media (hover:hover){.case-item:hover{border-color:color-mix(in srgb, var(--case-color) 60%, transparent);transform:translateY(-3px)}}.case-won{z-index:80;background:radial-gradient(60% 50% at 50% 46%, color-mix(in srgb, var(--case-color,var(--accent)) 16%, transparent), transparent 70%), linear-gradient(180deg, #090811bd, #090811f0), url(/assets/orbit/upgrader-cosmic.webp) center / cover no-repeat, var(--bg);flex-direction:column;align-items:center;gap:30px;padding:48px 20px 40px;animation:.22s ease-out both case-fade;display:flex;position:fixed;inset:0;overflow:auto}.case-won:before,.case-won:after{content:"";flex:1 0 0}.case-won:before{margin-bottom:-30px}.case-won:after{margin-top:-30px}@keyframes case-fade{0%{opacity:0}}.case-won-close{width:48px;height:48px;color:var(--text);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c091699;border:1px solid #ffffff1f;border-radius:14px;font-size:26px;line-height:1;position:fixed;top:20px;right:24px}.case-won-close:hover:not(:disabled){border-color:#ffffff4d}.case-won-close:focus-visible{outline:2px solid var(--action-focus);outline-offset:2px}.case-won-head{align-items:center;gap:16px;display:flex}.case-won-head img{object-fit:contain;filter:drop-shadow(0 10px 12px #04030ab3);width:96px;height:72px}.case-won-head span{color:var(--text-soft);letter-spacing:.14em;text-transform:uppercase;flex-direction:column;gap:4px;font-size:12px;font-weight:700;display:flex}.case-won-head b{color:var(--text);font-family:var(--font-display), var(--font-ui), sans-serif;letter-spacing:0;text-transform:none;font-size:24px}.case-wins{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;display:flex}.case-win{--case-color:var(--accent);flex:0 0 220px;min-width:0;animation:.42s cubic-bezier(.2,.9,.3,1.15) both case-rise}.case-won.is-single .case-win{flex-basis:320px}@keyframes case-rise{0%{opacity:0;transform:translateY(26px)scale(.92)}}.case-drop{border:1px solid color-mix(in srgb, var(--case-color) 46%, #ffffff14);background:radial-gradient(95% 58% at 50% 40%, color-mix(in srgb, var(--case-color) 46%, transparent), transparent 74%), linear-gradient(180deg, #1d1832, #100d1c);height:312px;box-shadow:inset 0 1px #ffffff1a, 0 34px 70px -34px var(--case-color);border-radius:22px;flex-direction:column;padding:18px 20px 22px;display:flex;position:relative;overflow:hidden}.case-won.is-single .case-drop{height:428px;padding:24px 26px 28px}.case-drop:before{content:"";aspect-ratio:1;opacity:.1;filter:grayscale()brightness(1.6);background:url(/brand/cosmodrop-symbol.webp) 50%/contain no-repeat;width:70%;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.case-drop:after{content:"";background:var(--case-color);height:3px;box-shadow:0 0 22px 3px var(--case-color);border-radius:3px 3px 0 0;position:absolute;bottom:0;left:22%;right:22%}.case-drop>*{position:relative}.case-drop-wear{min-height:24px;color:var(--text-soft);letter-spacing:.06em;background:#ffffff14;border-radius:8px;align-self:flex-start;padding:3px 9px;font-size:12px;font-weight:800}.case-drop-wear:empty{visibility:hidden}.case-drop img{object-fit:contain;filter:drop-shadow(0 18px 18px #04030aa6);flex:1 1 0;width:100%;min-height:0;margin:4px 0 12px}.case-drop-weapon{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.case-drop b{color:color-mix(in srgb, var(--case-color) 60%, #fff);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:18px;font-weight:700;line-height:1.25;overflow:hidden}.case-drop strong{font-family:var(--font-display), var(--font-ui), sans-serif;margin-top:8px;font-size:17px;font-weight:700}.case-won.is-single .case-drop b{font-size:26px}.case-won.is-single .case-drop strong{font-size:22px}.case-win.is-sold .case-drop{opacity:.32;filter:saturate(.4)}.case-won .case-bar{justify-content:center;gap:12px;width:min(980px,100%)}.case-won .case-got{text-align:center;flex:100%;margin:0}.case-won .case-got b{font-family:var(--font-display), var(--font-ui), sans-serif;font-size:20px}.case-won.is-single .case-got{display:none}.case-won .case-btn,.case-won .case-open{border-radius:16px;flex:0 0 240px;min-width:0;min-height:56px;margin:0;padding:0 16px;font-size:15px}.case-won .case-btn:not(.case-btn-primary){-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border-color:#ffffff1f}.case-won .case-btn:not(.case-btn-primary):hover:not(:disabled){border-color:#ffffff47}@media (max-width:700px){html body:has(.cases-page){background:linear-gradient(180deg, #09081142 0, #0908118c 260px, var(--bg) 480px), url(/assets/orbit/upgrader-cosmic-mobile.webp) center top / auto 480px no-repeat, var(--bg)}.case-title{column-gap:8px;padding:0 6px 0 2px}.case-title-box{width:132px;height:99px;margin-bottom:-22px}.case-title-text{padding-bottom:20px}.case-stage{border-radius:18px 18px 0 0}.case-roulette{height:214px}.case-strip{top:40px;bottom:40px}.case-slot{border-radius:12px;flex-basis:132px}.case-lens{top:18px;bottom:18px}.case-reels{gap:5px;height:292px;padding:0 8px}.case-reel .case-strip{row-gap:5px}.case-reel .case-slot{border-radius:10px;flex-basis:92px;height:92px}.case-play>.case-bar{border-radius:0 0 18px 18px;padding:12px}.case-counts{display:flex}.case-open{min-height:54px}.case-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.case-item img{height:78px}.case-won{gap:18px;padding:76px 12px 20px}.case-won:before{margin-bottom:-18px}.case-won:after{margin-top:-18px}.case-won-close{top:12px;right:12px}.case-won-head b{font-size:19px}.case-wins{gap:8px}.case-win{flex:0 0 calc(50% - 4px)}.case-won.is-single .case-win{flex-basis:min(320px,88%)}.case-drop{border-radius:18px;height:224px;padding:12px 14px 16px}.case-won.is-single .case-drop{height:376px}.case-drop b{font-size:15px}.case-drop strong{font-size:14px}.case-won .case-btn,.case-won .case-open{flex:40%}.case-won .case-open{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.case-strip-in,.case-title-box,.case-win,.case-won{animation:none}.case-item,.case-open{transition:none;transform:none}}.case-item{cursor:default}@media (prefers-reduced-motion:reduce){.case-stage .case-strip{transition-duration:var(--case-roll,0s)!important}}