/*
 * Chasse aux mots — 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 cases de lettres, posées de travers comme des dés de lettres. Aucune
 * animation : la charte du réseau n'en garde que sur le hero de l'accueil.
 */

.case-deco {
  position: absolute;
  top: 24%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 6px;
  background: #fde9b8;
  color: #3b2a06;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1;
  opacity: 0.85;
  pointer-events: none;
}

.case-deco-1 { left: 14%; transform: rotate(-9deg); }
.case-deco-2 { left: 47%; transform: rotate(6deg); background: #a7f3d0; color: #022c22; }
.case-deco-3 { left: 79%; transform: rotate(-4deg); }

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