/* One continuous display, with a focal light instead of individual card boxes. */
.selected-case-stage .machine-cavity .roulette{position:relative;background:radial-gradient(ellipse at 50% 50%,#28344970,transparent 65%),linear-gradient(180deg,#080e1980,#101b2999 65%,#080e1970);box-shadow:inset 0 1px #a3c3ee16,inset 0 -1px #a3c3ee1a}
.selected-case-stage .reel-card{--reel-focus:1;opacity:calc(.58 + var(--reel-focus)*.42)}
.selected-case-stage .reel-card img{transform:scale(calc(.84 + var(--reel-focus)*.16));filter:drop-shadow(0 9px 7px #0009);transform-origin:50% 60%}
.selected-case-stage .reel-card span{opacity:calc(.45 + var(--reel-focus)*.55);color:#e1e9f6;letter-spacing:.15px}
.reel-lens{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}
.lens-top,.lens-bottom{position:absolute;left:40%;width:20%;height:1px;background:linear-gradient(90deg,transparent,var(--case-tone),transparent);box-shadow:0 0 12px color-mix(in srgb,var(--case-tone) 35%,transparent);opacity:.8}.lens-top{top:1px}.lens-bottom{bottom:1px}
.lens-glow{position:absolute;left:40%;width:20%;bottom:0;height:35%;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--case-tone) 17%,transparent),transparent 75%);opacity:.65;transition:opacity .5s}
.selected-case-stage .machine-cavity .pointer{z-index:5;top:5px;width:2px;height:8px;left:50%;transform:translateX(-50%);background:var(--case-tone);box-shadow:0 0 10px color-mix(in srgb,var(--case-tone) 65%,transparent);border-radius:2px}
.selected-case-stage .machine-cavity .pointer:before{position:absolute;top:7px;left:50%;transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--case-tone)}
.selected-case-stage .machine-front{background:linear-gradient(90deg,transparent,#0d1521b0,transparent);bottom:3%;height:25px;left:5%;width:90%;border-radius:0}
.selected-case-stage .machine-status{font-size:8px;letter-spacing:2.4px;color:#91a2b8;transition:color .4s}.selected-case-stage.case-running .machine-status{color:#dac8ae}.selected-case-stage.case-awarded .machine-status{color:#efd5ae}
.reel-streak{position:absolute;width:22%;height:1px;left:100%;opacity:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--case-tone) 40%,transparent),transparent)}.streak-one{top:15%}.streak-two{bottom:13%}
.case-running .reel-streak{animation:reel-light-travel 1.2s linear infinite}.case-running .streak-two{animation-delay:-.6s;animation-duration:1.7s}
.case-running .lens-glow{opacity:1}.case-unlocking .lens-top,.case-unlocking .lens-bottom{animation:reel-light-wake .65s ease-out both}
body.case-focus .reel-streak{animation:none;opacity:0}.case-awarded .lens-glow{height:65%;opacity:1;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--case-tone) 28%,transparent),transparent 75%)}
.selected-case-stage.case-awarded .reel-card:not(.winner){opacity:.5;transition:opacity .45s}.selected-case-stage.case-awarded .reel-card.winner{opacity:1}.selected-case-stage.case-awarded .winner span{color:#fff2da;opacity:1;text-shadow:0 0 12px #ffdaa43a}
@keyframes reel-light-travel{0%{transform:translateX(0);opacity:0}15%{opacity:.65}85%{opacity:.65}100%{transform:translateX(-560%);opacity:0}}
@keyframes reel-light-wake{from{scale:.2;opacity:0}to{scale:1;opacity:.8}}
@media(max-width:720px){.selected-case-stage .machine-status{font-size:7px;letter-spacing:1.5px}.selected-case-stage .reel-card span{letter-spacing:0}}
body:has(#short-animation:checked) .reel-streak{display:none}
@media(prefers-reduced-motion:reduce){.reel-streak{display:none}.case-unlocking .lens-top,.case-unlocking .lens-bottom{animation:none}.selected-case-stage .reel-card img{transform:none}}