/* Dedicated mobile navigation and Home / Scout / Tactics preview.
   Desktop layout is intentionally unchanged above 700px. */
.mobile-bottom-nav,.mobile-game-plan-toggle,.mobile-player-choice{display:none}
@media(max-width:700px){
  body{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}
  .header.wrap{position:sticky;top:0;z-index:20;display:flex;flex-wrap:nowrap;gap:10px;width:100%;height:76px;padding:12px 16px;background:#0b1520f5;backdrop-filter:blur(14px)}
  .header nav,.header-home,.club-nav,.footer{display:none!important}
  .header .brand{font-size:19px;gap:8px;flex:none}.header .brand img{width:32px;height:32px}.header .brand small{display:none}
  .header .wallet{order:0;display:grid;width:auto;gap:2px;margin-left:auto;justify-content:start;font-size:11px;line-height:1.35}.header .wallet span{white-space:nowrap;gap:5px}.header .wallet img{width:18px;height:18px}
  .header .account-link{order:0;flex:none;margin:0;padding:0;border:0}.header .account-avatar{width:36px;height:36px}
  .club-shell{padding:0 14px}.club-shell>#main{padding-top:12px}
  .club-shell .page>.game-heading{margin-bottom:18px}.game-heading h1{font-size:30px;font-weight:700;letter-spacing:-.8px}
  .game-panel{border-radius:16px;padding:18px;margin-bottom:14px}.game-panel h2{font-size:20px}.game-panel p{font-size:13px;line-height:1.55}.game-row{gap:8px}.game-choice{min-width:0}
  .mobile-bottom-nav{position:fixed;z-index:40;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:#101f2df5;border-top:1px solid #304659;backdrop-filter:blur(18px);box-shadow:0 -8px 28px #0003}
  .mobile-bottom-nav a,.mobile-bottom-nav button{min-width:0;min-height:54px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border:0;border-radius:12px;background:none;color:var(--muted);font:600 10px/1.2 'DM Sans',sans-serif;text-decoration:none}
  .mobile-bottom-nav img{width:27px;height:27px;object-fit:contain}.mobile-bottom-nav [aria-current=page]{background:#20463e;color:var(--mint)}.mobile-menu-symbol{font-size:25px;line-height:27px}
  .mobile-club-menu{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;padding:calc(24px + env(safe-area-inset-top,0px)) 18px calc(30px + env(safe-area-inset-bottom,0px));background:#0d1b28;overflow:auto}
  html:has(.mobile-club-menu[open]){overflow:hidden}
  .mobile-menu-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.mobile-menu-heading h2{font-size:28px;margin:0}.mobile-menu-heading .eyebrow{font-size:9px;margin:0 0 8px}.mobile-menu-close{flex:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#1a2e3e;color:var(--white);font-size:25px}
  .mobile-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-menu-grid a{display:flex;align-items:center;gap:10px;min-height:74px;padding:14px 10px;border:1px solid var(--line);border-radius:14px;background:#132635;font-size:12px;font-weight:600}.mobile-menu-grid a:first-child{grid-column:1/-1;background:#1b3c39;border-color:#37695e}.mobile-menu-grid img{width:32px;height:32px;object-fit:contain;flex:none}.mobile-menu-grid [aria-current=page]{border-color:var(--mint)}.mobile-menu-note{color:var(--muted);font-size:12px;line-height:1.6;margin:20px 0}
  .club-shell #home>.hero{min-height:470px;padding:24px 20px;margin-bottom:18px;border-radius:18px}.club-shell #home .hero h1{font-size:38px;letter-spacing:-.6px;margin-bottom:16px}.club-shell #home .hero-copy{width:100%}.club-shell #home .intro{font-size:13px;line-height:1.55}.club-shell #home .welcome-line{font-size:16px!important;line-height:1.4}.club-shell #home .hero-actions{gap:12px;margin-top:18px}.club-shell #home .hero-actions .button{min-height:44px;padding:10px 14px;gap:8px;font-size:12px}.club-shell #home .hero-copy .micro{font-size:10px;margin-top:14px}.club-shell #home .hero-copy>.eyebrow{display:none}
  .game-quick-links{gap:8px;margin:16px 0}.game-quick-links a{border-radius:14px;padding:14px 8px;gap:8px;min-height:87px;font-size:11px}.game-quick-links img{width:32px;height:32px}
  #home .game-row .button{flex:1 1 auto}.game-vip{padding:18px}.game-vip h2{font-size:21px}
  .scout-free{border-color:#396258;background:linear-gradient(120deg,#17342f,#111f2d)}.scout-premium{border-color:#38537c;background:linear-gradient(120deg,#172c46,#111f2d)}
  #scout .game-panel>.button{width:100%;margin:10px 0 0;min-height:48px}#scout .game-panel>.text-link{display:block;text-align:center;font-size:12px;margin-top:14px;color:var(--mint)}
  #scout .game-panel p{margin:8px 0}#scout .game-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#scout .game-choice{font-size:12px}#scout select{min-height:46px;font-size:12px}
  .game-action-dialog,.mobile-player-picker{position:fixed;top:auto;left:0;right:0;bottom:0;margin:0;width:100%;max-width:none;max-height:85dvh;overflow:auto;border-radius:22px 22px 0 0;border-bottom:0;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px));animation:mobile-sheet-in .2s ease-out}
  .game-action-dialog h2{font-size:24px}.game-action-dialog>p{font-size:14px}.game-action-dialog .game-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:14px}.game-action-dialog .button{min-height:48px;padding:12px;font-size:14px;gap:8px;margin:0}
  .game-draw-dialog{position:fixed;inset:0;margin:0;width:100%;height:100dvh;max-height:none;border-radius:0;border:0;padding:24px 16px calc(24px + env(safe-area-inset-bottom,0px));background:#0b1826}
  .game-draw-dialog h2{font-size:26px}.game-draw-dialog>.eyebrow{font-size:9px}.draw-stage{min-height:420px;margin:24px 0 16px}.draw-card{width:min(230px,64vw)}.draw-caption{font-size:10px;letter-spacing:1px}.game-draw-dialog>.game-row{position:sticky;bottom:0;background:#0b1826;padding:12px 0;z-index:2}.game-draw-dialog .game-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #tactics .game-body{display:flex;flex-direction:column}#tactics .game-pitch-layout{display:contents}.tactics-toolbar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:0;margin-bottom:8px;order:1}.tactics-toolbar>.game-choice{grid-column:span 3}.tactics-toolbar>.button{grid-column:span 2;min-height:44px!important;padding:8px!important;font-size:11px!important;margin:0}.tactics-toolbar select{min-height:44px;font-size:13px}
  #tactics .game-plan-unsaved{font-size:11px;line-height:1.5;margin:4px 0 14px;order:2}#tactics .game-pitch{order:3;height:620px;min-height:620px;width:100%;border-radius:18px}#tactics .game-bench{order:4;padding:16px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#tactics .game-bench strong{grid-column:1/-1;font-size:10px;letter-spacing:1.2px;color:var(--muted)}#tactics .game-bench span{font-size:11px;padding:10px;background:#112635;border-radius:10px}
  #tactics .tactics-captain{order:5;margin-bottom:16px}#tactics .tactics-plan{order:6;margin-bottom:14px}#tactics .tactics-analysis{order:7}#tactics .game-player-face{width:43px;height:43px;margin-bottom:4px;font-size:14px}#tactics .game-player span{font-size:10px}#tactics .game-player>select{display:none}
  .mobile-player-choice{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;height:38px;background:#112b23;border:1px solid #476e5c;border-radius:8px;color:var(--white);font:600 10px/1.25 'DM Sans',sans-serif;padding:5px 2px;margin-top:4px;overflow-wrap:anywhere}
  .mobile-game-plan-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;border:0;background:none;padding:0;color:var(--white);font-size:17px;font-weight:600;min-height:44px}.tactics-plan>h2{display:none}.mobile-game-plan-toggle:after{content:'+';color:var(--mint);font-size:24px}.mobile-game-plan-toggle[aria-expanded=true]:after{content:'−'}.tactics-plan-content{margin-top:14px}.tactics-plan-content.mobile-collapsed{display:none}.game-instructions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .mobile-player-picker .mobile-menu-heading{margin-bottom:12px}.mobile-player-picker h2{font-size:24px}.mobile-player-list{display:grid;gap:8px}.mobile-player-list button{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:65px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#142b3c;color:var(--white);text-align:left}.mobile-player-list .selected{border-color:var(--mint);background:#183a32}.mobile-player-list strong,.mobile-player-list small{display:block}.mobile-player-list strong{font-size:14px}.mobile-player-list small{color:var(--muted);font-size:11px;margin-top:5px}.mobile-player-state{font-size:9px;color:var(--mint);font-weight:700;letter-spacing:.6px}
  @keyframes mobile-sheet-in{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
  @media(prefers-reduced-motion:reduce){.game-action-dialog,.mobile-player-picker{animation:none}}
}