/* Calame — des symboles à la place des mots de l'accueil (17/10, Luca).
   J'avance à la place de « Entrer », Encyclopédie à la place de « Le carnet ». Les dessins (images/symboles/*.svg) sont tracés comme les symboles du jeu
   (même trait régulier, même tremblement que exemplesDepuisForme / tracerGlyphe) et servent de MASQUE :
   la couleur est celle de l'encre du thème (--encre), en Jour comme en Nuit.
   Les mots restent pour les lecteurs d'écran (aria-label) et au survol (title). */
.symbole {
  display: inline-block;
  aspect-ratio: 1;
  background-color: currentColor;
  -webkit-mask: var(--dessin) center / contain no-repeat;
          mask: var(--dessin) center / contain no-repeat;
}
.symbole-avance       { --dessin: url("../images/symboles/j-avance.svg"); }
.symbole-encyclopedie { --dessin: url("../images/symboles/encyclopedie.svg"); }

/* la défaite : Moi, en rouge — la mort (au-dessus de « L'encre a séché ») */
#ecran-fin[data-issue="defaite"] .bloc-centre::before {
  content: ""; display: block; width: clamp(90px, 9vw, 140px); aspect-ratio: 1; margin: 0 auto 14px;
  background-color: #d2463c;
  -webkit-mask: url("../images/symboles/moi.svg") center / contain no-repeat;
          mask: url("../images/symboles/moi.svg") center / contain no-repeat;
}

/* dans le menu : le symbole prend la place du mot, le chiffre romain reste */
.menu .symbole { align-self: center; height: 44px; color: var(--encre); }