.avatar-wrapper{text-decoration:none;display:inline-flex}.avatar-clickable{cursor:pointer}.avatar-clickable:hover{opacity:.85}.avatar-container{flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-xs{width:24px;height:24px}.avatar-sm{width:32px;height:32px}.avatar-md{width:40px;height:40px}.avatar-lg{width:48px;height:48px}.avatar-xl{width:56px;height:56px}.avatar-xxl{width:80px;height:80px}.avatar-circular{border-radius:50%}.avatar-rounded{border-radius:12px}.avatar-square{border-radius:4px}.avatar-initials{color:#fff;-webkit-user-select:none;user-select:none;font-weight:700;font-size:inherit}.avatar-icon{color:#fff;width:50%;height:50%}.avatar-container img{object-fit:cover;width:100%;height:100%}.avatar-xs .avatar-initials{font-size:12px}.avatar-sm .avatar-initials{font-size:14px}.avatar-md .avatar-initials{font-size:16px}.avatar-lg .avatar-initials{font-size:18px}.avatar-xl .avatar-initials{font-size:20px}.avatar-xxl .avatar-initials{font-size:32px}.avatar-effects-wrapper{display:inline-flex}.avatar-effect-rainbow-border{position:relative}.avatar-effect-rainbow-border:before{content:"";border-radius:inherit;z-index:0;pointer-events:none;background:linear-gradient(90deg,red,#f70,#ff0,#0f0,#00f,indigo,#9400d3,red) 0 0/200% 200%;animation:3s linear infinite rainbowSpin;position:absolute;inset:-4px}.avatar-effect-rainbow-border:after{content:"";background:inherit;border-radius:inherit;z-index:1;pointer-events:none;position:absolute;inset:2px}@keyframes rainbowSpin{0%{background-position:0%}to{background-position:200%}}.avatar-effect-gold-ring{border:3px solid gold;position:relative;overflow:hidden;box-shadow:0 0 10px #ffd70080}.avatar-effect-gold-ring:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffd700cc 50%,#0000 70%);width:200%;height:200%;animation:4s ease-in-out infinite goldShine;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}@keyframes goldShine{0%{transform:translate(-100%)rotate(45deg)}20%,to{transform:translate(200%)rotate(45deg)}}.avatar-effect-slow-spin{transform-origin:50%;animation:10s linear infinite slowSpin}@keyframes slowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-effect-glitch{animation:3s infinite glitchShift;position:relative}.avatar-effect-glitch:before,.avatar-effect-glitch:after{content:"";background:inherit;border-radius:inherit;opacity:.8;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.avatar-effect-glitch:before{z-index:-1;animation:2s infinite glitch1}.avatar-effect-glitch:after{z-index:-1;animation:2.5s infinite glitch2}@keyframes glitch1{0%,to{transform:translate(0)}2%{transform:translate(-2px,2px)}4%{transform:translate(2px,-2px)}6%{transform:translate(0)}}@keyframes glitch2{0%,to{transform:translate(0)}3%{transform:translate(2px,-1px)}5%{transform:translate(-1px,2px)}7%{transform:translate(0)}}@keyframes glitchShift{0%,to{filter:hue-rotate()}2%,8%{filter:hue-rotate(90deg)}10%{filter:hue-rotate()}}.avatar-effect-crowned{position:relative;overflow:visible!important}.avatar-crown{filter:drop-shadow(0 2px 4px #0003);pointer-events:none;z-index:10;font-size:24px;animation:2s ease-in-out infinite crownFloat;position:absolute;top:-20px;left:50%;transform:translate(-50%)}@keyframes crownFloat{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-3px)}}@media (width<=768px){.avatar-crown{font-size:18px;top:-15px}}.avatar-effect-flame{filter:drop-shadow(0 0 5px #f60)drop-shadow(0 0 10px #f30);animation:.3s infinite flameFlicker;position:relative}@keyframes flameFlicker{0%,to{text-shadow:0 0 5px red,0 0 10px #f60}50%{text-shadow:0 0 8px #f60,0 0 15px #f90}}.avatar-effect-neon{filter:drop-shadow(0 0 5px #0f0)drop-shadow(0 0 10px #0f0)drop-shadow(0 0 20px #0f0);animation:1.5s ease-in-out infinite neonPulse}@keyframes neonPulse{0%,to{text-shadow:0 0 5px #0f0,0 0 10px #0f0,0 0 20px #0f0}50%{text-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 40px #0f0,0 0 60px #0f0}}.avatar-effect-rotating{position:relative;overflow:visible!important}.avatar-rotating-emoji{pointer-events:none;z-index:20;filter:drop-shadow(0 0 4px #00000080);font-size:30px;animation:3s linear infinite rotateAround;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotateAround{0%{transform:translate(-50%,-50%)rotate(0)translate(30px)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)translate(30px)rotate(-360deg)}}@media (width<=768px){.avatar-rotating-emoji{font-size:20px}@keyframes rotateAround{0%{transform:translate(-50%,-50%)rotate(0)translate(40px)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)translate(40px)rotate(-360deg)}}}.avatar-effect-orbiting{position:relative;overflow:visible!important}.avatar-orbiting-emoji{pointer-events:none;z-index:20;font-size:24px;animation:4s linear infinite orbit;position:absolute;top:50%;left:50%}@keyframes orbit{0%{transform:translate(-50%,-50%)rotate(0)translate(50px)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)translate(50px)rotate(-360deg)}}.avatar-effect-halo{position:relative;overflow:visible!important}.avatar-halo{pointer-events:none;z-index:30;border:3px solid #ffe783;border-radius:50%;width:72%;height:19%;animation:2.2s ease-in-out infinite avatarHaloFloat;position:absolute;top:-22%;left:14%;transform:rotateX(62deg);box-shadow:0 0 7px #fff2a8,0 0 16px #ffca38cc}@keyframes avatarHaloFloat{50%{transform:rotateX(62deg)translateY(-4px)scale(1.05)}}@media (prefers-reduced-motion:reduce){.avatar-halo{animation:none!important}}.avatar-effect-chaos-orbit{position:relative;overflow:visible!important}.avatar-chaos-orbit{pointer-events:none;z-index:25;position:absolute;inset:0}.avatar-chaos-orbit>span{--angle:calc(var(--orbit-index) * 90deg);color:#ff4fd8;filter:drop-shadow(0 0 4px #644bff);animation:2.4s linear infinite avatarChaosOrbit;animation-delay:calc(var(--orbit-index) * -.18s);font-size:.8em;position:absolute;top:50%;left:50%}@keyframes avatarChaosOrbit{0%{transform:translate(-50%, -50%) rotate(var(--angle)) translateX(72%) rotate(calc(var(--angle) * -1))}to{transform:translate(-50%, -50%) rotate(calc(var(--angle) + 360deg)) translateX(72%) rotate(calc((var(--angle) + 360deg) * -1))}}@media (prefers-reduced-motion:reduce){.avatar-chaos-orbit>span{animation:none!important}}.avatar-effect-pixel-storm{animation:.9s steps(2,end) infinite avatarPixelStorm;position:relative}.avatar-effect-pixel-storm:after{content:"";border-radius:inherit;opacity:.65;mix-blend-mode:screen;clip-path:polygon(0 12%,100% 12%,100% 23%,0 23%,0 61%,100% 61%,100% 72%,0 72%);pointer-events:none;background:repeating-linear-gradient(90deg,#00e5ff 0 3px,#0000 3px 8px,#ff2bc2 8px 11px,#0000 11px 17px);position:absolute;inset:-6px}@keyframes avatarPixelStorm{25%{filter:hue-rotate(70deg);transform:translate(2px,-1px)skew(2deg)}50%{transform:translate(-1px,2px)}75%{filter:hue-rotate(-45deg);transform:translate(1px,1px)skew(-2deg)}}@media (prefers-reduced-motion:reduce){.avatar-effect-pixel-storm{animation:none!important}}.avatar-effect-frost-ring{border:3px solid #bff5ff;box-shadow:0 0 0 2px #52bcff4d,0 0 14px #77dfffa6}.avatar-effect-pulse-ring{border:3px solid #9b7cff;animation:2s ease-in-out infinite avatarPulseRing}@keyframes avatarPulseRing{50%{box-shadow:0 0 0 6px #9b7cff00,0 0 18px #9b7cffbf}}@media (prefers-reduced-motion:reduce){.avatar-effect-pulse-ring{animation:none!important}}.username-container{align-items:center;gap:2px;line-height:1;text-decoration:none;display:inline-flex}.username-xs{font-size:11px;font-weight:500}.username-sm{font-size:13px;font-weight:500}.username-md{font-size:15px;font-weight:500}.username-lg{font-size:17px;font-weight:500}.username-xl{font-size:19px;font-weight:500}.username-clickable{cursor:pointer}.username-clickable:hover{opacity:.8}.username-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.username-muted{color:#999}.username-effect-flaming{background:linear-gradient(45deg,red,#f60,#ff0) 0 0/200%;color:#0000;text-shadow:0 0 5px #ff000080;-webkit-background-clip:text;background-clip:text;animation:.3s infinite flameFlicker;display:inline-block;position:relative}.username-effect-flaming.username-effect-small{font-size:.85em}.username-effect-neon{color:#0f0;text-shadow:0 0 5px #0f0,0 0 10px #0f0,0 0 20px #0f0,0 0 40px #0f0;animation:1.5s ease-in-out infinite neonPulse}.username-effect-neon.username-effect-small{font-size:.85em}.username-color-rose{text-shadow:0 0 5px #ff69b480;color:#ff69b4!important}.username-effect-ice-glow{color:#0ff;text-shadow:0 0 5px #0ff,0 0 10px #00bfff,0 0 15px #0080ff;animation:2s ease-in-out infinite icePulse}@keyframes icePulse{0%,to{text-shadow:0 0 5px #0ff,0 0 10px #00bfff}50%{text-shadow:0 0 10px #0ff,0 0 20px #00bfff,0 0 30px #0080ff}}.username-effect-ember-glow{color:#ff4500;text-shadow:0 0 5px #ff4500,0 0 10px tomato,0 0 15px red;animation:1s ease-in-out infinite emberPulse}@keyframes emberPulse{0%,to{text-shadow:0 0 5px #ff4500,0 0 8px tomato}50%{text-shadow:0 0 8px tomato,0 0 15px #ff4500,0 0 20px red}}.username-effect-small{opacity:.8;font-size:.85em!important}@media (width<=768px){.username-effect-small{font-size:.8em!important}}.username-effect-rainbow{background:linear-gradient(90deg,red,#f70,#ff0,#0f0,#00f,indigo,#9400d3) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite rainbowFlow}@keyframes rainbowFlow{0%{background-position:0%}to{background-position:200%}}.username-effect-underlined{display:inline-block;position:relative}.username-effect-underlined:after{content:"";background:currentColor;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.username-effect-underlined:hover:after,.username-effect-underlined.always-underlined:after{transform:scaleX(1)}.username-effect-blurred{filter:blur(3px);opacity:.7;transition:filter .3s}.username-effect-blurred:hover{filter:blur();opacity:1}@media (width<=768px){.username-effect-blurred{filter:blur(2px)}}