@media (max-width: 880px) {
  .hero, .detail-grid, .admin-body { grid-template-columns: 1fr; }
  .cards, .steps ol, .stats-grid { grid-template-columns: 1fr; }
  .site-header { align-items: flex-start; flex-direction: column; }
  .nav { width: 100%; justify-content: flex-start; margin-left: 0; }
  .nav { flex-wrap: wrap; }
  h1 { font-size: 3.2rem; }
  .page-title h1, .auth-box h1, .detail-main h1 { font-size: 2.1rem; }
  .admin-sidebar { position: static; height: auto; }
  .admin-main { padding: 18px; }
  .form-grid, .meta-grid { grid-template-columns: 1fr; }
  .filter-bar { grid-template-columns: 1fr; }
  .player-hero, .player-grid, .player-kpis, .portfolio-grid, .highlight-grid { grid-template-columns: 1fr; }
  .player-hero { padding: 20px; }
  .player-hero h1 { font-size: 2.4rem; }
}