/* Phone scorecard view. Tablet and desktop keep the existing two-player layout. */
#mobilePlayerTabs,.mobile-tactics-toggle{display:none}
#activeLabel span{display:block;margin-bottom:2px;color:#bdb0c9;font:800 9px "Archivo Expanded",Archivo,sans-serif;letter-spacing:.12em;text-transform:uppercase}
#activeLabel strong{display:block;font:800 14px "Archivo Condensed",Archivo,sans-serif;letter-spacing:.05em;text-transform:uppercase}
.double-turn{display:inline-flex;align-items:center;min-height:30px;padding:4px 7px;border:1px solid #f0ba83;border-radius:4px;background:#8b2427;color:#fff5e4;font:800 11px Archivo,Arial,sans-serif;letter-spacing:.06em;white-space:nowrap}
body:not(.hosted) .statusline{position:fixed;left:8px;bottom:calc(6px + env(safe-area-inset-bottom));z-index:20;min-height:0;margin:0;pointer-events:none}
body:not(.hosted) #status{max-width:calc(100vw - 16px);padding:3px 6px;border:1px solid #4a3d57;border-radius:4px;background:#171323d9;color:#a9a0b3;font-size:10px;line-height:1.2}
body:not(.hosted) .statusline .actions{display:none}
@media (max-width:600px){
  body{background:#171323}
  main{padding:5px 8px}
  header{gap:6px;padding:0 0 4px}
  .brand-logo{width:28px;height:28px}
  header .eyebrow{display:none}
  h1{font-size:15px;line-height:1.05}
  .brand-script{font-size:13px}
  #installApp{margin-left:auto;min-height:34px;padding:5px 8px;font-size:12px}
  .statusline{min-height:26px;margin:0 0 4px}
  #status{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .statusline .actions{display:none}
  .tablebar{margin:2px 0 6px;gap:6px;align-items:center}
  .tablebar h2{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tablebar-actions{gap:5px}.tablebar-actions button{min-height:34px;padding:5px 7px;font-size:12px}
  .game{padding:7px;gap:5px;margin-bottom:5px;border-radius:9px}
  .battleplan-row{gap:6px}.battleplan-name{font-size:15px;max-width:calc(100% - 112px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .battleplan-info{min-height:30px;padding:4px 7px;font-size:11px}
  .game-note#activeLabel{display:inline-block;margin:4px 0 0;padding:4px 7px;font-size:12px;border-width:1px}.game-note#activeLabel span{font-size:8px}.game-note#activeLabel strong{font-size:12px}
  .turn-caption{font-size:9px}.turn-display{font-size:20px;margin:1px 0}.next-display{font-size:11px;padding:0 0 3px}
  .turn-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px}.turn-actions button{min-height:33px;padding:4px;font-size:11px}
  #mobilePlayerTabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;position:sticky;top:0;z-index:4;padding:5px 0;background:#171323}
  .mobile-player-tab{min-height:43px;padding:5px 7px;text-align:left;border-color:#5a4965;background:#211b31;line-height:1.1}
  .mobile-player-tab span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.mobile-player-tab small{display:block;margin-top:3px;color:#e2dfc2;font-size:12px}.mobile-player-tab[aria-pressed=true]{border:2px solid var(--gold);background:#342a47;color:var(--gold)}
  .players{display:block}.players .player{display:none}.players .player.mobile-visible{display:block;padding:8px;border-radius:10px}
  .playerhead{margin-bottom:3px}.name{font-size:19px;min-height:30px}.activebtn{min-height:30px;padding:4px 6px;font-size:11px}
  .double-turn{min-height:28px;padding:3px 5px;font-size:9px}
  .faction{min-height:30px;margin-bottom:5px;padding:5px 7px;font-size:12px}
  .metrics{grid-template-columns:1fr 1fr;gap:5px}.metric{padding:6px}.metric-label{font-size:11px;margin-bottom:2px}.counter{gap:2px}.counter button{width:38px;height:38px;min-height:38px}.value{min-height:38px;font-size:24px}.metric.victory{padding:6px 8px}.victory .value{font-size:30px}.victory .metric-label{font-size:14px}.vpnote{font-size:10px;margin-top:2px}
  .mobile-tactics-toggle{display:block;width:100%;min-height:34px;padding:5px 8px;text-align:left;font-size:12px}.tactics{margin-top:6px;padding:0;border:0}.tactics>:not(.mobile-tactics-toggle){display:none}.tactics.mobile-tactics-open>:not(.mobile-tactics-toggle){display:block}.tactics.mobile-tactics-open .tactic{display:block}.tactics h3{font-size:14px;margin:8px 0}.tactic{padding:8px}.tactichead label,.subtotal{font-size:12px}.tactic select{min-height:40px;font-size:16px}.goals{gap:4px}.goal{min-height:46px;font-size:11px}.goal strong{font-size:15px}
  .statistics-dialog,.battleplan-dialog{width:100vw;max-width:100vw;max-height:100vh;border-radius:0}
}