/**
 * Keyframe animations
 */

/* ── Ambient background glow drift ────────────────────────── */

@keyframes glow-drift-1 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33%       { transform: translate(-18px, 22px) scale(1.05); }
  66%       { transform: translate(12px, -14px) scale(0.97); }
}

@keyframes glow-drift-2 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  40%       { transform: translate(22px, -18px) scale(1.08); }
  70%       { transform: translate(-10px, 12px) scale(0.95); }
}

@keyframes glow-drift-3 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50%       { transform: translate(-12px, 16px) scale(1.12); }
}


/* ── Player tag entering ───────────────────────────────────── */

@keyframes tag-in {
  from {
    opacity: 0;
    transform: scale(0.75);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}


/* ── Slot machine reel ─────────────────────────────────────── */

/* Rapid value cycling while spinning */
@keyframes reel-flicker {
  0%  { opacity: 1; }
  49% { opacity: 1; }
  50% { opacity: 0.3; }
  99% { opacity: 0.3; }
}

/* Bounce/snap effect when a reel lands */
@keyframes reel-snap {
  0%   { transform: translateY(8px); opacity: 0.4; }
  60%  { transform: translateY(-3px); }
  80%  { transform: translateY(1px); }
  100% { transform: translateY(0); opacity: 1; }
}


/* ── Modal entrance ────────────────────────────────────────── */

@keyframes modal-in {
  from {
    opacity: 0;
    transform: scale(0.92) translateY(12px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}


/* ── Dice result fade-in ───────────────────────────────────── */

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