.name-fx{--nc: var(--name-color, var(--ink));display:inline-block;max-width:100%;vertical-align:bottom}.name-fx__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.name-fx--gradient,.name-fx--spark,.name-fx--aurora,.name-fx--inferno,.name-fx--frost,.name-fx--holo,.name-fx--gold,.name-fx--chrome{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-repeat:repeat}.name-fx--gradient{background-image:linear-gradient(90deg,#ff3b5c,#ff9f1a,#ffe14d,#3ddc84,#22b8ff,#9d4dff,#ff3b5c);background-size:200% 100%;filter:drop-shadow(0 0 .3em rgb(255 255 255 / .2));animation:name-fx-flow 4s linear infinite}.name-fx--glow{--nc: var(--name-color, #2ee6ff);-webkit-text-fill-color:color-mix(in srgb,var(--nc) 62%,#fff);text-shadow:0 0 1px color-mix(in srgb,var(--nc) 55%,#000),0 0 .22em var(--nc),0 0 .55em var(--nc),0 0 1.1em color-mix(in srgb,var(--nc) 60%,transparent);animation:name-fx-buzz 5s linear infinite}.name-fx--spark{--nc: var(--name-color, #ffc21a);background-image:linear-gradient(105deg,var(--nc) 0 40%,#fff 47% 53%,var(--nc) 60% 100%);background-size:250% 100%;background-repeat:no-repeat;background-position:100% 0;filter:drop-shadow(0 .04em 0 rgb(0 0 0 / .22)) drop-shadow(0 0 .3em color-mix(in srgb,var(--nc) 55%,transparent));animation:name-fx-sweep 2.6s ease-in-out infinite}.name-fx--aurora{background-image:linear-gradient(100deg,#3ddc97,#22d3ee,#818cf8,#e879f9,#22d3ee,#3ddc97);background-size:200% 100%;filter:drop-shadow(0 .04em 0 rgb(20 80 90 / .35)) drop-shadow(0 0 .4em rgb(56 225 200 / .4));animation:name-fx-flow 7s linear infinite}.name-fx--inferno{background-image:linear-gradient(0deg,#ffe45c,#ff9a1f 22%,#ff3d00 48%,#b3001b 70%,#ff7a1a 86%,#ffe45c);background-size:100% 200%;filter:drop-shadow(0 0 .2em rgb(255 106 0 / .8)) drop-shadow(0 -.12em .45em rgb(255 60 0 / .45));animation:name-fx-rise 1.6s linear infinite}.name-fx--frost{background-image:linear-gradient(105deg,transparent 40%,rgb(255 255 255 / .95) 50%,transparent 60%),linear-gradient(180deg,#fff,#c7f0ff 45%,#5ab8f5 55%,#b5e6ff);background-size:250% 100%,100% 100%;background-repeat:no-repeat;background-position:100% 0,0 0;filter:drop-shadow(0 0 .025em rgb(30 90 150 / .7)) drop-shadow(0 .05em 0 rgb(30 90 150 / .5)) drop-shadow(0 0 .35em rgb(120 210 255 / .7));animation:name-fx-glint 3.2s ease-in-out infinite}.name-fx--holo{background-image:linear-gradient(120deg,#ff8fd8,#b8a6ff,#7fdcff,#8cffc0,#fff08a,#ff8fd8);background-size:200% 100%;filter:drop-shadow(0 0 .025em rgb(70 50 130 / .7)) drop-shadow(0 .05em 0 rgb(80 60 140 / .45)) drop-shadow(0 0 .3em rgb(190 160 255 / .5));animation:name-fx-flow 5s linear infinite}.name-fx--gold{background-image:linear-gradient(105deg,transparent 40%,rgb(255 255 255 / .9) 50%,transparent 60%),linear-gradient(180deg,#fff3b0,#ffd34d 35%,#c58a00 52%,#ffdf70 70%,#a86b00);background-size:250% 100%,100% 100%;background-repeat:no-repeat;background-position:100% 0,0 0;filter:drop-shadow(0 .05em 0 rgb(110 70 0 / .65)) drop-shadow(0 0 .35em rgb(255 190 40 / .45));animation:name-fx-glint 3s ease-in-out infinite}.name-fx--chrome{background-image:linear-gradient(105deg,transparent 40%,rgb(255 255 255 / .95) 50%,transparent 60%),linear-gradient(180deg,#fff,#dfe6ee 38%,#4f5967 50%,#97a3b3 64%,#eef2f6);background-size:250% 100%,100% 100%;background-repeat:no-repeat;background-position:100% 0,0 0;filter:drop-shadow(0 .05em 0 rgb(20 25 35 / .6)) drop-shadow(0 0 .25em rgb(180 200 230 / .4));animation:name-fx-glint 3.4s ease-in-out infinite}.name-fx--glitch{position:relative;-webkit-text-fill-color:var(--nc);text-shadow:.05em 0 0 rgb(255 0 80 / .5),-.05em 0 0 rgb(0 229 255 / .5);animation:name-fx-jitter 3.2s steps(1,end) infinite}.name-fx--glitch:before,.name-fx--glitch:after{content:attr(data-text);position:absolute;inset:0;overflow:hidden;white-space:nowrap;opacity:0;pointer-events:none;text-shadow:none}.name-fx--glitch:before{-webkit-text-fill-color:#ff2e63;animation:name-fx-slice-a 3.2s steps(1,end) infinite}.name-fx--glitch:after{-webkit-text-fill-color:#08f7fe;animation:name-fx-slice-b 3.2s steps(1,end) infinite}.name-fx--retro{--nc: var(--name-color, #ff2e97);font-style:italic;letter-spacing:.02em;-webkit-text-fill-color:var(--nc);text-shadow:.035em .035em 0 color-mix(in srgb,var(--nc) 62%,#000),.07em .07em 0 color-mix(in srgb,var(--nc) 46%,#000),.105em .105em 0 color-mix(in srgb,var(--nc) 32%,#000),.16em .16em .12em rgb(0 0 0 / .35),-.04em -.03em 0 rgb(34 225 255 / .55)}.name-fx--wave{-webkit-text-fill-color:var(--nc);text-shadow:0 .12em .3em color-mix(in srgb,var(--nc) 32%,transparent)}.name-fx__char{display:inline-block;animation:name-fx-wave 1.8s ease-in-out infinite;animation-delay:calc(var(--i) * .08s)}.name-fx--sparkle{position:relative;-webkit-text-fill-color:var(--nc);text-shadow:0 0 .4em color-mix(in srgb,var(--nc) 40%,transparent)}.name-fx__sparkle{position:absolute;font-size:.55em;font-style:normal;line-height:1;-webkit-text-fill-color:#fff6c2;text-shadow:0 0 1px #b8860b,0 0 .35em #ffd34d,0 0 .8em rgb(255 211 77 / .6);pointer-events:none;transform:scale(0);animation:name-fx-twinkle 2.1s ease-in-out infinite}.name-fx__sparkle:nth-of-type(1){top:-.35em;left:-.45em}.name-fx__sparkle:nth-of-type(2){top:-.5em;right:-.5em;font-size:.72em;animation-delay:.7s}.name-fx__sparkle:nth-of-type(3){bottom:-.3em;left:58%;font-size:.45em;animation-delay:1.4s}@keyframes name-fx-flow{to{background-position:-200% 0}}@keyframes name-fx-rise{to{background-position:0 -200%}}@keyframes name-fx-sweep{0%,25%{background-position:100% 0}75%,to{background-position:0% 0}}@keyframes name-fx-glint{0%,30%{background-position:100% 0,0 0}75%,to{background-position:0% 0,0 0}}@keyframes name-fx-buzz{0%,88%,91%,94%,to{opacity:1}89%{opacity:.55}92.5%{opacity:.75}}@keyframes name-fx-jitter{0%,62%,72%,to{transform:none}64%{transform:translate(.04em) skew(-8deg)}67%{transform:translate(-.05em,.02em)}70%{transform:translate(.02em,-.02em) skew(5deg)}}@keyframes name-fx-slice-a{0%,62%,72%,to{opacity:0;transform:none;clip-path:inset(0 0 100% 0)}64%{opacity:1;transform:translate(-.09em,-.02em);clip-path:inset(8% 0 58% 0)}67%{opacity:1;transform:translate(.07em);clip-path:inset(62% 0 6% 0)}70%{opacity:1;transform:translate(-.05em,.02em);clip-path:inset(32% 0 40% 0)}}@keyframes name-fx-slice-b{0%,62%,72%,to{opacity:0;transform:none;clip-path:inset(100% 0 0 0)}64%{opacity:1;transform:translate(.09em,.02em);clip-path:inset(52% 0 12% 0)}67%{opacity:1;transform:translate(-.07em);clip-path:inset(10% 0 64% 0)}70%{opacity:1;transform:translate(.05em,-.02em);clip-path:inset(44% 0 30% 0)}}@keyframes name-fx-wave{0%,55%,to{transform:translateY(0)}25%{transform:translateY(-.24em)}}@keyframes name-fx-twinkle{0%,to{transform:scale(0) rotate(0);opacity:0}45%{transform:scale(1) rotate(90deg);opacity:1}70%{transform:scale(.4) rotate(160deg);opacity:.4}}.avatar-frame{--ring: .36em;--ring-mask: radial-gradient(farthest-side, transparent calc(100% - var(--ring) - .5px), #000 calc(100% - var(--ring)));position:relative;display:inline-grid;place-items:center;border-radius:50%;font-size:var(--frame-em, 1rem);line-height:1;isolation:isolate}.avatar-frame>:not(.avatar-frame__ring):not(.avatar-frame__deco){position:relative;z-index:1}.avatar-frame__ring,.avatar-frame__deco{position:absolute;inset:calc(var(--ring) * -1 - .1em);border-radius:50%;pointer-events:none}.avatar-frame__ring{z-index:0}.avatar-frame__deco{z-index:2}.avatar-frame__ring:before,.avatar-frame__ring:after,.avatar-frame__deco:before,.avatar-frame__deco:after{content:"";position:absolute;border-radius:50%;line-height:1;pointer-events:none}.avatar-frame__ring:before{inset:0;background:var(--ring-fill, transparent);-webkit-mask:var(--ring-mask);mask:var(--ring-mask)}.avatar-frame__ring:after{inset:0;box-shadow:var(--ring-glow, none)}.avatar-frame--halo{--ring-fill: conic-gradient(from 0deg, #a8690a, #ffd45c 14%, #fffbe6 20%, #ffd45c 26%, #d99a1e 50%, #ffe28a 74%, #a8690a);--ring-glow: 0 0 1em .1em rgb(255 200 70 / .55)}.avatar-frame--halo .avatar-frame__ring:before{animation:frame-spin 5s linear infinite}.avatar-frame--halo .avatar-frame__ring:after{animation:frame-breathe 3s ease-in-out infinite}.avatar-frame--halo .avatar-frame__deco:before{top:-1em;left:50%;width:56%;height:.95em;translate:-50% 0;border:.2em solid #ffe07a;box-shadow:0 0 .6em #ffd75ad9,inset 0 0 .35em #ffd75ab3;animation:frame-bob 2.6s ease-in-out infinite}.avatar-frame--prism{--ring-fill: conic-gradient(#ff3b5c, #ff9f1a, #ffe14d, #3ddc84, #22b8ff, #9d4dff, #ff3b5c);--ring-glow: -.25em -.1em .9em rgb(255 59 92 / .45), .25em .1em .9em rgb(34 184 255 / .45)}.avatar-frame--prism .avatar-frame__ring:before,.avatar-frame--prism .avatar-frame__ring:after{animation:frame-spin 3.5s linear infinite}.avatar-frame--prism .avatar-frame__deco:before{inset:calc(var(--ring) - .06em);border:.06em solid rgb(255 255 255 / .65)}.avatar-frame--prism .avatar-frame__deco:after{content:"✦";top:0;right:.2em;font-size:1.3em;color:#fff;text-shadow:0 0 .4em #fff,0 0 .8em #9d4dff;animation:frame-twinkle 2.4s ease-in-out infinite}.avatar-frame--slate{--ring-fill: conic-gradient(from 20deg, #4b5361, #c9d1dc, #6b7485, #eef2f6, #4b5361, #aeb7c4, #5b6474, #dfe5ec, #4b5361);--ring-glow: 0 .35em .9em rgb(15 23 42 / .4), 0 0 0 .05em rgb(0 0 0 / .35)}.avatar-frame--slate .avatar-frame__deco:before{inset:calc(var(--ring) - .05em);border:.05em solid rgb(0 0 0 / .4)}.avatar-frame--slate .avatar-frame__deco:after{inset:0;background:conic-gradient(from 0deg,transparent 0 68%,rgb(255 255 255 / .9) 75%,transparent 82%);-webkit-mask:var(--ring-mask);mask:var(--ring-mask);animation:frame-spin 4.5s cubic-bezier(.6,0,.4,1) infinite}.avatar-frame--ember{--ring-fill: conic-gradient(#ff2d00, #ff8a00, #ffd600, #ff5a00, #c40000, #ff8a00, #ffd600, #ff2d00);--ring-glow: 0 0 .8em .1em rgb(255 110 0 / .75), 0 0 1.8em .2em rgb(255 60 0 / .35)}.avatar-frame--ember .avatar-frame__ring:before{animation:frame-spin 2.4s linear infinite}.avatar-frame--ember .avatar-frame__ring:after{animation:frame-flicker 1.7s ease-in-out infinite}.avatar-frame--ember .avatar-frame__deco:before,.avatar-frame--ember .avatar-frame__deco:after{bottom:22%;left:3%;width:.46em;height:.46em;background:radial-gradient(circle,#fff6c2 0 30%,#ffb13b 60%,#ff5a00);box-shadow:0 0 .45em .12em #ff7a00e6,6.2em -.5em 0 -.06em #ffc14d,6.3em -.5em .4em #ff7a0099,5.6em 1em 0 -.1em #ff8a1a;opacity:0;animation:frame-ember-rise 2.3s ease-in infinite}.avatar-frame--ember .avatar-frame__deco:after{bottom:8%;left:12%;animation-duration:2.8s;animation-delay:-1.3s}.avatar-frame--frost{--ring-fill: repeating-conic-gradient(from 0deg, #f2fcff 0deg 5deg, #9fdcff 5deg 11deg, #d8f3ff 11deg 14deg, #5fb3ea 14deg 20deg);--ring-glow: 0 0 .9em .1em rgb(140 215 255 / .65), 0 0 0 .04em rgb(60 130 190 / .45)}.avatar-frame--frost .avatar-frame__ring:before{animation:frame-spin 24s linear infinite}.avatar-frame--frost .avatar-frame__deco:before,.avatar-frame--frost .avatar-frame__deco:after{content:"❄︎";color:#e6f8ff;text-shadow:0 0 .3em #7fd4ff,0 0 .1em #2f8fd0;animation:frame-spin 9s linear infinite}.avatar-frame--frost .avatar-frame__deco:before{top:-.35em;right:-.15em;font-size:1.9em}.avatar-frame--frost .avatar-frame__deco:after{bottom:.1em;left:-.15em;font-size:1.15em;animation-direction:reverse}.avatar-frame--royal{--ring: .46em;--ring-fill: radial-gradient(farthest-side, transparent calc(100% - .31em) , #7c3aed calc(100% - .31em) calc(100% - .16em) , transparent calc(100% - .16em) ), conic-gradient(from 0deg, #9a6a00, #ffe27a, #d4a017, #fff3b0, #b8860b, #ffd34d, #9a6a00);--ring-glow: 0 0 .9em .08em rgb(212 160 23 / .55), 0 0 1.6em rgb(124 58 237 / .35)}.avatar-frame--royal .avatar-frame__ring:after{animation:frame-breathe 3.4s ease-in-out infinite}.avatar-frame--royal .avatar-frame__deco:before{content:"👑";top:-1.3em;left:50%;translate:-50% 0;rotate:-8deg;font-size:2.1em;filter:drop-shadow(0 .1em .2em rgb(0 0 0 / .35));animation:frame-bob 3s ease-in-out infinite}.avatar-frame--neon{--ring: .44em;--ring-fill: radial-gradient( farthest-side, transparent calc(100% - .44em) , #9af6ff calc(100% - .44em) calc(100% - .31em) , transparent calc(100% - .31em) calc(100% - .15em) , #ff9aec calc(100% - .15em) 100% );--ring-glow: 0 0 .45em #ff2bd6, 0 0 1.3em rgb(255 43 214 / .6), inset 0 0 .5em rgb(34 225 255 / .9), inset 0 0 1em rgb(34 225 255 / .45)}.avatar-frame--neon .avatar-frame__ring:before,.avatar-frame--neon .avatar-frame__ring:after{animation:frame-buzz 4s linear infinite}.avatar-frame--galaxy{--ring: .42em;--ring-fill: radial-gradient(circle at 73.75% 8.86%, #fff 0 .05em, transparent .08em), radial-gradient(circle at 96.78% 58.25%, #fff 0 .04em, transparent .07em), radial-gradient(circle at 62.3% 95.9%, #e0e7ff 0 .05em, transparent .08em), radial-gradient(circle at 8.86% 73.75%, #fff 0 .04em, transparent .07em), radial-gradient(circle at 11.1% 22.8%, #fbcfe8 0 .05em, transparent .08em), radial-gradient(circle at 40% 2.8%, #fff 0 .03em, transparent .06em), conic-gradient(from 0deg, #1e1b4b, #6d28d9, #db2777, #312e81, #1d4ed8, #0ea5e9, #6d28d9, #1e1b4b);--ring-glow: 0 0 1em .1em rgb(139 92 246 / .6)}.avatar-frame--galaxy .avatar-frame__ring:before{animation:frame-spin 16s linear infinite}.avatar-frame--galaxy .avatar-frame__deco{animation:frame-spin 7s linear infinite}.avatar-frame--galaxy .avatar-frame__deco:before{top:-.12em;left:50%;width:.62em;height:.62em;translate:-50% 0;background:radial-gradient(circle at 35% 35%,#fff,#c7d2fe 55%,#6366f1);box-shadow:0 0 .45em #a5b4fc}.avatar-frame--galaxy .avatar-frame__deco:after{bottom:.02em;left:50%;width:.36em;height:.36em;translate:-50% 0;background:radial-gradient(circle at 35% 35%,#fff,#f0abfc 60%,#c026d3);box-shadow:0 0 .35em #f0abfc}.avatar-frame--tiles{--ring: .44em;--ring-fill: repeating-conic-gradient( from -5deg, var(--tile-correct, #6aaa64) 0deg 25deg, transparent 25deg 30deg, var(--tile-present, #c9b458) 30deg 55deg, transparent 55deg 60deg, #8b8f94 60deg 85deg, transparent 85deg 90deg );--ring-glow: 0 0 .8em color-mix(in srgb, var(--tile-correct, #6aaa64) 50%, transparent)}.avatar-frame--tiles .avatar-frame__ring:before{animation:frame-spin 12s steps(12) infinite}.avatar-frame--tiles .avatar-frame__deco:after{content:"✓";right:.25em;bottom:.25em;display:grid;place-items:center;width:1.5em;height:1.5em;border-radius:.3em;background:var(--tile-correct, #6aaa64);color:#fff;font-size:1em;font-weight:900;box-shadow:0 0 0 .12em var(--surface, #1a1a1b),0 .15em .4em #00000059}.avatar-frame--bloom{--ring-fill: conic-gradient(from 0deg, #ffc2d9, #ff7fae, #ffd6e5, #ffa3c7, #fff0f5, #ff8fb8, #ffc2d9);--ring-glow: 0 0 1em .1em rgb(255 150 190 / .55), 0 0 0 .04em rgb(200 80 130 / .35)}.avatar-frame--bloom .avatar-frame__ring:before{animation:frame-spin 14s linear infinite}.avatar-frame--bloom .avatar-frame__deco:before,.avatar-frame--bloom .avatar-frame__deco:after{content:"🌸";animation:frame-sway 3s ease-in-out infinite}.avatar-frame--bloom .avatar-frame__deco:before{top:-.45em;left:-.25em;font-size:1.9em}.avatar-frame--bloom .avatar-frame__deco:after{right:-.15em;bottom:-.1em;font-size:1.3em;animation-duration:3.6s;animation-direction:reverse}.avatar-frame--eclipse{--ring: .3em;--ring-fill: conic-gradient(#07070c, #1c1a2e, #07070c, #15131f, #07070c);--ring-glow: 0 0 .3em .08em #fff4d1, 0 0 1em .25em rgb(255 190 80 / .65), 0 0 2.2em .5em rgb(255 110 40 / .3)}.avatar-frame--eclipse .avatar-frame__ring:after{animation:frame-breathe 3.2s ease-in-out infinite}.avatar-frame--eclipse .avatar-frame__deco:before{top:7%;right:12%;width:.6em;height:.6em;background:radial-gradient(circle,#fff 0 35%,rgb(255 244 209 / .8) 50%,transparent 72%);box-shadow:0 0 .8em .25em #fff0c8cc;animation:frame-flare 3.2s ease-in-out infinite}.avatar-frame--eclipse .avatar-frame__deco:after{top:calc(7% + .27em);right:calc(12% - .7em);width:2em;height:.06em;border-radius:999px;background:linear-gradient(90deg,transparent,#fff,transparent);animation:frame-flare 3.2s ease-in-out infinite}.avatar-frame--storm{--ring-fill: conic-gradient(#0b1f4d, #2563eb, #7dd3fc, #1e3a8a, #38bdf8, #e0f2fe, #1d4ed8, #0b1f4d);--ring-glow: 0 0 .9em .12em rgb(56 189 248 / .65)}.avatar-frame--storm .avatar-frame__ring:before{animation:frame-spin 2.8s linear infinite}.avatar-frame--storm .avatar-frame__ring:after{animation:frame-flicker 2.2s ease-in-out infinite}.avatar-frame--storm .avatar-frame__deco:before{inset:0;background:conic-gradient(from 0deg,transparent 0 8%,#e0f2fe 9%,transparent 11% 38%,#bae6fd 39%,transparent 41% 66%,#fff 67%,transparent 69%);-webkit-mask:var(--ring-mask);mask:var(--ring-mask);animation:frame-spin 1.4s linear infinite reverse}.avatar-frame--storm .avatar-frame__deco:after{content:"⚡";top:-.45em;right:-.25em;font-size:1.7em;filter:drop-shadow(0 0 .25em #38bdf8);animation:frame-zap 2.2s ease-in-out infinite}.avatar-frame--diamond{--ring-fill: repeating-conic-gradient(from 0deg, #ffffff 0deg 9deg, #d6ecff 9deg 17deg, #f7d9ff 17deg 22deg, #bfe3ff 22deg 30deg);--ring-glow: 0 0 .9em .12em rgb(210 235 255 / .75), 0 0 0 .04em rgb(100 130 170 / .5)}.avatar-frame--diamond .avatar-frame__ring:before{animation:frame-spin 18s linear infinite}.avatar-frame--diamond .avatar-frame__deco:before,.avatar-frame--diamond .avatar-frame__deco:after{content:"✦";color:#fff;text-shadow:0 0 .35em #bfe3ff,0 0 .1em #6ea8ff;animation:frame-twinkle 2.2s ease-in-out infinite}.avatar-frame--diamond .avatar-frame__deco:before{top:-.3em;right:.25em;font-size:1.6em}.avatar-frame--diamond .avatar-frame__deco:after{bottom:.1em;left:.05em;font-size:1.05em;animation-delay:-1.1s}@keyframes frame-spin{to{transform:rotate(1turn)}}@keyframes frame-breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes frame-flicker{0%,to{opacity:1}20%{opacity:.7}35%{opacity:.95}55%{opacity:.6}75%{opacity:.9}}@keyframes frame-buzz{0%,86%,90%,to{opacity:1}88%{opacity:.45}93%{opacity:.8}}@keyframes frame-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.2em)}}@keyframes frame-sway{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}@keyframes frame-twinkle{0%,to{transform:scale(.3) rotate(0);opacity:.25}50%{transform:scale(1) rotate(90deg);opacity:1}}@keyframes frame-flare{0%,to{transform:scale(.6);opacity:.55}50%{transform:scale(1.25);opacity:1}}@keyframes frame-zap{0%,to{transform:scale(1) rotate(0);opacity:1}45%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(-8deg);opacity:.7}55%{transform:scale(1.05) rotate(4deg);opacity:1}}@keyframes frame-ember-rise{0%{transform:translate(0) scale(1);opacity:0}15%{opacity:1}to{transform:translate(.35em,-4.2em) scale(.25);opacity:0}}.cosmetic-editor{display:grid;gap:.75rem;margin-top:.5rem}.cosmetic-preview{display:grid;gap:.55rem;padding:.7rem;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-raised) 70%,transparent)}.cosmetic-preview__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem}.cosmetic-preview__title{color:var(--ink-muted);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.cosmetic-preview__tryon{padding:.3rem .6rem;border:1px solid color-mix(in srgb,#ffc21a 60%,transparent);border-radius:999px;background:color-mix(in srgb,#ffc21a 16%,transparent);color:var(--ink);font-family:inherit;font-size:.7rem;font-weight:800;text-align:left;cursor:pointer}.cosmetic-preview__tryon:hover,.cosmetic-preview__tryon:focus-visible{background:color-mix(in srgb,#ffc21a 28%,transparent)}.cosmetic-preview__stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.5rem}.cosmetic-preview__stage{position:relative;display:flex;align-items:center;gap:1rem;min-width:0;padding:1.35rem .95rem .95rem 1.1rem;border-radius:8px;color:var(--ink);background:var(--stage-bg);overflow:hidden}.cosmetic-preview__stage--dark{--ink: #f4f4f5;--ink-muted: #9a9ba0;--surface: #1a1a1b;--surface-raised: #2a2a2d;--stage-bg: radial-gradient(120% 140% at 0% 0%, #26262b, #121213 70%)}.cosmetic-preview__stage--light{--ink: #1a1a1b;--ink-muted: #6b6f76;--surface: #ffffff;--surface-raised: #eef0f3;--stage-bg: radial-gradient(120% 140% at 0% 0%, #ffffff, #eceef2 70%);box-shadow:inset 0 0 0 1px #00000014}.cosmetic-preview__text{display:flex;min-width:0;flex-direction:column;gap:.2rem}.cosmetic-preview__name{overflow:visible;font-size:1.2rem;font-weight:900;letter-spacing:-.02em;white-space:nowrap}.cosmetic-preview__username{color:var(--ink-muted);font-size:.75rem}.cosmetic-preview__tone{position:absolute;top:.4rem;right:.55rem;color:var(--ink-muted);font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cosmetic-avatar{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;overflow:hidden;border:2px solid var(--surface);border-radius:50%;background:var(--surface-raised) center / cover no-repeat;color:var(--ink-muted);font-size:1rem;font-weight:900}.cosmetic-avatar-frame--preview{--frame-em: .46rem;flex:0 0 auto}.cosmetic-avatar-frame--tile{--frame-em: .4rem}.cosmetic-avatar-frame--tile .cosmetic-avatar{width:2.6rem;height:2.6rem;font-size:.9rem}.cosmetic-tabs{display:flex;gap:.3rem;padding:.25rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface-raised) 60%,transparent)}.cosmetic-tabs__tab{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:2rem;padding:.3rem .6rem;border:0;border-radius:999px;background:transparent;color:var(--ink-muted);font-family:inherit;font-size:.8rem;font-weight:800;cursor:pointer;transition:background .14s ease,color .14s ease}.cosmetic-tabs__tab:hover,.cosmetic-tabs__tab:focus-visible{color:var(--ink)}.cosmetic-tabs__tab--active{background:var(--ink);color:var(--surface)}.cosmetic-tabs__tab--active:hover,.cosmetic-tabs__tab--active:focus-visible{color:var(--surface)}.cosmetic-tabs__lock{font-size:.7rem}.cosmetic-panel{display:grid;gap:.6rem}.cosmetic-lock-cta{margin:0}.cosmetic-grid{display:grid;gap:.5rem}.cosmetic-grid--names{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr))}.cosmetic-grid--frames{grid-template-columns:repeat(auto-fill,minmax(6.75rem,1fr))}.cosmetic-tile{position:relative;display:grid;justify-items:center;align-content:start;gap:.2rem;min-width:0;padding:.55rem .45rem .6rem;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--surface-raised) 85%,transparent);color:var(--ink);font-family:inherit;text-align:center;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.cosmetic-tile:hover,.cosmetic-tile:focus-visible{border-color:var(--ink-muted);background:var(--surface-raised);transform:translateY(-1px);outline:none}.cosmetic-tile--active{border-color:var(--tile-correct);background:color-mix(in srgb,var(--tile-correct) 14%,var(--surface-raised));box-shadow:0 0 0 1px var(--tile-correct),0 .4rem 1rem -.5rem color-mix(in srgb,var(--tile-correct) 70%,transparent)}.cosmetic-tile--active:after{content:"✓";position:absolute;top:.3rem;right:.3rem;display:grid;place-items:center;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--tile-correct);color:#fff;font-size:.62rem;font-weight:900}.cosmetic-tile--locked:before{content:"🔒";position:absolute;top:.3rem;left:.35rem;font-size:.6rem;opacity:.75}.cosmetic-tile__stage{display:grid;place-items:center;width:100%;min-height:2.6rem;overflow:hidden;padding:.35rem .1rem}.cosmetic-tile__stage--frame{min-height:4.4rem;overflow:visible;padding-top:.75rem}.cosmetic-tile__name{max-width:100%;overflow:hidden;padding:.3em .5em;font-size:1rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.cosmetic-tile__label{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:900}.cosmetic-tile__uses-colour{width:.55rem;height:.55rem;border-radius:50%;box-shadow:0 0 0 1px var(--line)}.cosmetic-tile__meta{color:var(--ink-muted);font-size:.65rem;font-weight:700;line-height:1.2}.colour-picker{display:grid;gap:.7rem}.colour-picker__groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.7rem 1rem}.colour-picker__group{display:grid;gap:.3rem}.colour-picker__group-label{color:var(--ink-muted);font-size:.64rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.colour-picker__swatches{display:flex;flex-wrap:wrap;gap:.35rem}.colour-swatch{position:relative;width:1.6rem;height:1.6rem;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgb(255 255 255 / .45),transparent 45%),var(--swatch);box-shadow:inset 0 0 0 1px #0000002e;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.colour-swatch:hover,.colour-swatch:focus-visible{transform:scale(1.14);outline:none}.colour-swatch--active{box-shadow:inset 0 0 0 1px #0000002e,0 0 0 2px var(--surface),0 0 0 4px var(--swatch, var(--ink)),0 0 .8rem color-mix(in srgb,var(--swatch, var(--ink)) 60%,transparent)}.colour-swatch--default{display:inline-block;width:1.3rem;height:1.3rem;background:linear-gradient(135deg,#f4f4f5 0 49%,#1a1a1b 51% 100%);box-shadow:inset 0 0 0 1px var(--line);cursor:inherit}.colour-picker__default{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem .25rem .3rem;border:1px solid var(--line);border-radius:999px;background:var(--surface-raised);color:var(--ink);font-family:inherit;font-size:.75rem;font-weight:800;cursor:pointer}.colour-picker__default--active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.colour-picker__default .colour-swatch--default:hover{transform:none}.colour-picker__custom{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.colour-picker__wheel{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem .25rem .25rem;border:1px solid var(--line);border-radius:999px;background:var(--surface-raised);font-size:.75rem;font-weight:800;cursor:pointer}.colour-picker__wheel:before{content:"";width:1.45rem;height:1.45rem;border-radius:50%;background:conic-gradient(#ff3b5c,#ffc21a,#7ed321,#00e5ff,#2563eb,#9d4dff,#ff2e97,#ff3b5c)}.colour-picker__wheel input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.colour-picker__hex{width:6.5rem;min-height:2rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;text-transform:lowercase}.colour-picker__current{display:inline-flex;align-items:center;gap:.35rem;color:var(--ink-muted);font-size:.75rem;font-weight:800}.colour-picker__current i{width:.8rem;height:.8rem;border-radius:50%;box-shadow:0 0 0 1px var(--line)}@media(prefers-reduced-motion:reduce){.name-fx,.name-fx *,.name-fx:before,.name-fx:after,.avatar-frame *,.avatar-frame *:before,.avatar-frame *:after{animation:none!important}.name-fx__sparkle{transform:scale(.8)}}