/* === Rebondingue : identité du banner des pages internes ===
   Le layout et la taille des pastilles viennent de
   fichiers-partages-des-jeux/css/banner.css (.jeu-banner, .deco-banner). On ne
   fournit ici que le remplissage des trois pastilles, une par matière. */

.balle-gomme {
  background: radial-gradient(circle at 35% 35%, #ffd0c8, #ff5a4f 45%, #a4232a);
  box-shadow: inset 0 -2px 4px rgba(0, 0, 0, 0.25);
}

.balle-pierre {
  background: radial-gradient(circle at 35% 35%, #f1f1f6, #a3a3ae 50%, #4c4c57);
  box-shadow: inset 0 -2px 4px rgba(0, 0, 0, 0.25);
}

.balle-bulle {
  background: radial-gradient(circle at 35% 35%, rgba(255, 255, 255, 0.9), rgba(143, 227, 255, 0.35) 55%, rgba(143, 227, 255, 0.8));
  box-shadow: inset 0 0 0 2px rgba(200, 240, 255, 0.7);
}