/* MMM — responsive breakpoints (load last so overrides win) */

/* ── Tablet (≤ 980px) ────────────────────────────────────────────────────── */
@media (max-width: 980px) {
  .admin-shell-body { grid-template-columns: 1fr; }
  .admin-sidebar {
    position: sticky;
    top: 78px;
    z-index: 5;
    overflow-x: auto;
    flex-direction: row;
    padding: 10px 14px;
    border-right: none;
    border-bottom: var(--neo-border-w) solid var(--neo-border);
    background: color-mix(in srgb, var(--page-bg) 95%, white);
    gap: 6px;
    white-space: nowrap;
  }
  .admin-sidebar button { white-space: nowrap; flex-shrink: 0; }
  .admin-main { width: min(1120px, calc(100% - 24px)); }
  .admin-grid.three-cols { grid-template-columns: 1fr; }
}

/* ── Mobile (≤ 720px) ────────────────────────────────────────────────────── */
@media (max-width: 720px) {
  :root {
    --neo-shadow-x: 3px;
    --neo-shadow-y: 3px;
    --neo-shadow:   var(--neo-shadow-x) var(--neo-shadow-y) 0 0 var(--neo-border);
    --neo-shadow-sm: 2px 2px 0 0 var(--neo-border);
    --neo-shadow-lg: 4px 4px 0 0 var(--neo-border);
  }
  .hero { padding-bottom: 48px; }
  .container,
  .admin-main { width: min(100%, calc(100% - 20px)); }
  .card,
  .section-header-card { padding: 15px; }
  .admin-topbar { flex-direction: column; align-items: flex-start; gap: 10px; }
  .brand-block, .admin-topbar-actions { width: 100%; justify-content: space-between; }
  h1 { font-size: clamp(1.7rem, 6vw, 2.4rem); }
  h2 { font-size: clamp(1.2rem, 4vw, 1.8rem); }
  .player-grid { grid-template-columns: 1fr 1fr; }
  .stat-value { font-size: 1.65rem; }
}

/* ── Small mobile (≤ 540px) ──────────────────────────────────────────────── */
@media (max-width: 540px) {
  .player-grid,
  .results-grid,
  .stats-grid-admin,
  .mini-player-grid { grid-template-columns: 1fr; }
  .hero-chip-group,
  .button-row,
  .form-row,
  .token-input-row { gap: 8px; }
  .btn-full-mobile { width: 100%; }
  .letter-badge { width: 86px; height: 86px; font-size: 3rem; }
  .admin-grid.two-cols > * { flex: 1 1 100%; }
}