/* campo.css — modelo único do campo de escalação (home, single-player e online).
   Os contêineres declaram container-type e as fichas escalam por cqw (proporção da
   largura do campo). Cores/conteúdo de cada ficha ficam nos CSS de cada tela. */

/* Contêineres do campo. */
#campo,
#campo-jogo,
.campo-jogo {
  container-type: inline-size;
}

/* Fichas/slots: tamanho proporcional ao campo, com piso e teto. */
.ficha,
.slot-jogo,
.slot-ol {
  width:  clamp(32px, 14cqw, 80px);
  height: clamp(32px, 14cqw, 80px);
  font-size: clamp(0.46rem, 2.9cqw, 0.95rem);
}