@keyframes slideInDown {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes slideInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.section-header { animation: slideInDown 0.5s ease-out; }
.match-card { animation: slideInUp 0.4s ease-out; }
.stat-value { animation: slideInDown 0.6s ease-out; }
.leaderboard-item { animation: fadeIn 0.5s ease-out forwards; }
.leaderboard-item:nth-child(1) { animation-delay: 0s; }
.leaderboard-item:nth-child(2) { animation-delay: 0.1s; }
.leaderboard-item:nth-child(3) { animation-delay: 0.2s; }