@media (max-width: 1100px) {
  .command-rail { display: none; }
  .command-layout .site-header { left: 0; }
  .command-layout .page-shell { padding-left: 0; }
  .command-layout .container { width: min(var(--fp-content-max), calc(100% - 2rem)); margin: 2rem auto; }
  .command-layout .site-footer { width: min(var(--fp-content-max), calc(100% - 2rem)); margin: 0 auto 2rem; }
  .auth-shell { grid-template-columns: 1fr; }
  .auth-brand-panel { min-height: 22rem; }
}
@media (min-width: 1101px) {
  .command-layout .site-header .brand { display: none; }
  .command-layout .site-header .nav-links { display: none; }
  .command-layout .site-header .primary-nav { justify-content: flex-end; }
}
@media (max-width: 820px) {
  body.nav-open { overflow: hidden; }
  .site-header { right: auto; width: 100%; max-width: 100%; overflow: visible; }
  .header-container { width: calc(100% - 2rem); min-width: 0; }
  .mobile-nav-toggle { display: grid; }
  .primary-nav { position: fixed; inset: 4rem 0 0 auto; z-index: var(--z-drawer); display: grid; align-content: start; gap: 1rem; width: min(22rem, 86vw); padding: 1rem; border-left: 1px solid var(--outline); background: var(--bg-deep); box-shadow: -1.5rem 0 2rem rgba(0,0,0,.38); opacity: 0; pointer-events: none; transform: translateX(100%); transition: opacity .2s ease, transform .2s ease; }
  .primary-nav.is-open { opacity: 1; pointer-events: auto; transform: translateX(0); }
  .primary-nav:not(.is-open) { display: none; }
  .nav-links, .utility-nav { display: grid; gap: .5rem; align-items: stretch; width: 100%; }
  .utility-nav { margin-left: 0; padding-top: 1rem; border-top: 1px solid var(--outline); }
  .nav-links > li > a, .utility-link { width: 100%; justify-content: space-between; }
  .primary-nav .dropdown::after { display: none; }
  .primary-nav .dropdown-menu { position: static; visibility: visible; opacity: 1; pointer-events: auto; min-width: 0; padding: .5rem; transform: none; box-shadow: none; background: var(--panel2); }
  .admin-shell { grid-template-columns: 1fr; width: calc(100% - 1rem); margin: 1rem auto; }
  .site-footer { display: grid; gap: .35rem; width: min(100% - 1rem, 100%); }
  .admin-sidebar { position: static; }
  .admin-menu { grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); }
  .admin-menu-more { grid-column: 1 / -1; }
  .admin-menu-subgrid { grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); }
  .admin-menu-label { grid-column: 1 / -1; }
  .two, .four, .api-hero, .api-workbench, .api-doc-grid, .auth-metrics, .theme-settings-grid { grid-template-columns: 1fr; }
  .bar-row, .league-choice, .repeat-row { grid-template-columns: 1fr; }
  .team-detail-hero, .venue-detail-hero, .player-profile { grid-template-columns: 1fr; }
  .hero { padding: 1rem; }
  .hero h1 { max-width: 100%; }
  .admin-grid-header { display: grid; }
  .api-sidebar { position: static; }
  .auth-brand-panel { display: none; }
  .auth-form-panel { min-height: 0; }
  .mobile-command-nav { box-sizing: border-box; position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--z-header); display: flex; justify-content: space-around; gap: .1rem; width: 100%; max-width: 100vw; padding: .45rem .45rem .6rem; border-top: 1px solid var(--outline); border-radius: 1rem 1rem 0 0; background: var(--panel2); box-shadow: 0 -1rem 2rem rgba(0,0,0,.35); overflow: hidden; }
  .mobile-command-nav a { box-sizing: border-box; flex: 1 1 0; min-width: 0; padding: .55rem .2rem; border-radius: .75rem; color: var(--muted); font-size: .62rem; font-weight: 950; text-align: center; text-transform: uppercase; letter-spacing: 0; overflow: hidden; text-overflow: ellipsis; }
  .mobile-command-nav a[aria-current="page"] { background: var(--accent); color: var(--bg-deep); }
  .command-layout .container { padding-bottom: 5rem; }
  .command-layout .site-footer { margin-bottom: 5rem; }
  .prediction-save-bar { right: .75rem; bottom: 5.35rem; left: .75rem; box-sizing: border-box; max-width: calc(100vw - 1.5rem); flex-wrap: wrap; justify-content: stretch; overflow: hidden; }
  .prediction-save-bar .primary { flex: 1 1 auto; }
  .toast-stack { bottom: 4.9rem; right: .5rem; width: min(24rem, calc(100% - 1rem)); }
  .command-layout .timezone-banner, .timezone-banner { display: grid; width: calc(100% - 1rem); margin: .5rem auto 0; }
  .admin-page-head { align-items: stretch; display: grid; padding: .85rem; }
  .admin-page-head .button { width: 100%; }
  .admin-ops-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-hero-actions, .admin-console-toolbar { display: grid; justify-content: stretch; }
  .admin-console-toolbar .primary { width: 100%; margin-top: 0; }
  .match-admin-table tbody tr { grid-template-columns: 1fr; padding: .75rem; }
  .match-admin-table td[data-label="Match"], .match-admin-table td[data-label="Knockout"], .match-admin-table td[data-label="Status"] { grid-column: auto; }
  .match-admin-table .match-line { flex-wrap: wrap; white-space: normal; }
  .admin-layout .site-footer { width: min(100% - 1rem, 100%); margin: 0 auto 2rem; }
  .admin-grid th, .admin-grid td { padding: .6rem; }
  .admin-match-table-wrap { max-height: none; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition: none !important; }
}
