.role-icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;vertical-align:middle}.role-icon svg{width:100%;height:100%}.ri-crown svg{filter:drop-shadow(0 0 3px rgba(255,190,50,.5))}.ri-crown{animation:crownFloat 3s ease-in-out infinite}@keyframes crownFloat{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 4px rgba(255,190,50,.4))}50%{transform:translateY(-2px) scale(1.05);filter:drop-shadow(0 0 8px rgba(255,190,50,.7))}}.ri-shield{animation:shieldPulse 2.5s ease-in-out infinite}@keyframes shieldPulse{0%,100%{filter:drop-shadow(0 0 2px rgba(6,182,212,.3))}50%{filter:drop-shadow(0 0 6px rgba(6,182,212,.6))}}.ri-bolt{animation:boltFlash 2s ease-in-out infinite}@keyframes boltFlash{0%,100%{opacity:1;filter:drop-shadow(0 0 2px rgba(250,204,21,.3))}50%{opacity:.85;filter:drop-shadow(0 0 8px rgba(250,204,21,.7))}}.ri-star{animation:starSpin 8s linear infinite}@keyframes starSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.ri-diamond{animation:diamondShine 3s ease-in-out infinite}@keyframes diamondShine{0%,100%{filter:drop-shadow(0 0 3px rgba(168,85,247,.3));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(168,85,247,.6));transform:scale(1.08)}}.ri-fire{animation:fireFlicker 1.5s ease-in-out infinite alternate}@keyframes fireFlicker{0%{transform:scaleY(1) scaleX(1);filter:drop-shadow(0 0 3px rgba(239,68,68,.4))}100%{transform:scaleY(1.08) scaleX(.95);filter:drop-shadow(0 0 6px rgba(239,68,68,.7))}}.ri-gem{animation:gemGlow 4s ease-in-out infinite}@keyframes gemGlow{0%,100%{filter:drop-shadow(0 0 2px rgba(56,189,248,.3))}33%{filter:drop-shadow(0 0 6px rgba(168,85,247,.5))}66%{filter:drop-shadow(0 0 6px rgba(16,185,129,.5))}}.ri-sword{animation:swordSwing 3s ease-in-out infinite}@keyframes swordSwing{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.ri-eye{animation:eyeBlink 4s ease-in-out infinite}@keyframes eyeBlink{0%,42%,58%,100%{transform:scaleY(1)}50%{transform:scaleY(.1)}}.ri-rocket{animation:rocketShake 2s ease-in-out infinite}@keyframes rocketShake{0%,100%{transform:translate(0,0)}25%{transform:translate(0,-2px)}50%{transform:translate(1px,0)}75%{transform:translate(-1px,-1px)}}.ri-heart{animation:heartBeat 1.5s ease-in-out infinite}@keyframes heartBeat{0%,100%{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.1)}}.ri-globe{animation:globeSpin 12s linear infinite}@keyframes globeSpin{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}