/* Pendant l'écoute : un anneau d'or qui s'élargit et s'efface (choix de Myriam, 30/09) — un signe DÉCORATIF, jamais une forme
   d'onde. Il vit dans tout ce qui parle : une case, le grand haut-parleur du jeu 1, les « Écouter » du jeu 2, les lettres à revoir.
   La classe .joue est posée par son.js quand le son JOUE vraiment, et retirée à la fin, à l'arrêt ou à l'erreur. */
#alphabet .joue { z-index:2; }
#alphabet .joue::after,
#alphabet .ecouter-grand.joue .hp::after { content:''; position:absolute; inset:-3px; border:2.5px solid var(--or); border-radius:inherit; pointer-events:none; animation:al-anneau 1.05s ease-out infinite; }
#alphabet .ecouter-grand.joue::after { content:none; }
@keyframes al-anneau { from { transform:scale(1); opacity:.95; } to { transform:scale(1.32); opacity:0; } }

/* mouvements réduits : l'anneau ne bouge plus ; une capsule aux trois points FIXES, posée sur le bord bas, dit « ça parle » */
#alphabet .onde { display:none; }
@media (prefers-reduced-motion:reduce) {
  #alphabet .joue::after, #alphabet .joue .hp::after { content:none !important; }
  #alphabet .joue .onde { position:absolute; left:50%; bottom:-11px; transform:translateX(-50%); display:flex; gap:4px; padding:5px 8px; border-radius:999px; background:var(--nuit); pointer-events:none; }
  #alphabet .joue .onde i { display:block; width:7px; height:7px; border-radius:50%; background:#e9ac52; }
}