/* Page du défi du jour. L'habillage commun vient de css/jeu.css, le bloc de jeu de
   snake-jeu.css et le classement de classement-bloc.css : rien de tout cela n'est redéfini ici. */

.date-titre { font-size: 0.88rem; color: var(--texte-doux); margin-bottom: 20px; }

/* Série de jours d'affilée, à côté de la date */
.defi-serie {
  display: inline-block; margin-left: 10px; padding: 2px 10px;
  border: 1px solid rgba(210, 151, 58, 0.5); border-radius: 999px;
  color: #d2973a; font-weight: 700; font-size: 0.78rem;
}
.defi-serie[hidden] { display: none; }

.defi-panneau {
  background: var(--surface-2); border: 1px solid var(--line); border-radius: 8px;
  padding: 20px 16px; margin-bottom: 22px;
}
.defi-panneau[hidden] { display: none; }
.defi-regle { font-size: 0.95rem; line-height: 1.55; color: var(--texte); margin-bottom: 14px; }
.defi-resultat h2 { font-family: var(--font-display); font-size: 1.3rem; color: #f0f3f6; margin-bottom: 8px; }
.defi-score { font-size: 1.15rem; font-weight: 700; color: #4ade80; margin-bottom: 6px; }
.defi-rang { font-size: 0.95rem; font-weight: 600; color: #fbbf24; margin-bottom: 12px; min-height: 1.2em; }
.defi-demain { font-size: 0.8rem; color: var(--texte-doux); margin-top: 12px; }
.retry-wrap { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 12px; }
#defi-jeu { margin-bottom: 22px; }
#defi-jeu[hidden] { display: none; }

/* Pendant la partie : seule la partie reste à l'écran */
body.mode-jeu-actif .defi-intro,
body.mode-jeu-actif #date-titre,
body.mode-jeu-actif .classement-section,
body.mode-jeu-actif .jeu-banner,
body.mode-jeu-actif .bandeau-infos-wrap,
body.mode-jeu-actif .bloc-jeux-une-wrap {
  display: none !important;
}