/* Apparence des pseudos selon le pack (overlay + panel). Toutes les packs ont des paillettes : plus le pack est haut, plus elles sont denses. */
.pk { -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent; font-weight: 800; position: relative; display: inline-block;
  background-size: var(--gd, 18px) var(--gd, 18px), var(--gd2, 27px) var(--gd2, 27px), 100% 100%; animation: pkGlit var(--gs, 1.4s) steps(6) infinite; }
.pk {
  background-image: radial-gradient(circle, var(--gl, #fff) 0 1px, transparent 1.7px), radial-gradient(circle, var(--gl2, #fff) 0 1.2px, transparent 1.9px), linear-gradient(180deg, var(--c1), var(--c2));
}
@keyframes pkGlit { to { background-position: var(--gd, 18px) calc(var(--gd, 18px) * .55), calc(var(--gd2, 27px) * -1) calc(var(--gd2, 27px) * .4), 0 0; } }
.pk-decouverte { --c1: #8fb0ff; --c2: #3a66e8; --gl: #cfe0ff; --gl2: #8fb2ff; --gd: 20px; --gd2: 30px; filter: drop-shadow(0 0 3px rgba(80,120,255,.85)); }
.pk-argent     { --c1: #ffffff; --c2: #8f99a8; --gl: #ffffff; --gl2: #aeb9ca; --gd: 18px; --gd2: 27px; filter: drop-shadow(0 0 3px rgba(220,230,255,.6)); }
.pk-or         { --c1: #fff3a6; --c2: #d08e00; --gl: #ffffff; --gl2: #fff0a0; --gd: 15px; --gd2: 22px; filter: drop-shadow(0 0 4px rgba(255,200,40,.7)); }
.pk-epique     { --c1: #dca0ff; --c2: #8a3fe8; --gl: #ffffff; --gl2: #f0cfff; --gd: 14px; --gd2: 21px; filter: drop-shadow(0 0 4px rgba(176,97,255,.85)); }
.pk-legendaire { --c1: #ffc27a; --c2: #e0600f; --gl: #fff3c0; --gl2: #ffd08a; --gd: 12px; --gd2: 19px; filter: drop-shadow(0 0 5px rgba(255,130,20,.85)); }
.pk-mythique   { --c1: #ff6b6b; --c2: #c4001a; --gl: #ffffff; --gl2: #ffd0d0; --gd: 11px; --gd2: 17px; filter: drop-shadow(0 0 5px rgba(255,40,60,.85)); }
.pk-ultra      { --c1: #b2ecff; --c2: #2fb2ef; --gl: #ffd23f; --gl2: #fff1a0; --gd: 10px; --gd2: 15px; --gs: 1.1s; filter: drop-shadow(0 0 6px rgba(95,212,255,.9)); }
.pk-mega       { --c1: #4cf5b0; --c2: #08995a; --gl: #ff3b4e; --gl2: #ff8a96; --gd: 9px; --gd2: 14px; --gs: 1s; filter: drop-shadow(0 0 6px rgba(24,214,138,.95)); }
/* étincelle qui scintille à côté du pseudo (packs Épique et au-dessus) */
.pk-epique::after, .pk-legendaire::after, .pk-mythique::after, .pk-ultra::after, .pk-mega::after {
  content: '✦'; position: absolute; right: -.55em; top: -.35em; font-size: .62em; background: none; -webkit-text-fill-color: var(--gl); color: var(--gl); animation: pkTw 1.3s ease-in-out infinite; }
.pk-ultra::before, .pk-mega::before { content: '✦'; position: absolute; left: -.5em; bottom: -.2em; font-size: .5em; background: none; -webkit-text-fill-color: var(--gl2); color: var(--gl2); animation: pkTw 1.1s .5s ease-in-out infinite; }
@keyframes pkTw { 0%, 100% { transform: scale(.3) rotate(0); opacity: .2; } 50% { transform: scale(1.1) rotate(90deg); opacity: 1; } }

/* certifié (coche bleu ciel), cartons, suspendu */
.vf { display: inline-block; width: 1.05em; height: 1.05em; vertical-align: -.16em; margin-left: .3em; flex: none; filter: drop-shadow(0 0 3px rgba(80,190,255,.8)); }
.cd { display: inline-block; width: .55em; height: .78em; margin-left: .22em; border-radius: 2px; border: 2px solid #1a1030; vertical-align: -.1em; transform: rotate(-7deg); flex: none; box-shadow: 1px 1px 0 #1a1030; }
.cd.y { background: #ffd23f; } .cd.r { background: #ff2f3f; }
.sus { text-decoration: line-through; text-decoration-thickness: .13em; text-decoration-color: #ff3355; opacity: .85; }