/* ─── Statistiques resserrées (06/11/2026, Odor : « les différentes fenêtres beaucoup trop grosses, on voit rien, surtout la
 *  partie Tout le monde ») ─── Chargé après hms2.css : seules les tailles changent, pas les données. */

/* les panneaux gardent leur propre hauteur (avant : « En ce moment », vide, s'étirait à la hauteur du podium) */
.sp-grille { align-items: start; gap: 12px; }
.sp-grille .encart { padding: 14px 16px; gap: 8px; }
.sp-grille .encart h3 { font-size: 1rem; }

/* les grands chiffres : des tuiles compactes sur une ligne, qui ne s'étalent plus sur tout l'écran */
.sp-gros-grille { grid-template-columns: repeat(auto-fill, minmax(170px, 230px)); justify-content: start; gap: 10px; }
.sp-gros { padding: 12px 16px; gap: 2px; }
.sp-gros b { font-size: clamp(1.45rem, 2.1vw, 1.9rem); }
.sp-gros .sp-ico { font-size: 1.1rem; }
.sp-gros .sp-libelle { font-size: .78rem; }
.sp-gros::after { width: 80px; height: 80px; right: -24px; top: -24px; }

/* le podium : plus bas, plus serré */
.sp-podium { gap: 8px; margin: 2px 0 8px; max-width: 520px; margin-inline: auto; }
.sp-marche .sp-medaille { width: 36px; height: 36px; font-size: 1.15rem; border-radius: 12px; }
.sp-marche.m1 .sp-socle { height: 52px; }
.sp-marche.m2 .sp-socle { height: 38px; }
.sp-marche.m3 .sp-socle { height: 28px; }
.sp-socle { font-size: 1.05rem; }

/* le classement : des lignes fines, sur deux colonnes quand le panneau est large */
.st-classement { gap: 5px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); column-gap: 14px; }
.st-classement li { padding: 5px 8px; grid-template-columns: 26px 1fr auto; gap: 8px; }
.st-classement .rang { width: 24px; height: 24px; font-size: .78rem; }
.st-classement .st-cl-barre { height: 4px; margin-top: 3px; }

/* « personne ne regarde » : une ligne, pas un grand panneau vide */
.sp-grille .encart:has(> .doux:only-of-type) { align-self: start; }

/* les graphiques et les listes : un peu moins hauts */
.st-liste { gap: 4px; }
.st-chaleur { gap: 2px; }

/* très grands écrans : les panneaux se rangent par trois au lieu de s'étirer */
@media (min-width: 1700px) {
  .sp-grille { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .sp-grille > .sp-5 { grid-column: span 4; }
  .sp-grille > .sp-7 { grid-column: span 8; }
  .sp-grille > .sp-6 { grid-column: span 6; }
}

/* ─── Tableau de bord des modérateurs agrandi (06/11/2026, Odor) : les cartes des serveurs remplissent toute la largeur
 *  (avant : une colonne vide gardée à droite sur grand écran), anneaux un peu plus grands quand la carte est large ─── */
.db-grille { grid-template-columns: repeat(auto-fit, minmax(min(100%, 330px), 1fr)); }
/* la vue de la maison (maison.css) range les cartes en colonnes de journal : 4 colonnes au plus, qui s'élargissent */
.ms .db-grille { columns: 4 320px; }
.mc-grille { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
@media (min-width: 1600px) {
  .db-grille .mc-anneau, .mc-grille .mc-anneau { transform: scale(1.12); transform-origin: center top; margin-bottom: 8px; }
}