.badges-container{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.badge-item{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);transition:all .3s ease}.badge-xs{width:16px;height:16px}.badge-sm{width:20px;height:20px}.badge-md{width:24px;height:24px}.badge-lg{width:28px;height:28px}.badge-xl{width:32px;height:32px}.badge-xs .badge-icon{font-size:.7rem}.badge-sm .badge-icon{font-size:.8rem}.badge-md .badge-icon{font-size:.9rem}.badge-lg .badge-icon{font-size:1rem}.badge-xl .badge-icon{font-size:1.1rem}.badge-item:hover{transform:scale(1.1);background:rgba(255,255,255,.2)}.badge-mythical{background:linear-gradient(135deg,#9333ea,#7928ca);box-shadow:0 0 8px rgba(147,51,234,.2)}.badge-mythical:after{content:"";position:absolute;inset:-2px;border-radius:50%;background:radial-gradient(circle,rgba(147,51,234,.1) 0,transparent 70%);z-index:-1}.badge-legendary{box-shadow:0 0 10px rgba(250,204,21,.4)}.badge-epic{box-shadow:0 0 10px rgba(192,132,252,.4)}.badge-rare{background:linear-gradient(135deg,#60a5fa,#2563eb);box-shadow:0 0 10px rgba(96,165,250,.4)}.badge-common{background:linear-gradient(135deg,#9ca3af,#4b5563);box-shadow:0 0 10px rgba(156,163,175,.4)}.badge-icon{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));line-height:1}.badge-item .badge-icon{font-size:1.1em}.xs .badge-icon{font-size:.9em}.badge-tooltip{visibility:hidden;position:absolute;bottom:100%;left:50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));margin-bottom:5px;white-space:nowrap;opacity:0;transition:all .2s ease}.badge-item:hover .badge-tooltip{visibility:visible;opacity:1}.badge-admin-special{position:relative;background:linear-gradient(45deg,#FFD700,#FFA500);border:2px solid rgba(255,215,0,.5);box-shadow:0 0 10px rgba(255,215,0,.3),inset 0 0 8px rgba(255,215,0,.4);clip-path:polygon(50% 0,85% 15%,100% 50%,85% 85%,50% 100%,15% 85%,0 50%,15% 15%);width:24px!important;height:24px!important;margin:2px}.badge-admin-special:before{inset:-2px;background:radial-gradient(circle at center,rgba(255,215,0,.4) 0,transparent 70%);opacity:.6}.badge-admin-special:after,.badge-admin-special:before{content:"";position:absolute;clip-path:polygon(50% 0,85% 15%,100% 50%,85% 85%,50% 100%,15% 85%,0 50%,15% 15%);z-index:-1}.badge-admin-special:after{inset:-4px;background:radial-gradient(circle at center,rgba(255,215,0,.2) 0,transparent 70%);animation:halo 3s ease-in-out infinite}@keyframes halo{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.badge-admin-special .badge-icon{font-size:1.2em;color:#FFD700;filter:drop-shadow(0 0 2px rgba(255,215,0,.5))}.xs .badge-admin-special .badge-icon{font-size:1em}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.badge-mythical{box-shadow:0 0 8px rgba(147,51,234,.3)}.discord-badge-tray{position:relative;z-index:50}.discord-badge-tray .badge-item{transition:all .2s ease;cursor:pointer}.discord-badge-tray .badge-item:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.badge-mythical{position:relative;background:linear-gradient(135deg,#e879f9,#9333ea);box-shadow:0 0 12px rgba(147,51,234,.4);animation:mythicalGlow 2s ease-in-out infinite alternate}@keyframes mythicalGlow{0%{box-shadow:0 0 12px rgba(147,51,234,.4)}to{box-shadow:0 0 20px rgba(147,51,234,.6)}}.badge-legendary{position:relative;background:linear-gradient(135deg,#facc15,#ca8a04);box-shadow:0 0 15px rgba(250,204,21,.5);animation:legendaryPulse 3s ease-in-out infinite}@keyframes legendaryPulse{0%,to{box-shadow:0 0 15px rgba(250,204,21,.5)}50%{box-shadow:0 0 25px rgba(250,204,21,.8)}}.badge-epic{position:relative;background:linear-gradient(135deg,#c084fc,#7c3aed);box-shadow:0 0 12px rgba(192,132,252,.4);animation:epicShimmer 2.5s ease-in-out infinite}@keyframes epicShimmer{0%,to{box-shadow:0 0 12px rgba(192,132,252,.4)}50%{box-shadow:0 0 18px rgba(192,132,252,.7)}}.discord-badge-tray{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.discord-badge-tray .badge-tooltip{visibility:hidden;position:absolute;bottom:100%;left:50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1));padding:.5rem .75rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);margin-bottom:8px;white-space:nowrap;opacity:0;transition:all .2s ease;z-index:50;border:1px solid rgba(255,255,255,.1)}.discord-badge-tray .badge-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#1f2937}.discord-badge-tray .badge-item:hover .badge-tooltip{visibility:visible;opacity:1;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-5px)}to{opacity:1;transform:translate(-50%)}}.badge-slug-mythical-founder{position:relative;width:19px;height:19px;background:conic-gradient(from 0deg,#fbbf24,#22c55e,#3b82f6,#a855f7,#ec4899,#f97316,#fbbf24);box-shadow:0 0 8px rgba(251,191,36,.7),0 0 16px rgba(251,191,36,.5);animation:mythicalFounderPulse 2s ease-in-out infinite}.badge-slug-mythical-founder:after{content:"";position:absolute;inset:3px;border-radius:9999px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.25),transparent 55%);z-index:0}.badge-slug-mythical-founder .badge-icon{position:relative;z-index:1;font-size:.8em;text-shadow:0 0 6px rgba(250,250,250,.9)}@keyframes mythicalFounderPulse{0%{transform:scale(1);box-shadow:0 0 8px rgba(251,191,36,.7),0 0 16px rgba(251,191,36,.4)}50%{transform:scale(1.03);box-shadow:0 0 12px rgba(251,191,36,.9),0 0 20px rgba(251,191,36,.6)}to{transform:scale(1);box-shadow:0 0 8px rgba(251,191,36,.7),0 0 16px rgba(251,191,36,.4)}}.badge-slug-founder{position:relative;background:radial-gradient(circle at 35% 25%,#fef3c7,#facc15 45%,#b45309 100%);box-shadow:0 0 10px rgba(250,204,21,.7),0 0 18px rgba(250,204,21,.55);animation:founderPulse 2s ease-in-out infinite}.badge-slug-founder .badge-icon{color:#fefce8;text-shadow:0 0 4px rgba(250,250,210,.9)}@keyframes founderPulse{0%,to{transform:scale(1);box-shadow:0 0 10px rgba(250,204,21,.7),0 0 18px rgba(250,204,21,.5)}50%{transform:scale(1.05);box-shadow:0 0 18px rgba(252,211,77,.95),0 0 28px rgba(252,211,77,.7)}}