/* Page /tutoriel. Plateau : mastermind-jeu.css. Panneaux et texte :
   mastermind-outils.css. Ici, la progression et le compteur de codes. */

.tuto-progression {
  margin-bottom: 12px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--texte-faible);
}

.tuto-compteur {
  margin-bottom: 14px;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--texte-doux);
  font-variant-numeric: tabular-nums;
}

/* Essais imposés : la palette ne sert pas, seule la ligne à jouer est montrée */
#tutoriel[data-phase="guide"] .selecteur-couleurs {
  display: none;
}

#tuto-zone-saisie[hidden],
#tuto-fin[hidden],
#tuto-effacer[hidden],
#tuto-action[hidden] {
  display: none;
}