.classement-intro {
  font-size: 0.84rem;
  color: var(--texte-doux);
  line-height: 1.55;
  margin: 0 0 14px;
}

.classement-jouer { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 14px 0 18px; }

.classement-jouer a {
  padding: 9px 16px;
  border-radius: 6px;
  background: var(--color-btn1);
  color: #fff;
  font-size: 0.88rem;
  font-weight: 700;
  text-decoration: none;
}

.classement-jouer a:hover, .classement-jouer a:focus-visible { background: color-mix(in srgb, #fff 10%, var(--color-btn1)); }


.mes-chiffres {
  margin: 0 0 20px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface-2);
}

.mes-chiffres h2 {
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--color-light);
  margin: 0 0 10px;
}

.mes-chiffres dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 10px; margin: 0; }
.mes-chiffres dt { font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--texte-faible); }
.mes-chiffres dd { margin: 2px 0 0; font-size: 1.05rem; font-weight: 800; color: var(--texte); font-variant-numeric: tabular-nums; }


.lb-niveaux { width: 84px; text-align: right; color: var(--texte-doux); font-variant-numeric: tabular-nums; }

@media (max-width: 520px) {
  
  .lb-niveaux { display: none; }
}