@keyframes card-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes card-pulse {
  0% {
    box-shadow: var(--take-shadow);
  }
  50% {
    box-shadow: 0 24px 68px rgba(8, 47, 63, 0.14), 0 0 28px rgba(0, 188, 212, 0.22);
  }
  100% {
    box-shadow: var(--take-shadow);
  }
}

@keyframes turn-pulse {
  0%,
  100% {
    transform: translateY(0) scale(1);
    box-shadow:
      0 24px 72px rgba(8, 47, 63, 0.18),
      0 0 42px rgba(0, 188, 212, 0.24);
  }
  50% {
    transform: translateY(-1px) scale(1.01);
    box-shadow:
      0 30px 82px rgba(8, 47, 63, 0.2),
      0 0 58px rgba(0, 188, 212, 0.36);
  }
}

@keyframes ticket-turn {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.025);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes turn-sweep {
  0% {
    transform: translateX(-130%);
  }
  58%,
  100% {
    transform: translateX(130%);
  }
}