/* Slot machine reels between walkthrough cards and the lever beside them. */
.slot-reels{position:absolute;inset:0;z-index:3;display:none;pointer-events:none;background:#0c090d}
.slot-reels.is-spinning{display:flex}
.slot-reels.is-fixed{position:fixed;inset:0 0 auto;height:100svh}
.slot-reel{position:relative;flex:1;overflow:hidden}
/* Reel dividers, shading and tile edges fade with --reel-fx (tweened in app.js). */
.slot-reel::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#000b,#0000 20%,#0000 80%,#000b);opacity:var(--reel-fx,0)}
.slot-reel+.slot-reel::before{content:'';position:absolute;inset:0 auto 0 0;z-index:3;width:3px;background:#ffc66d;box-shadow:0 0 6px #ffc66d,0 0 22px #ff334e;opacity:var(--reel-fx,0)}
.reel-strip{will-change:transform}
.reel-tile{position:relative;height:var(--reel-h,100svh);overflow:hidden}
.reel-tile::after{content:'';position:absolute;inset:0;z-index:3;border-top:4px solid #000c;pointer-events:none;opacity:var(--reel-fx,0)}
/* No CSS filters inside the reels: on iOS each filtered full-screen clone costs a lot of memory. */
.reel-tile.is-blurred::before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#0c090d99,#0c090d40 50%,#0c090d99)}
.reel-tile .marquee-lights{filter:none}
.reel-tile .marquee-lights circle{stroke:#ffb80059;stroke-width:4px}
.reels-spinning .site-header{-webkit-backdrop-filter:none;backdrop-filter:none}
.reel-tile>.scene{position:absolute;inset:0 auto auto calc(var(--col)*-100%);width:300%;height:100%;min-height:0;opacity:1;visibility:visible}

.slot-lever{display:none;position:absolute;z-index:4;right:0;top:50%;width:clamp(76px,7vw,112px);padding:0;border:0;background:none;cursor:pointer;transform:translateY(-50%);-webkit-tap-highlight-color:transparent}
.motion-enabled .slot-lever{display:block}
.slot-lever svg{display:block;width:100%;height:auto;overflow:hidden}
.lever-housing{stroke:#ff4560;stroke-width:2.5;filter:drop-shadow(0 0 6px #ff2a4b)}
.lever-bulb{fill:#ffc66d;filter:drop-shadow(0 0 3px #ffc66d)}
.lever-knob circle{filter:drop-shadow(0 4px 6px #000a)}
.slot-lever:hover .lever-housing,.slot-lever:focus-visible .lever-housing{stroke:#ff8a9b;filter:drop-shadow(0 0 12px #ff2a4b)}
.slot-lever:focus-visible{outline:2px solid #7de4ff;outline-offset:4px}
@media(max-width:767px){.slot-lever{width:58px;top:40%}}