/*
  FICHIER RECOPIE : NE PAS MODIFIER ICI.

  Original : kmoove-memory/src/styles.css
  Copie produite par : npm run exporter-editeur (depot du jeu)

  L'editeur de seance existe en UN SEUL exemplaire, pour que l'animateur
  retrouve les MEMES mots et les MEMES blocs sur le mur et sur le site.
  Une retouche faite ici serait perdue au prochain export, et le controle
  des deux depots la signalerait avant.
*/
.bouton {
  min-width: 520px;
  min-height: 150px;
  padding: 24px 64px;
  font-family: inherit;
  font-size: 54px;
  font-weight: 700;
  color: var(--texte);
  background: var(--fond-carte);
  border: 4px solid var(--bordure);
  border-radius: var(--rayon);
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.35);
  transition: box-shadow var(--transition), border-color var(--transition);
}
.bouton--principal {
  background: linear-gradient(135deg, var(--accent-doux), var(--accent));
  border-color: transparent;
  color: #1c1208;
  box-shadow: 0 14px 44px rgba(240, 115, 63, 0.4);
}
.bouton--discret { min-width: 380px; font-size: 40px; opacity: 0.92; }

.bouton:hover { border-color: var(--accent); }
.bouton--principal:hover { filter: brightness(1.06); }

/* Retour visuel d'appui, pose en JS pendant 300 ms.
   Partage avec le site : c'est garde-clics.js qui pose cette classe, et il
   tourne des deux cotes. Sans elle, un clic ne montrerait rien. */
.touchee {
  outline: 10px solid var(--accent-doux);
  outline-offset: 6px;
  box-shadow: 0 0 70px rgba(255, 143, 94, 0.75) !important;
}

.barre-bas { display: flex; gap: 100px; align-items: center; }
.barre-bas--secondaire { gap: 60px; margin-top: -20px; }