.reward-section>.case-opener-wrap{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;position:relative!important;z-index:2;min-width:0;width:100%;max-width:640px;justify-self:stretch}
.case-opener-wrap,.portal-case-wrap{width:min(640px,100%);margin:auto;text-align:center}.portal-case-wrap{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;width:min(900px,100%)}
.case-machine{display:block!important;visibility:visible!important;opacity:1!important;min-height:270px;position:relative;overflow:hidden;border:1px solid #26362b;border-radius:16px;background:linear-gradient(180deg,#0c120e,#060907);box-shadow:0 28px 80px #0009,0 0 55px #34f26b0a}
.case-machine header,.case-machine footer{min-height:42px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#090e0b;color:#66736a;font-size:8px;font-weight:900;letter-spacing:.12em}.case-machine header{border-bottom:1px solid #1e2b22}.case-machine header span{display:flex;align-items:center;gap:8px;color:#dce8df}.case-machine header i{width:7px;height:7px;border-radius:50%;background:#34f26b;box-shadow:0 0 12px #34f26b}.case-machine footer{min-height:32px;border-top:1px solid #1e2b22;justify-content:center;gap:28px}.case-machine footer span:first-child{color:#7a8b80}.case-machine footer span:nth-child(2){color:#55a8ff}.case-machine footer span:last-child{color:#f2b84d}
.case-window{height:196px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 125%,#34f26b16,transparent 42%),linear-gradient(180deg,#070a08,#0a100c)}.case-track{height:100%;width:max-content;padding:18px 0;display:flex;align-items:stretch;gap:10px;will-change:transform}.case-drop{--rarity:#7d8e83;flex:0 0 126px;height:160px;padding:12px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #253129;border-bottom:3px solid var(--rarity);border-radius:9px;background:linear-gradient(145deg,#121914,#090d0a);box-shadow:inset 0 0 30px #0008}.case-drop-glow{position:absolute;inset:auto 10% -45% 10%;height:90%;border-radius:50%;background:var(--rarity);filter:blur(28px);opacity:.18}.case-drop-icon{width:69px;height:69px;position:relative;z-index:1;display:grid;place-items:center;border:1px solid var(--rarity);border-radius:14px;background:#0c110d;color:#f1f6f2;font-size:20px;font-weight:950;box-shadow:0 0 24px color-mix(in srgb,var(--rarity) 22%,transparent)}.case-drop strong{max-width:100%;margin-top:11px;position:relative;z-index:1;overflow:hidden;color:#e5ece7;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.case-drop small{margin-top:4px;position:relative;z-index:1;color:var(--rarity);font-size:7px;font-weight:900;letter-spacing:.12em}.case-drop.rare{--rarity:#3aa8ff}.case-drop.epic{--rarity:#b765ff}.case-drop.legendary{--rarity:#f1b83f}.case-drop.empty{--rarity:#49534c;opacity:.72}
.case-marker{width:4px;position:absolute;z-index:5;left:50%;top:0;bottom:0;transform:translateX(-50%);background:linear-gradient(180deg,#e8fff0,#34f26b 28%,#34f26b 72%,#e8fff0);box-shadow:0 0 8px #34f26b,0 0 22px #34f26b}.case-marker:before,.case-marker:after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-left:9px solid transparent;border-right:9px solid transparent}.case-marker:before{top:0;border-top:12px solid #eaffef}.case-marker:after{bottom:0;border-bottom:12px solid #eaffef}.case-window-shade{position:absolute;z-index:4;inset:0;pointer-events:none;background:linear-gradient(90deg,#050806 0,transparent 18%,transparent 82%,#050806 100%),linear-gradient(180deg,#0004,transparent 20%,transparent 80%,#0005)}
.case-machine.opening .case-window:after{content:"";position:absolute;z-index:6;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#caffd526 49%,transparent 63%);transform:translateX(-120%);animation:caseGameScan .7s linear infinite}.case-drop.revealed{border-color:var(--rarity);box-shadow:0 0 35px color-mix(in srgb,var(--rarity) 38%,transparent),inset 0 0 35px color-mix(in srgb,var(--rarity) 12%,transparent);animation:caseGameReveal .55s ease both}.case-open-button{display:inline-flex!important;visibility:visible!important;opacity:1!important;min-height:50px;letter-spacing:.06em}.case-open-button:disabled{cursor:wait;filter:saturate(.6);opacity:.75!important}.spin-result,.portal-case-wrap>p{min-height:20px;color:#8c998f;font-size:12px}
@keyframes caseGameScan{to{transform:translateX(120%)}}@keyframes caseGameReveal{0%{transform:scale(.96)}55%{transform:scale(1.07)}100%{transform:scale(1)}}
@media(max-width:900px){.reward-section>.case-opener-wrap{max-width:none}}@media(max-width:600px){.case-window{height:166px}.case-track{padding:13px 0;gap:8px}.case-drop{flex-basis:104px;height:140px;padding:9px}.case-drop-icon{width:58px;height:58px;font-size:17px}.case-machine{min-height:240px}.case-machine header small{display:none}.case-machine footer{gap:15px}.case-opener-wrap,.portal-case-wrap{width:100%}}@media(prefers-reduced-motion:reduce){.case-machine.opening .case-window:after,.case-drop.revealed{animation:none}}