/* ListaWG · bfg · 07-jogo-mobile.css — estilos deste jogo que ficavam no css/ da home.
   A tag <link> deste arquivo fica no index.html na mesma posição da cascata de antes: não mova. */
/* ===== bfg-game-mobile-compact-03475 ===== */
/* BFG: one compact, consistent mobile navigation; desktop styling unchanged. */
@media(max-width:760px){
  #gameMode.game-mode{padding-bottom:calc(14px + env(safe-area-inset-bottom))!important}
  #gameMode .game-mobile-bar{display:none!important}
  #gameMode .game-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;min-height:0!important;padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 7px max(8px,env(safe-area-inset-left))!important}
  #gameMode .game-head-main{width:100%!important;min-width:0!important;flex:none!important}
  #gameMode #gameModeTitle{font-size:11px!important;font-weight:750!important;letter-spacing:.045em!important;line-height:1.2!important;text-transform:uppercase!important}
  #gameMode #gameVersion{font-size:8px!important;letter-spacing:0!important;margin-left:5px!important}
  #gameMode .game-fleet-line{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:5px!important;margin-top:2px!important}
  #gameMode #gameFleetName{font-size:11px!important;font-weight:650!important;line-height:1.2!important;margin:0!important;min-width:0!important;overflow-wrap:anywhere!important}
  #gameMode .game-head-actions{display:grid!important;width:100%!important;min-width:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;align-items:stretch!important}
  #gameMode .game-head-actions button{display:flex!important;justify-content:center!important;align-items:center!important;min-width:0!important;width:100%!important;min-height:32px!important;height:auto!important;padding:5px 3px!important;margin:0!important;font-family:var(--font-tech,Arial,sans-serif)!important;font-size:9px!important;font-weight:700!important;letter-spacing:.025em!important;text-transform:uppercase!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:anywhere!important;border-radius:5px!important}
  #gameMode .game-head-actions .gunnery-open{font-size:9px!important}
  #gameMode .game-head-actions .game-reset{grid-column:auto!important;min-height:32px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:5px 3px!important;font-size:9px!important;white-space:normal!important}
  #gameMode .game-fleet-line>.game-reset{min-height:28px!important;padding:4px 6px!important;font-size:9px!important}
}
@media(max-width:360px){#gameMode .game-head-actions button{font-size:8px!important;letter-spacing:0!important;padding:5px 2px!important}}

