/* === Petit BAC — défi du jour ===
   Cadre de jeu : jeu.css. Bloc éditorial et encart du classement : socle partagé
   (defi-du-jour.css, classement-bloc.css). Ici, seulement ce qui est propre à la page. */
#app { max-width: 800px; }
h1 { font-size: 1.25rem; }
.defi-date { color: #94a3b8; font-size: 0.92rem; margin-bottom: 14px; }
.etat-defi { color: #fde68a; font-size: 0.95rem; line-height: 1.5; min-height: 1.4em; margin-bottom: 12px; }
.btn-lancer { min-width: 240px; font-size: 1.05rem; }
.defi-avertissement { font-size: 0.85rem; color: #94a3b8; margin: 10px 0 18px; }
.cta-inscription {
  margin: 16px 0;
  padding: 16px;
  background: rgba(110, 231, 183, 0.06);
  border: 1px solid rgba(110, 231, 183, 0.2);
  border-radius: 12px;
  color: #cbd5e1;
  line-height: 1.5;
}
.info-bar-defi { grid-template-columns: repeat(3, 1fr); }
.btn-valider { min-width: 240px; font-size: 1.05rem; }
.classement-section {
  margin: 22px auto 0;
  padding: 16px;
  background: rgba(148, 163, 184, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  text-align: left;
}
.classement-section h3 { text-align: center; font-size: 1rem; color: var(--color-light); margin-bottom: 12px; }
.classement-cta-compte { text-align: center; font-size: 0.88rem; color: #cbd5e1; margin-top: 10px; }
.lien-classement { display: block; text-align: center; margin-top: 12px; min-height: 44px; line-height: 44px; color: var(--color-accent); font-weight: 600; }
.lb-points { width: 70px; text-align: right; font-variant-numeric: tabular-nums; color: #cbd5e1; }
.lb-temps { width: 70px; text-align: right; font-variant-numeric: tabular-nums; color: #94a3b8; }
.defi-intro { text-align: left; }
@media (max-width: 640px) {
  .btn-lancer, .btn-valider { width: 100%; }
  .lb-points, .lb-temps { width: 54px; font-size: 0.85rem; }
}