/* Gameplay page-specific styles — minimal, leveraging base.css */
.hero { padding-block: var(--space-10); }
.hero-grid { gap: var(--space-8); }
.hero-image { border-radius: var(--radius-lg); box-shadow: var(--shadow-xl); border: 1px solid rgba(201,162,39,0.14); }
.rounded-img { border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); border: 1px solid rgba(201,162,39,0.14); }

/* Tables */
.table-wrapper { overflow-x: auto; }
#leaderboard th button.sort { background: none; border: 0; color: var(--gray-100); font-weight: 600; cursor: pointer; padding: 0; }
#leaderboard th button.sort:hover { color: #e4c978; text-decoration: underline; }
#leaderboard td, #leaderboard th { white-space: nowrap; }

/* Events grid spacing */
.events-grid, .features-grid, .rewards-grid, .tips-grid, .updates-grid, .overview-grid, .support-grid { gap: var(--space-7); }

/* Responsive adjustments */
@media (max-width: 1024px) {
  .hero { padding-block: var(--space-8); }
}
@media (max-width: 900px) {
  .cols-2 { grid-template-columns: 1fr; }
  .cols-3 { grid-template-columns: 1fr; }
}