/* Saute-Lune — page du défi du jour (en plus de jeu.css). */

.date-titre { text-align: center; color: #c5cdfb; margin: 0 0 16px; font-weight: 600; }

.defi-intro {
  margin: 18px 0;
  padding: 14px 18px;
  border-radius: 14px;
  background: rgba(92, 111, 240, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
  line-height: 1.55;
  font-size: 0.95rem;
}
.defi-intro h2 { margin-top: 0; }
.defi-intro ul { padding-left: 20px; margin: 8px 0 0; }
.defi-intro li { margin: 4px 0; }

.defi-compte { text-align: center; margin: 14px 0 20px; line-height: 1.5; }
.defi-etat { text-align: center; font-size: 1rem; margin: 6px 0; line-height: 1.5; }
.defi-etat strong { color: #ffe066; }
.defi-nuit {
  text-align: center;
  margin: 0 auto 10px;
  padding: 8px 14px;
  max-width: 560px;
  border-radius: 12px;
  background: rgba(255, 212, 59, 0.1);
  border: 1px solid rgba(255, 212, 59, 0.35);
  font-size: 0.95rem;
}
.defi-nuit strong { color: #ffe066; }
.defi-nuit[hidden] { display: none; }

/* Défi entre amis : lien à partager et parties rendues. */
.duel-code { text-align: center; font-size: 0.95rem; margin: 0 0 12px; }
.duel-code strong { color: #ffe066; letter-spacing: 0.12em; font-size: 1.1rem; }
.duel-liste { list-style: none; counter-reset: rang; margin: 0; padding: 0; }
.duel-liste li {
  counter-increment: rang;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.duel-liste li::before { content: counter(rang) "."; color: #c5cdfb; min-width: 2ch; }
.duel-liste li.moi { background: rgba(255, 212, 59, 0.1); border-radius: 8px; }
.duel-pseudo { flex: 1; font-weight: 700; }
.duel-score { color: #ffe066; font-variant-numeric: tabular-nums; text-align: right; }

/* Le cadre du classement du jour (convention commune des pages de défi). Le
 * bloc lui-même vient du socle partagé (classement-bloc.css). */
.classement-section {
  max-width: 800px;
  margin: 24px auto 10px;
  padding: 16px 18px;
  background: rgba(148, 163, 184, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
}
.classement-section h3 { margin: 0 0 10px; text-align: center; color: #c5cdfb; }
.classement-invite, .classement-lien { text-align: center; font-size: 0.9rem; margin: 10px 0 0; }

/* Pendant la partie : seul le jeu reste. */
body.sl-en-partie .classement-section,
body.sl-en-partie .defi-intro,
body.sl-en-partie .date-titre,
body.sl-en-partie #setup { display: none !important; }