:root{--cosmetic-ink:#f4eaff;--cosmetic-muted:#ae9bc0}
.cosmetic-badge{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;width:27px;height:27px;border-radius:9px;background:#c99aff15;color:#d6b3ff;border:1px solid #c99aff38;box-shadow:0 0 18px #a778e519;margin-left:9px}
.cosmetic-badge.badge-rune{color:#8de1cf;background:#8de1cf12;border-color:#8de1cf40}.cosmetic-badge.badge-phoenix{color:#ffb487;background:#ff956215;border-color:#ff956240}.cosmetic-badge.badge-crown{color:#f1d092;background:#f1d09213;border-color:#f1d09240}
.stellar-name h1,.pw-preview-identity h3{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.align-center .stellar-name h1,.align-center .pw-preview-identity h3{justify-content:center}
.cosmetic-preview{position:relative;isolation:isolate;border:1px solid color-mix(in srgb,var(--profile-accent) 32%,transparent);border-radius:20px;overflow:hidden;background:linear-gradient(160deg,#241632,#110e1a);color:var(--cosmetic-ink);min-width:0;box-shadow:0 14px 38px #0002;line-height:1.4}
.cosmetic-preview .stellar-cover{position:relative;height:124px;inset:auto;opacity:1;background:radial-gradient(ellipse at 75% 20%,color-mix(in srgb,var(--profile-accent) 40%,transparent),transparent 70%),linear-gradient(125deg,#211131,#111523);background-size:cover}
.cosmetic-preview-info{position:relative;z-index:1;padding:0 23px 24px;margin-top:-35px}.cosmetic-preview .stellar-avatar{width:70px;height:70px;font-size:28px;margin:0 0 15px;background:#21152d;border-radius:21px;border:3px solid #201629;display:grid;place-items:center;position:relative}.cosmetic-preview .stellar-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.cosmetic-preview .stellar-title{display:block;color:var(--profile-accent);font-size:9px;line-height:1.5;letter-spacing:1px;margin:0 0 5px;text-transform:uppercase}.cosmetic-preview-info>strong{font-size:21px;line-height:1.3;display:flex;align-items:center;flex-wrap:wrap;overflow-wrap:anywhere;gap:0}.cosmetic-preview-info>p{margin-top:10px;color:#b7a3c5;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.cosmetic-preview-lines{display:grid;gap:7px;margin-top:20px}.cosmetic-preview-lines i{display:block;border-radius:20px;height:5px;background:#cab1e315;width:85%}.cosmetic-preview-lines i:last-child{width:55%}
.cosmetic-preview-small{border-radius:13px;box-shadow:none}.cosmetic-preview-small .stellar-cover{height:74px}.cosmetic-preview-small .cosmetic-preview-info{padding:0 14px 14px;margin-top:-22px}.cosmetic-preview-small .stellar-avatar{width:43px;height:43px;border-width:2px;border-radius:13px;font-size:18px;margin-bottom:10px}.cosmetic-preview-small .stellar-title{font-size:7px;letter-spacing:.6px}.cosmetic-preview-small .cosmetic-preview-info>strong{font-size:12px;line-height:1.5}.cosmetic-preview-small .cosmetic-preview-info>p{font-size:9px;margin-top:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.cosmetic-preview-small .cosmetic-badge{width:19px;height:19px;border-radius:6px;margin-left:5px}.cosmetic-preview-small .cosmetic-badge svg{width:12px;height:12px}.cosmetic-preview-small .cosmetic-preview-lines{display:none}
:is(.cosmetic-preview,.pw-preview,.player-profile) .stellar-avatar.frame-comet{border-color:#b691fa;box-shadow:0 0 0 4px #b691fa14,0 0 26px #a479e344;outline:1px solid #deb8ff45;outline-offset:4px}
:is(.cosmetic-preview,.pw-preview,.player-profile) .stellar-avatar.frame-hologram{border-color:#95d7ef;box-shadow:-5px 0 0 1px #a779e44a,5px 0 0 1px #7cdfda50,0 0 25px #72dfdd22}
:is(.cosmetic-preview,.pw-preview,.player-profile) .stellar-avatar.frame-solar{border-color:#f0cd8e;border-radius:50%;outline:1px solid #f0cd8e88;outline-offset:5px;box-shadow:0 0 30px #f0a8583a,inset 0 0 15px #f0a85830}
:is(.cosmetic-preview,.pw-preview,.player-profile) .stellar-avatar.frame-duality{border-top-color:#cba7ff;border-left-color:#cba7ff;border-right-color:#84d2e7;border-bottom-color:#84d2e7;outline:1px solid #aaa3d84a;outline-offset:3px}
:is(.cover-art-vortex,.cover-art-horizon,.cover-art-eclipse,.cover-art-crystal) .stellar-cover{background-size:cover!important;background-position:center!important;overflow:hidden}
.cover-art-vortex .stellar-cover{background:repeating-radial-gradient(ellipse at 76% 40%,transparent 0 13px,#c6a0ff12 14px 15px,transparent 16px 34px),radial-gradient(ellipse at 72% 42%,#b586e342,#573a892d 40%,transparent 65%),linear-gradient(120deg,#100d20,#321849)!important}
.cover-art-horizon .stellar-cover{background:radial-gradient(ellipse 50% 120% at 75% 125%,#131126 0 55%,#b1d9ffbb 57%,#94bfea26 60%,transparent 65%),radial-gradient(ellipse at 70% 20%,#769ec540,transparent 50%),linear-gradient(120deg,#131328,#18273e)!important}
.cover-art-eclipse .stellar-cover{background:radial-gradient(circle at 77% 42%,#19111f 0 40px,#f6cd8dc7 42px,#e5a66728 46px,transparent 68px),linear-gradient(125deg,#181224,#2f1c34)!important}
.cover-art-crystal .stellar-cover{background:linear-gradient(35deg,transparent 48%,#d2adff0c 48% 63%,transparent 63%),linear-gradient(135deg,transparent 38%,#b499f131 39% 55%,transparent 55%),linear-gradient(55deg,#1e1130 10%,#6a44822b 48%,#231731 80%)!important}

/* One visual system for the shop, workshop and public profile. */
.pw-preview{position:relative;isolation:isolate}.pw-preview>div{position:relative;z-index:1}.pw-preview>.pw-preview-cover{z-index:0}.player-profile .stellar-hero{isolation:isolate}.player-profile .stellar-hero>:not(.stellar-cover){position:relative;z-index:1}.player-profile .stellar-hero>.stellar-cover-top{position:absolute;z-index:2}.player-profile .stellar-cover .cosmetic-scene{--star-size:clamp(90px,19cqw,165px)}
.stellar-cover{position:relative;container-type:inline-size}.cosmetic-preview .stellar-cover{height:140px}.cosmetic-preview .cosmetic-preview-info{margin-top:-35px}.cosmetic-preview .cosmetic-preview-info>strong{letter-spacing:-.6px}.cosmetic-preview .cosmetic-preview-lines i{background:color-mix(in srgb,var(--profile-accent) 15%,transparent)}
.cosmetic-preview:before{content:'';pointer-events:none;position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 5% 90%,color-mix(in srgb,var(--profile-accent) 12%,transparent),transparent 60%);animation:cosmic-ambience calc(10s * var(--motion-factor,1)) ease-in-out infinite alternate}
.cosmetic-scene{--star-size:clamp(75px,34cqw,205px);position:absolute;inset:0;overflow:hidden;pointer-events:none;isolation:isolate;background:radial-gradient(ellipse at 68% 50%,#a98cff25,transparent 64%),linear-gradient(135deg,#0b101d,#17102b);--scene-primary:#b797ff;--scene-secondary:#85d6ff}
.scene-haze{position:absolute;inset:-20%;background:radial-gradient(ellipse at 67% 35%,color-mix(in srgb,var(--scene-primary) 26%,transparent),transparent 45%),radial-gradient(ellipse at 27% 72%,color-mix(in srgb,var(--scene-secondary) 17%,transparent),transparent 45%);animation:cosmic-cloud calc(16s * var(--motion-factor,1)) ease-in-out infinite alternate}
.scene-core{position:absolute;left:70%;top:46%;width:var(--star-size);height:var(--star-size);transform:translate(-50%,-50%);border-radius:50%;background:#080b17;box-shadow:0 0 0 1px #b59bf8a0,0 0 13px #b095ff80,0 0 50px #9270ee42;z-index:3}
.scene-disk{position:absolute;left:70%;top:46%;width:calc(var(--star-size)*2.1);aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,#b69bff10,#dcceff,#a6d9ff20,#a087ff,#eee4ff,#a5a4ff20);mask:radial-gradient(circle,transparent 0 39%,#000 42% 49%,transparent 53%);transform:translate(-50%,-50%) rotate(-24deg) scaleY(.3);z-index:4;animation:cosmic-disk-turn calc(18s * var(--motion-factor,1)) linear infinite}
.scene-orbit{position:absolute;left:70%;top:46%;width:calc(var(--star-size)*1.55);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--scene-primary) 22%,transparent);border-radius:50%;transform:translate(-50%,-50%) rotate(15deg);animation:cosmic-orbit calc(34s * var(--motion-factor,1)) linear infinite}
.scene-orbit:after{content:'';position:absolute;top:8%;left:16%;width:4px;height:4px;border-radius:50%;background:var(--scene-secondary);box-shadow:0 0 10px var(--scene-secondary)}.scene-orbit-b{width:calc(var(--star-size)*2.05);animation-direction:reverse;animation-duration:calc(46s * var(--motion-factor,1));opacity:.4}.scene-orbit-b:after{width:2px;height:2px}
.scene-grid,.scene-landscape,.scene-crescent,.scene-shards{display:none}.scene-stars{position:absolute;inset:0;z-index:5}.scene-stars i{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;border-radius:50%;background:#efe6ff;opacity:.55;animation:cosmic-twinkle calc(6s * var(--motion-factor,1)) ease-in-out infinite alternate;animation-delay:var(--delay)}.scene-stars i:nth-child(3n){height:3px;width:3px;box-shadow:0 0 8px #d0c5ff8a}
.scene-singularity .scene-core:before{content:'';position:absolute;inset:-4px;border-radius:50%;border:1px solid #e3d1ff50;box-shadow:inset 0 0 12px #c1abff35}.scene-singularity .scene-core:after{content:'';position:absolute;inset:-35%;border-radius:50%;border:1px solid #bb97ff15}
.scene-neoncity{--scene-primary:#ff82de;--scene-secondary:#62dae8;background:linear-gradient(180deg,#150d26,#251132 64%,#111021)}.scene-neoncity .scene-core{left:69%;top:40%;background:linear-gradient(#ffc6f2,#e65da8 60%,#803be0);box-shadow:0 0 45px #fa74d245;mask:repeating-linear-gradient(0deg,transparent 0 4px,#000 5px 14px);animation:cosmic-sun calc(12s * var(--motion-factor,1)) ease-in-out infinite alternate}.scene-neoncity .scene-orbit,.scene-neoncity .scene-disk{display:none}.scene-neoncity .scene-grid{display:block;position:absolute;inset:52% -40% -55%;background:linear-gradient(90deg,#ec6bd33d 1px,transparent 1px),linear-gradient(0deg,#87e8f04d 1px,transparent 1px);background-size:38px 28px;transform:perspective(220px) rotateX(51deg);mask:linear-gradient(transparent,#000);animation:cosmic-grid calc(12s * var(--motion-factor,1)) linear infinite}.scene-neoncity .scene-landscape{display:block;position:absolute;inset:35% -3% 16%;background:linear-gradient(#49244f,#130e21);clip-path:polygon(0 70%,7% 70%,7% 39%,11% 39%,11% 51%,17% 51%,17% 25%,22% 25%,22% 65%,32% 65%,32% 47%,37% 47%,37% 80%,53% 80%,53% 57%,59% 57%,59% 76%,72% 76%,72% 41%,78% 41%,78% 15%,83% 15%,83% 57%,91% 57%,91% 44%,100% 44%,100% 100%,0 100%);z-index:4}
.scene-salamander{--scene-primary:#ffb66c;--scene-secondary:#ff6b7e;background:radial-gradient(ellipse at 75% 47%,#b457202f,transparent 58%),linear-gradient(135deg,#190f20,#29121a)}.scene-salamander .scene-core{background:repeating-conic-gradient(#7c2818 0 7deg,#a84324 9deg 15deg,#f6a05d 17deg 19deg,#7e2e1c 21deg 28deg);box-shadow:inset -25px -15px 30px #4c091ab0,inset 5px 10px 22px #ffe6bd77,0 0 1px 2px #ffce8b,0 0 18px #ffaa705d,0 0 60px #ff78553f;animation:cosmic-sun calc(7s * var(--motion-factor,1)) ease-in-out infinite alternate}.scene-salamander .scene-disk{background:conic-gradient(#ffb97620,#ffe1a3,#e45c34,#ffb05740,#ffc177,#ff744b);mask:radial-gradient(circle,transparent 0 39%,#000 40% 42%,transparent 44%);transform:translate(-50%,-50%) rotate(-15deg) scaleY(.7)}.scene-salamander .scene-stars i{background:#ffc880}
.scene-moongarden{--scene-primary:#b8e5f8;--scene-secondary:#b49deb;background:radial-gradient(ellipse at 70% 45%,#83a9d825,transparent 55%),linear-gradient(130deg,#0c1425,#171529)}.scene-moongarden .scene-core{background:radial-gradient(circle at 33% 30%,#cbe1e8aa 0 7%,transparent 8%),radial-gradient(circle at 65% 65%,#8088a03a 0 10%,transparent 11%),radial-gradient(circle at 40% 70%,#8497b050 0 6%,transparent 7%),linear-gradient(130deg,#e9f2ee,#a8c4d8);box-shadow:0 0 16px #c1e2f840,0 0 50px #7396c32b;overflow:hidden}.scene-moongarden .scene-core:after{content:'';position:absolute;inset:-9% -28% -9% 26%;border-radius:50%;background:#111725;box-shadow:0 0 14px #0b1721}.scene-moongarden .scene-disk{display:none}.scene-moongarden .scene-orbit{border-color:#b9deef35;transform:translate(-50%,-50%) rotate(-18deg);width:calc(var(--star-size)*1.75)}.scene-moongarden .scene-crescent{display:block;position:absolute;bottom:-35%;left:-15%;width:125%;height:60%;border:1px solid #b7dcf13a;border-radius:50%;background:linear-gradient(#20334440,#0b1323);box-shadow:0 -10px 30px #b8dfff0c}
.scene-chromatic{--scene-primary:#eab3ff;--scene-secondary:#8fedd2;background:linear-gradient(125deg,#151025,#25152f)}.scene-chromatic .scene-core,.scene-chromatic .scene-disk,.scene-chromatic .scene-orbit{display:none}.scene-chromatic .scene-haze{background:radial-gradient(ellipse at 70% 25%,#e19cea5e,transparent 42%),radial-gradient(ellipse at 45% 65%,#73d9c750,transparent 46%),radial-gradient(ellipse at 15% 5%,#8489ed70,transparent 38%);animation-duration:calc(11s * var(--motion-factor,1))}.scene-chromatic .scene-shards,.scene-crystal .scene-shards{display:block;position:absolute;inset:0}.scene-shards i{position:absolute;left:calc(12% + var(--n)*15%);top:calc(8% + var(--n)*9%);width:clamp(28px,12cqw,75px);height:clamp(45px,20cqw,125px);background:linear-gradient(125deg,#f5d5ff15,#ebccff65 42%,#c4fbec0f 43%,#85dcd335);clip-path:polygon(50% 0,100% 48%,50% 100%,0 48%);animation:cosmic-shard calc(13s * var(--motion-factor,1)) ease-in-out infinite alternate;animation-delay:calc(var(--n)*-1.7s)}
.scene-vortex .scene-core{width:calc(var(--star-size)*.55);height:calc(var(--star-size)*.55);box-shadow:0 0 8px #d3a6fa5c,0 0 60px #bf80ef67}.scene-vortex .scene-disk{transform:translate(-50%,-50%) rotate(-24deg) scaleY(.65);animation-name:cosmic-wide-disk}.scene-horizon{--scene-primary:#acd7ff;--scene-secondary:#8caddd;background:linear-gradient(125deg,#0e1426,#162b40)}.scene-horizon .scene-core{top:105%;width:calc(var(--star-size)*2.4);height:calc(var(--star-size)*2.4);background:linear-gradient(#151b2e,#090e1b);box-shadow:0 0 2px 2px #c6e1ff9c,0 0 28px #99c1f95a}.scene-horizon .scene-disk,.scene-horizon .scene-orbit{display:none}.scene-eclipse{--scene-primary:#f3cc90;--scene-secondary:#ffbb7d;background:linear-gradient(135deg,#160f20,#2c182c)}.scene-eclipse .scene-core{box-shadow:0 0 1px 3px #ebca8a,0 0 18px #ffd9a062,0 0 65px #e7a66426;animation:cosmic-sun calc(9s * var(--motion-factor,1)) ease-in-out infinite alternate}.scene-eclipse .scene-disk{display:none}.scene-eclipse .scene-orbit{border-color:#f3cb9523}.scene-crystal .scene-core,.scene-crystal .scene-disk,.scene-crystal .scene-orbit{display:none}.scene-crystal{background:linear-gradient(135deg,#160f26,#452752)}
.cosmetic-atmosphere{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:inherit}.player-profile .stellar-hero>.cosmetic-atmosphere,.pw-preview>.cosmetic-atmosphere{position:absolute;inset:0;z-index:0}.cosmetic-atmosphere>i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:var(--profile-accent,#c1a3f6);opacity:.65;box-shadow:0 0 8px currentColor;animation:cosmic-particle calc(var(--duration) * var(--motion-factor,1)) ease-in-out infinite;animation-delay:var(--delay)}.atmosphere-light{position:absolute;inset:0;display:block}
.atmosphere-waves>i,.atmosphere-scan>i,.atmosphere-borealis>i{display:none}.atmosphere-waves .atmosphere-light{background:repeating-radial-gradient(ellipse at 105% 12%,transparent 0 36px,#c5a4f313 37px 38px,transparent 39px 56px);animation:cosmic-ambience calc(8s * var(--motion-factor,1)) ease-in-out infinite alternate}.atmosphere-scan .atmosphere-light{background:linear-gradient(150deg,transparent 35%,#aae4ff10 49%,#a5edff40 50%,transparent 53%);animation:cosmic-scan calc(9s * var(--motion-factor,1)) ease-in-out infinite}.atmosphere-borealis .atmosphere-light{inset:-20%;background:linear-gradient(120deg,transparent,#95e9cb29 30%,#99a4ed2e 50%,#c798e121 65%,transparent);animation:cosmic-cloud calc(12s * var(--motion-factor,1)) ease-in-out infinite alternate}
.atmosphere-orbitals>i{width:4px;height:4px;background:#d6c8ff;animation-name:cosmic-orbital}.atmosphere-datastream>i{top:-25%;width:1px;height:calc(24px + var(--n)*4px);border-radius:1px;background:linear-gradient(transparent,#8de8ee,#dfb4ff);box-shadow:0 0 6px #8ffaff22;animation-name:cosmic-datafall;animation-timing-function:linear;opacity:.4}.atmosphere-datastream .atmosphere-light{background:linear-gradient(90deg,transparent 49%,#77e3e80b 50%,transparent 51%);background-size:35px 100%}.atmosphere-embers>i{top:110%;width:3px;height:5px;background:#ffd19b;color:#ffbf7b;animation-name:cosmic-embers;animation-timing-function:linear}.atmosphere-embers .atmosphere-light{background:linear-gradient(transparent 60%,#ff96410c)}.atmosphere-fireflies>i{width:4px;height:4px;background:#cbeefd;box-shadow:0 0 7px #b9defa,0 0 15px #badcff50;animation-name:cosmic-firefly}.atmosphere-refractions>i{width:22px;height:34px;border-radius:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(125deg,#ead9ff10,#a9ede82f);box-shadow:none;animation-name:cosmic-glass}
:is(.cosmetic-preview,.cosmetic-swatch,.pw-preview,.player-profile) .stellar-avatar:is(.frame-comet,.frame-hologram,.frame-solar,.frame-duality,.frame-event-horizon,.frame-circuit,.frame-dragon-scale,.frame-lunar-orbit,.frame-spectrum){overflow:visible;isolation:isolate}.stellar-avatar:is(.frame-event-horizon,.frame-lunar-orbit,.frame-spectrum){border-radius:50%;border-color:#b9a4dc;background:#181326}.stellar-avatar.frame-circuit{border-radius:17px;border-color:#83dbe6;box-shadow:0 0 20px #74dfe72f}.stellar-avatar.frame-dragon-scale{border-color:#eea161;border-radius:24px;box-shadow:0 0 22px #ff9d472b}
.stellar-avatar:is(.frame-comet,.frame-hologram,.frame-solar,.frame-duality,.frame-event-horizon,.frame-dragon-scale,.frame-lunar-orbit,.frame-spectrum)::before{content:'';position:absolute;inset:-8px;border-radius:50%;padding:2px;background:conic-gradient(transparent,#c3a2ff,transparent 35%,#8fdcf3,transparent 72%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;animation:cosmic-spin calc(14s * var(--motion-factor,1)) linear infinite;z-index:2}.stellar-avatar.frame-event-horizon::after{content:'';position:absolute;inset:-13px;border:1px dashed #c2a4ff48;border-radius:50%;animation:cosmic-spin calc(26s * var(--motion-factor,1)) linear infinite reverse;pointer-events:none}.stellar-avatar.frame-hologram::before{background:conic-gradient(transparent,#7be6e3,#b482ed,transparent 60%)}.stellar-avatar.frame-solar::before,.stellar-avatar.frame-dragon-scale::before{background:conic-gradient(transparent,#fce0a4,#ff944f,transparent 52%,#ffb965,transparent);animation-duration:calc(11s * var(--motion-factor,1))}.stellar-avatar.frame-duality::before{inset:-5px;opacity:.65;padding:1px}.stellar-avatar.frame-lunar-orbit::before{padding:1px;background:conic-gradient(transparent 5%,#dceffa 14%,transparent 25%,#b9dff744,transparent 76%);animation-duration:calc(22s * var(--motion-factor,1))}.stellar-avatar.frame-lunar-orbit::after{content:'';position:absolute;inset:-10px;border:1px solid #c6e9ff26;border-radius:50%}.stellar-avatar.frame-spectrum::before{background:conic-gradient(#bb9bfd,#7cd9cb,#abd5f6,#f4b6d5,#bb9bfd);inset:-7px;animation-duration:calc(9s * var(--motion-factor,1))}.stellar-avatar.frame-circuit::before{content:'';position:absolute;inset:-8px;border:2px solid #91e5eb;border-radius:23px;clip-path:polygon(0 0,35% 0,35% 6%,6% 6%,6% 35%,0 35%,0 0,100% 0,100% 35%,94% 35%,94% 6%,65% 6%,65% 0,100% 0,100% 100%,65% 100%,65% 94%,94% 94%,94% 65%,100% 65%,100% 100%,0 100%,0 65%,6% 65%,6% 94%,35% 94%,35% 100%,0 100%);animation:cosmic-ambience calc(5s * var(--motion-factor,1)) ease-in-out infinite alternate;pointer-events:none}.stellar-avatar.frame-circuit::after{content:'';position:absolute;right:-10px;top:32%;height:25%;width:3px;background:#ef9dde;box-shadow:0 0 7px #ee9cda;animation:cosmic-ambience calc(4s * var(--motion-factor,1)) ease-in-out infinite alternate}
.cosmetic-badge svg{animation:cosmic-badge calc(5s * var(--motion-factor,1)) ease-in-out infinite}.cosmetic-badge.badge-void{color:#c4a3ff;background:#b69aff15;border-color:#b49aff50}.badge-void svg{animation:cosmic-spin calc(16s * var(--motion-factor,1)) linear infinite}.cosmetic-badge.badge-chip{color:#8cdee8;background:#6be8dd10;border-color:#7ce8ed42}.cosmetic-badge.badge-salamander{color:#ffc080;background:#ff9c5f12;border-color:#ffbb7d4d}.cosmetic-badge.badge-moon{color:#c4e7f9;background:#b9e9ff10;border-color:#c9e9f540}.cosmetic-badge.badge-prism{color:#c5e5e5;background:linear-gradient(135deg,#9ee6d01a,#d49cdf24);border-color:#c8b6f34d}.badge-prism svg,.badge-rune svg{animation:cosmic-gem calc(8s * var(--motion-factor,1)) ease-in-out infinite}
.cosmetic-title{display:inline-block;max-width:100%;line-height:1.6}.cosmetic-title>span{display:inline}.cosmetic-title:is(.title-trailblazer,.title-astral,.title-tactician,.title-salute,.title-singularity,.title-netrunner,.title-flamekeeper,.title-moonstrider,.title-chromatic)>span{color:transparent;background:linear-gradient(100deg,var(--title-color,#bc9ce9) 5%,#f6eaff 38%,var(--title-secondary,#a3dce6) 60%,var(--title-color,#bc9ce9) 90%);background-size:230% 100%;background-clip:text;-webkit-background-clip:text;animation:cosmic-title calc(8s * var(--motion-factor,1)) linear infinite}.title-netrunner{--title-color:#f0a1d9;--title-secondary:#8ce4eb}.title-flamekeeper,.title-salute{--title-color:#e8b96e;--title-secondary:#ffe9b5}.title-moonstrider{--title-color:#b8d3ed;--title-secondary:#e2f4fa}.title-tactician{--title-color:#9bd9ba;--title-secondary:#bce4d8}.title-chromatic{--title-color:#d6aaff;--title-secondary:#91e4cd}
.cosmetic-swatch{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.55;container-type:inline-size;background:radial-gradient(ellipse at 60% 50%,color-mix(in srgb,var(--profile-accent) 24%,transparent),transparent 70%),#121020;color:#e6d7fa}.cosmetic-swatch>.cosmetic-scene{z-index:0}.cosmetic-swatch:is(.swatch-frame,.swatch-badge,.swatch-title,.swatch-effect)>.cosmetic-scene{opacity:.26}.cosmetic-swatch.swatch-theme>.cosmetic-scene{opacity:.5}.swatch-center{position:absolute;inset:14% 8% 18%;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center}.swatch-center .stellar-avatar{width:70px;height:70px;border-width:3px;border-radius:21px;font-size:30px;background:#20152d}.swatch-center .stellar-avatar:is(.frame-event-horizon,.frame-lunar-orbit,.frame-spectrum,.frame-solar){border-radius:50%}.swatch-center .cosmetic-badge{width:64px;height:64px;margin:0;border-radius:20px;box-shadow:0 0 35px color-mix(in srgb,var(--profile-accent) 18%,transparent)}.swatch-center .cosmetic-badge svg{width:33px;height:33px}.swatch-center>.cosmetic-title{font-size:15px;font-weight:700;line-height:1.6;max-width:100%}.swatch-center>small{font-size:10px;color:#b79ec9}.swatch-center>b{font-size:12px}.swatch-theme .stellar-avatar{width:48px;height:48px;font-size:20px;border-radius:15px}.swatch-theme .swatch-center{gap:7px}.swatch-theme .cosmetic-title{font-size:8px;letter-spacing:.6px;text-transform:uppercase}.swatch-caption{position:absolute;z-index:4;bottom:11px;left:0;width:100%;text-align:center;color:#cfb5e0a0;font-size:8px;letter-spacing:1.3px;text-transform:uppercase}.swatch-cover .swatch-caption{display:none}.swatch-orbit-mark{width:70px;height:70px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--profile-accent) 34%,transparent);border-radius:50%;color:var(--profile-accent);background:#1612204d;box-shadow:0 0 35px #bca0fa15}.swatch-orbit-mark svg{opacity:.85;animation:cosmic-spin calc(25s * var(--motion-factor,1)) linear infinite}
:is(.theme-supernova,.theme-glacier,.theme-solstice,.theme-jade,.theme-singularity,.theme-neon,.theme-dragonfire,.theme-lunar,.theme-iridescent).cosmetic-preview,:is(.theme-supernova,.theme-glacier,.theme-solstice,.theme-jade,.theme-singularity,.theme-neon,.theme-dragonfire,.theme-lunar,.theme-iridescent) .stellar-hero{background:radial-gradient(ellipse at 12% 100%,color-mix(in srgb,var(--profile-accent) 12%,transparent),transparent 62%),#151020;border-color:color-mix(in srgb,var(--profile-accent) 25%,#171021)}.theme-neon .stellar-name h1,.theme-supernova .stellar-name h1{color:#f9e7fa}.theme-lunar .stellar-name h1,.theme-glacier .stellar-name h1{color:#e4f0fa}.theme-dragonfire .stellar-name h1,.theme-solstice .stellar-name h1{color:#ffe5c6}
@keyframes cosmic-spin{to{transform:rotate(360deg)}}
@keyframes cosmic-orbit{to{transform:translate(-50%,-50%) rotate(375deg)}}
@keyframes cosmic-disk-turn{from{transform:translate(-50%,-50%) rotate(-24deg) scaleY(.3) rotate(0)}to{transform:translate(-50%,-50%) rotate(-24deg) scaleY(.3) rotate(360deg)}}
@keyframes cosmic-wide-disk{from{transform:translate(-50%,-50%) rotate(-24deg) scaleY(.65) rotate(0)}to{transform:translate(-50%,-50%) rotate(-24deg) scaleY(.65) rotate(360deg)}}
@keyframes cosmic-cloud{to{transform:translate(4%,5%) rotate(5deg)}}
@keyframes cosmic-ambience{from{opacity:.4}to{opacity:.9}}
@keyframes cosmic-twinkle{from{opacity:.3;transform:scale(.8)}to{opacity:.85;transform:scale(1.3)}}
@keyframes cosmic-sun{to{transform:translate(-50%,-48%) scale(1.04);opacity:.85}}
@keyframes cosmic-grid{to{transform:perspective(220px) rotateX(51deg) translateY(28px)}}
@keyframes cosmic-shard{to{transform:translate(7px,-13px) rotate(12deg)}}
@keyframes cosmic-particle{0%,100%{opacity:.25;transform:translate(0,0) scale(var(--scale))}50%{opacity:.8;transform:translate(var(--drift),-22px) scale(1)}}
@keyframes cosmic-orbital{0%,100%{opacity:.15;transform:translate(0,0) scale(.5)}45%{opacity:.8;transform:translate(var(--drift),-28px) scale(1)}}
@keyframes cosmic-datafall{from{transform:translateY(-20px);opacity:0}12%{opacity:.45}88%{opacity:.45}to{transform:translateY(420px);opacity:0}}
@keyframes cosmic-embers{from{transform:translate(0,0) scale(.7);opacity:0}20%{opacity:.8}80%{opacity:.45}to{transform:translate(var(--drift),-450px) scale(.2);opacity:0}}
@keyframes cosmic-firefly{0%,100%{opacity:.2;transform:translate(0,0) scale(.65)}50%{opacity:.75;transform:translate(var(--drift),-15px) scale(1)}}
@keyframes cosmic-glass{0%,100%{opacity:.3;transform:translate(0,0) rotate(0)}50%{opacity:.65;transform:translate(var(--drift),-18px) rotate(25deg)}}
@keyframes cosmic-scan{0%,100%{transform:translateY(-35%);opacity:0}35%,65%{opacity:.7}80%{transform:translateY(35%);opacity:0}}
@keyframes cosmic-badge{0%,100%{transform:scale(.96);opacity:.8}50%{transform:scale(1.04);opacity:1}}
@keyframes cosmic-gem{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(8deg)}}
@keyframes cosmic-title{to{background-position:230% 50%}}
[data-motion=off] *,[data-motion=off]::before,[data-motion=off]::after,[data-motion=off] *::before,[data-motion=off] *::after{animation-play-state:paused!important}.cosmetic-scene,.cosmetic-atmosphere{user-select:none}
@media(max-width:600px){.cosmetic-preview .stellar-cover{height:142px}.cosmetic-swatch{aspect-ratio:1.15}.swatch-center .stellar-avatar{width:57px;height:57px;font-size:24px}.swatch-center .cosmetic-badge{width:52px;height:52px;border-radius:15px}.swatch-center .cosmetic-badge svg{width:28px;height:28px}.swatch-center>.cosmetic-title{font-size:11px}.swatch-center>small{font-size:8px}.swatch-theme .stellar-avatar{width:34px;height:34px;font-size:16px}.swatch-theme .swatch-center{gap:5px}.swatch-theme .cosmetic-title{font-size:6px}.swatch-center>b{font-size:10px}.swatch-caption{font-size:6px;letter-spacing:.7px;bottom:9px}}
@media(prefers-reduced-motion:reduce){.cosmetic-scene *,.cosmetic-atmosphere *,.cosmetic-badge svg,.cosmetic-title span,.cosmetic-preview::before,.swatch-orbit-mark svg,.stellar-avatar::before,.stellar-avatar::after{animation:none!important;transition:none!important}.atmosphere-datastream>i{top:var(--y);height:30px}.atmosphere-embers>i{top:var(--y);opacity:.55}}

/* Original vector collections. Shared by the shop, workshop and player pages. */
.cosmetic-scene{--base-star-size:clamp(75px,34cqw,205px);--star-size:calc(var(--base-star-size)*var(--scene-zoom,1))}
.cosmetic-scene :is(.scene-core,.scene-disk,.scene-orbit){left:var(--scene-position,70%)}
.scene-illustration{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}
.scene-astralatlas{--scene-primary:#aec5ff;--scene-secondary:#dfb2fc;background:radial-gradient(ellipse at 65% 45%,#4c56a430,transparent 60%),linear-gradient(135deg,#0c1429,#161326)}
.scene-astralatlas .scene-core{background:radial-gradient(circle,#18213e20 60%,#b8c9ff50 70%,#121a3290 72%);border:1px solid #c8d8ff65;box-shadow:inset 0 0 35px #98b5ff25,0 0 30px #96b1ff30}
.scene-astralatlas .scene-core:after{content:'';position:absolute;inset:15%;border:1px dashed #b0c7ff65;border-radius:50%;animation:cosmic-spin calc(60s * var(--motion-factor,1)) linear infinite reverse}
.scene-astralatlas .scene-disk{background:repeating-conic-gradient(#bdcfff90 0deg 1deg,transparent 1deg 6deg);mask:radial-gradient(circle,transparent 0 45%,#000 46% 48%,transparent 49%);animation-name:cosmic-wide-disk;animation-duration:calc(60s * var(--motion-factor,1))}
.astral-map{opacity:.55}.astral-map path{stroke-dasharray:1000;animation:atlas-path calc(16s * var(--motion-factor,1)) ease-in-out infinite alternate}.map-star{animation:cosmic-ambience calc(6s * var(--motion-factor,1)) ease-in-out infinite alternate;animation-delay:calc(var(--n)*-.65s)}
.scene-sakura{--scene-primary:#f0b3d5;--scene-secondary:#aa9bed;background:radial-gradient(ellipse at 72% 45%,#c571a224,transparent 55%),linear-gradient(130deg,#171227,#291728)}
.scene-sakura .scene-core{top:40%;background:radial-gradient(circle at 32% 22%,#fce1eb,#dea7c8 55%,#85779f);box-shadow:inset -10px -5px 35px #86719d66,0 0 45px #eab4d935;opacity:.75}
.scene-sakura .scene-disk,.scene-sakura .scene-orbit{display:none}.sakura-branch{transform-origin:100% 90%;animation:sakura-sway calc(14s * var(--motion-factor,1)) ease-in-out infinite alternate}
.scene-sakura .scene-stars i{background:#f4d5ec}.scene-sakura .scene-haze{background:radial-gradient(ellipse at 40% 90%,#b66d9b27,transparent 60%),radial-gradient(ellipse at 70% 25%,#ead0ff25,transparent 45%)}
.scene-abyss{--scene-primary:#7ee5dc;--scene-secondary:#729deb;background:radial-gradient(ellipse at 65% -15%,#62c6ca35,transparent 68%),linear-gradient(150deg,#09232d,#0d1727 65%,#111326)}
.scene-abyss .scene-core,.scene-abyss .scene-disk,.scene-abyss .scene-orbit{display:none}.scene-abyss .scene-haze{background:repeating-linear-gradient(110deg,transparent 0 100px,#69e3e814 130px,transparent 150px);animation:abyss-current calc(20s * var(--motion-factor,1)) ease-in-out infinite alternate}
.abyss-life{filter:drop-shadow(0 0 9px #89efef35)}.jellyfish{transform-box:fill-box;transform-origin:center;animation:jelly-drift calc(11s * var(--motion-factor,1)) ease-in-out infinite alternate}.jellyfish-1{animation-delay:-4s;animation-duration:calc(15s * var(--motion-factor,1));opacity:.6}.jellyfish-2{animation-delay:-7s;animation-duration:calc(18s * var(--motion-factor,1));opacity:.4}
.scene-abyss .scene-stars i{height:3px;width:3px;background:transparent;border:1px solid #a5e8ee75;box-shadow:0 0 7px #83dce950}
.scene-chronograph{--scene-primary:#ebcf9e;--scene-secondary:#a7a1ed;background:radial-gradient(ellipse at 68% 45%,#98755620,transparent 60%),linear-gradient(135deg,#17131d,#261e2c)}
.scene-chronograph .scene-core{background:radial-gradient(circle,#100e1caa,#32273966);box-shadow:0 0 1px 1px #dfc49b77,0 0 30px #f1cb9620}
.scene-chronograph .scene-disk{background:repeating-conic-gradient(#d8ba8790 0deg 2deg,transparent 2deg 15deg);animation-name:cosmic-wide-disk;animation-duration:calc(70s * var(--motion-factor,1));mask:radial-gradient(circle,transparent 0 43%,#000 44% 48%,transparent 49%)}
.scene-chronograph .scene-orbit{border-style:dashed;border-color:#dac4a546;animation-duration:calc(60s * var(--motion-factor,1))}.scene-instrument{position:absolute;left:var(--scene-position,70%);top:46%;width:calc(var(--star-size)*1.25);aspect-ratio:1;transform:translate(-50%,-50%);z-index:5}
.scene-instrument svg{width:100%;height:100%;overflow:visible}.chronograph-hand{transform-origin:100px 100px;animation:cosmic-spin calc(90s * var(--motion-factor,1)) linear infinite}.chronograph-hand-short{animation-duration:calc(240s * var(--motion-factor,1));animation-delay:-60s}.scene-chronograph .scene-stars i{background:#e4cfad}
.cosmetic-atmosphere{opacity:var(--effect-opacity,1)}.atmosphere-stars>i{animation:cosmic-twinkle calc(var(--duration) * var(--motion-factor,1)) ease-in-out infinite alternate}
.atmosphere-halo .atmosphere-light{background:radial-gradient(ellipse at 20% 75%,color-mix(in srgb,var(--profile-accent) 22%,transparent),transparent 70%);animation:cosmic-ambience calc(10s * var(--motion-factor,1)) ease-in-out infinite alternate}
.atmosphere-halo>i,.atmosphere-constellations>i{display:none}.atmosphere-constellations .astral-map{opacity:.3}
.atmosphere-petals>i{width:9px;height:6px;border-radius:90% 0 85% 20%;background:linear-gradient(135deg,#f9d6e6,#cd8faf);box-shadow:none;top:var(--y);animation:petal-drift calc(var(--duration) * var(--motion-factor,1)) ease-in-out infinite}
.atmosphere-bubbles>i{width:calc(4px + var(--n)*.5px);height:calc(4px + var(--n)*.5px);background:#7ee6e509;border:1px solid #9aede36e;box-shadow:0 0 7px #8bcace20;animation:bubble-drift calc(var(--duration) * var(--motion-factor,1)) ease-in-out infinite}
.atmosphere-time-dust>i{width:2px;height:2px;background:#efd1a5;box-shadow:0 0 8px #e2c493;animation:cosmic-orbital calc(var(--duration) * var(--motion-factor,1)) ease-in-out infinite}
.atmosphere-time-dust .atmosphere-light{background:repeating-radial-gradient(ellipse at 85% 45%,transparent 0 80px,#e5c49412 81px 82px,transparent 83px 120px);animation:cosmic-ambience calc(16s * var(--motion-factor,1)) ease-in-out infinite alternate}
.stellar-avatar:is(.frame-astrolabe,.frame-petal-ring,.frame-tidal,.frame-clockwork){border-radius:50%;border-color:#c1d2f355;isolation:isolate}
.stellar-avatar:is(.frame-astrolabe,.frame-petal-ring,.frame-tidal,.frame-clockwork)::before{content:'';position:absolute;inset:-7px;border-radius:50%;pointer-events:none;animation:cosmic-spin calc(30s * var(--motion-factor,1)) linear infinite}
.stellar-avatar.frame-astrolabe::before{background:repeating-conic-gradient(#bed5ff90 0deg 2deg,transparent 2deg 10deg);mask:radial-gradient(circle,transparent 0 64%,#000 65% 69%,transparent 70%)}
.stellar-avatar.frame-astrolabe::after{content:'';position:absolute;inset:-12px;border:1px solid #bacaf74d;border-radius:50%;pointer-events:none;animation:cosmic-ambience calc(8s * var(--motion-factor,1)) ease-in-out infinite alternate}
.stellar-avatar.frame-petal-ring{border-color:#f5bed4;box-shadow:0 0 30px #ec9cb92b}.stellar-avatar.frame-petal-ring::before{background:repeating-conic-gradient(transparent 0deg 44deg,#f6c3dc 45deg 54deg,transparent 55deg 72deg);mask:radial-gradient(circle,transparent 0 63%,#000 65% 69%,transparent 72%)}
.stellar-avatar.frame-tidal{border-color:#91e2dd;box-shadow:0 0 20px #82ddd82e}.stellar-avatar.frame-tidal::before{inset:-8px;border:1px solid #9ce7e37a;border-radius:43% 57% 55% 45%;animation-duration:calc(18s * var(--motion-factor,1))}.stellar-avatar.frame-tidal::after{content:'';position:absolute;inset:-12px;border:1px solid #b1cffa38;border-radius:55% 45% 43% 57%;animation:cosmic-spin calc(26s * var(--motion-factor,1)) linear infinite reverse;pointer-events:none}
.stellar-avatar.frame-clockwork{border-color:#e4c69b;box-shadow:0 0 25px #e4bb882b}.stellar-avatar.frame-clockwork::before{background:repeating-conic-gradient(#e8c898 0deg 4deg,transparent 4deg 30deg);mask:radial-gradient(circle,transparent 0 63%,#000 65% 71%,transparent 73%);animation-duration:calc(60s * var(--motion-factor,1))}
.cosmetic-badge.badge-northstar{color:#c6d8ff;border-color:#b8d1ff55;background:#b8d1ff12}.cosmetic-badge.badge-blossom{color:#f5bddd;border-color:#f0b5d155;background:#f0b5d112}.badge-blossom svg{animation:cosmic-spin calc(35s * var(--motion-factor,1)) linear infinite}.cosmetic-badge.badge-tide{color:#8ce6de;border-color:#83d5cf55;background:#83d5cf12}.cosmetic-badge.badge-hourglass{color:#e7cda5;border-color:#e7cda555;background:#e7cda512}
.cosmetic-title:is(.title-starchart,.title-moonbloom,.title-deepkeeper,.title-timekeeper)>span{color:transparent;background:linear-gradient(100deg,var(--title-color) 5%,#f5edff 40%,var(--title-secondary) 65%,var(--title-color) 90%);background-size:230% 100%;background-clip:text;-webkit-background-clip:text;animation:cosmic-title calc(10s * var(--motion-factor,1)) linear infinite}
.title-starchart{--title-color:#b0c7ff;--title-secondary:#e4c5ff}.title-moonbloom{--title-color:#f5b9d7;--title-secondary:#dbc7fb}.title-deepkeeper{--title-color:#8ee4dc;--title-secondary:#b8cbf9}.title-timekeeper{--title-color:#e6c797;--title-secondary:#fbefcf}
[data-animation=calm] .cosmetic-atmosphere>i:nth-of-type(2n){display:none}[data-animation=calm] .scene-haze{opacity:.45}
[data-motion=off] .atmosphere-embers>i,[data-motion=off] .atmosphere-datastream>i{top:var(--y);opacity:.4}[data-motion=off] .atmosphere-datastream>i{height:30px}
@keyframes atlas-path{from{opacity:.4;stroke-dashoffset:0}to{opacity:.9;stroke-dashoffset:40}}
@keyframes sakura-sway{to{transform:rotate(1.5deg) translateY(4px)}}
@keyframes abyss-current{to{transform:translateX(5%) rotate(3deg);opacity:.5}}
@keyframes jelly-drift{to{transform:translate(-9px,-17px) rotate(3deg)}}
@keyframes petal-drift{0%{transform:translate(0,-70px) rotate(-35deg);opacity:0}15%{opacity:.65}85%{opacity:.65}100%{transform:translate(var(--drift),170px) rotate(140deg);opacity:0}}
@keyframes bubble-drift{0%{transform:translate(0,45px);opacity:0}20%{opacity:.5}80%{opacity:.6}100%{transform:translate(var(--drift),-130px);opacity:0}}
@media(prefers-reduced-motion:reduce){.scene-illustration *,.scene-instrument *,.sakura-branch{animation:none!important}.cosmetic-atmosphere>i{animation:none!important}.atmosphere-petals>i,.atmosphere-bubbles>i{opacity:.5}}
.cosmetic-preview.hero-cinematic{min-height:355px;display:flex;align-items:flex-end}
.cosmetic-preview.hero-cinematic .stellar-cover{position:absolute;inset:0;height:100%;width:100%}
.cosmetic-preview.hero-cinematic .stellar-cover:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#151020f5,#15102099 45%,transparent 90%)}
.cosmetic-preview.hero-cinematic .cosmetic-preview-info{width:100%;margin:135px 0 0;padding:22px 23px 24px}
.cosmetic-preview.hero-cinematic .stellar-cover .cosmetic-scene :is(.scene-core,.scene-disk,.scene-orbit,.scene-instrument){top:30%}
.cosmetic-preview.hero-cinematic .stellar-cover .scene-horizon .scene-core{top:125%}
.cosmetic-preview.hero-cinematic.cosmetic-preview-small{min-height:190px}.cosmetic-preview.hero-cinematic.cosmetic-preview-small .cosmetic-preview-info{margin-top:65px;padding:15px}
.cosmetic-preview.align-center .cosmetic-preview-info{text-align:center}.cosmetic-preview.align-center .stellar-avatar{margin-left:auto;margin-right:auto}.cosmetic-preview.align-center .cosmetic-preview-info>strong{justify-content:center}.cosmetic-preview.align-center .cosmetic-preview-lines{justify-items:center}
:is(.abyss-life,.sakura-branch){left:calc(var(--scene-position,65%) - 65%);scale:var(--scene-zoom,1);transform-origin:65% 50%}
@media(prefers-reduced-motion:reduce){.cosmetic-preview:before,.cosmetic-scene *,.cosmetic-scene *:before,.cosmetic-scene *:after,.cosmetic-atmosphere *,.cosmetic-badge svg,.cosmetic-title span,.stellar-avatar:before,.stellar-avatar:after{animation:none!important}}
/* Swatches keep their existing aspect ratio while their decoration warms up. */
.cosmetic-swatch{contain:layout paint}
/* v76: readable effects at the user's selected intensity. Text stays above decoration. */
.player-profile .stellar-hero>.cosmetic-atmosphere,.pw-preview>.cosmetic-atmosphere{z-index:1;opacity:var(--effect-opacity,.7)}
.player-profile .stellar-hero>.cosmetic-atmosphere>i,.cosmetic-preview>.cosmetic-atmosphere>i,.pw-preview>.cosmetic-atmosphere>i{width:var(--particle-width,5px);height:var(--particle-height,5px);box-shadow:0 0 5px currentColor,0 0 13px currentColor}
.cosmetic-atmosphere.atmosphere-petals>i{width:12px;height:8px}.cosmetic-atmosphere.atmosphere-embers>i{width:5px;height:8px}.cosmetic-atmosphere.atmosphere-bubbles>i{width:10px;height:10px;border-width:1.5px}.cosmetic-atmosphere.atmosphere-datastream>i{width:2px;height:32px}.cosmetic-atmosphere.atmosphere-refractions>i{width:15px;height:15px}
.atmosphere-waves .atmosphere-light{background:repeating-radial-gradient(ellipse at 105% 12%,transparent 0 35px,#c5a4f335 36px 39px,transparent 40px 56px)}.atmosphere-borealis .atmosphere-light{background:linear-gradient(120deg,transparent,#95e9cb4a 30%,#99a4ed50 50%,#c798e13d 65%,transparent)}.atmosphere-scan .atmosphere-light{background:linear-gradient(150deg,transparent 35%,#aae4ff24 49%,#a5edff80 50%,transparent 54%)}.atmosphere-embers .atmosphere-light{background:linear-gradient(transparent 35%,#ff96412a)}.atmosphere-time-dust .atmosphere-light{background:repeating-radial-gradient(ellipse at 85% 45%,transparent 0 79px,#e5c49435 80px 83px,transparent 84px 120px)}
@media(prefers-reduced-motion:reduce){.cosmetic-atmosphere *{animation:none!important;transition:none!important}}

.atmosphere-petals{--particle-width:12px;--particle-height:8px}.atmosphere-embers{--particle-width:5px;--particle-height:8px}.atmosphere-bubbles{--particle-width:10px;--particle-height:10px}.atmosphere-datastream{--particle-width:2px;--particle-height:32px}.atmosphere-refractions{--particle-width:15px;--particle-height:15px}
/* v76 original collection visuals shared with embedded pages */
.edition-scene{overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 77% 24%,color-mix(in srgb,var(--edition-secondary) 20%,transparent),transparent 64%),linear-gradient(140deg,#111124,#161a32 60%,color-mix(in srgb,var(--edition-color) 16%,#0c1021))}.edition-scene svg{position:absolute;inset:0;width:100%;height:100%;color:var(--edition-color)}.edition-haze{position:absolute;inset:0;background:linear-gradient(90deg,#13112b9c,transparent 65%)}.edition-orbit{transform-box:fill-box;transform-origin:center;animation:edition-orbit 64s linear infinite}.edition-drift{animation:edition-drift 15s ease-in-out infinite alternate}.edition-star,.edition-glow{animation:edition-glow 7s ease-in-out infinite alternate}.edition-atmosphere>i{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--edition-color);box-shadow:0 0 9px var(--edition-color);animation:edition-particle 10s ease-in-out infinite}.edition-atmosphere.edition-flowers>i,.edition-atmosphere.edition-origami>i{width:7px;height:4px;border-radius:50% 0 50% 0}.edition-atmosphere.edition-circuit>i,.edition-atmosphere.edition-noir>i{width:1px;height:25px;border-radius:0}.edition-atmosphere.edition-crystals>i{border-radius:0;transform:rotate(45deg);width:4px;height:4px}.stellar-avatar[class*='frame-v76-']{border-color:var(--edition-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--edition-color) 23%,transparent),0 0 24px color-mix(in srgb,var(--edition-color) 15%,transparent)}.stellar-avatar[class*='frame-v76-']:before{content:'';position:absolute;inset:-7px;border-radius:inherit;border:1px solid var(--edition-color);border-top-width:3px;border-bottom-color:var(--edition-secondary);pointer-events:none;animation:edition-orbit 24s linear infinite}.cosmetic-title[class*='title-v76-']{background:linear-gradient(110deg,var(--edition-color),var(--edition-secondary),var(--edition-color));background-size:200%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:edition-title 9s ease-in-out infinite alternate}.cosmetic-badge[class*='badge-v76-']{color:var(--edition-color);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--edition-color) 35%,transparent))}
@keyframes edition-orbit{to{transform:rotate(360deg)}}@keyframes edition-drift{to{transform:translate(10px,-8px)}}@keyframes edition-glow{from{opacity:.35}to{opacity:.85}}@keyframes edition-particle{0%,100%{opacity:.15;translate:0 10px}50%{opacity:.7;translate:8px -14px}}@keyframes edition-title{to{background-position:100%}}
[data-motion=off] .edition-scene *,[data-motion=off] .edition-atmosphere *,[data-motion=off] [class*='frame-v76-']:before,[data-motion=off] [class*='title-v76-'],[data-ui-motion=off] [class*='title-v76-'],[data-render-quality=low] .edition-scene *,[data-render-quality=low] .edition-atmosphere *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.edition-scene *,.edition-atmosphere *,[class*='frame-v76-']:before,[class*='title-v76-']{animation:none!important}}
.edition-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--scene-position,65%) center;scale:var(--scene-zoom,1)}.edition-scene .edition-haze{z-index:1;background:linear-gradient(90deg,#15112b7a,transparent 60%,#14112615)}.edition-scene svg{z-index:2}.edition-atmosphere>i{width:5px;height:5px;box-shadow:0 0 5px var(--edition-color),0 0 15px color-mix(in srgb,var(--edition-color) 65%,transparent)}.edition-atmosphere.edition-flowers>i,.edition-atmosphere.edition-origami>i{width:11px;height:7px}.edition-atmosphere.edition-circuit>i,.edition-atmosphere.edition-noir>i{width:2px;height:34px}

.frame-v76-aurora-expedition,.badge-v76-aurora-expedition,.title-v76-aurora-expedition{--edition-color:#7ce5cf;--edition-secondary:#a59aff}
.frame-v76-enchanted-forest,.badge-v76-enchanted-forest,.title-v76-enchanted-forest{--edition-color:#a4e8b8;--edition-secondary:#82c4ec}
.frame-v76-crimson-eclipse,.badge-v76-crimson-eclipse,.title-v76-crimson-eclipse{--edition-color:#ee8b9c;--edition-secondary:#efb183}
.frame-v76-desert-mirage,.badge-v76-desert-mirage,.title-v76-desert-mirage{--edition-color:#e8c596;--edition-secondary:#dd9cbb}
.frame-v76-ocean-storm,.badge-v76-ocean-storm,.title-v76-ocean-storm{--edition-color:#8ad8f0;--edition-secondary:#9bafff}
.frame-v76-quantum-grid,.badge-v76-quantum-grid,.title-v76-quantum-grid{--edition-color:#8af0d5;--edition-secondary:#c19cfa}
.frame-v76-celestial-sanctum,.badge-v76-celestial-sanctum,.title-v76-celestial-sanctum{--edition-color:#e9d5a4;--edition-secondary:#aaa5f1}
.frame-v76-arctic-crystals,.badge-v76-arctic-crystals,.title-v76-arctic-crystals{--edition-color:#b8e8ff;--edition-secondary:#bba3f7}
.frame-v76-wildflower-moon,.badge-v76-wildflower-moon,.title-v76-wildflower-moon{--edition-color:#e6b3ed;--edition-secondary:#b4e6c5}
.frame-v76-andromeda,.badge-v76-andromeda,.title-v76-andromeda{--edition-color:#c4abff;--edition-secondary:#90d8f6}
.frame-v76-copper-observatory,.badge-v76-copper-observatory,.title-v76-copper-observatory{--edition-color:#e7ba9a;--edition-secondary:#94d5d7}
.frame-v76-paper-sky,.badge-v76-paper-sky,.title-v76-paper-sky{--edition-color:#afceef;--edition-secondary:#ebc2d9}
.frame-v76-jade-peaks,.badge-v76-jade-peaks,.title-v76-jade-peaks{--edition-color:#9cdebc;--edition-secondary:#d9d4aa}
.frame-v76-rose-velvet,.badge-v76-rose-velvet,.title-v76-rose-velvet{--edition-color:#e5adc8;--edition-secondary:#d3abeb}
.frame-v76-volcanic-heart,.badge-v76-volcanic-heart,.title-v76-volcanic-heart{--edition-color:#f2b28c;--edition-secondary:#e78b9b}
.frame-v76-silver-noir,.badge-v76-silver-noir,.title-v76-silver-noir{--edition-color:#d5ddea;--edition-secondary:#8e9fc4}
.edition-frame{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);overflow:visible;pointer-events:none}.stellar-avatar[class*='frame-v76-']:before{display:none}.edition-frame-mark{animation:edition-glow calc(6s * var(--motion-factor,1)) ease-in-out infinite alternate}.edition-effect-field{position:absolute;inset:0;opacity:.65;background:radial-gradient(ellipse at 85% 15%,color-mix(in srgb,var(--edition-color) 16%,transparent),transparent 65%);animation:edition-drift calc(15s * var(--motion-factor,1)) ease-in-out infinite alternate}.edition-effect-lines{position:absolute;inset:0;width:100%;height:100%;opacity:.7}.edition-atmosphere>i{animation-duration:calc(var(--edition-duration,10s) * var(--motion-factor,1))}.edition-atmosphere.edition-aurora .edition-effect-field{inset:-15%;background:linear-gradient(115deg,transparent 30%,color-mix(in srgb,var(--edition-color) 30%,transparent) 40%,color-mix(in srgb,var(--edition-secondary) 27%,transparent) 50%,transparent 65%)}.edition-atmosphere.edition-waves .edition-effect-field{background:repeating-radial-gradient(ellipse at 80% 120%,transparent 0 26px,color-mix(in srgb,var(--edition-color) 30%,transparent) 27px 29px,transparent 30px 49px)}.edition-atmosphere.edition-forest>i,.edition-atmosphere.edition-flowers>i{animation-name:edition-firefly}.edition-atmosphere.edition-crystals{--particle-width:5px;--particle-height:5px}.edition-atmosphere.edition-crystals>i{animation-name:edition-fall}.edition-atmosphere.edition-flowers,.edition-atmosphere.edition-origami{--particle-width:11px;--particle-height:7px}.edition-atmosphere.edition-origami>i{animation-name:edition-fall}.edition-atmosphere.edition-circuit,.edition-atmosphere.edition-noir{--particle-width:2px;--particle-height:32px}.edition-atmosphere.edition-circuit>i,.edition-atmosphere.edition-noir>i{animation-name:edition-stream}.edition-atmosphere.edition-volcano>i,.edition-atmosphere.edition-eclipse>i{animation-name:edition-ember}.edition-atmosphere.edition-silk .edition-effect-field{background:conic-gradient(from 120deg at 80% 25%,transparent,color-mix(in srgb,var(--edition-color) 20%,transparent),transparent,color-mix(in srgb,var(--edition-secondary) 25%,transparent),transparent)}
@keyframes edition-firefly{0%,100%{opacity:.1;translate:0 10px}35%{opacity:.95;translate:15px -20px}70%{opacity:.6;translate:-5px -8px}}@keyframes edition-fall{0%{opacity:0;translate:0 -100px;rotate:0deg}20%{opacity:.8}80%{opacity:.7}100%{opacity:0;translate:35px 180px;rotate:160deg}}@keyframes edition-stream{0%{opacity:0;translate:0 -130px}20%{opacity:.85}80%{opacity:.65}100%{opacity:0;translate:0 150px}}@keyframes edition-ember{0%{opacity:0;translate:0 100px;scale:.6}30%{opacity:.95}100%{opacity:0;translate:22px -130px;scale:.8}}
[data-motion=off] .edition-frame *,[data-ui-motion=off] .edition-frame *,[data-render-quality=low] .edition-frame *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.edition-frame *{animation:none!important}}
.edition-atmosphere{--particle-width:7px;--particle-height:7px}.edition-atmosphere>i{box-shadow:0 0 6px var(--edition-color),0 0 19px color-mix(in srgb,var(--edition-color) 80%,transparent)}.edition-atmosphere.edition-galaxy>i,.edition-atmosphere.edition-arches>i,.edition-atmosphere.edition-instrument>i{border-radius:0;clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);--particle-width:11px;--particle-height:11px}.edition-effect-lines{opacity:.9}.edition-effect-field{opacity:.8}.edition-atmosphere.edition-galaxy .edition-effect-field{background:radial-gradient(ellipse at 85% 15%,color-mix(in srgb,var(--edition-secondary) 25%,transparent),transparent 68%)}

/* v77 — original, separately generated covers, badges and avatar frames. */
.legacy-scene{position:absolute;inset:0;overflow:hidden;isolation:isolate;pointer-events:none;background:#0e0b16}
.legacy-cover-image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--scene-position,65%) center;transform:scale(calc(var(--scene-zoom,1) * 1.035));animation:legacy-cover-drift calc(26s * var(--motion-factor,1)) ease-in-out infinite alternate;will-change:auto}
.legacy-cover-light{position:absolute;inset:0;background:radial-gradient(ellipse at 78% 23%,#dbaeff28,transparent 60%);mix-blend-mode:screen;opacity:.5;animation:legacy-cover-breathe calc(9s * var(--motion-factor,1)) ease-in-out infinite alternate}
.legacy-cover-particles{position:absolute;inset:0}.legacy-cover-particles>i{position:absolute;left:var(--lx);top:var(--ly);width:2px;height:2px;border-radius:50%;background:#e9d6ff;box-shadow:0 0 9px #cfadf7;opacity:0;animation:legacy-particle-rise calc(var(--lt) * var(--motion-factor,1)) var(--ld) ease-in-out infinite}
.legacy-scene-sakura .legacy-cover-particles>i{width:7px;height:4px;border-radius:75% 20% 75% 20%;background:#ffd0e1;box-shadow:none;animation-name:legacy-petal-fall}.legacy-scene-abyss .legacy-cover-particles>i{width:5px;height:5px;background:transparent;border:1px solid #bef7faaa;box-shadow:0 0 10px #72dddf6b;animation-duration:calc(12s * var(--motion-factor,1))}.legacy-scene-salamander .legacy-cover-particles>i{width:3px;height:5px;background:#ffcb8b;box-shadow:0 0 13px #ff8d53;animation-duration:calc(7s * var(--motion-factor,1))}.legacy-scene-neoncity .legacy-cover-particles>i{width:1px;height:30px;border-radius:0;background:linear-gradient(transparent,#92e9e8,transparent);box-shadow:none;animation-name:legacy-digital-rain}.legacy-scene-chromatic .legacy-cover-particles>i{display:none}.legacy-scene-chronograph .legacy-cover-particles>i{background:#f6dcb1;box-shadow:0 0 7px #eec285}.legacy-scene-moongarden .legacy-cover-particles>i{width:4px;height:4px;background:#f0faff;box-shadow:0 0 14px #c4e5fa;animation-name:legacy-firefly}.legacy-scene-astralatlas .legacy-cover-particles>i{width:3px;height:3px;background:#dfe9ff;animation-name:legacy-star-twinkle}.legacy-scene-horizon .legacy-cover-particles>i,.legacy-scene-eclipse .legacy-cover-particles>i{display:none}.legacy-scene-horizon .legacy-cover-light{background:linear-gradient(160deg,transparent 30%,#b4deff13 65%,transparent);animation-duration:calc(16s * var(--motion-factor,1))}.legacy-scene-eclipse .legacy-cover-light,.legacy-scene-salamander .legacy-cover-light{background:radial-gradient(ellipse at 76% 25%,#ffb26924,transparent 65%)}.legacy-scene-crystal .legacy-cover-light,.legacy-scene-chromatic .legacy-cover-light{background:linear-gradient(115deg,transparent 30%,#faedff15 48%,transparent 65%);animation:legacy-cover-glint calc(13s * var(--motion-factor,1)) ease-in-out infinite}
.cosmetic-badge.has-legacy-badge{width:34px;height:34px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;position:relative;vertical-align:middle;margin-left:9px;color:inherit}.legacy-badge-art{display:block;width:100%;height:100%;position:relative;isolation:isolate;filter:drop-shadow(0 2px 6px #b689f14d);animation:legacy-badge-float calc(6s * var(--motion-factor,1)) ease-in-out infinite}
.legacy-badge-art>img{width:100%;height:100%;display:block;object-fit:contain;border-radius:0}.legacy-art-shine{position:absolute;inset:0;mask:var(--legacy-art) center/100% 100% no-repeat;-webkit-mask:var(--legacy-art) center/100% 100% no-repeat;pointer-events:none;opacity:.55;mix-blend-mode:screen;overflow:hidden}.legacy-art-shine>i{position:absolute;inset:-30%;display:block;background:linear-gradient(115deg,transparent 38%,#fff9 48%,#ffffffdd 50%,transparent 61%);transform:translateX(-130%);animation:legacy-art-sweep calc(8s * var(--motion-factor,1)) ease-in-out infinite}
.legacy-badge-spark{animation:legacy-badge-pulse calc(4.5s * var(--motion-factor,1)) ease-in-out infinite}.legacy-badge-rune{animation-duration:calc(8s * var(--motion-factor,1))}.legacy-badge-phoenix,.legacy-badge-salamander{animation:legacy-flame-mark calc(5.5s * var(--motion-factor,1)) ease-in-out infinite;filter:drop-shadow(0 2px 7px #ee87444d)}.legacy-badge-crown{animation:legacy-crown-tilt calc(10s * var(--motion-factor,1)) ease-in-out infinite;filter:drop-shadow(0 2px 6px #e8bb6845)}.legacy-badge-void{animation:legacy-infinity-rock calc(14s * var(--motion-factor,1)) ease-in-out infinite}.legacy-badge-chip{animation:legacy-signal calc(7s * var(--motion-factor,1)) ease-in-out infinite;filter:drop-shadow(0 2px 7px #79e5c743)}.legacy-badge-moon{animation-duration:calc(11s * var(--motion-factor,1));filter:drop-shadow(0 2px 7px #bddcff45)}.legacy-badge-prism{animation:legacy-prism-rock calc(9s * var(--motion-factor,1)) ease-in-out infinite}.legacy-badge-northstar{animation:legacy-badge-pulse calc(7s * var(--motion-factor,1)) ease-in-out infinite}.legacy-badge-blossom{animation:legacy-flower-turn calc(16s * var(--motion-factor,1)) ease-in-out infinite}.legacy-badge-tide{animation:legacy-tide-rock calc(6s * var(--motion-factor,1)) ease-in-out infinite}.legacy-badge-hourglass{animation:legacy-hourglass-turn calc(20s * var(--motion-factor,1)) ease-in-out infinite}
.cosmetic-swatch[data-slot=badge] .cosmetic-badge.has-legacy-badge{width:86px;height:86px;margin-left:0}.cosmetic-preview-small .cosmetic-badge.has-legacy-badge{width:24px;height:24px;margin-left:5px}.pw-preview .cosmetic-badge.has-legacy-badge{width:31px;height:31px}.player-profile .stellar-name .cosmetic-badge.has-legacy-badge{width:42px;height:42px;flex-shrink:0}.player-profile .stellar-name h1{align-items:center}
.stellar-avatar:has(>.legacy-frame-art){border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;border-radius:50%!important;position:relative;overflow:visible!important;isolation:isolate}
.stellar-avatar:has(>.legacy-frame-art)::before,.stellar-avatar:has(>.legacy-frame-art)::after{display:none!important}
.stellar-avatar:has(>.legacy-frame-art)>img,.stellar-avatar:has(>.legacy-frame-art)>.player-avatar-view,.stellar-avatar:has(>.legacy-frame-art)>span:not(.legacy-frame-art,.legacy-portrait){width:var(--legacy-face,82%)!important;height:var(--legacy-face,82%)!important;border-radius:50%!important;position:relative;z-index:1;overflow:hidden;background:#21152d;display:grid;place-items:center;object-fit:cover;padding:0}
.stellar-avatar:has(>.legacy-frame-art)>.player-avatar-view>img{width:100%;height:100%;object-fit:cover;border-radius:50%}
span.legacy-frame-art{position:absolute;inset:-17%;width:134%;height:134%;z-index:2;border-radius:0;pointer-events:none;display:block}
span.legacy-frame-art>.legacy-frame-image{display:block;width:100%!important;height:100%!important;object-fit:contain;border-radius:0!important;animation:none;transform:none}


.cosmetic-swatch[data-slot=frame] .stellar-avatar:has(>.legacy-frame-art){width:82px;height:82px}.cosmetic-preview .stellar-avatar:has(>.legacy-frame-art){margin-bottom:19px}.cosmetic-preview-small .stellar-avatar:has(>.legacy-frame-art){margin-bottom:13px}.pw-preview .stellar-avatar:has(>.legacy-frame-art){margin-bottom:12px}.player-profile .stellar-identity>.stellar-avatar:has(>.legacy-frame-art){margin-inline:7px}
[data-motion=off] .legacy-cover-image,[data-motion=off] .legacy-cover-light,[data-motion=off] .legacy-cover-particles>i,[data-motion=off] .legacy-badge-art,[data-motion=off] .legacy-art-shine>i,[data-motion=off] .legacy-frame-image,[data-motion=off] .legacy-frame-spark,[data-animation=off] .legacy-badge-art,[data-animation=off] .legacy-cover-image,[data-animation=off] .legacy-art-shine>i,[data-animation=off] .legacy-frame-image,[data-animation=off] .legacy-cover-particles>i{animation-play-state:paused!important}
[data-motion=off] .legacy-cover-particles>i{opacity:.25;transform:none}[data-motion=off] .legacy-art-shine{opacity:0}
@keyframes legacy-cover-drift{from{transform:scale(calc(var(--scene-zoom,1) * 1.035)) translate3d(-.35%,0,0)}to{transform:scale(calc(var(--scene-zoom,1) * 1.065)) translate3d(.35%,-.35%,0)}}
@keyframes legacy-cover-breathe{from{opacity:.2}to{opacity:.65}}
@keyframes legacy-cover-glint{0%,100%{opacity:.08;transform:translateX(-18%)}50%{opacity:.55;transform:translateX(14%)}}
@keyframes legacy-particle-rise{0%{opacity:0;transform:translateY(30px) scale(.6)}30%{opacity:.8}70%{opacity:.45}100%{opacity:0;transform:translateY(-36px) scale(1.1)}}
@keyframes legacy-petal-fall{0%{opacity:0;transform:translate(0,-25px) rotate(-20deg)}20%{opacity:.8}80%{opacity:.5}100%{opacity:0;transform:translate(18px,38px) rotate(75deg)}}
@keyframes legacy-digital-rain{0%{opacity:0;transform:translateY(-50px)}30%{opacity:.6}100%{opacity:0;transform:translateY(65px)}}
@keyframes legacy-firefly{0%,100%{opacity:.05;transform:translate(0,0)}50%{opacity:.8;transform:translate(8px,-12px)}}
@keyframes legacy-star-twinkle{0%,100%{opacity:.15;transform:scale(.7)}40%{opacity:1;transform:scale(1.3)}65%{opacity:.35;transform:scale(.8)}}
@keyframes legacy-art-sweep{0%,58%{transform:translateX(-130%);opacity:0}67%{opacity:.8}83%{transform:translateX(130%);opacity:.6}100%{transform:translateX(130%);opacity:0}}
@keyframes legacy-badge-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes legacy-badge-pulse{0%,100%{transform:scale(.95) rotate(-3deg);opacity:.85}50%{transform:scale(1.07) rotate(3deg);opacity:1}}
@keyframes legacy-flame-mark{0%,100%{transform:translateY(0) scale(.98);opacity:.88}50%{transform:translateY(-2px) scale(1.07);opacity:1}}
@keyframes legacy-crown-tilt{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes legacy-infinity-rock{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@keyframes legacy-signal{0%,100%{opacity:.7;transform:scale(.985)}45%{opacity:1;transform:scale(1.015)}50%{opacity:.8}55%{opacity:1}80%{opacity:.9}}
@keyframes legacy-prism-rock{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-2px)}}
@keyframes legacy-flower-turn{0%,100%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}
@keyframes legacy-tide-rock{0%,100%{transform:translateX(-1px) rotate(-4deg)}50%{transform:translateX(1px) rotate(4deg)}}
@keyframes legacy-hourglass-turn{0%,35%{transform:rotate(0deg)}48%,85%{transform:rotate(180deg)}98%,100%{transform:rotate(360deg)}}



@media(max-width:600px){.player-profile .stellar-name .cosmetic-badge.has-legacy-badge{width:34px;height:34px}.player-profile .stellar-identity>.stellar-avatar:has(>.legacy-frame-art){margin-inline:3px}.legacy-cover-particles>i:nth-child(n+5){display:none}}
@media(prefers-reduced-motion:reduce){.legacy-cover-image,.legacy-cover-light,.legacy-cover-particles>i,.legacy-badge-art,.legacy-art-shine>i,.legacy-frame-image,.legacy-frame-spark{animation:none!important}.legacy-art-shine{display:none}.legacy-cover-particles>i{opacity:.2;transform:none}}

.stellar-avatar.frame-comet{--legacy-face:82.3%}
.stellar-avatar.frame-hologram{--legacy-face:88.0%}
.stellar-avatar.frame-solar{--legacy-face:60.8%}
.stellar-avatar.frame-event-horizon{--legacy-face:68.1%}
.stellar-avatar.frame-circuit{--legacy-face:85.4%}
.stellar-avatar.frame-duality{--legacy-face:87.5%}
.stellar-avatar.frame-dragon-scale{--legacy-face:66.1%}
.stellar-avatar.frame-lunar-orbit{--legacy-face:85.9%}
.stellar-avatar.frame-spectrum{--legacy-face:83.4%}
.stellar-avatar.frame-astrolabe{--legacy-face:65.5%}
.stellar-avatar.frame-petal-ring{--legacy-face:84.8%}
.stellar-avatar.frame-tidal{--legacy-face:71.8%}
.stellar-avatar.frame-clockwork{--legacy-face:71.3%}

html[data-ui-hidden=true] .legacy-scene *,html[data-ui-hidden=true] .legacy-badge-art,html[data-ui-hidden=true] .legacy-frame-art *,html[data-ui-motion=off] .legacy-scene *,html[data-ui-motion=off] .legacy-badge-art,html[data-ui-motion=off] .legacy-frame-art *,html[data-ui-motion=off] .legacy-art-shine>i{animation-play-state:paused!important}

/* v77.1 — the portrait follows the transparent aperture; its image stays upright. */









.stellar-avatar>span.legacy-portrait{position:absolute!important;inset:-17%!important;width:134%!important;height:134%!important;max-width:none;max-height:none;margin:0!important;padding:0!important;z-index:1;border:0!important;border-radius:0!important;outline:0;box-shadow:none;background:transparent!important;display:block!important;overflow:visible;opacity:1!important;pointer-events:none}
.stellar-avatar .legacy-portrait-counter{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;display:grid;place-items:center;transform-origin:50% 50%;animation:none;transform:none;pointer-events:none}
.stellar-avatar .legacy-portrait-counter>:is(img,button,span){position:relative;width:calc(var(--legacy-portrait-size) * 1.04)!important;height:calc(var(--legacy-portrait-size) * 1.04)!important;max-width:none;max-height:none;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;box-sizing:border-box;object-fit:cover;display:grid;place-items:center;overflow:hidden;background:#21152d;line-height:1}
.stellar-avatar .legacy-portrait-counter>.player-avatar-view{pointer-events:auto;cursor:zoom-in;color:inherit}
.stellar-avatar .legacy-portrait-counter>.player-avatar-view>img{display:block;width:100%!important;height:100%!important;object-fit:cover;border-radius:50%!important}
.stellar-avatar .legacy-portrait-counter>.player-avatar-view:focus-visible{outline:3px solid #e7d6ff;outline-offset:-5px}




:is([data-motion=off],[data-animation=off]) .legacy-portrait,:is([data-motion=off],[data-animation=off]) .legacy-portrait-counter,html:is([data-ui-hidden=true],[data-ui-motion=off]) .legacy-portrait,html:is([data-ui-hidden=true],[data-ui-motion=off]) .legacy-portrait-counter{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.stellar-avatar>span.legacy-portrait,.stellar-avatar .legacy-portrait-counter{animation:none!important}}

/* v77.2 — stationary art and portrait, independently animated light and details. */
.stellar-avatar .legacy-frame-image,.stellar-avatar>span.legacy-portrait,.stellar-avatar .legacy-portrait-counter{animation:none!important;transform:none!important}
.legacy-frame-art{--lf-light:#d2b5ff;--lf-secondary:#a5e8ff;--lf-flow-time:6s;--lf-shine-time:11s;--lf-node-time:5s;--lf-mote-time:6s;--lf-trail:12;--lf-flow-width:.7}
.legacy-frame-vfx{position:absolute;inset:0;display:block;pointer-events:none;opacity:var(--effect-opacity,.7);transition:opacity .35s ease}
.legacy-frame-surface,.stellar-avatar .legacy-frame-lightmap{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none;max-height:none;mask:var(--legacy-art) center/100% 100% no-repeat;-webkit-mask:var(--legacy-art) center/100% 100% no-repeat;mix-blend-mode:screen;pointer-events:none}
.legacy-frame-surface{overflow:hidden}
.legacy-frame-reflection{position:absolute;inset:-55%;display:block;background:linear-gradient(112deg,transparent 39%,var(--lf-secondary) 47%,#fff 50%,var(--lf-light) 53%,transparent 62%);opacity:0;animation:lf-reflection calc(var(--lf-shine-time) * var(--motion-factor,1)) ease-in-out infinite}
.legacy-frame-radiance{position:absolute;inset:0;display:block;background:radial-gradient(ellipse at 23% 20%,var(--lf-light),transparent 38%),radial-gradient(ellipse at 82% 75%,var(--lf-secondary),transparent 36%);opacity:.16;animation:lf-radiance calc(var(--lf-node-time) * 1.7 * var(--motion-factor,1)) ease-in-out infinite}
.legacy-frame-stream{color:var(--lf-light)}.legacy-frame-stream:nth-of-type(2){color:var(--lf-secondary)}
.legacy-frame-current{stroke:currentColor;stroke-width:var(--lf-flow-width);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--lf-trail) 128;stroke-dashoffset:18;opacity:0;animation:lf-current calc(var(--lf-flow-time) * var(--motion-factor,1)) var(--lf-stream-delay) linear infinite}
.legacy-frame-current-glow{stroke-width:3.5;animation-name:lf-current-glow}
.legacy-frame-node{opacity:.12;transform-box:fill-box;transform-origin:center;animation:lf-node calc(var(--lf-node-time) * var(--motion-factor,1)) var(--lf-node-delay) ease-in-out infinite}
.legacy-frame-motes{position:absolute;inset:0;pointer-events:none}.legacy-frame-motes>i{position:absolute;display:block;width:3px;height:3px;border-radius:50%;background:var(--lf-light);box-shadow:0 0 5px var(--lf-light),0 0 10px var(--lf-secondary);opacity:0;animation:lf-mote calc(var(--lf-mote-time) * var(--motion-factor,1)) var(--lf-mote-delay) ease-out infinite}.legacy-frame-motes>i:nth-child(2n){background:var(--lf-secondary)}
.legacy-frame-comet{--lf-light:#e5c8ff;--lf-secondary:#a5e5ff;--lf-flow-time:5.8s;--lf-trail:19}.legacy-frame-comet .legacy-frame-motes>i{clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%);width:6px;height:6px}
.legacy-frame-hologram{--lf-light:#7dfaff;--lf-secondary:#ec98ff;--lf-flow-time:4.4s;--lf-shine-time:8s;--lf-node-time:6s;--lf-trail:8}.legacy-frame-hologram .legacy-frame-reflection{background:linear-gradient(0deg,transparent 42%,#a7fcffbb 48%,#fff 50%,#efadff88 53%,transparent 58%);animation-name:lf-holo-scan}.legacy-frame-hologram .legacy-frame-motes>i{border-radius:0;width:3px;height:5px;animation-name:lf-pixel}
.legacy-frame-solar{--lf-light:#ffe37b;--lf-secondary:#ff8b37;--lf-flow-time:4.8s;--lf-node-time:3.8s;--lf-mote-time:4.5s;--lf-trail:24;--lf-flow-width:1}.legacy-frame-solar .legacy-frame-radiance{background:radial-gradient(ellipse at 18% 52%,#ff9c39,transparent 43%),radial-gradient(ellipse at 82% 52%,#ffd85c,transparent 43%);animation-name:lf-heat}.legacy-frame-solar .legacy-frame-motes>i,.legacy-frame-dragon-scale .legacy-frame-motes>i{width:2px;height:4px;animation-name:lf-ember}
.legacy-frame-event-horizon{--lf-light:#c47aff;--lf-secondary:#7aafff;--lf-flow-time:7.4s;--lf-shine-time:17s;--lf-node-time:6.2s;--lf-mote-time:7s;--lf-trail:23;--lf-flow-width:.85}.legacy-frame-event-horizon .legacy-frame-motes>i{animation-name:lf-gravity}.legacy-frame-event-horizon .legacy-frame-radiance{background:radial-gradient(ellipse at 50% 7%,#d176ff,transparent 35%),radial-gradient(ellipse at 50% 93%,#788eff,transparent 35%)}
.legacy-frame-circuit{--lf-light:#62ffd6;--lf-secondary:#7ceaff;--lf-flow-time:3.9s;--lf-node-time:6s;--lf-shine-time:12s;--lf-trail:5;--lf-flow-width:.8}.legacy-frame-circuit .legacy-frame-node{animation-name:lf-signal-node}.legacy-frame-circuit .legacy-frame-motes>i{width:3px;height:3px;border-radius:1px;animation-name:lf-pixel}.legacy-frame-circuit .legacy-frame-radiance{background:repeating-linear-gradient(0deg,transparent 0 10px,#b0ffe82b 11px 12px);animation-name:lf-signal-field}
.legacy-frame-duality{--lf-light:#70baff;--lf-secondary:#ffc697;--lf-flow-time:8s;--lf-shine-time:15s;--lf-node-time:7s;--lf-trail:22}.legacy-frame-duality .legacy-frame-stream:nth-of-type(2){--lf-stream-delay:-4s}
.legacy-frame-dragon-scale{--lf-light:#ffbf48;--lf-secondary:#ff632c;--lf-flow-time:5.4s;--lf-node-time:4.5s;--lf-mote-time:4.8s;--lf-trail:20;--lf-flow-width:.95}.legacy-frame-dragon-scale .legacy-frame-radiance{background:radial-gradient(ellipse at 30% 76%,#ff971c,transparent 33%),radial-gradient(ellipse at 70% 76%,#ff5e22,transparent 33%);animation-name:lf-heat}
.legacy-frame-lunar-orbit{--lf-light:#e3f8ff;--lf-secondary:#a7c4ff;--lf-flow-time:10s;--lf-node-time:8s;--lf-shine-time:19s;--lf-mote-time:9s;--lf-trail:5;--lf-flow-width:.6}.legacy-frame-lunar-orbit .legacy-frame-motes>i{animation-name:lf-stardust}
.legacy-frame-spectrum{--lf-light:#f6aaff;--lf-secondary:#80ffe0;--lf-flow-time:7s;--lf-node-time:7.5s;--lf-shine-time:13s;--lf-trail:30;--lf-flow-width:1}.legacy-frame-spectrum .legacy-frame-reflection{background:linear-gradient(110deg,transparent 28%,#ffadfb 36%,#b9b5ff 41%,#87eaff 47%,#d7fff2 50%,#fff2b0 55%,#ffd3e7 61%,transparent 69%)}.legacy-frame-spectrum .legacy-frame-radiance{background:linear-gradient(125deg,#ffaae855,#a6bcff88,#93ffe666,#ffddae55);animation-name:lf-chroma}
.legacy-frame-astrolabe{--lf-light:#d6e8ff;--lf-secondary:#ffe5ab;--lf-flow-time:12s;--lf-node-time:7s;--lf-shine-time:18s;--lf-trail:3;--lf-flow-width:.55}.legacy-frame-astrolabe .legacy-frame-motes>i{width:2px;height:2px;animation-name:lf-stardust}
.legacy-frame-petal-ring{--lf-light:#ffd4e6;--lf-secondary:#fff0c3;--lf-flow-time:13s;--lf-node-time:8.5s;--lf-shine-time:21s;--lf-mote-time:8s;--lf-trail:16;--lf-flow-width:.55}.legacy-frame-petal-ring .legacy-frame-motes>i{width:6px;height:4px;border-radius:75% 15% 75% 15%;background:linear-gradient(130deg,#fff3f8,#f3a2c6);box-shadow:0 0 6px #ffc4de66;animation-name:lf-petal}
.legacy-frame-tidal{--lf-light:#9dfff0;--lf-secondary:#a5dcff;--lf-flow-time:8.6s;--lf-node-time:6.4s;--lf-shine-time:14s;--lf-mote-time:7s;--lf-trail:27;--lf-flow-width:.9}.legacy-frame-tidal .legacy-frame-radiance{background:repeating-linear-gradient(155deg,transparent 0 13%,#bdfef477 16%,transparent 20%);animation-name:lf-caustics}.legacy-frame-tidal .legacy-frame-motes>i{width:4px;height:4px;background:transparent;border:1px solid #c6fff4;box-shadow:inset 1px 1px 2px #edfffbb3,0 0 7px #89fff57a;animation-name:lf-bubble}
.legacy-frame-clockwork{--lf-light:#ffe2a5;--lf-secondary:#88b5ff;--lf-flow-time:12s;--lf-node-time:6s;--lf-shine-time:16s;--lf-trail:2;--lf-flow-width:.55}.legacy-frame-clockwork .legacy-frame-stream:nth-of-type(2){--lf-stream-delay:-6s}.legacy-frame-clockwork .legacy-frame-node{animation-name:lf-clock-tick}.legacy-frame-clockwork .legacy-frame-motes>i{width:2px;height:2px;animation-name:lf-stardust}
@keyframes lf-reflection{0%,25%{transform:translate3d(-85%,-15%,0);opacity:0}38%{opacity:.48}58%{opacity:.64}72%,100%{transform:translate3d(85%,15%,0);opacity:0}}
@keyframes lf-holo-scan{0%,20%{transform:translateY(-70%);opacity:0}35%{opacity:.5}65%{opacity:.55}85%,100%{transform:translateY(70%);opacity:0}}
@keyframes lf-radiance{0%,100%{opacity:.1}50%{opacity:.36}}
@keyframes lf-current{0%{stroke-dashoffset:18;opacity:0}12%{opacity:.95}85%{opacity:.85}100%{stroke-dashoffset:-128;opacity:0}}
@keyframes lf-current-glow{0%{stroke-dashoffset:18;opacity:0}12%{opacity:.23}85%{opacity:.18}100%{stroke-dashoffset:-128;opacity:0}}
@keyframes lf-node{0%,100%{opacity:.12;transform:scale(.85)}38%{opacity:.92;transform:scale(1.2)}60%{opacity:.38;transform:scale(1)}}
@keyframes lf-mote{0%{opacity:0;transform:translate(0,0) scale(.4)}22%{opacity:.95}68%{opacity:.5}100%{opacity:0;transform:translate(var(--lf-dx),var(--lf-dy)) scale(.2)}}
@keyframes lf-pixel{0%,100%{opacity:0;transform:translateY(0)}25%,55%{opacity:.75}85%{opacity:0;transform:translateY(-7px)}}
@keyframes lf-heat{0%,100%{opacity:.16;transform:translateY(1%)}35%{opacity:.46}55%{opacity:.3}75%{opacity:.42;transform:translateY(-1%)}}
@keyframes lf-ember{0%{opacity:0;transform:translate(0,0) scale(.3)}18%{opacity:1}65%{opacity:.65}100%{opacity:0;transform:translate(calc(var(--lf-dx) * .4),-18px) scale(.15)}}
@keyframes lf-gravity{0%{opacity:0;transform:translate(var(--lf-dx),var(--lf-dy)) scale(.4)}35%{opacity:.85}100%{opacity:0;transform:translate(0,0) scale(.1)}}
@keyframes lf-signal-node{0%,100%{opacity:.16;transform:scale(.9)}24%,32%{opacity:.9;transform:scale(1.18)}45%{opacity:.3;transform:scale(1)}68%,76%{opacity:.7;transform:scale(1.08)}}
@keyframes lf-signal-field{0%,100%{opacity:.06}24%,32%{opacity:.28}52%{opacity:.08}76%{opacity:.2}}
@keyframes lf-stardust{0%,100%{opacity:0;transform:scale(.4)}40%{opacity:.85;transform:scale(1.2)}65%{opacity:.3;transform:scale(.6)}}
@keyframes lf-chroma{0%,100%{opacity:.14;transform:translateX(-2%)}50%{opacity:.34;transform:translateX(2%)}}
@keyframes lf-petal{0%{opacity:0;transform:translate(0,-3px) scale(.5)}20%{opacity:.9}75%{opacity:.7}100%{opacity:0;transform:translate(calc(var(--lf-dx) + 6px),20px) scale(.8)}}
@keyframes lf-caustics{0%,100%{opacity:.14;transform:translate(-4%,2%)}50%{opacity:.42;transform:translate(4%,-2%)}}
@keyframes lf-bubble{0%{opacity:0;transform:translate(0,3px) scale(.45)}22%{opacity:.85}75%{opacity:.45}100%{opacity:0;transform:translate(var(--lf-dx),-13px) scale(1.1)}}
@keyframes lf-clock-tick{0%,100%{opacity:.18;transform:scale(.9)}15%{opacity:.85;transform:scale(1.08)}32%,66%{opacity:.25;transform:scale(1)}82%{opacity:.65;transform:scale(1.05)}}
.stellar-avatar:hover .legacy-frame-vfx,.stellar-avatar:focus-within .legacy-frame-vfx{opacity:calc(var(--effect-opacity,.7) * 1.2)}
:is([data-animation=calm],html[data-ui-motion=calm]) .legacy-frame-motes{display:none}:is([data-animation=calm],html[data-ui-motion=calm]) .legacy-frame-vfx{opacity:calc(var(--effect-opacity,.7) * .7)}
:is([data-motion=off],[data-animation=off]) .legacy-frame-vfx *,html:is([data-ui-hidden=true],[data-ui-motion=off]) .legacy-frame-vfx *{animation-play-state:paused!important}
[data-animation=off] .legacy-frame-vfx,html[data-ui-motion=off] .legacy-frame-vfx{display:none}
@media(max-width:600px){.legacy-frame-motes>i:nth-child(n+3){display:none}}
@media(prefers-reduced-motion:reduce){.legacy-frame-vfx{display:none}.legacy-frame-vfx *{animation:none!important;transition:none!important}}
.legacy-scene-singularity{background:radial-gradient(ellipse at 72% 35%,#07070d 0 17%,#d5b0ef 18%,#60356d 21%,transparent 32%),radial-gradient(ellipse at 72% 42%,#653f9f,transparent 62%),#0b0c1a}

/* Shared small avatars reserve the whole artwork footprint, including pointed ornaments. */
.player-avatar-wrap{position:relative;display:inline-grid!important;place-items:center;vertical-align:middle;width:var(--mini-avatar-size,42px)!important;height:var(--mini-avatar-size,42px)!important;min-width:var(--mini-avatar-size,42px);flex:0 0 var(--mini-avatar-size,42px);border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;padding:0!important;margin:0;line-height:1;isolation:isolate}
.player-avatar-wrap>.stellar-avatar{display:grid;place-items:center;position:relative;width:76%!important;height:76%!important;min-width:0!important;margin:0!important;padding:0!important;border-radius:50%;font-size:calc(var(--mini-avatar-size,42px) * .37);line-height:1;border:0;box-shadow:none;background:#21152d}
.player-avatar-wrap>.frame-none{width:94%!important;height:94%!important}
.player-avatar-wrap .stellar-avatar>img,.player-avatar-wrap .stellar-avatar>.mini-avatar-initial{display:grid;place-items:center;width:100%!important;height:100%!important;border-radius:50%;object-fit:cover;overflow:hidden;color:#f3e8ff;font-weight:650;background:linear-gradient(135deg,#574073,#281d38)}
.player-avatar-wrap .edition-frame{inset:-17%;width:134%!important;height:134%!important}
.player-avatar-wrap .legacy-frame-motes{display:none}.player-avatar-wrap .legacy-frame-vfx{opacity:calc(var(--effect-opacity,.7) * .85)}
.player-avatar-wrap .legacy-frame-current-glow{stroke-width:2.5}
.gs-avatar.framed-person-avatar{overflow:visible;border:0;border-radius:0;background:transparent;width:42px;height:42px;flex:0 0 42px}
.message-meta .message-avatar{display:inline-grid;align-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;margin-right:5px;line-height:1}
.message-meta:has(.message-avatar){display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:44px}
.message-meta:has(.message-avatar)>time{white-space:nowrap;font-size:11px}
.guild-profile-avatar:has(.player-avatar-wrap){overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important}
.plus-common-player .player-avatar-wrap{margin-right:12px}.market-owner>.player-avatar-wrap{margin-right:5px}
.cb-player>.player-avatar-wrap,.cb-host>.player-avatar-wrap{margin-right:7px}
.player-library-identity>.player-avatar-wrap{margin-right:8px}
.plus-participants a:has(.player-avatar-wrap){display:inline-flex;align-items:center;gap:8px}
@media(max-width:600px){.message-meta:has(.message-avatar){gap:8px}.message-meta:has(.message-avatar)>time{font-size:10px}}

.plus-participant-link{display:inline-flex;align-items:center;gap:8px}

/* Generated collection frames, v79. */
.stellar-avatar:has(>.generated-frame-art){background:transparent!important;border-color:transparent!important;box-shadow:none!important;isolation:isolate;overflow:visible!important}.stellar-avatar:has(>.generated-frame-art)::before,.stellar-avatar:has(>.generated-frame-art)::after{display:none!important}.generated-frame-art,.generated-portrait{position:absolute!important;inset:-26%!important;width:152%!important;height:152%!important;border-radius:0!important;pointer-events:none;display:block!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;overflow:visible}.generated-frame-art{z-index:3;color:var(--gf-color);contain:layout style}.stellar-avatar .generated-frame-art>.generated-frame-image{display:block;width:100%!important;height:100%!important;max-width:none;max-height:none;object-fit:contain;border-radius:0!important;transform:none;animation:none;filter:none}.generated-frame-effects{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 1px currentColor);opacity:.82}.generated-portrait{z-index:1;mask-image:var(--gf-mask);-webkit-mask-image:var(--gf-mask);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.generated-portrait-inner{position:absolute;inset:0;display:grid;place-items:center}.stellar-avatar .generated-portrait-inner>:is(img,button,span){position:absolute;left:var(--gf-portrait-x,50%);top:var(--gf-portrait-y,50%);width:var(--gf-portrait-size)!important;height:var(--gf-portrait-size)!important;margin:0!important;padding:0!important;max-width:none;max-height:none;border:0!important;border-radius:14%!important;box-shadow:none!important;background:#302138;display:grid;place-items:center;object-fit:cover;overflow:hidden;line-height:1;animation:none!important;transform:translate(-50%,-50%)!important}.generated-portrait-inner>.player-avatar-view{pointer-events:auto;cursor:zoom-in;color:inherit}.generated-portrait-inner>.player-avatar-view>img{width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important}.generated-portrait-inner>.player-avatar-view:focus-visible{outline:3px solid #e4c8ff;outline-offset:-4px}.gf-surface-light,.gf-surface-sheen{position:absolute;inset:0;mask-image:var(--gf-art);-webkit-mask-image:var(--gf-art);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;pointer-events:none;mix-blend-mode:screen}.gf-surface-light{opacity:.28;background:radial-gradient(ellipse at 22% 25%,var(--gf-color),transparent 45%),radial-gradient(ellipse at 80% 80%,var(--gf-secondary),transparent 45%);animation:gf-light calc(7s * var(--motion-factor,1)) ease-in-out infinite alternate}.gf-surface-sheen{background:linear-gradient(110deg,transparent 35%,#fff7 45%,var(--gf-secondary) 48%,transparent 58%);background-size:300% 100%;opacity:.2;animation:gf-sheen calc(11s * var(--motion-factor,1)) cubic-bezier(.3,0,.3,1) infinite}.gf-family-instrument .gf-surface-sheen{animation-duration:calc(18s * var(--motion-factor,1))}.gf-family-volcano .gf-surface-light{opacity:.45;animation-duration:calc(4s * var(--motion-factor,1))}.gf-family-noir .gf-surface-light{opacity:.12}
.gf-particle{animation-duration:calc(var(--gf-duration) * var(--motion-factor,1));animation-delay:var(--gf-delay);animation-iteration-count:infinite;animation-timing-function:ease-in-out;transform-box:fill-box;transform-origin:center}.gf-star{animation-name:gf-star}.gf-firefly{animation-name:gf-firefly;color:#f7f7a2}.gf-ember{animation-name:gf-ember;color:#ffb858}.gf-snow{animation-name:gf-snow;color:#dbf3ff}.gf-sand{animation-name:gf-sand;color:#ffe4ad}.gf-bubble{animation-name:gf-bubble;fill:none;stroke:#b7f1ff;stroke-width:.5}.gf-petal{animation-name:gf-petal;fill:var(--gf-secondary)}.gf-paper{animation-name:gf-paper;fill:var(--gf-secondary)}.gf-ribbon,.gf-wave,.gf-cloud,.gf-silk,.gf-paper-wings,.gf-wing-light{animation:gf-sway calc(7s * var(--motion-factor,1)) ease-in-out infinite alternate;transform-origin:center}.gf-wave{animation-duration:calc(4.8s * var(--motion-factor,1))}.gf-cloud{animation-name:gf-cloud;animation-duration:calc(9s * var(--motion-factor,1))}.gf-silk{animation-duration:calc(8.5s * var(--motion-factor,1))}.gf-paper-wings{animation-name:gf-paper-wings;transform-box:fill-box}.gf-wing-light{animation-duration:calc(10s * var(--motion-factor,1))}.gf-current,.gf-sand-stream,.gf-circuit,.gf-instrument-current,.gf-noir-scan{stroke-dasharray:4 14;animation:gf-flow calc(6s * var(--motion-factor,1)) linear infinite}.gf-circuit{stroke-dasharray:3 17;animation-duration:calc(4s * var(--motion-factor,1))}.gf-sand-stream{stroke-dasharray:1 7;animation-duration:calc(9s * var(--motion-factor,1))}.gf-noir-scan{stroke-dasharray:8 30;animation-duration:calc(7s * var(--motion-factor,1))}.gf-gear{animation:gf-turn calc(24s * var(--motion-factor,1)) linear infinite;animation-direction:var(--gf-direction);transform-origin:0 0}.gf-corona{animation:gf-turn calc(32s * var(--motion-factor,1)) linear infinite;transform-origin:0 0;opacity:.7}.gf-galaxy{animation:gf-turn calc(55s * var(--motion-factor,1)) linear infinite;transform-origin:50px 50px;stroke-dasharray:1 20 5 8}.gf-breathe,.gf-pulse-line,.gf-node,.gf-halo,.gf-ice-glint,.gf-moon,.gf-jade-light,.gf-lava,.gf-magma{animation:gf-breathe calc(4.8s * var(--motion-factor,1)) ease-in-out infinite alternate}.gf-lava{animation-duration:calc(3.2s * var(--motion-factor,1))}.gf-moon,.gf-halo{animation-duration:calc(8s * var(--motion-factor,1))}.gf-ice-glint{animation-duration:calc(6.5s * var(--motion-factor,1))}.gf-node{animation-duration:calc(2.8s * var(--motion-factor,1))}
.cosmetic-swatch[data-slot=frame]:has(.generated-frame-art){aspect-ratio:1.32;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--edition-color,var(--profile-accent)) 18%,transparent),transparent 70%),#151222}.cosmetic-swatch[data-slot=frame]:has(.generated-frame-art)>.cosmetic-scene,.cosmetic-swatch[data-slot=frame]:has(.generated-frame-art)>.cosmetic-atmosphere{display:none}.cosmetic-swatch[data-slot=frame] .stellar-avatar:has(>.generated-frame-art){width:96px;height:96px;font-size:35px;margin:0}.cosmetic-swatch[data-slot=frame]:has(.generated-frame-art) .swatch-center{inset:14% 8% 20%}.cosmetic-swatch[data-slot=frame]:has(.generated-frame-art) .swatch-caption{bottom:10px}.cosmetic-preview .stellar-avatar:has(>.generated-frame-art){margin-bottom:24px}.cosmetic-preview-small .stellar-avatar:has(>.generated-frame-art){margin-bottom:18px}.profile-workbench .stellar-avatar:has(>.generated-frame-art){margin:16px 0 24px}.player-profile-hero .stellar-avatar:has(>.generated-frame-art){margin-bottom:22px}
@keyframes gf-light{0%{opacity:.16}100%{opacity:.42}}@keyframes gf-sheen{0%,15%{background-position:100% 0}80%,100%{background-position:0 0}}@keyframes gf-star{0%,100%{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}@keyframes gf-firefly{0%,100%{opacity:.2;transform:translate(0,0)}45%{opacity:1;transform:translate(var(--gf-dx),-4px)}75%{opacity:.6;transform:translate(-2px,2px)}}@keyframes gf-ember{0%{opacity:0;transform:translate(0,3px) scale(.6)}25%{opacity:.9}85%,100%{opacity:0;transform:translate(var(--gf-dx),-12px) scale(.2)}}@keyframes gf-snow{0%{opacity:0;transform:translate(0,-5px) rotate(0)}30%{opacity:.8}100%{opacity:0;transform:translate(var(--gf-dx),8px) rotate(100deg)}}@keyframes gf-sand{0%{opacity:0;transform:translate(-6px,-2px)}40%{opacity:.9}100%{opacity:0;transform:translate(7px,4px)}}@keyframes gf-bubble{0%{opacity:0;transform:translate(0,5px) scale(.7)}40%{opacity:.8}100%{opacity:0;transform:translate(2px,-9px) scale(1.1)}}@keyframes gf-petal{0%{opacity:0;transform:translate(0,-3px) rotate(-20deg)}30%{opacity:.8}100%{opacity:0;transform:translate(var(--gf-dx),9px) rotate(140deg)}}@keyframes gf-paper{0%{opacity:0;transform:translate(-2px,-6px) rotate(-15deg)}40%{opacity:.9}100%{opacity:0;transform:translate(6px,5px) rotate(65deg)}}@keyframes gf-sway{from{transform:translate(-1px,-.8px);opacity:.35}to{transform:translate(1px,.8px);opacity:.8}}@keyframes gf-cloud{from{transform:translate(-3px,0);opacity:.2}to{transform:translate(3px,0);opacity:.7}}@keyframes gf-paper-wings{from{transform:scaleY(.8);opacity:.4}to{transform:scaleY(1.03);opacity:.8}}@keyframes gf-flow{to{stroke-dashoffset:-72}}@keyframes gf-turn{to{transform:rotate(360deg)}}@keyframes gf-breathe{from{opacity:.25}to{opacity:.9}}
:is([data-motion=off],[data-animation=off],[data-ui-motion=off],[data-render-quality=low]) .generated-frame-art *{animation-play-state:paused!important}.generated-portrait,.generated-portrait *{animation:none!important}@media(prefers-reduced-motion:reduce){.generated-frame-art *{animation:none!important}.generated-frame-effects{opacity:.4}.gf-surface-sheen{display:none}}@media(max-width:480px){.cosmetic-swatch[data-slot=frame] .stellar-avatar:has(>.generated-frame-art){width:80px;height:80px;font-size:30px}}

/* Classic achievement cosmetics, v86. */
.cosmetic-title.has-classic-title{--classic-color:#cfb7f2;--classic-secondary:#f4eaff;display:inline-flex;align-items:center;gap:.5em;vertical-align:middle;max-width:100%;line-height:1.5;padding:.22em .65em .22em .35em;border:1px solid color-mix(in srgb,var(--classic-color) 24%,transparent);border-radius:.6em;background:linear-gradient(110deg,color-mix(in srgb,var(--classic-color) 9%,#171120),#171120c9);color:var(--classic-color);box-shadow:inset 0 1px #ffffff08}
.cosmetic-title.has-classic-title>.classic-title-crest{position:relative;display:inline-block;flex:0 0 2.2em;width:2.2em;height:2.2em;line-height:0;isolation:isolate}
.classic-title-crest>img{display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;background:transparent;filter:drop-shadow(0 1px 2px #0008)}
.classic-title-crest>i{position:absolute;inset:0;mask-image:var(--classic-crest);mask-size:contain;mask-position:center;mask-repeat:no-repeat;background:linear-gradient(115deg,transparent 35%,#ffffffa0 47%,transparent 60%);background-size:300% 100%;opacity:.25;animation:classic-title-foil calc(14s * var(--motion-factor,1)) ease-in-out infinite;pointer-events:none}
.cosmetic-title.has-classic-title>.cosmetic-title-label{display:inline;min-width:0;overflow-wrap:anywhere;background:linear-gradient(105deg,var(--classic-color),#fff3ff 48%,var(--classic-secondary));background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:600;letter-spacing:.025em}
.swatch-classic{background:radial-gradient(ellipse at 65% 30%,color-mix(in srgb,var(--profile-accent) 15%,transparent),transparent 72%),linear-gradient(135deg,#191326,#0f101b)}
.swatch-classic.swatch-title .swatch-center{gap:9px;inset:10% 5% 20%}
.swatch-classic.swatch-title .has-classic-title{flex-direction:column;gap:5px;padding:0;border:0;background:transparent;box-shadow:none;font-size:11px;line-height:1.4}
.swatch-classic.swatch-title .classic-title-crest{width:72px;height:72px;flex-basis:72px}
.swatch-profile-outline{position:absolute;left:8%;bottom:9%;display:flex;align-items:center;gap:9px;opacity:.43}
.swatch-profile-outline>i{width:24px;height:24px;border-radius:50%;border:1px solid #cab9e9;background:#cab9e90b}
.swatch-profile-outline>span{display:grid;gap:5px;width:58px}
.swatch-profile-outline b{display:block;height:3px;border-radius:3px;background:#cab9e97a}
.swatch-profile-outline b+b{width:65%;opacity:.5}
.advanced-atmosphere>.classic-atmosphere-art{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.46;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,#000 28%);pointer-events:none}
.advanced-atmosphere:has(>.classic-atmosphere-art)>canvas{position:absolute;inset:0}
.stellar-avatar:has(>.gf-classic){outline:none!important;border-radius:50%}
.profile-workspace .pw-choice-visual .cosmetic-swatch[data-slot=frame] .stellar-avatar:has(>.generated-frame-art){width:64%!important;height:auto!important;aspect-ratio:1;font-size:20px;max-width:none;margin:0}
.profile-workspace .pw-choice-visual .cosmetic-swatch[data-slot=frame]:has(.generated-frame-art) .swatch-center{inset:10%!important}
.profile-workspace .pw-choice-visual .swatch-classic.swatch-title .swatch-center{inset:6px!important;gap:0}
.profile-workspace .pw-choice-visual .swatch-classic .has-classic-title{width:100%;height:100%;justify-content:center;padding:0;gap:0}
.profile-workspace .pw-choice-visual .swatch-classic .classic-title-crest{width:100%;height:100%;flex:0 1 100%;min-height:0}
.profile-workspace .pw-choice-visual .swatch-classic .cosmetic-title-label{display:none}
.profile-workspace .pw-choice-visual .swatch-profile-outline{left:0;bottom:0;gap:5px}
.profile-workspace .pw-choice-visual .swatch-profile-outline>i{width:15px;height:15px}
.profile-workspace .pw-choice-visual .swatch-profile-outline>span{width:24px;gap:3px}
.profile-workspace .pw-choice-visual .swatch-profile-outline b{height:2px}
.swatch-classic.swatch-effect[data-variant=none]{background:linear-gradient(135deg,#181423,#11121c)}
@keyframes classic-title-foil{0%,18%{background-position:100% 0}85%,100%{background-position:0 0}}
:is([data-motion=off],[data-animation=off],[data-ui-motion=off],[data-render-quality=low]) .classic-title-crest>i{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.classic-title-crest>i{animation:none!important}}