.slot{position:relative;width:83.6em;max-width:calc(100% - 3em);box-sizing:border-box;margin:0 auto;padding:2.4em;
border-radius:3em;background:rgba(8,11,17,.55);border:.3em solid #ffcc00;
box-shadow:0 0 6em rgba(255,204,0,.25),inset 0 0 4em rgba(0,0,0,.6);
-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.slot__reels{display:flex;gap:1.4em;justify-content:center}
.reel{flex:1 1 0;overflow:hidden;border-radius:1.6em;background:rgba(0,0,0,.45);
box-shadow:inset 0 0 3em rgba(0,0,0,.8);aspect-ratio:1/3}
.reel__strip{display:flex;flex-direction:column;animation:spin 1.1s linear infinite;
animation-play-state:paused}
.slot.spin .reel__strip{animation-play-state:running}
.slot.spin .reel:nth-child(2) .reel__strip{animation-duration:1.3s}
.slot.spin .reel:nth-child(3) .reel__strip{animation-duration:1.5s}
.slot.spin .reel:nth-child(4) .reel__strip{animation-duration:1.7s}
.slot.spin .reel:nth-child(5) .reel__strip{animation-duration:1.9s}
.reel__cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1}
.reel__cell img{width:70%;height:auto;object-fit:contain}
@keyframes spin{from{transform:translateY(0)}to{transform:translateY(-33.333%)}}
@media(max-width:640px){.slot{padding:1.2em;border-radius:2em;width:auto}
.slot__reels{gap:.8em}.reel{aspect-ratio:1/3.2}}