/* === Hexa Conquête — décoration du banner partagé ===
   Uniquement la déco animée : la structure du banner (.banner-home, .banner-title)
   vient du composant partagé fichiers-partages-des-jeux/css/banner.css. */

.hexa-deco {
  width: 22px;
  height: 25px;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  animation: hexa-banner-float 3.2s ease-in-out infinite;
  will-change: transform;
}
.hexa-deco:nth-child(2) { animation-delay: -1.1s; }
.hexa-deco:nth-child(3) { animation-delay: -2.2s; }
.hexa-violet { background: linear-gradient(150deg, #c4b5fd, #7c3aed); }
.hexa-ambre  { background: linear-gradient(150deg, #fde68a, #f59e0b); }
.hexa-cyan   { background: linear-gradient(150deg, #a5f3fc, #22d3ee); }

@keyframes hexa-banner-float {
  0%, 100% { transform: translateY(0) rotate(-5deg); }
  50% { transform: translateY(-6px) rotate(5deg); }
}