.cos-avatar{--cos-size:2.2rem;--cos-pad:0px;--cos-radius:.7rem;width:var(--cos-size);height:var(--cos-size);padding:var(--cos-pad);border-radius:var(--cos-radius);vertical-align:middle;flex:none;display:inline-grid;position:relative}.cos-avatar[data-size=md]{--cos-size:3rem;--cos-radius:.9rem}.cos-avatar[data-size=lg]{--cos-size:4.5rem;--cos-radius:1.2rem}.cos-avatar[data-size=xl]{--cos-size:6.5rem;--cos-radius:1.6rem}.cos-avatar[data-frame]{--cos-pad:calc(var(--cos-size) * .07)}.cos-avatar__tile{z-index:1;border-radius:calc(var(--cos-radius) - var(--cos-pad) * .6);background:linear-gradient(160deg, var(--violet), #4a2fb8);place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 3px #2e1c7a}.cos-avatar[data-frame] .cos-avatar__tile{box-shadow:none}.cos-avatar__tile svg{width:100%;height:100%;display:block}.cos-avatar__initial{color:#fff;font-family:var(--font-display), Impact, sans-serif;font-size:calc(var(--cos-size) * .48);line-height:1}.cos-avatar__tile[data-avatar]{background:#241b4d}.cos-avatar__tile[data-avatar=av_spark]{background:linear-gradient(160deg,#2a1f5c,#120c2a)}.cos-avatar__tile[data-avatar=av_cube]{background:linear-gradient(160deg,#1d2f5e,#0f1430)}.cos-avatar__tile[data-avatar=av_fox]{background:linear-gradient(160deg,#3b2370,#1b1240)}.cos-avatar__tile[data-avatar=av_owl]{background:linear-gradient(160deg,#19254f,#0c1028)}.cos-avatar__tile[data-avatar=av_slime]{background:linear-gradient(160deg,#1c3d4a,#0d1d26)}.cos-avatar__tile[data-avatar=av_ghost]{background:linear-gradient(160deg,#4a2f8c,#22134d)}.cos-avatar__tile[data-avatar=av_robot]{background:linear-gradient(160deg,#13405a,#0a1d2c)}.cos-avatar__tile[data-avatar=av_astro]{background:linear-gradient(160deg,#101a44,#050818)}.cos-avatar__tile[data-avatar=av_cat]{background:linear-gradient(160deg,#4b1d5c,#1f0c2c)}.cos-avatar__tile[data-avatar=av_shark]{background:linear-gradient(#11426e,#0a2140)}.cos-avatar__tile[data-avatar=av_knight]{background:linear-gradient(160deg,#4a2f8c,#1b1240)}.cos-avatar__tile[data-avatar=av_dragon]{background:linear-gradient(160deg,#5c1d3c,#24081a)}.cos-avatar__tile[data-avatar=av_comet]{background:linear-gradient(160deg,#0f1a48,#060a1e)}.cos-avatar__tile[data-avatar=av_ufo]{background:linear-gradient(#1a1450,#3a1c6a)}.cos-avatar__tile[data-avatar=av_flame]{background:linear-gradient(#2a0f3a,#12061c)}.cos-avatar__tile[data-avatar=av_planet]{background:linear-gradient(160deg,#2b1a66,#0d0726)}.cos-avatar__tile[data-avatar=av_jelly]{background:linear-gradient(#0e3a5c,#071a30)}.cos-avatar__tile[data-avatar=av_phoenix]{background:linear-gradient(#3c0f30,#1a0518)}.cos-avatar__tile[data-avatar=av_vortex]{background:radial-gradient(circle,#2a1f5c,#08061a 70%)}.cos-avatar__tile[data-avatar=av_mecha]{background:linear-gradient(160deg,#102a48,#070f20)}.cos-avatar__ring{border-radius:var(--cos-radius);background:#9d95c4;position:absolute;inset:0;overflow:hidden}.cos-avatar[data-frame=fr_simple] .cos-avatar__ring{background:rgb(var(--tint) / .55)}.cos-avatar[data-frame=fr_volt] .cos-avatar__ring{background:linear-gradient(160deg,#fff08f,#ffe14d 45%,#c9a400)}.cos-avatar[data-frame=fr_cyan] .cos-avatar__ring{background:#4fe3ff;box-shadow:0 0 10px #4fe3ff99}.cos-avatar[data-frame=fr_gold] .cos-avatar__ring{background:repeating-linear-gradient(135deg,#ffd56b 0 4px,#c98a00 4px 6px,#ffe9a8 6px 9px);box-shadow:inset 0 0 0 1px #7a5200}.cos-avatar[data-frame=fr_holo] .cos-avatar__ring{background:#8b5cff}.cos-avatar[data-frame=fr_holo] .cos-avatar__ring:before{content:"";background:conic-gradient(#ff4d7d,#ffe14d,#4be08a,#4fe3ff,#8b5cff,#ff4d7d);position:absolute;inset:-40%}.cos-avatar[data-frame=fr_crown] .cos-avatar__ring{background:linear-gradient(160deg,#fff08f,#ffb020 50%,#ff4d7d)}.cos-avatar__crown{z-index:2;width:58%;position:absolute;top:0;left:50%;transform:translate(-50%,-62%)}.cos-bg{isolation:isolate;color:#fff;background:#1b1538;position:relative;overflow:clip}.cos-bg[data-bg=default]{color:var(--fg);background:radial-gradient(40rem 14rem at 15% 0%, var(--bg-glow-1), transparent 70%), linear-gradient(160deg, var(--surface-2), var(--surface))}.cos-bg__fx{z-index:-1;pointer-events:none;position:absolute;inset:0}.cos-bg[data-bg=bg_night]{background:radial-gradient(30rem 12rem at 80% -10%,#7c4dff8c,#0000 70%),radial-gradient(3px 3px at 20% 30%,#fff 50%,#0000 52%),radial-gradient(2px 2px at 60% 70%,#fff 50%,#0000 52%),radial-gradient(2px 2px at 85% 40%,#ffe14d 50%,#0000 52%),linear-gradient(#1d1440,#0b0820)}.cos-bg[data-bg=bg_grid]{background:linear-gradient(#4fe3ff38 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#4fe3ff38 1px,#0000 1px) 0 0/28px 28px,linear-gradient(#0c1a3a,#170c36)}.cos-bg[data-bg=bg_sunset]{background:radial-gradient(circle at 75% 110%,#ffe14d 0 18%,#0000 19%),repeating-linear-gradient(#0000 0 14px,#100c2240 14px 17px),linear-gradient(#3a1c6a 0%,#ff4d7d 60%,#ffb020 100%)}.cos-bg[data-bg=bg_stripes]{background:repeating-linear-gradient(-45deg,#5b37d6 0 26px,#6f4cf0 26px 52px)}.cos-bg[data-bg=bg_studs]{background:radial-gradient(circle at 50% 46%,#ffffff59 0 6px,#0000 6.5px) 0 0/30px 30px,radial-gradient(circle at 50% 54%,#00000040 0 7px,#0000 7.5px) 0 0/30px 30px,#e8452f}.cos-bg[data-bg=bg_ocean]{background:radial-gradient(4px 4px at 18% 70%,#ffffff80 50%,#0000 55%),radial-gradient(3px 3px at 22%,#fff6 50%,#0000 55%),radial-gradient(5px 5px at 80% 60%,#ffffff59 50%,#0000 55%),linear-gradient(#0f6fa8,#082c5c 60%,#050f2a)}.cos-bg[data-bg=bg_candy]{background:radial-gradient(circle at 12% 30%,#fff08f 0 9px,#0000 10px),radial-gradient(circle at 70% 75%,#4fe3ff 0 7px,#0000 8px),radial-gradient(circle at 88% 22%,#4be08a 0 6px,#0000 7px),repeating-linear-gradient(60deg,#ff8ad8 0 18px,#ffb3e6 18px 36px)}.cos-bg[data-bg=bg_aurora]{background:linear-gradient(#050b24,#0d1640 70%,#12204d)}.cos-bg__aurora{background:repeating-linear-gradient(100deg,#0000 0 8%,#4be08a66 12%,#4fe3ff59 18%,#0000 24%,#b76bff4d 32%,#0000 40%);inset:-20% -50%}.cos-bg[data-bg=bg_stars]{background:radial-gradient(60rem 20rem at 50% 120%,#3a1c6a,#0000 70%),#07051a}.cos-bg__star{background:#fff;border-radius:50%;width:4px;height:4px;position:absolute}.cos-bg__star[data-star="1"]{top:22%;left:8%}.cos-bg__star[data-star="2"]{background:#ffe14d;top:68%;left:18%}.cos-bg__star[data-star="3"]{top:36%;left:31%}.cos-bg__star[data-star="4"]{background:#4fe3ff;top:80%;left:44%}.cos-bg__star[data-star="5"]{top:18%;left:53%}.cos-bg__star[data-star="6"]{background:#ff4d7d;top:55%;left:64%}.cos-bg__star[data-star="7"]{top:28%;left:73%}.cos-bg__star[data-star="8"]{background:#ffe14d;top:74%;left:82%}.cos-bg__star[data-star="9"]{top:40%;left:90%}.cos-bg__star[data-star="10"]{background:#4fe3ff;top:12%;left:96%}.cos-bg[data-bg=bg_hyper]{background:radial-gradient(circle,#3a1c6a,#07051a 70%)}.cos-bg__hyper{background:repeating-linear-gradient(90deg,#0000 0 40px,#4fe3ff73 40px 42px,#0000 42px 90px,#ffe14d66 90px 91px,#0000 91px 140px);inset:0 -100% 0 0}.cos-a-spin,.cos-a-spin-rev,.cos-a-spin-fast,.cos-a-spin-slow{transform-box:view-box;transform-origin:50%}.cos-a-bob,.cos-a-pulse,.cos-a-scan{transform-box:view-box}.cos-a-flicker{transform-box:fill-box;transform-origin:50% 100%}.cos-a-sway{transform-box:fill-box;transform-origin:50% 0}.cos-a-wing-l{transform-box:fill-box;transform-origin:100% 70%}.cos-a-wing-r{transform-box:fill-box;transform-origin:0 70%}@keyframes cos-spin{to{transform:rotate(360deg)}}@keyframes cos-spin-rev{to{transform:rotate(-360deg)}}@keyframes cos-bob{50%{transform:translateY(-3px)}}@keyframes cos-pulse{50%{opacity:.08}}@keyframes cos-flicker{0%,to{transform:scale(1)}30%{transform:scale(.96,1.06)}60%{transform:scale(1.03,.95)}}@keyframes cos-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes cos-wing-l{0%,to{transform:rotate(0)}50%{transform:rotate(14deg)}}@keyframes cos-wing-r{0%,to{transform:rotate(0)}50%{transform:rotate(-14deg)}}@keyframes cos-scan{0%,to{transform:translate(-11px)}50%{transform:translate(11px)}}@keyframes cos-twinkle{0%,to{opacity:1}50%{opacity:.15}}@keyframes cos-drift{0%{transform:translate(-12%)}to{transform:translate(12%)}}@keyframes cos-hyper{to{transform:translate(-50%)}}@media (prefers-reduced-motion:no-preference){:is([data-anim=on],[data-anim=hover]:hover,.cos-hover:hover [data-anim=hover]) .cos-a-spin{animation:6s linear infinite cos-spin}:is([data-anim=on],[data-anim=hover]:hover,.cos-hover:hover [data-anim=hover]) .cos-a-spin-slow{animation:10s linear infinite cos-spin}:is([data-anim=on],[data-anim=hover]:hover,.cos-hover:hover [data-anim=hover]) .cos-a-spin-fast{animation:3s linear infinite cos-spin}:is([data-anim=on],[data-anim=hover]:hover,.cos-hover:hover [data-anim=hover]) .cos-a-spin-rev{animation:4.5s linear infinite cos-spin-rev}:is([data-anim=on],[data-anim=hover]:hover,.cos-hover:hover [data-anim=hover]) .cos-a-bob{animation:2.4s ease-in-out infinite cos-bob}:is([data-anim=on],[data-anim=hover]:hover,.cos-hover:hover [data-anim=hover]) .cos-a-pulse{animation:2.4s ease-in-out infinite cos-pulse}:is([data-anim=on],[data-anim=hover]:hover,.cos-hover:hover [data-anim=hover]) .cos-a-flicker{animation:.9s ease-in-out infinite cos-flicker}:is([data-anim=on],[data-anim=hover]:hover,.cos-hover:hover [data-anim=hover]) .cos-a-sway{animation:2.4s ease-in-out infinite cos-sway}:is([data-anim=on],[data-anim=hover]:hover,.cos-hover:hover [data-anim=hover]) .cos-a-wing-l{animation:1.1s ease-in-out infinite cos-wing-l}:is([data-anim=on],[data-anim=hover]:hover,.cos-hover:hover [data-anim=hover]) .cos-a-wing-r{animation:1.1s ease-in-out infinite cos-wing-r}:is([data-anim=on],[data-anim=hover]:hover,.cos-hover:hover [data-anim=hover]) .cos-a-scan{animation:2.2s ease-in-out infinite cos-scan}.cos-avatar[data-frame=fr_holo]:is([data-anim=on],[data-anim=hover]:hover) .cos-avatar__ring:before,.cos-hover:hover .cos-avatar[data-frame=fr_holo][data-anim=hover] .cos-avatar__ring:before{animation:4s linear infinite cos-spin}:is(.cos-bg[data-anim=on],.cos-bg[data-anim=hover]:hover,.cos-hover:hover .cos-bg[data-anim=hover]) .cos-bg__aurora{animation:9s ease-in-out infinite alternate cos-drift}:is(.cos-bg[data-anim=on],.cos-bg[data-anim=hover]:hover,.cos-hover:hover .cos-bg[data-anim=hover]) .cos-bg__star{animation:2.6s ease-in-out infinite cos-twinkle}:is(.cos-bg[data-anim=on],.cos-bg[data-anim=hover]:hover,.cos-hover:hover .cos-bg[data-anim=hover]) .cos-bg__star:nth-child(2n){animation-delay:-1.3s}:is(.cos-bg[data-anim=on],.cos-bg[data-anim=hover]:hover,.cos-hover:hover .cos-bg[data-anim=hover]) .cos-bg__star:nth-child(3n){animation-delay:-.7s}:is(.cos-bg[data-anim=on],.cos-bg[data-anim=hover]:hover,.cos-hover:hover .cos-bg[data-anim=hover]) .cos-bg__hyper{animation:3s linear infinite cos-hyper}}.cos-rarity{letter-spacing:.02em;text-transform:uppercase;color:#10091f;background:var(--r-common);border-radius:999px;align-items:center;padding:.05rem .45rem;font-size:.68rem;font-weight:800;display:inline-flex}.cos-rarity[data-rarity=base]{color:var(--muted);box-shadow:inset 0 0 0 1px var(--line-strong);background:0 0}.cos-rarity[data-rarity=rare]{background:var(--r-rare)}.cos-rarity[data-rarity=epic]{background:var(--r-epic)}.cos-rarity[data-rarity=legendary]{background:var(--r-legendary)}.avatar-btn{cursor:pointer;background:0 0;border-radius:.7rem;padding:0;display:inline-grid}.avatar-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}