/* Communauté de l'autruche — les quatre grades (05/09/2026).
 * Les étoiles se posent à côté d'un pseudo : dans les cartes de constructions, dans
 * l'en-tête « Vous apparaissez comme », dans la carte « Mon grade ». Aucune couleur en dur
 * hors des variables du thème : le thème HUD (sombre/clair) s'applique tout seul. */

.cc-etoiles {
  margin-left: 6px;
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 1;
  color: var(--corail);
  white-space: nowrap;
  cursor: help;
  vertical-align: baseline;
}

/* Dans la carte « Mon grade », les étoiles portent le regard : un cran plus grandes. */
#ccMonGrade .cc-etoiles {
  margin-left: 0;
  font-size: 17px;
  letter-spacing: 2px;
}

/* Le choix Autruchette / Autrucheau : le bouton retenu se distingue sans changer de forme. */
#ccMonGrade .btn.ghost.active {
  border-color: var(--corail);
  color: var(--corail);
}

/* Poser un grade (maison) : les champs restent sur une ligne tant que la place le permet. */
#ccGradeMaison input,
#ccGradeMaison select {
  max-width: 100%;
}