@keyframes badge-shimmer{0%,to{opacity:.8}50%{opacity:1}}.badge-legendary{background:linear-gradient(120deg,#fbbf24,#f59e0b 50%,#fbbf24);animation:badge-shimmer 2s ease-in-out infinite}.badge-hover-glow{transition:opacity .2s ease-out,transform .2s ease-out}.badge-hover-glow:hover{opacity:.9;transform:translateY(-1px)}.badge-legendary:hover{box-shadow:0 0 12px rgba(251,191,36,.4)}.badge-epic:hover{box-shadow:0 0 10px rgba(168,85,247,.4)}.badge-rare:hover{box-shadow:0 0 8px rgba(59,130,246,.4)}.badge-common:hover{box-shadow:0 0 6px rgba(34,197,94,.4)}.badge-tooltip{background:rgba(0,0,0,.95);border:1px solid hsla(0,0%,100%,.1)}.badge-tooltip:before{content:"";position:absolute;top:100%;right:8px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(0,0,0,.95)}.badge-container{pointer-events:none}.badge-container>*{pointer-events:auto}@keyframes badge-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.badge-fade-in{animation:badge-fade-in .3s ease-out forwards}.badge-count{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3)}.badge-count:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5)}@media (max-width:640px){.badge-container{max-width:100px}.badge-item{font-size:.6rem;padding:2px 6px}.badge-icon{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.badge-legendary{animation:none!important}.badge-fade-in,.badge-hover-glow:hover{transform:none!important}.badge-fade-in{animation:none!important;opacity:1!important}}@media (prefers-contrast:high){.badge-item{border:2px solid!important;background:transparent!important;color:currentColor!important}.badge-tooltip{background:#000!important;color:#fff!important;border:2px solid #fff!important}}