/* Avatar du joueur (2026-11-12) : image de la galerie dans l'en-tête et dans « Compte Antropiik ». */
.avatar.has-image { padding: 0; overflow: hidden; background: #02070f; border-color: transparent; }
.avatar.has-image img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }

.profile-head { align-items: center; justify-content: flex-start; }
.profile-head .profile-id { flex: 1 1 200px; min-width: 0; }
.profile-avatar { flex: 0 0 auto; display: block; border-radius: 50%; text-decoration: none; transition: transform .2s ease, filter .2s ease; }
.profile-avatar:hover { transform: scale(1.04); filter: drop-shadow(0 0 14px rgba(84, 203, 212, .45)); }
.profile-avatar .avatar { width: 96px; height: 96px; font-size: 40px; box-shadow: 0 0 22px rgba(84, 203, 212, .3); }

.avatar-gallery { margin: 22px 0 6px; padding: 18px; border: 1px solid rgba(185, 138, 70, .35); border-radius: 14px; background: rgba(4, 13, 24, .55); scroll-margin-top: 110px; }
.avatar-gallery h3 { margin: 4px 0 4px; }
.avatar-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 12px; margin-top: 14px; }
.avatar-choice { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 6px 8px; border: 1px solid rgba(185, 138, 70, .25); border-radius: 12px; background: rgba(2, 7, 15, .55); color: #d9cdb0; font: 13px Georgia, serif; cursor: pointer; transition: border-color .2s, box-shadow .2s, transform .2s; }
.avatar-choice img, .avatar-choice .avatar { width: 76px; height: 76px; border-radius: 50%; }
.avatar-choice .avatar { font-size: 30px; }
.avatar-choice span:last-child { text-align: center; line-height: 1.2; }
.avatar-choice:hover { transform: translateY(-2px); border-color: rgba(84, 203, 212, .7); box-shadow: 0 0 16px rgba(84, 203, 212, .25); }
.avatar-choice.selected { border-color: #e6c77a; box-shadow: 0 0 0 1px #e6c77a, 0 0 18px rgba(230, 199, 122, .35); color: #e6c77a; }
.avatar-choice:disabled { opacity: .6; cursor: wait; }
.avatar-choice:focus-visible { outline: 2px solid #54cbd4; outline-offset: 2px; }
@media (max-width: 520px) {
  .avatar-grid { grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 8px; }
  .avatar-choice img, .avatar-choice .avatar { width: 60px; height: 60px; }
  .profile-avatar .avatar { width: 72px; height: 72px; }
}

/* Portefeuille (2026-11-12) : bourse façon WoW/Dofus à côté du solde, historique / Roue du destin / commandes repliables. */
.wallet-purse { display: flex; align-items: center; gap: 14px; }
.wallet-purse img { width: 84px; height: 84px; flex: 0 0 auto; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .55)) drop-shadow(0 0 12px rgba(84, 203, 212, .25)); }
.wallet-fold { margin-top: 12px; border: 1px solid rgba(185, 138, 70, .3); border-radius: 10px; background: rgba(2, 7, 15, .35); }
.wallet-fold > summary { display: flex; align-items: center; gap: 10px; padding: 10px 14px; cursor: pointer; list-style: none; color: #e6c77a; font-family: "Antropiik Destin", Georgia, serif; letter-spacing: .12em; text-transform: uppercase; font-size: 14px; }
.wallet-fold > summary::-webkit-details-marker { display: none; }
.wallet-fold > summary::before { content: "▸"; color: #54cbd4; transition: transform .2s ease; }
.wallet-fold[open] > summary::before { transform: rotate(90deg); }
.wallet-fold > summary:hover { background: rgba(84, 203, 212, .07); border-radius: 10px; }
.wallet-fold .fold-count { margin-left: auto; min-width: 26px; padding: 1px 8px; border-radius: 999px; border: 1px solid rgba(84, 203, 212, .6); color: #8fe3ea; font: 13px Georgia, serif; letter-spacing: 0; text-align: center; }
.wallet-fold .ledger { margin: 0; padding: 0 14px 10px; }
@media (max-width: 520px) { .wallet-purse img { width: 60px; height: 60px; } }

/* Téléchargements (2026-11-12) : un visiteur voit « Rejoignez-nous… » actif au lieu du bouton grisé. */
#download-btn.is-join { white-space: normal; text-align: center; line-height: 1.25; }