.m-shuffle-show{position:relative;width:270px;height:290px;display:grid;place-items:center}
.m-shuffle-show:after{content:"กำลังสับไพ่ · ตั้งจิตอีกครั้ง";position:absolute;bottom:0;color:#c8b795;font:500 .84rem "Noto Serif Thai",serif;letter-spacing:.05em;animation:mPulse .7s ease-in-out infinite alternate}
.m-shuffle-card{position:absolute;width:112px;aspect-ratio:2/3;border-radius:8px;background:url("assets/tarot-card-back.png") center/cover;border:1px solid #a17c3d;box-shadow:0 16px 32px rgba(0,0,0,.52);transform-origin:50% 110%;animation:mShuffle 1.45s cubic-bezier(.55,.08,.25,1) both;animation-delay:calc(var(--i)*45ms)}
.m-shuffle-card:nth-of-type(2n){animation-name:mShuffleAlt}
.m-shuffle-aura{position:absolute;width:245px;height:76px;border-radius:50%;background:radial-gradient(ellipse,rgba(216,183,110,.27),transparent 68%);filter:blur(9px);animation:mAura .7s ease-in-out infinite alternate}
@keyframes mShuffle{0%{transform:translate(0,12px) rotate(0) scale(.94)}24%{transform:translate(-76px,-18px) rotate(-19deg)}48%{transform:translate(70px,-8px) rotate(17deg)}72%{transform:translate(-38px,4px) rotate(-8deg)}100%{transform:translate(0,12px) rotate(0) scale(.94)}}
@keyframes mShuffleAlt{0%{transform:translate(0,12px) rotate(0) scale(.94)}24%{transform:translate(73px,-10px) rotate(18deg)}48%{transform:translate(-70px,-22px) rotate(-17deg)}72%{transform:translate(37px,2px) rotate(8deg)}100%{transform:translate(0,12px) rotate(0) scale(.94)}}
@keyframes mPulse{to{opacity:.42}}@keyframes mAura{to{transform:scale(1.25);opacity:.38}}
@media(max-width:470px){.m-shuffle-show{transform:scale(.88)}}
@media(prefers-reduced-motion:reduce){.m-shuffle-card{animation-duration:.6s!important}}