/* Styles du test de réflexes */

.tableau-bord {
  display: flex;
  justify-content: space-around;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 12px;
}

.zone-reflexe {
  width: 100%;
  height: 360px;
  border: 2px solid var(--violet);
  border-radius: 18px;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-family: inherit;
  background: #3a1a8a;             /* violet : en attente */
}
.zone-reflexe.attends { background: #b3261e; }   /* rouge : attends… */
.zone-reflexe.go      { background: #1f9d55; }   /* vert : CLIQUE ! */

.gros-texte { font-size: clamp(28px, 6vw, 48px); font-weight: 900; }
#detail { font-size: 20px; }