.card-turned{transform:perspective(600px)rotateY(90deg)}@media (prefers-reduced-motion:no-preference){.card-pop{animation:card-pop .38s var(--ease-out-expo)}.card-flip{animation:card-flip .46s var(--ease-out-expo) both}.card-spark{animation:card-spark .7s var(--ease-out-expo) both}}.card-spark{opacity:0;border-radius:9999px;width:6px;height:6px;margin:-3px;position:absolute}@keyframes card-pop{0%{transform:scale(1)}35%{transform:scale(1.22)}70%{transform:scale(.96)}to{transform:scale(1)}}@keyframes card-flip{0%{opacity:0;transform:perspective(800px)rotateY(-90deg)scale(.7)}to{opacity:1;transform:perspective(800px)rotateY(0)scale(1)}}@keyframes card-spark{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--x), var(--y)) scale(.4)}}