.character-art{--art-offset:0%;--art-tilt:-2deg;--art-scale:1;--art-moon-x:72%;--art-moon-y:17%;--art-accent:#ffffffb8;isolation:isolate;min-height:80px}.character-art:before{z-index:0;background:radial-gradient(circle at 72% 18%, #ffffff70, transparent 22%), radial-gradient(circle at 18% 76%, #ffffff29, transparent 32%), linear-gradient(145deg, var(--tone-a), var(--tone-b) 54%, var(--tone-c))}.character-art:after{z-index:1;filter:blur(7px);background:#0a07123d;border-radius:50% 50% 0 0;height:70%;inset:auto -18% -38% -12%;transform:rotate(-4deg)}.character-art>span,.character-art__figure>i{pointer-events:none;display:block;position:absolute}.character-art__wash{z-index:1;mix-blend-mode:soft-light;background:linear-gradient(110deg,#ffffff26,#0000 32%),radial-gradient(circle at 50% 32%,#0000 0 24%,#0a06121a 64%,#09060f3d 100%);inset:0}.character-art__stars{z-index:2;opacity:.72;background-image:radial-gradient(circle at 15% 17%,#ffffffd1 0 1px,#0000 1.6px),radial-gradient(circle at 31% 11%,#ffffffa3 0 1px,#0000 1.4px),radial-gradient(circle at 48% 23%,#ffffffb8 0 1px,#0000 1.5px),radial-gradient(circle at 84% 31%,#ffffffbd 0 1px,#0000 1.5px),radial-gradient(circle at 91% 12%,#ffffff70 0 1px,#0000 1.5px),radial-gradient(circle at 9% 42%,#ffffff80 0 1px,#0000 1.4px),radial-gradient(circle at 58% 8%,#ffffff94 0 1px,#0000 1.4px);inset:0}.character-art__moon{z-index:2;top:var(--art-moon-y);left:var(--art-moon-x);aspect-ratio:1;background:radial-gradient(circle at 38% 34%,#fffffff2,#ffffff8f 38%,#ffffff1f 65%,#0000 67%);border:1px solid #ffffff70;border-radius:50%;width:clamp(34px,17%,92px);transform:translate(-50%,-50%);box-shadow:0 0 36px #ffffff3d}.character-art__architecture{z-index:2;opacity:.44;clip-path:polygon(0 25%,14% 25%,14% 9%,26% 9%,26% 31%,39% 31%,39% 18%,55% 18%,55% 0,68% 0,68% 27%,83% 27%,83% 14%,100% 14%,100% 100%,0 100%);background:linear-gradient(90deg,#0000 0 8%,#0d09177a 8% 20%,#0000 20% 27%,#0d091766 27% 41%,#0000 41% 49%,#0d091785 49% 68%,#0000 68%),linear-gradient(#0d091729,#0d091785);width:42%;height:54%;bottom:-3%;left:-5%}.character-art__architecture--front{opacity:.62;width:35%;height:43%;left:auto;right:-6%;transform:scaleX(-1)}.character-art__figure{z-index:3;bottom:-3%;left:calc(50% + var(--art-offset));width:42%;height:85%;transform:translateX(-50%) rotate(var(--art-tilt)) scale(var(--art-scale));transform-origin:50% 100%;filter:drop-shadow(0 18px 22px #0a06124d)}.character-art__head{z-index:4;background:radial-gradient(circle at 60% 43%,#ffffff42 0 2%,#0000 3%),linear-gradient(145deg,#fadecef2,#c2897ec7);border-radius:46% 48% 44% 46%;width:34%;height:22%;top:7%;left:50%;transform:translate(-50%);box-shadow:-12px -6px 0 -4px #190f24c7,12px -2px 0 -5px #190f24a3,0 -14px 0 -7px #190f24bf}.character-art__head:before,.character-art__head:after{content:"";background:linear-gradient(#20152deb,#1a1026ad);border-radius:70% 20% 60% 30%;width:49%;height:116%;position:absolute;top:-14%}.character-art__head:before{left:-20%;transform:rotate(11deg)}.character-art__head:after{border-radius:20% 70% 30% 60%;right:-20%;transform:rotate(-11deg)}.character-art__body{z-index:3;clip-path:polygon(27% 0,73% 0,88% 18%,100% 100%,0 100%,12% 18%);background:linear-gradient(90deg,#ffffff14,#0000 24% 70%,#ffffff0d),linear-gradient(145deg,#231934f5,#100b1bf5);border-radius:47% 47% 10% 10%/25% 25% 5% 5%;height:77%;bottom:-8%;left:5%;right:5%}.character-art__body:before{content:"";border:2px solid #ffffff24;border-top:0;border-radius:0 0 50% 50%;width:36%;height:27%;position:absolute;top:0;left:50%;transform:translate(-50%)}.character-art__accent{z-index:5;background:linear-gradient(transparent, var(--art-accent), transparent);width:3px;height:46%;box-shadow:0 0 16px var(--art-accent);border-radius:999px;top:34%;left:50%;transform:rotate(7deg)}.character-art__mist{z-index:5;filter:blur(20px);background:#ffffff2b;border-radius:50%;height:23%}.character-art__mist--one{width:78%;bottom:8%;right:-16%;transform:rotate(-6deg)}.character-art__mist--two{opacity:.58;width:66%;bottom:20%;left:-28%;transform:rotate(9deg)}.character-art__grain{z-index:7;opacity:.14;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");inset:0}.art-motif-1{--art-offset:-8%;--art-tilt:4deg;--art-moon-x:22%;--art-moon-y:19%;--art-accent:#ffbfddc7}.art-motif-2{--art-offset:9%;--art-tilt:-5deg;--art-moon-x:78%;--art-moon-y:22%;--art-accent:#a7e2ffd1}.art-motif-3{--art-offset:-2%;--art-tilt:2deg;--art-moon-x:28%;--art-moon-y:15%;--art-accent:#ffda89d6}.art-motif-4{--art-offset:11%;--art-tilt:-2deg;--art-moon-x:68%;--art-moon-y:13%;--art-accent:#aeffdbc2}.art-motif-5{--art-offset:-11%;--art-tilt:5deg;--art-moon-x:80%;--art-moon-y:27%;--art-accent:#dcd0ffdb}.tone-rose .character-art__body{background:linear-gradient(145deg,#4d1d34f7,#1d0c1bf5)}.tone-amber .character-art__body{background:linear-gradient(145deg,#483118f7,#1c110af5)}.tone-ocean .character-art__body{background:linear-gradient(145deg,#1c4055f7,#0a1c2bf5)}.tone-mint .character-art__body{background:linear-gradient(145deg,#1d483cf7,#0a1f1bf5)}.tone-peach .character-art__body{background:linear-gradient(145deg,#5c332df7,#261413f5)}.tone-slate .character-art__body{background:linear-gradient(145deg,#353e49f7,#13171df5)}.character-art.is-compact .character-art__architecture,.avatar .character-art__architecture,.ranking-thumb .character-art__architecture{opacity:.22}.character-art.is-compact .character-art__stars{opacity:.48}.character-art.is-compact .character-art__moon{width:28%}.character-artwork{--hair-a:#1e132bfa;--hair-b:#0c0816eb;--skin-a:#f4d5c5;--skin-b:#bd7f76;--cloth-a:#2a1f3dfa;--cloth-b:#0f0a1bfa;--art-face-shift:0%}.character-artwork.has-upload:before{background-image:linear-gradient(180deg, #0d091605, #0d091633), var(--art-upload);background-position:50%;background-size:cover}.character-artwork.has-upload:after,.character-artwork.has-upload .character-art__figure,.character-artwork.has-upload .character-art__architecture,.character-artwork.has-upload .character-art__moon,.character-artwork.has-upload .character-art__monogram{display:none}.character-art__hair,.character-art__neck,.character-art__collar,.character-art__ornament{display:block;position:absolute}.character-art__hair--back{z-index:2;background:linear-gradient(150deg, var(--hair-a), var(--hair-b));width:58%;height:39%;transform:translateX(calc(-50% + var(--art-face-shift))) rotate(-2deg);border-radius:48% 52% 38% 44%/35% 37% 63% 65%;top:1%;left:50%;box-shadow:0 12px 24px #08050f38}.character-art__hair--front{z-index:7;background:linear-gradient(102deg, transparent 0 34%, #ffffff14 35% 38%, transparent 39%), linear-gradient(155deg, var(--hair-a), var(--hair-b));clip-path:polygon(0 0,100% 0,92% 50%,70% 87%,57% 43%,40% 92%,25% 47%,8% 72%);width:42%;height:25%;transform:translateX(calc(-50% + var(--art-face-shift))) rotate(1deg);border-radius:60% 35% 48% 28%;top:3%;left:50%}.character-artwork .character-art__head{z-index:6;background:radial-gradient(circle at 34% 48%, #341c2be0 0 1.2%, transparent 1.8%), radial-gradient(circle at 66% 48%, #341c2be0 0 1.2%, transparent 1.8%), linear-gradient(145deg, var(--skin-a), var(--skin-b));transform:translateX(calc(-50% + var(--art-face-shift)));box-shadow:0 6px 16px #190c1a29}.character-artwork .character-art__head:before,.character-artwork .character-art__head:after{display:none}.character-art__neck{z-index:4;background:linear-gradient(180deg, var(--skin-a), var(--skin-b));width:13%;height:12%;transform:translateX(calc(-50% + var(--art-face-shift)));border-radius:0 0 40% 40%;top:25%;left:50%}.character-artwork .character-art__body{background:linear-gradient(90deg, #ffffff17, transparent 24% 72%, #ffffff0a), linear-gradient(145deg, var(--cloth-a), var(--cloth-b))}.character-art__collar{z-index:6;clip-path:polygon(0 0,43% 54%,50% 100%,58% 54%,100% 0,84% 100%,16% 100%);border:2px solid #ffffff24;border-top:0;border-radius:0 0 52% 52%;width:46%;height:22%;top:29%;left:50%;transform:translate(-50%)}.character-art__ornament{z-index:7;background:var(--art-accent);width:12px;height:12px;box-shadow:0 0 17px var(--art-accent);border:1px solid #ffffffad;border-radius:3px;top:39%;left:50%;transform:translate(-50%)rotate(45deg)}.character-art__monogram{z-index:6;color:#ffffff26;text-shadow:0 1px 18px #0000001f;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,9vw,86px);font-weight:700;line-height:1;bottom:5%;right:7%}.artwork--landscape .character-art__figure,.artwork--scene .character-art__figure{width:34%;height:94%;left:69%}.artwork--scene .character-art__architecture--back{width:56%;height:62%}.artwork--scene .character-art__architecture--front{width:43%;height:51%}.artwork--avatar .character-art__figure{width:72%;height:116%;bottom:-17%}.artwork--avatar .character-art__architecture,.artwork--avatar .character-art__mist,.artwork--avatar .character-art__monogram{display:none}.artwork--avatar .character-art__moon{width:35%}.art-motif-0{--hair-a:#251a35;--hair-b:#0d0917;--cloth-a:#392753;--art-face-shift:-2%}.art-motif-1{--hair-a:#541f42;--hair-b:#211020;--cloth-a:#6d294d;--skin-a:#f1cdbf}.art-motif-2{--hair-a:#142f42;--hair-b:#081823;--cloth-a:#1f516a;--art-face-shift:2%}.art-motif-3{--hair-a:#4d351d;--hair-b:#1e1209;--cloth-a:#6a4a25;--skin-a:#ecc7aa}.art-motif-4{--hair-a:#173d34;--hair-b:#071e1a;--cloth-a:#235846;--art-face-shift:3%}.art-motif-5{--hair-a:#2d314a;--hair-b:#10121f;--cloth-a:#40496e;--skin-a:#ead0c6}.art-motif-6{--hair-a:#693934;--hair-b:#251414;--cloth-a:#71463c;--skin-a:#f0cbb8;--art-face-shift:-3%}.art-motif-7{--hair-a:#343b46;--hair-b:#13171d;--cloth-a:#4c5865;--skin-a:#e8c9ba}@media (max-width:760px){.artwork--scene .character-art__figure{width:43%;left:72%}.character-art__monogram{font-size:clamp(30px,16vw,64px)}}.character-artwork.hero-banner__art{animation:.52s cubic-bezier(.2,.7,.2,1) both hero-art-enter}@keyframes hero-art-enter{0%{opacity:.62;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}