/*
 * Chasse-Bulles — page du défi du jour. Le socle (corps, #app, encadré du
 * classement) vient du jeu.css partagé, le bloc éditorial de
 * defi-du-jour.css, la zone de jeu de css/jeu.css.
 */
.date-titre { margin: 4px 0 16px; text-align: center; color: var(--color-light); font-weight: 600; }
.defi-etat { margin: 6px 0; text-align: center; font-size: 1rem; line-height: 1.5; }
.defi-etat strong { color: #fde68a; }
.message-partie { min-height: 1.2em; margin: 6px 0; text-align: center; color: #fcd34d; font-size: 0.9rem; }
.defi-lancement { display: flex; justify-content: center; margin: 12px 0 4px; }
.defi-solo { margin: 12px 0 0; font-size: 0.88rem; }
.defi-solo a { color: var(--color-light); }

.zone-jeu { margin: 14px 0 6px; }
.zone-jeu[hidden] { display: none; }
/* La barre du compte du réseau est fixe en haut : le jeu défile jusqu'à elle
   sans passer dessous (scroll-margin-top dans jeu.css), et la toile est
   calculée pour tenir dans la hauteur restante. Même réserve que solo.css. */
body.page-defi { --chb-reserve: 58px; }
@media (max-width: 600px) { body.page-defi { --chb-reserve: 40px; } }

.classement-section h3 { margin: 0 0 10px; text-align: center; color: var(--color-light); }
.classement-section[hidden] { display: none; }
.classement-invite, .classement-lien { margin: 10px 0 0; text-align: center; font-size: 0.9rem; }
.classement-lien a { color: var(--color-light); }

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