/*
 * Mots mêlés — déco du banner des pages internes.
 *
 * UNIQUEMENT la déco : la structure (.jeu-banner, .banner-row, .banner-home,
 * .banner-title) appartient au composant partagé
 * fichiers-partages-des-jeux/css/banner.css, servi ici par le proxy
 * proxies/css-banner.php. Ne rien redéfinir de ce qui vient de là.
 *
 * Trois lettres de grille, dont une prise dans un trait de surligneur. Aucune
 * animation : la charte du réseau n'en garde que sur le hero de l'accueil.
 */

.lettre-deco {
  position: absolute;
  top: 24%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  color: #ede9fe;
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1;
  opacity: 0.85;
  pointer-events: none;
}

.lettre-deco-1 { left: 14%; }
.lettre-deco-2 { left: 47%; background: rgba(250, 204, 21, 0.75); color: #2e1065; }
.lettre-deco-3 { left: 79%; }

@media (max-width: 640px) {
  .lettre-deco-2, .lettre-deco-3 { display: none; }
}