@keyframes ping-once{0%{opacity:.32;transform:scale(1)}to{opacity:0;transform:scale(3.4)}}@property --tint{syntax:"<color>";inherits:true;initial-value:#0000}@property --arc{syntax:"<color>";inherits:false;initial-value:#0000}@property --tint-boost{syntax:"<number>";inherits:true;initial-value:1}.avatar-wheel{overflow-x:clip}.avatar-arc{stroke:var(--arc);transition:--arc .9s ease-in-out,stroke-dashoffset .9s cubic-bezier(.22,1,.36,1)}.avatar-stage{--night:oklch(27% .022 265);--tint:var(--color-lumen-deep);--tint-boost:1;pointer-events:none;transition:--tint 1.1s cubic-bezier(.4,0,.2,1),--tint-boost 1.1s cubic-bezier(.4,0,.2,1);position:absolute;inset:-8%}@media (width>=640px){.avatar-stage{inset:-22%}}.avatar-stage__halo{position:absolute;inset:0}.avatar-stage__core{position:absolute;inset:20%}.avatar-stage__halo{background:radial-gradient(circle closest-side at 50% 47%, color-mix(in oklab, var(--tint) calc(8% * var(--tint-boost)), transparent) 0%, color-mix(in oklab, var(--tint) calc(7.5% * var(--tint-boost)), transparent) 22%, color-mix(in oklab, var(--tint) calc(6% * var(--tint-boost)), transparent) 42%, color-mix(in oklab, var(--tint) calc(4% * var(--tint-boost)), transparent) 60%, color-mix(in oklab, var(--tint) calc(2% * var(--tint-boost)), transparent) 78%, color-mix(in oklab, var(--tint) calc(0.8% * var(--tint-boost)), transparent) 90%, transparent 100%)}.avatar-stage__core{background:radial-gradient(circle closest-side at 50% 47%, color-mix(in oklab, var(--tint) calc(12% * var(--tint-boost)), transparent) 0%, color-mix(in oklab, var(--tint) calc(10.5% * var(--tint-boost)), transparent) 20%, color-mix(in oklab, var(--tint) calc(7.5% * var(--tint-boost)), transparent) 38%, color-mix(in oklab, var(--tint) calc(4.5% * var(--tint-boost)), transparent) 54%, color-mix(in oklab, var(--tint) calc(2% * var(--tint-boost)), transparent) 70%, transparent 86%)}.avatar-stage__grain{opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='150' height='150' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle closest-side at 50% 47%,#000 0%,#00000073 48%,#0000 88%);mask-image:radial-gradient(circle closest-side at 50% 47%,#000 0%,#00000073 48%,#0000 88%)}.avatar-lumen-halo{pointer-events:none;background:radial-gradient(circle closest-side, color-mix(in oklab, currentColor 62%, transparent) 0%, color-mix(in oklab, currentColor 34%, transparent) 38%, color-mix(in oklab, currentColor 12%, transparent) 62%, transparent 82%);border-radius:9999px;animation:3.4s ease-in-out infinite lumen-glow;position:absolute;inset:-25%}@keyframes lumen-glow{0%,to{opacity:.35;transform:scale(.88)}45%{opacity:1;transform:scale(1.06)}}.avatar-sparkle{clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);opacity:0;background:currentColor;width:10px;height:10px;animation:2.7s ease-in-out infinite sparkle;position:absolute}.avatar-sparkle:first-of-type{top:6%;left:12%}.avatar-sparkle:nth-of-type(2){width:7px;height:7px;top:62%;left:78%}.avatar-sparkle:nth-of-type(3){width:6px;height:6px;top:18%;left:76%}@keyframes sparkle{0%,70%,to{opacity:0;transform:scale(.3)rotate(0)}12%{opacity:1;transform:scale(1)rotate(45deg)}28%{opacity:0;transform:scale(.4)rotate(90deg)}}[data-avatar=ignis] svg{transform-origin:50% 85%;animation:1.8s ease-in-out infinite flicker}@keyframes flicker{0%,to{transform:scaleY(1)scaleX(1)}30%{transform:scaleY(1.05)scaleX(.97)}60%{transform:scaleY(.97)scaleX(1.03)}}.avatar-spark{opacity:0;background:currentColor;border-radius:9999px;width:3px;height:3px;animation:ease-out infinite spark-rise;position:absolute;bottom:8%}@keyframes spark-rise{0%{opacity:0;transform:translate(0)scale(1)}15%{opacity:.95}to{opacity:0;transform:translate(var(--drift,6px), -58px) scale(.2)}}.avatar-spark:nth-of-type(odd){--drift:-7px}.avatar-spark:nth-of-type(3n){--drift:9px}.avatar-shimmer{pointer-events:none;border-radius:9999px;position:absolute;inset:0;overflow:hidden}.avatar-shimmer:after{content:"";background:linear-gradient(105deg, transparent 40%, color-mix(in oklab, currentColor 20%, transparent) 50%, transparent 60%);animation:3.8s ease-in-out infinite shimmer;position:absolute;inset:-40%}@keyframes shimmer{0%{transform:translate(-115%)}55%{transform:translate(115%)}to{transform:translate(115%)}}[data-avatar=aurum] svg path{transform-box:view-box;transform-origin:12px 12px;animation:11s cubic-bezier(.6,0,.35,1) infinite needle}@keyframes needle{0%{transform:rotate(0)}40%{transform:rotate(340deg)}55%{transform:rotate(325deg)}70%{transform:rotate(333deg)}to{transform:rotate(360deg)}}[data-avatar=ventus] svg{animation:5.5s ease-in-out infinite sway}@keyframes sway{0%,to{transform:rotate(-7deg)translate(-3px,2px)}50%{transform:rotate(7deg)translate(3px,-5px)}}[data-avatar=orion] svg{overflow:visible}[data-avatar=orion] svg>:not([cx="12"]){transform-box:view-box;transform-origin:12px 12px;animation:15s linear infinite orbit}[data-avatar=orion] svg>[cx="12"]{animation:3s ease-in-out infinite core-pulse}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes core-pulse{0%,to{opacity:.75}50%{opacity:1}}@media (prefers-reduced-motion:reduce){[data-avatar] svg,[data-avatar] svg *,.avatar-sparkle,.avatar-spark,.avatar-lumen-halo,.avatar-shimmer:after{animation:none!important}.avatar-lumen-halo{opacity:.7}.avatar-sparkle,.avatar-spark{opacity:0}.avatar-stage,.avatar-arc{transition:none}}