#shuffle-stage{height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;margin:20px auto;max-width:580px}.shuffle-stack{position:relative;width:126px;height:210px;margin:15px auto 22px;perspective:900px}.shuffle-stack img{position:absolute;inset:0;width:126px;height:210px;object-fit:cover;border-radius:8px;border:1px solid #bda06f99;box-shadow:0 10px 25px #0006;transform:translate(calc(var(--i)*1.8px),calc(var(--i)*-1.4px));will-change:transform}.shuffle-caption{font-size:13px;color:#dfc399;text-align:center;margin:10px}.is-shuffling img:nth-child(odd){animation:shuffle-left .68s ease-in-out 2;animation-delay:calc(var(--i)*.025s)}.is-shuffling img:nth-child(even){animation:shuffle-right .68s ease-in-out 2;animation-delay:calc(var(--i)*.025s)}.is-dealing img:last-child{animation:deal-top .65s ease-in-out forwards}.shuffle-again{display:block;margin:10px auto 20px;color:#dfc399}.shuffle-again:hover{color:#fff0d7}@keyframes shuffle-left{0%,100%{transform:translate(0,0) rotate(0)}35%{transform:translate(-92px,-12px) rotate(-13deg)}65%{transform:translate(-40px,-24px) rotate(-5deg)}}@keyframes shuffle-right{0%,100%{transform:translate(6px,-5px) rotate(0)}35%{transform:translate(92px,12px) rotate(13deg)}65%{transform:translate(35px,8px) rotate(5deg)}}@keyframes deal-top{0%{transform:translate(9px,-7px)}50%{transform:translate(72px,-35px) rotate(12deg)}100%{transform:translate(0,55px) rotateY(80deg);opacity:.15}}@media(max-width:650px){#shuffle-stage{height:280px}.shuffle-stack,.shuffle-stack img{width:104px;height:174px}@keyframes shuffle-left{0%,100%{transform:translate(0,0)}40%{transform:translate(-65px,-10px) rotate(-12deg)}}@keyframes shuffle-right{0%,100%{transform:translate(6px,-5px)}40%{transform:translate(65px,10px) rotate(12deg)}}}@media(prefers-reduced-motion:reduce){.shuffle-stack img{animation:none!important;will-change:auto}}