/* ═══════════════════════════════════════
   Card Collect Animation — Premium cinematic
   GPU-only: transform + opacity exclusively
═══════════════════════════════════════ */

.collect-anim-card {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.collect-sparkle {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* ── Landing bounce on collection card ── */
@keyframes cardLand {
  0%   { transform: scale(0.8); opacity: 0.5; }
  50%  { transform: scale(1.06); opacity: 1; }
  80%  { transform: scale(0.98); }
  100% { transform: scale(1); opacity: 1; }
}