/* SENAI MAP STABLE V2 — a grade nunca deve pulsar, alterar tamanho ou animar largura. */
#board.grid {
  width:100%; max-width:100%; min-width:0;
  aspect-ratio:16/11;
  display:grid!important;
  grid-template-columns:repeat(16,minmax(0,1fr))!important;
  grid-template-rows:repeat(11,minmax(0,1fr))!important;
  overflow:hidden;
  padding:0;
  transform:none!important;
  animation:none!important;
  transition:none!important;
  contain:layout paint;
}
#board.grid .cell {
  width:100%;height:100%;min-width:0;min-height:0;
  display:flex;align-items:center;justify-content:center;
  transform:none!important;
  transition:background-color .14s ease,border-color .14s ease!important;
  animation:none!important;
  line-height:1;
  overflow:hidden;
  font-size:clamp(10px,2vw,25px);
}
#board.grid .cell.mission {animation:none!important;background:#fff3a6!important;color:#713c00!important}
#board.grid .cell.enemy {background:#f49f92!important;color:#4c1231!important}
#board.grid .cell.player {background:#83e3bd!important;color:#102e35!important}
#board.grid .cell.player.enemy{outline:3px solid #ff6c19;outline-offset:-3px}
#game .layout > div:first-child{min-width:0}
@media(max-width:750px){#board.grid .cell{font-size:clamp(10px,3vw,21px)}}
@media(prefers-reduced-motion:reduce){#board.grid .cell{transition:none!important}}