/* Page du quiz du jour. L'habillage commun (body, #app, boutons, encart de classement)
   vient de jeu.css, le texte d'introduction de defi-du-jour.css, le plateau de
   quiz-jeu.css et le bloc de classement de classement-bloc.css : ne rien redéfinir ici
   qui décrive une réponse, un podium ou une ligne de classement. */

/* Le défi du jour monte à 800 px comme sur les autres jeux du réseau */
body.page-defi #app {
  max-width: 800px;
}

.date-titre {
  font-size: 0.88rem;
  color: var(--texte-doux);
  margin: 0 0 16px;
  text-align: center;
}

/* Série de jours d'affilée, à côté de la date */
.defi-serie {
  color: #d2973a;
  font-weight: 700;
}

.defi-depart {
  margin: 8px 0 24px;
  padding: 20px 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  text-align: center;
}

.defi-depart-texte {
  margin: 0 0 14px;
  line-height: 1.55;
}

.defi-lancer {
  min-height: 48px;
  padding-left: 28px;
  padding-right: 28px;
}

.zone-jeu {
  margin-bottom: 20px;
}

.defi-fin {
  margin: 8px 0 20px;
  text-align: center;
}

.defi-fin-titre {
  margin: 0 0 4px;
  font-family: var(--font-display);
  font-size: 1.4rem;
  font-weight: 700;
  color: #7ee29b;
}

.defi-fin-score {
  margin: 0 0 6px;
  font-size: 1.7rem;
  font-weight: 800;
  color: var(--texte);
}

.defi-fin-trace {
  margin: 0 0 8px;
  font-size: 1.3rem;
  letter-spacing: 2px;
}

.defi-fin-detail {
  margin: 0 0 12px;
  color: var(--texte-doux);
  line-height: 1.5;
}

.retry-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 12px 0 16px;
}

.retry-wrap .btn {
  text-decoration: none;
}

/* Le bloc latéral « tous les défis » le propose déjà sur grand écran */
@media (min-width: 1280px) {
  .btn-voir-defis { display: none; }
}

/* --- Le quiz d'hier et ses réponses ----------------------------------------- */
.defi-hier {
  margin: 24px 0;
  padding: 18px 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  text-align: left;
}

.defi-hier h2 {
  margin: 0 0 6px;
  font-size: 1.1rem;
}

.defi-hier-texte {
  margin: 0 0 12px;
  font-size: 0.85rem;
  color: var(--texte-doux);
}

.defi-hier-liste {
  margin: 0 0 10px;
  padding-left: 22px;
}

.defi-hier-liste li {
  padding: 8px 0;
  border-bottom: 1px solid var(--line);
  line-height: 1.45;
}

.defi-hier-liste p {
  margin: 0 0 3px;
}

.defi-hier-theme {
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: var(--color-light);
}

.defi-hier-reponse {
  color: #8ff0b1;
}

.defi-hier-anecdote {
  font-size: 0.86rem;
  color: var(--texte-doux);
}