/* css/pseudos.css (08/11/2026) — LES styles de pseudo du site, une seule copie (avant : 5 copies qui divergeaient,
   audit des cosmétiques). Chargée par l'accueil classique, l'appli (index.html), les guildes et les classements.
   Référence = l'ancien bloc de accueil-classique.html. */
.pseudo.gold{position:relative;font-weight:900;letter-spacing:.8px;background-image:linear-gradient(45deg,#fff8b8,#ffe65a 20%,#ffcf40 40%,#ffb800 60%,#ff9900 80%,#fff8b8);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 6px rgba(255,200,0,.8),0 0 15px rgba(255,180,0,.6),0 0 35px rgba(255,140,0,.4);filter:saturate(160%) brightness(1.2) contrast(1.1);animation:goldPulse 4s ease-in-out infinite,goldFlow 5s linear infinite;}
.pseudo.gold::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.8) 50%,transparent 60%);-webkit-background-clip:text;background-clip:text;color:transparent;mix-blend-mode:screen;animation:goldShine 3.2s ease-in-out infinite;}
@keyframes goldPulse{0%,100%{text-shadow:0 0 6px rgba(255,200,0,.9),0 0 25px rgba(255,180,0,.7),0 0 50px rgba(255,140,0,.5);}50%{text-shadow:0 0 10px rgba(255,255,180,1),0 0 35px rgba(255,220,120,.8),0 0 70px rgba(255,160,60,.7);}}
@keyframes goldFlow{0%{background-position:0% 50%;}100%{background-position:100% 50%;}}
@keyframes goldShine{0%,40%{transform:translateX(-150%) rotate(10deg);opacity:0;}50%{transform:translateX(0%) rotate(0deg);opacity:1;}60%,100%{transform:translateX(150%) rotate(-10deg);opacity:0;}}
.pseudo.silver{position:relative;font-weight:900;letter-spacing:.8px;background-image:linear-gradient(90deg,#e5f3ff,#cfd8e6 15%,#a0b4c8 30%,#fff 45%,#b0c2d6 60%,#91a6b8 75%,#e5f3ff 90%);background-size:250% 250%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 6px rgba(180,220,255,.8),0 0 20px rgba(120,160,255,.6),0 0 40px rgba(80,120,255,.4);filter:saturate(180%) brightness(1.3) contrast(1.15);animation:silverFlow 5s linear infinite,silverPulse 3s ease-in-out infinite;}
.pseudo.silver::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.9) 50%,transparent 60%);mix-blend-mode:screen;-webkit-background-clip:text;background-clip:text;animation:silverShine 3s ease-in-out infinite;}
@keyframes silverFlow{0%{background-position:0% 50%;}100%{background-position:100% 50%;}}
@keyframes silverPulse{0%,100%{text-shadow:0 0 5px rgba(180,220,255,.8),0 0 20px rgba(120,160,255,.6),0 0 35px rgba(80,120,255,.4);}50%{text-shadow:0 0 12px rgba(255,255,255,1),0 0 30px rgba(200,230,255,.9),0 0 60px rgba(140,180,255,.8);}}
@keyframes silverShine{0%,40%{transform:translateX(-150%) rotate(10deg);opacity:0;}50%{transform:translateX(0%) rotate(0deg);opacity:1;}60%,100%{transform:translateX(150%) rotate(-10deg);opacity:0;}}
.pseudo.neon{color:#b9eaff;text-shadow:0 0 6px #7ed6ff,0 0 18px #4cc3ff;}
.pseudo.fire{color:#fff2e0;text-shadow:0 0 4px rgba(255,180,80,.35),0 2px 8px rgba(255,120,40,.35),0 6px 18px rgba(255,90,20,.25);animation:fire-text-flick 1.4s steps(10,end) infinite;}
@keyframes fire-text-flick{0%,100%{filter:hue-rotate(0deg) brightness(1);}40%{filter:hue-rotate(-6deg) brightness(1.06);}70%{filter:hue-rotate(-3deg) brightness(1.03);}}
.pseudo.crystal{background:conic-gradient(from 0deg,#bff,#fbf,#bfb,#bff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px rgba(180,255,255,.25));}
.pseudo.shadow{color:#f2f2f2;font-weight:800;letter-spacing:.6px;text-shadow:0 0 4px rgba(255,255,255,.25),0 2px 6px rgba(0,0,0,.8),0 6px 18px rgba(0,0,0,.9),0 -1px 6px rgba(255,255,255,.1);filter:drop-shadow(0 0 6px rgba(255,255,255,.08));position:relative;}
.pseudo.shadow::before{content:"";position:absolute;left:0;right:0;top:48%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 40%,rgba(255,255,255,.2) 60%,transparent 100%);mix-blend-mode:screen;opacity:.6;filter:blur(.4px);}
.pseudo.rainbow{background:linear-gradient(90deg,#ff4d4d,#ffa64d,#ffff4d,#4dff88,#4dd2ff,#b84dff,#ff4de6,#ff4d4d);background-size:600% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rainbow-shift 4s linear infinite;text-shadow:0 0 12px rgba(255,255,255,.25);}
@keyframes rainbow-shift{0%{background-position:0% 50%;}100%{background-position:100% 50%;}}
.pseudo.ice{font-weight:800;background-image:linear-gradient(90deg,#e8f8ff,#b0e8ff 30%,#fff 50%,#b0e8ff 70%,#e8f8ff);background-size:250% 250%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ice-text-shimmer 4s linear infinite;filter:drop-shadow(0 0 4px rgba(120,220,255,.6));}
@keyframes ice-text-shimmer{0%{background-position:0% 50%;}100%{background-position:100% 50%;}}
.pseudo.plasma{position:relative;font-weight:900;background-image:linear-gradient(90deg,#ff6af0,#dd44ff 25%,#8833ff 50%,#dd44ff 75%,#ff6af0);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:plasma-flow 4s linear infinite,plasma-glow 2s ease-in-out infinite;}
@keyframes plasma-flow{0%{background-position:0% 50%;}100%{background-position:100% 50%;}}
@keyframes plasma-glow{0%,100%{filter:drop-shadow(0 0 6px rgba(200,80,255,.7));}50%{filter:drop-shadow(0 0 16px rgba(255,100,255,1));}}
.pseudo.glitch{color:#fff;font-weight:900;animation:glitch-base 2.6s linear infinite;}
@keyframes glitch-base{0%,87%,100%{text-shadow:none;}89%{text-shadow:-3px 1px 0 #ff3366,3px -1px 0 #33ffee;}91%{text-shadow:2px -2px 0 #ff3366,-2px 2px 0 #33ffee;}93%{text-shadow:-2px 0 0 #ff3366,2px 0 0 #33ffee;}95%{text-shadow:1px 2px 0 #ff3366,-1px -2px 0 #33ffee;}97%{text-shadow:3px 0 0 #ff3366,-3px 0 0 #33ffee;}}
.pseudo.void{color:#e8d8ff;font-weight:900;text-shadow:0 0 4px rgba(180,80,255,.6),0 0 12px rgba(120,0,200,.5),0 0 28px rgba(80,0,160,.4),0 2px 6px rgba(0,0,0,.9);animation:void-text-pulse 3s ease-in-out infinite;}
@keyframes void-text-pulse{0%,100%{text-shadow:0 0 4px rgba(180,80,255,.6),0 0 12px rgba(120,0,200,.5),0 0 28px rgba(80,0,160,.4),0 2px 6px rgba(0,0,0,.9);}50%{text-shadow:0 0 8px rgba(220,120,255,.9),0 0 20px rgba(180,0,255,.7),0 0 45px rgba(120,0,220,.6),0 2px 10px rgba(0,0,0,1);}}
/* (08/11/2026) Pseudos Feu, Doré, Arc-en-ciel (boutique) : mêmes rendus que perso.html, absents jusqu'ici de cette page */
.pseudo.feu{font-weight:900;background-image:linear-gradient(90deg,#cc2200,#ff5500 20%,#ff9900 50%,#ff5500 80%,#cc2200);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:ps-feu-flow 1.8s linear infinite,ps-feu-glow 1s ease-in-out infinite;}
@keyframes ps-feu-flow{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@keyframes ps-feu-glow{0%,100%{filter:drop-shadow(0 0 4px rgba(255,80,0,.8))}50%{filter:drop-shadow(0 0 12px rgba(255,160,0,1))}}
.pseudo.arcenciel{font-weight:900;background-image:linear-gradient(90deg,#ff4d4d,#ffa64d,#ffff4d,#4dff88,#4dd2ff,#b84dff,#ff4d4d);background-size:350% 350%;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:ps-feu-flow 2.5s linear infinite;filter:drop-shadow(0 0 3px rgba(255,200,255,.4));}
.pseudo.dore{font-weight:900;background-image:linear-gradient(90deg,#9b6e00,#ffd700 28%,#fff8c0 50%,#ffd700 72%,#9b6e00);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:ps-feu-flow 3s linear infinite;filter:drop-shadow(0 0 5px rgba(255,200,0,.65));}
/* dégradés « découpés » dans les lettres : on peint les lettres en transparent (résiste aux couleurs forcées des thèmes) */
.pseudo:is(.gold,.silver,.crystal,.rainbow,.ice,.plasma,.feu,.dore,.arcenciel){-webkit-text-fill-color:transparent;}