/* Card animations */

/* New cards slide in from the dealer's shoe (upper area) with a slight rotate */
@keyframes deal-in {
  0% {
    transform: translate(120px, -180px) rotate(-18deg);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0) rotate(0);
    opacity: 1;
  }
}

/* Second half of a flip used when the dealer's hole card is revealed */
@keyframes card-flip {
  0% {
    transform: rotateY(90deg);
  }
  60% {
    transform: rotateY(-12deg);
  }
  100% {
    transform: rotateY(0);
  }
}

.card.dealing {
  animation: deal-in 0.35s ease-out;
}

.card.flip {
  animation: card-flip 0.4s ease-out;
  transform-origin: center;
}