.badge-visual{--badge-fx-glow:12px;--badge-fx-intensity:.7;--badge-fx-primary:#eabf63;--badge-fx-secondary:#fff4cf;--badge-fx-size:56px;--badge-fx-speed:4s;--badge-fx-aura-speed:3.4s;--badge-fx-sweep-speed:6s;--badge-fx-ring-speed:7s;--badge-fx-particle-speed:3.2s;--badge-fx-holographic-speed:7.5s;--badge-fx-legendary-sweep-speed:8s;height:var(--badge-fx-size);isolation:isolate;vertical-align:middle;width:var(--badge-fx-size);flex:none;place-items:center;display:inline-grid;position:relative}.badge-visual__art{z-index:3;border-radius:22%;justify-content:center;align-items:center;width:82%;height:82%;transition:filter .2s,transform .2s;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.badge-visual__art>img{object-fit:contain}.community-badge-grid--detailed .badge-visual__art>img{width:100%;height:100%}.badge-visual__aura,.badge-visual__ring,.badge-visual__sweep,.badge-visual__particles{pointer-events:none;position:absolute;inset:0}.badge-visual__aura{background:radial-gradient(circle, color-mix(in srgb, var(--badge-fx-primary) 46%, transparent), transparent 67%);opacity:0;z-index:0;border-radius:50%;transform:scale(.72)}.badge-visual__ring{background:conic-gradient(from 20deg, transparent, var(--badge-fx-primary), var(--badge-fx-secondary), transparent 72%);opacity:0;z-index:1;border-radius:50%;inset:4%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1px))}.badge-visual__sweep{clip-path:circle(41%);opacity:0;z-index:4;background:linear-gradient(108deg,#0000 32%,#ffffffd6 48%,#0000 63%);transform:translate(-78%)}.badge-visual__particles i{animation-delay:var(--badge-particle-delay);background:var(--badge-fx-secondary);box-shadow:0 0 5px var(--badge-fx-primary);opacity:0;height:4px;transform:scale(var(--badge-particle-scale));border-radius:50%;width:4px;position:absolute}.badge-visual[data-active=true] .badge-visual__art{filter:drop-shadow(0 0 var(--badge-fx-glow) color-mix(in srgb, var(--badge-fx-primary) 68%, transparent))}.badge-visual[data-effect=SOFT_GLOW] .badge-visual__art,.badge-visual[data-effect=LEGENDARY_FLARE] .badge-visual__art{animation:badge-soft-glow var(--badge-fx-speed) ease-in-out infinite}.badge-visual[data-effect=AURA_PULSE] .badge-visual__aura,.badge-visual[data-effect=LEGENDARY_FLARE] .badge-visual__aura{animation:badge-aura var(--badge-fx-aura-speed) ease-in-out infinite;opacity:var(--badge-fx-intensity)}.badge-visual[data-effect=LIGHT_SWEEP] .badge-visual__sweep,.badge-visual[data-effect=LEGENDARY_FLARE] .badge-visual__sweep{animation:badge-sweep var(--badge-fx-sweep-speed) ease-in-out infinite;opacity:var(--badge-fx-intensity)}.badge-visual[data-effect=LEGENDARY_FLARE] .badge-visual__sweep{animation-duration:var(--badge-fx-legendary-sweep-speed)}.badge-visual[data-effect=PARTICLE_SPARK] .badge-visual__particles i,.badge-visual[data-effect=LEGENDARY_FLARE] .badge-visual__particles i{animation:badge-particle var(--badge-fx-particle-speed) ease-in-out infinite;animation-delay:var(--badge-particle-delay);opacity:var(--badge-fx-intensity)}.badge-visual[data-context=achievement] .badge-visual__particles i:nth-child(n+5){display:none}.badge-visual[data-effect=ENERGY_RING] .badge-visual__ring,.badge-visual[data-effect=LEGENDARY_FLARE] .badge-visual__ring{animation:badge-ring var(--badge-fx-ring-speed) linear infinite;opacity:var(--badge-fx-intensity)}.badge-visual[data-effect=HOLOGRAPHIC] .badge-visual__sweep{background:linear-gradient(112deg, transparent 18%, color-mix(in srgb, var(--badge-fx-primary) 42%, transparent) 36%, #ffffffb8 50%, color-mix(in srgb, var(--badge-fx-secondary) 46%, transparent) 64%, transparent 82%);animation:badge-holographic var(--badge-fx-holographic-speed) ease-in-out infinite;mix-blend-mode:screen;opacity:var(--badge-fx-intensity);background-size:240% 240%}.badge-visual[data-active=true] .badge-visual__art,.badge-visual[data-active=true] .badge-visual__aura,.badge-visual[data-active=true] .badge-visual__ring,.badge-visual[data-active=true] .badge-visual__sweep,.badge-visual[data-active=true] .badge-visual__particles i{will-change:filter, opacity, transform}@media (hover:hover) and (pointer:fine){.badge-visual[data-hover=true]:hover .badge-visual__art{transform:scale(1.045)}}.badge-visual[data-paused=true] *,.badge-visual[data-paused=true] :before,.badge-visual[data-paused=true] :after{animation-play-state:paused!important}@keyframes badge-soft-glow{0%,to{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--badge-fx-primary) 42%, transparent))}50%{filter:drop-shadow(0 0 var(--badge-fx-glow) color-mix(in srgb, var(--badge-fx-primary) 78%, transparent))}}@keyframes badge-aura{0%,to{opacity:.22;transform:scale(.72)}50%{opacity:var(--badge-fx-intensity);transform:scale(1.08)}}@keyframes badge-sweep{0%,18%{transform:translate(-85%)}52%,to{transform:translate(85%)}}@keyframes badge-ring{to{transform:rotate(360deg)}}@keyframes badge-holographic{0%,18%{background-position:100% 100%;transform:translate(-78%)}58%{background-position:0 0;transform:translate(78%)}to{background-position:0 0;transform:translate(78%)}}@keyframes badge-particle{0%,to{opacity:0;transform:translateY(5px) scale(var(--badge-particle-scale))}35%{opacity:var(--badge-fx-intensity)}70%{opacity:0;transform:translateY(-7px) scale(calc(var(--badge-particle-scale) * 1.35))}}@media (max-width:48rem){.badge-visual[data-mobile=false] .badge-visual__aura,.badge-visual[data-mobile=false] .badge-visual__ring,.badge-visual[data-mobile=false] .badge-visual__sweep,.badge-visual[data-mobile=false] .badge-visual__particles{display:none}.badge-visual[data-mobile=false] .badge-visual__art{animation:none!important}.badge-visual__particles i:nth-child(n+6){display:none}}@media (prefers-reduced-motion:reduce){.badge-visual[data-motion=preview][data-effect=SOFT_GLOW] .badge-visual__art,.badge-visual[data-motion=preview][data-effect=LEGENDARY_FLARE] .badge-visual__art{animation-duration:var(--badge-fx-speed)!important;animation-iteration-count:infinite!important}.badge-visual[data-motion=preview][data-effect=AURA_PULSE] .badge-visual__aura,.badge-visual[data-motion=preview][data-effect=LEGENDARY_FLARE] .badge-visual__aura{animation-duration:var(--badge-fx-aura-speed)!important;animation-iteration-count:infinite!important}.badge-visual[data-motion=preview][data-effect=LIGHT_SWEEP] .badge-visual__sweep{animation-duration:var(--badge-fx-sweep-speed)!important;animation-iteration-count:infinite!important}.badge-visual[data-motion=preview][data-effect=LEGENDARY_FLARE] .badge-visual__sweep{animation-duration:var(--badge-fx-legendary-sweep-speed)!important;animation-iteration-count:infinite!important}.badge-visual[data-motion=preview][data-effect=PARTICLE_SPARK] .badge-visual__particles i,.badge-visual[data-motion=preview][data-effect=LEGENDARY_FLARE] .badge-visual__particles i{animation-duration:var(--badge-fx-particle-speed)!important;animation-iteration-count:infinite!important}.badge-visual[data-motion=preview][data-effect=ENERGY_RING] .badge-visual__ring,.badge-visual[data-motion=preview][data-effect=LEGENDARY_FLARE] .badge-visual__ring{animation-duration:var(--badge-fx-ring-speed)!important;animation-iteration-count:infinite!important}.badge-visual[data-motion=preview][data-effect=HOLOGRAPHIC] .badge-visual__sweep{animation-duration:var(--badge-fx-holographic-speed)!important;animation-iteration-count:infinite!important}.badge-visual:not([data-motion=preview]) *,.badge-visual:not([data-motion=preview]) :before,.badge-visual:not([data-motion=preview]) :after{transition:none!important;animation:none!important}.badge-visual:not([data-motion=preview]) .badge-visual__particles,.badge-visual:not([data-motion=preview]) .badge-visual__sweep{display:none}.badge-visual:not([data-motion=preview])[data-active=true] .badge-visual__aura{opacity:.3;transform:scale(.92)}}