/**
 * PlayAwale — La légende des anneaux du plateau
 * -----------------------------------------------------------------------------
 * « Trou joué », « Meilleur trou » : une pastille cerclée de l'anneau que le
 * plateau pose sur le trou, et son nom. Écrite pour la page d'analyse d'une
 * partie ; sortie de pages/analysis.css TELLE QUELLE le 30/09/2026, quand la
 * page des ouvertures a eu besoin de la même — « même légende » était demandé.
 * Deux copies auraient fini par diverger.
 *
 *     <div class="analysis-viewer__legend" aria-hidden="true">
 *       <span class="analysis-legend analysis-legend--played">Trou joué</span>
 *       <span class="analysis-legend analysis-legend--best">Meilleur trou</span>
 *     </div>
 *
 * ELLE VIT DANS LE CONTENEUR DU PLATEAU
 * Le thème définit les variables des anneaux sur « .board-container », et nulle
 * part ailleurs : hors du conteneur, elles n'existent pas. La légende se range
 * donc dans un « .board-container », sous le plateau.
 *
 * @package   PlayAwale
 * @version   2.0
 * @author    Nicolas Lion — Développeur web — https://nlion.fr
 * @copyright 2026 Nicolas Lion
 */

.analysis-viewer__legend {
  display: flex;
  justify-content: center;
  gap: var(--space-lg);

  font-family: var(--font-body);
  font-size: 0.78rem;
  color: var(--color-text-muted);
}

.analysis-legend {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
}

/* Les deux anneaux, dessinés par les mêmes variables que ceux du plateau : la
   légende ne peut pas mentir sur ce qu'elle légende.

   Le coup joué change de couleur avec la rangée du camp qui joue — vert en
   bas, rouge en haut —, comme sur le plateau ; la page dit lequel par
   « data-player ». */
.analysis-legend::before {
  content: '';
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  margin: 3px;
  border-radius: var(--radius-full);
}

.analysis-legend--played::before {
  outline: var(--hole-chosen-mine-outline);
}

.analysis-viewer__legend[data-player="2"] .analysis-legend--played::before {
  outline: var(--hole-chosen-outline);
}

.analysis-legend--best::before {
  outline: var(--hole-candidate-outline);
}

/* Le trait du thème est pensé pour un anneau autour d'un trou, pas pour une
   pastille de légende : sans cette épaisseur, on ne la voyait pas. */
.analysis-legend::before {
  outline-width: 2.5px;
}