/* Locally bundled Arabic fonts and fixed name treatments. */
@font-face{font-family:CosNaskh;src:url('../fonts/noto-naskh-arabic-arabic-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:CosPlex;src:url('../fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:CosLalezar;src:url('../fonts/lalezar-arabic-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
.cos-name-name-calligraphy{color:#efd7a7!important;font-family:CosAmiri,serif!important;font-size:1.15em;line-height:1.4;}
:root[data-theme=light] .cos-name-name-calligraphy{color:#2b2532!important;text-shadow:none;}
.cos-name-name-tale{color:#dfc9e8!important;font-family:CosNaskh,serif!important;font-size:1.15em;line-height:1.4;}
:root[data-theme=light] .cos-name-name-tale{color:#2b2532!important;text-shadow:none;}
.cos-name-name-poster{color:#ffa88a!important;font-family:CosLalezar,cursive!important;font-size:1.15em;line-height:1.4;}
:root[data-theme=light] .cos-name-name-poster{color:#2b2532!important;text-shadow:none;}
.cos-name-name-modern{color:#9de9ef!important;font-family:CosPlex,sans-serif!important;}
:root[data-theme=light] .cos-name-name-modern{color:#182436!important;text-shadow:none;}
.cos-name-name-velvet{color:#d2afe9!important;font-family:var(--font)!important;text-shadow:1px 2px 0 #271b39,0 0 8px #d2afe944;}
:root[data-theme=light] .cos-name-name-velvet{color:#271b39!important;text-shadow:none;}
.cos-name-name-phoenix{color:#ffb76c!important;font-family:var(--font)!important;background:linear-gradient(110deg,#ffb76c,#ddd5ff,#bc96f5,#ffb76c);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:cosShimmer 8s linear infinite;}
:root[data-theme=light] .cos-name-name-phoenix{color:#271b39!important;text-shadow:none;background:none;-webkit-text-fill-color:currentColor;}
.cos-name-name-fox{color:#fbb69e!important;font-family:var(--font)!important;text-decoration:underline;text-decoration-color:#bc96f5;text-decoration-thickness:2px;text-underline-offset:5px;}
:root[data-theme=light] .cos-name-name-fox{color:#271b39!important;text-shadow:none;}
.cos-name-name-dragon{color:#bea9ff!important;font-family:var(--font)!important;border-inline-start:2px solid #bc96f5;padding-inline-start:5px;}
:root[data-theme=light] .cos-name-name-dragon{color:#271b39!important;text-shadow:none;}
.cos-name-name-starlight{color:#eddbac!important;font-family:var(--font)!important;text-shadow:0 0 12px #eddbac66;}
:root[data-theme=light] .cos-name-name-starlight{color:#18203b!important;text-shadow:none;}
.cos-name-name-moon{color:#d3dbf8!important;font-family:CosNaskh,serif!important;font-size:1.15em;line-height:1.4;}
:root[data-theme=light] .cos-name-name-moon{color:#18203b!important;text-shadow:none;}
.cos-name-name-comet{color:#a5d2fa!important;font-family:var(--font)!important;background:linear-gradient(110deg,#a5d2fa,#ddd5ff,#91b9fe,#a5d2fa);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:cosShimmer 8s linear infinite;}
:root[data-theme=light] .cos-name-name-comet{color:#18203b!important;text-shadow:none;background:none;-webkit-text-fill-color:currentColor;}
.cos-name-name-eclipse{color:#ffdba2!important;font-family:var(--font)!important;border-inline-start:2px solid #91b9fe;padding-inline-start:5px;}
:root[data-theme=light] .cos-name-name-eclipse{color:#18203b!important;text-shadow:none;}
.cos-name-name-neon-sign{color:#88f0d8!important;font-family:var(--font)!important;text-shadow:0 0 12px #88f0d866;}
:root[data-theme=light] .cos-name-name-neon-sign{color:#182436!important;text-shadow:none;}
.cos-name-name-cyber{color:#a6d9ff!important;font-family:CosPlex,sans-serif!important;text-decoration:underline;text-decoration-color:#e39bef;text-decoration-thickness:2px;text-underline-offset:5px;}
:root[data-theme=light] .cos-name-name-cyber{color:#182436!important;text-shadow:none;}
.cos-name-name-electric{color:#f4b6ed!important;font-family:var(--font)!important;background:linear-gradient(110deg,#f4b6ed,#ddd5ff,#e39bef,#f4b6ed);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:cosShimmer 8s linear infinite;}
:root[data-theme=light] .cos-name-name-electric{color:#182436!important;text-shadow:none;background:none;-webkit-text-fill-color:currentColor;}
.cos-name-name-retro{color:#f3c88e!important;font-family:CosLalezar,cursive!important;font-size:1.15em;line-height:1.4;}
:root[data-theme=light] .cos-name-name-retro{color:#182436!important;text-shadow:none;}
.cos-name-name-petal{color:#ffc1d1!important;font-family:var(--font)!important;background:linear-gradient(110deg,#ffc1d1,#ddd5ff,#c3e69c,#ffc1d1);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:cosShimmer 8s linear infinite;}
:root[data-theme=light] .cos-name-name-petal{color:#332743!important;text-shadow:none;background:none;-webkit-text-fill-color:currentColor;}
.cos-name-name-jade{color:#b2e5c5!important;font-family:CosNaskh,serif!important;font-size:1.15em;line-height:1.4;}
:root[data-theme=light] .cos-name-name-jade{color:#332743!important;text-shadow:none;}
.cos-name-name-lotus{color:#edb8ed!important;font-family:CosAmiri,serif!important;font-size:1.15em;line-height:1.4;text-decoration:underline;text-decoration-color:#c3e69c;text-decoration-thickness:2px;text-underline-offset:5px;}
:root[data-theme=light] .cos-name-name-lotus{color:#332743!important;text-shadow:none;}
.cos-name-name-forest{color:#b3d5a3!important;font-family:var(--font)!important;text-shadow:1px 2px 0 #332743,0 0 8px #b3d5a344;}
:root[data-theme=light] .cos-name-name-forest{color:#332743!important;text-shadow:none;}
.cos-name-name-tide{color:#9debe2!important;font-family:var(--font)!important;background:linear-gradient(110deg,#9debe2,#ddd5ff,#92b9f1,#9debe2);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:cosShimmer 8s linear infinite;}
:root[data-theme=light] .cos-name-name-tide{color:#122b3c!important;text-shadow:none;background:none;-webkit-text-fill-color:currentColor;}
.cos-name-name-pearl{color:#dae8f5!important;font-family:CosAmiri,serif!important;font-size:1.15em;line-height:1.4;text-shadow:0 0 12px #dae8f566;}
:root[data-theme=light] .cos-name-name-pearl{color:#122b3c!important;text-shadow:none;}
.cos-name-name-coral{color:#ffb6b3!important;font-family:CosPlex,sans-serif!important;border-inline-start:2px solid #92b9f1;padding-inline-start:5px;}
:root[data-theme=light] .cos-name-name-coral{color:#122b3c!important;text-shadow:none;}
.cos-name-name-ink-brush{color:#e9d3bd!important;font-family:CosLalezar,cursive!important;font-size:1.15em;line-height:1.4;text-decoration:underline;text-decoration-color:#ecb3a0;text-decoration-thickness:2px;text-underline-offset:5px;}
:root[data-theme=light] .cos-name-name-ink-brush{color:#2b2532!important;text-shadow:none;}
.cos-name-name-hero{color:#e7d3b6!important;font-family:CosPlex,sans-serif!important;text-shadow:1px 2px 0 #2b2532,0 0 8px #e7d3b644;}
:root[data-theme=light] .cos-name-name-hero{color:#2b2532!important;text-shadow:none;}
.cos-frame-frame-phoenix{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-phoenix::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-phoenix.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-fox{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-fox::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-fox.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-raven{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-raven::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-raven.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-butterfly{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-butterfly::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-butterfly.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-jelly{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-jelly::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-jelly.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-koi{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-koi::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-koi.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-octopus{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-octopus::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-octopus.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-bone{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-bone::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-bone.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-cathedral{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-cathedral::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-cathedral.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:none}
.cos-frame-frame-clockwork{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-clockwork::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-clockwork.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-circuit{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-circuit::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-circuit.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-glitch{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-glitch::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-glitch.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-lotus{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-lotus::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-lotus.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-bamboo{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-bamboo::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-bamboo.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:none}
.cos-frame-frame-mushroom{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-mushroom::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-mushroom.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-wolf{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-wolf::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-wolf.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-deer{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-deer::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-deer.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-thunder{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-thunder::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-thunder.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-origami{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-origami::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-origami.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-orbit{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-orbit::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-orbit.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-sakura{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-sakura::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-sakura.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-neon{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-neon::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-neon.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-solar{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-solar::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-solar.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-frost{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-frost::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-frost.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:none}
.cos-frame-frame-blossom{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-blossom::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-blossom.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-spirit{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-spirit::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-spirit.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-dragon{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-dragon::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-dragon.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-cat{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-cat::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-cat.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-eclipse{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-eclipse::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-eclipse.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-frame-frame-thorns{position:relative;isolation:isolate;overflow:visible;border:0;box-shadow:none;background:none;animation:none}.cos-frame-frame-thorns::after{content:"";position:absolute;inset:-20%;background:url(../img/cosmetics/frame-thorns.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosOrnamentDrift 7s ease-in-out infinite}
.cos-banner-banner-night-city{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-night-city.svg) center/cover no-repeat!important}.cos-banner-banner-night-city::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-sky-train{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-sky-train.svg) center/cover no-repeat!important}.cos-banner-banner-sky-train::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-floating-isles{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-floating-isles.svg) center/cover no-repeat!important}.cos-banner-banner-floating-isles::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-dragon-citadel{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-dragon-citadel.svg) center/cover no-repeat!important}.cos-banner-banner-dragon-citadel::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:none}
.cos-banner-banner-phoenix-dawn{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-phoenix-dawn.svg) center/cover no-repeat!important}.cos-banner-banner-phoenix-dawn::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-fox-temple{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-fox-temple.svg) center/cover no-repeat!important}.cos-banner-banner-fox-temple::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-bamboo-garden{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-bamboo-garden.svg) center/cover no-repeat!important}.cos-banner-banner-bamboo-garden::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-lotus-pond{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-lotus-pond.svg) center/cover no-repeat!important}.cos-banner-banner-lotus-pond::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-crystal-cave{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-crystal-cave.svg) center/cover no-repeat!important}.cos-banner-banner-crystal-cave::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-snow-forest{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-snow-forest.svg) center/cover no-repeat!important}.cos-banner-banner-snow-forest::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-aurora-peaks{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-aurora-peaks.svg) center/cover no-repeat!important}.cos-banner-banner-aurora-peaks::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-meteor-shower{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-meteor-shower.svg) center/cover no-repeat!important}.cos-banner-banner-meteor-shower::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-star-map{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-star-map.svg) center/cover no-repeat!important}.cos-banner-banner-star-map::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:none}
.cos-banner-banner-eclipse-horizon{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-eclipse-horizon.svg) center/cover no-repeat!important}.cos-banner-banner-eclipse-horizon::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-deep-reef{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-deep-reef.svg) center/cover no-repeat!important}.cos-banner-banner-deep-reef::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-jelly-night{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-jelly-night.svg) center/cover no-repeat!important}.cos-banner-banner-jelly-night::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-koi-falls{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-koi-falls.svg) center/cover no-repeat!important}.cos-banner-banner-koi-falls::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-sunset-shore{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-sunset-shore.svg) center/cover no-repeat!important}.cos-banner-banner-sunset-shore::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-ink-mountains{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-ink-mountains.svg) center/cover no-repeat!important}.cos-banner-banner-ink-mountains::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:none}
.cos-banner-banner-manga-action{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-manga-action.svg) center/cover no-repeat!important}.cos-banner-banner-manga-action::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-comic-noir{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-comic-noir.svg) center/cover no-repeat!important}.cos-banner-banner-comic-noir::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:none}
.cos-banner-banner-digital-rain{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-digital-rain.svg) center/cover no-repeat!important}.cos-banner-banner-digital-rain::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-glitch-grid{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-glitch-grid.svg) center/cover no-repeat!important}.cos-banner-banner-glitch-grid::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-cosmos{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-cosmos.svg) center/cover no-repeat!important}.cos-banner-banner-cosmos::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-sunset{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-sunset.svg) center/cover no-repeat!important}.cos-banner-banner-sunset::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-manga{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-manga.svg) center/cover no-repeat!important}.cos-banner-banner-manga::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-ocean{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-ocean.svg) center/cover no-repeat!important}.cos-banner-banner-ocean::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-spirit-garden{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-spirit-garden.svg) center/cover no-repeat!important}.cos-banner-banner-spirit-garden::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-moon-wings{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-moon-wings.svg) center/cover no-repeat!important}.cos-banner-banner-moon-wings::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
.cos-banner-banner-koi{position:relative;isolation:isolate;background:#182536 url(../img/cosmetics/banner-koi.svg) center/cover no-repeat!important}.cos-banner-banner-koi::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9% 18%,#ffefd3aa 0 1px,transparent 2px),radial-gradient(circle at 88% 31%,#d3f5ffaa 0 2px,transparent 3px),radial-gradient(circle at 76% 82%,#d3f5ff77 0 1px,transparent 2px);animation:cosSceneGlow 8s ease-in-out infinite}
@keyframes cosOrnamentDrift{50%{transform:translateY(-2%) rotate(1.5deg)}}@keyframes cosSceneGlow{50%{opacity:.25;transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){[class*=cos-frame]::after,[class*=cos-banner]::after,[class*=cos-name]{animation:none!important}}
/* Collections, local favorites and a combined profile try-on. */
.studio-showroom{overflow:visible;grid-template-columns:1.15fr minmax(280px,.85fr);align-items:center}.studio-showroom h1{font-size:clamp(2.2rem,4vw,3.7rem)}.cos-live{border:1px solid var(--line-2);border-radius:20px;background:var(--surface);overflow:hidden;min-width:0;box-shadow:0 18px 40px #0003}.cos-live-banner{height:135px}.cos-live-body{position:relative;margin-top:-30px;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 15px 18px;text-align:center}.cos-live-body>.cos-avatar{width:88px;height:88px;background:var(--surface)!important;border-radius:50%}.cos-live-body>.cos-avatar .avatar{width:72px;height:72px}.cos-live-body>b{font-size:1.25rem;max-width:100%;overflow-wrap:anywhere}.cos-live-tools{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line)}.cos-live-tools .tiny{flex:1;text-align:end}.cos-collections{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.cos-collection{position:relative;min-height:102px;border-radius:14px;overflow:hidden;border:1px solid var(--line);isolation:isolate;text-align:start}.cos-collection img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.cos-collection::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#10131bd9);z-index:-1}.cos-collection span{display:block;padding:66px 10px 12px;font-size:.8rem;font-weight:700;color:#fff}.cos-collection[aria-pressed=true]{outline:2px solid var(--brand);outline-offset:2px}.cos-filter-controls{gap:12px}.cos-filter-controls .select{width:auto}.cos-filter-controls .input{max-width:220px}.cos-toolbar{margin-top:22px;align-items:flex-start}.cos-toolbar .chips{min-width:250px}.cos-favorite{position:absolute;top:9px;inset-inline-end:9px;z-index:4;width:32px;height:32px;background:var(--bg);border:1px solid var(--line);border-radius:10px}.cos-favorite .ic{width:17px}.cos-favorite.is-on{color:#ff89b0}.cos-favorite.is-on .ic{fill:currentColor}.cos-card-body .tiny{line-height:1.6}.cos-preview .cos-avatar{margin-top:18px;margin-bottom:18px}.cos-preview{min-height:220px}.cos-preview>[class*=cos-banner]{height:100%}.cos-preview>.cos-avatar>.avatar{border:3px solid var(--surface)}.cos-look-dialog{max-height:90dvh;overflow:auto}.cos-dialog-live .cos-live-banner{height:145px}.cos-live .cos-avatar::after{inset:-19%}
@media(max-width:999px){.cos-collections{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-showroom{gap:20px;padding:28px}.cos-live-banner{height:115px}.cos-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:699px){.studio-showroom{grid-template-columns:1fr;padding:22px;overflow:hidden}.studio-showroom h1{font-size:2.7rem}.cos-live{width:100%}.cos-live-banner{height:110px}.cos-collections{grid-template-columns:repeat(2,minmax(0,1fr))}.cos-collection{min-height:84px}.cos-collection span{padding-top:52px}.cos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cos-preview{min-height:200px}.cos-filter-controls{width:100%;gap:10px;flex-wrap:wrap}.cos-filter-controls .select{max-width:160px;font-size:.75rem}.cos-toolbar .chips{min-width:0;max-width:100%;overflow:auto;flex-wrap:nowrap}.cos-toolbar .chips .chip{white-space:nowrap;flex:none}.cos-card-body .tiny{font-size:.57rem}.cos-look-dialog{width:calc(100% - 24px);padding:22px 16px}}

:root[data-theme=light] .cos-name-name-aqua{color:#075985!important}:root[data-theme=light] .cos-name-name-rose{color:#9d174d!important}:root[data-theme=light] .cos-name-name-gold{color:#854d0e!important;text-shadow:none}:root[data-theme=light] .cos-name-name-aurora{background:none;-webkit-text-fill-color:#5b21b6;color:#5b21b6!important}