/* coin 3D flip */
@keyframes coin-flip {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(720deg);
  }
}

.animate-coin-flip {
  animation: coin-flip 4s ease-in-out forwards;
}

/* Tailwind-friendly arbitrary values already used:
   [perspective:1000px], [transform-style:preserve-3d],
   [backface-visibility:hidden], [transform:rotateY(180deg)] */
.rotate-y-180 {
  transform: rotateY(180deg);
}