/**
 * @fileoverview Configuração visual da matriz auxiliar de coordenadas do MoleMash.
 *
 * Este arquivo centraliza todos os parâmetros visuais da grade 3×3 exibida
 * nas fases introdutórias para orientar o aluno no sistema de coordenadas.
 *
 * A exibição é ativada fase a fase através da propriedade `showMatrix: true`
 * em cada objeto de fase dentro de `config.js`.
 *
 * @module games.mole-mash.config.matrixConfig
 */

export const matrixConfig = {
  /** Número de linhas da grade (deve refletir o tabuleiro do jogo) */
  linhas: 3,

  /** Número de colunas da grade (deve refletir o tabuleiro do jogo) */
  colunas: 3,

  /** Estilo das linhas divisórias e borda externa da grade */
  linha: {
    cor: 0x000000,
    alpha: 0.4,
    espessura: 2,
  },

  /** Estilo do preenchimento alternado das células (padrão xadrez leve) */
  celula: {
    cor: 0x000000,
    alpha: 0.06,
  },

  /** Estilo dos rótulos numéricos de linhas e colunas */
  rotulo: {
    tamanhoFonte: "20px",
    familia: "Arial Black, Arial",
    estilo: "bold",
    cor: "#111111",
    /** Distância em px da borda esquerda da grade para os rótulos de linha */
    offsetLinhaX: -36,
    /** Distância em px da borda superior da grade para os rótulos de coluna */
    offsetColunaY: -34,
  },

  /**
   * Rótulo exibido no canto superior esquerdo para indicar os eixos (Linha \ Coluna).
   * Ajuda o aluno a entender a notação (L, C) usada nos blocos.
   */
  rotuloCanto: {
    visivel: true,
    texto: "L\\C",
    tamanhoFonte: "13px",
    cor: "#555555",
  },
};
