/* Prestige — couleur du nom selon le rang (cf. App\View\Pseudo + App\Domain\Prestige).
   10 teintes ascendantes (inspiration rareté), lisibles sur parchemin clair ET nav sombre
   (poids gras + léger relief). Rang 10 : dégradé prismatique animé, fallback solide. */
.pseudo-prestige{ font-weight:700; text-shadow:0 1px 1px rgba(0,0,0,.22); }

.pp-1{ color:#2e8b3d; }  /* vert      */
.pp-2{ color:#2f6fe0; }  /* bleu      */
.pp-3{ color:#9b30c9; }  /* violet    */
.pp-4{ color:#e8730f; }  /* orange    */
.pp-5{ color:#d83333; }  /* rouge     */
.pp-6{ color:#c9952a; }  /* or        */
.pp-7{ color:#109fab; }  /* turquoise */
.pp-8{ color:#d4317f; }  /* magenta   */
.pp-9{ color:#5560d8; }  /* indigo    */

.pp-10{
  color:#c9952a; /* fallback (sans background-clip) */
  background:linear-gradient(90deg,#d83333,#e8730f,#c9952a,#2e8b3d,#109fab,#2f6fe0,#9b30c9,#d83333);
  background-size:200% auto;
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:pp-prisme 6s linear infinite;
  text-shadow:none;
}
@keyframes pp-prisme{ from{ background-position:0 center; } to{ background-position:200% center; } }
@media (prefers-reduced-motion: reduce){ .pp-10{ animation:none; } }

/* Pastille de rang (fiche, tooltips) */
.prestige-chip{
  display:inline-flex; align-items:center; gap:.3em; font-weight:700; font-size:.82em;
  padding:.08em .6em; border-radius:999px; border:1px solid currentColor; line-height:1.5;
}