/* Art is shared; each surface has at most two small compositor layers. */
[class*="cosmetic-premium436-"]:is(.speaker-tile,.shop-item-visual,.profile-hero,.guild-background,.guild-banner,.guild-logo,.trade-item-backdrop){position:relative;isolation:isolate}
:is(.cosmetic-premium436-liquid-still,.cosmetic-premium436-liquid-motion){--premium-art:url("assets/premium436/liquid.webp");--premium-accent:#b8e8e0;--premium-secondary:#e6c59c}
:is(.cosmetic-premium436-crystal-still,.cosmetic-premium436-crystal-motion){--premium-art:url("assets/premium436/crystal.webp");--premium-accent:#aedcff;--premium-secondary:#eec38f}
:is(.cosmetic-premium436-cyber-still,.cosmetic-premium436-cyber-motion){--premium-art:url("assets/premium436/cyber.webp");--premium-accent:#85f3d5;--premium-secondary:#cc9e77}
.shop-item-visual:is(.cosmetic-premium436-liquid-still,.cosmetic-premium436-liquid-motion){--premium-art:url("assets/premium436/liquid-thumb.webp")}
.shop-item-visual:is(.cosmetic-premium436-crystal-still,.cosmetic-premium436-crystal-motion){--premium-art:url("assets/premium436/crystal-thumb.webp")}
.shop-item-visual:is(.cosmetic-premium436-cyber-still,.cosmetic-premium436-cyber-motion){--premium-art:url("assets/premium436/cyber-thumb.webp")}
:is(.cosmetic-premium436-liquid-still,.cosmetic-premium436-liquid-motion,.cosmetic-premium436-crystal-still,.cosmetic-premium436-crystal-motion,.cosmetic-premium436-cyber-still,.cosmetic-premium436-cyber-motion){background:#10121b linear-gradient(#080a1420,#080a1438) center/cover!important;background-image:linear-gradient(#080a1420,#080a1438),var(--premium-art)!important;animation:none!important}
:is(.cosmetic-premium436-liquid-motion,.cosmetic-premium436-crystal-motion,.cosmetic-premium436-cyber-motion)::after{content:''!important;position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;translate:var(--premium-x,0px) var(--premium-y,0px);mask-image:linear-gradient(90deg,#000,transparent 38% 62%,#000);animation:premium-sheen 10s ease-in-out infinite!important}
.cosmetic-premium436-liquid-motion::after{background:linear-gradient(128deg,transparent 14%,#effffa80 23%,transparent 32% 68%,#ffe2b85c 75%,transparent 86%);animation-name:premium-liquid!important}
.cosmetic-premium436-crystal-motion::after{background:conic-gradient(from 35deg at 16% 5%,transparent,#b5e5ff77 25deg,transparent 44deg 200deg,#e0c4ff6b 223deg,transparent 250deg),radial-gradient(ellipse at 84% 90%,#f9d49570,transparent 40%);animation-duration:12s!important}
.cosmetic-premium436-cyber-motion::after{background:repeating-linear-gradient(0deg,transparent 0 24px,#92ffe366 25px 26px,transparent 29px 60px);mask-image:linear-gradient(90deg,transparent 5%,#000 12% 20%,transparent 24% 78%,#000 84% 91%,transparent 96%);animation:premium-data 9s ease-in-out infinite!important}
@keyframes premium-sheen{0%,100%{opacity:.36;transform:translateY(-2%) scaleX(.96)}50%{opacity:.95;transform:translateY(2%) scaleX(1)}}
@keyframes premium-liquid{0%,100%{opacity:.45;transform:translateX(-3%) scaleX(.96)}50%{opacity:1;transform:translateX(3%) scaleX(1)}}
@keyframes premium-data{0%,100%{opacity:.35;transform:translateY(-12px)}50%{opacity:.95;transform:translateY(12px)}}
:is(.cosmetic-premium436-liquid-ink,.cosmetic-premium436-liquid-shine){--premium-ink:linear-gradient(105deg,#b8e8e0,#f7efdb 32%,#b69c79 46%,#faffff 53%,#8daeb4 70%,#e6c59c);--ink-color:#dbe3df}
:is(.cosmetic-premium436-crystal-ink,.cosmetic-premium436-crystal-shine){--premium-ink:linear-gradient(100deg,#a8d6fa,#eefaff 35%,#baacec 49%,#fff 53%,#abc9ee 72%,#efd0a6);--ink-color:#c1dafa}
:is(.cosmetic-premium436-cyber-ink,.cosmetic-premium436-cyber-shine){--premium-ink:linear-gradient(110deg,#86e6cc,#e8fff1 35%,#d5ae80 48%,#eefff9 53%,#5cbcae 72%,#bdf3db);--ink-color:#9bedd4}
:is(.cosmetic-premium436-liquid-ink,.cosmetic-premium436-liquid-shine,.cosmetic-premium436-crystal-ink,.cosmetic-premium436-crystal-shine,.cosmetic-premium436-cyber-ink,.cosmetic-premium436-cyber-shine){background:var(--premium-ink)!important;background-size:240% 100%!important;background-clip:text!important;-webkit-background-clip:text!important;color:var(--ink-color)!important;-webkit-text-fill-color:transparent;text-shadow:0 0 6px #a4e3d32e;box-shadow:none!important;filter:none!important}
:is(.cosmetic-premium436-liquid-shine,.cosmetic-premium436-crystal-shine,.cosmetic-premium436-cyber-shine){animation:premium-signature 11s ease-in-out infinite!important}
@keyframes premium-signature{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
:is(.cosmetic-premium436-liquid-frame,.cosmetic-premium436-liquid-halo,.cosmetic-premium436-crystal-frame,.cosmetic-premium436-crystal-halo,.cosmetic-premium436-cyber-frame,.cosmetic-premium436-cyber-halo){border:2px solid #d4ede144!important;box-shadow:none!important;filter:none!important;animation:none!important}
:is(.cosmetic-premium436-liquid-effect,.cosmetic-premium436-crystal-effect,.cosmetic-premium436-cyber-effect){isolation:isolate}
:is(.cosmetic-premium436-liquid-effect,.cosmetic-premium436-crystal-effect,.cosmetic-premium436-cyber-effect)::before{content:''!important;position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;animation:premium-sheen 12s ease-in-out infinite!important}
.cosmetic-premium436-liquid-effect::before{background:radial-gradient(ellipse at 3% 50%,#aedccf75,transparent 23%),radial-gradient(ellipse at 97% 50%,#dfb17e60,transparent 23%)}
.cosmetic-premium436-crystal-effect::before{background:conic-gradient(from 185deg at 5% 5%,transparent 0 24deg,#ade9ff80 27deg,transparent 31deg 275deg,#b9adf96b 280deg,transparent 286deg);animation-name:premium-liquid!important}
.cosmetic-premium436-cyber-effect::before{background:repeating-linear-gradient(90deg,transparent 0 9px,#a6ffe775 10px 11px,transparent 12px 30px);mask-image:linear-gradient(transparent 85%,#000 91%,transparent 98%);animation-name:premium-data!important}
body[data-theme=light] :is(.cosmetic-premium436-liquid-ink,.cosmetic-premium436-liquid-shine,.cosmetic-premium436-crystal-ink,.cosmetic-premium436-crystal-shine,.cosmetic-premium436-cyber-ink,.cosmetic-premium436-cyber-shine){--premium-ink:linear-gradient(110deg,#244e52,#745777,#234849);text-shadow:none}
/* Reduced quality keeps motion. Only accessibility/user static preference stops it. */
body:is(.low-power,.gaming-power) [class*="cosmetic-premium436-"]::before{animation-duration:18s!important}
body.cosmetics-static [class*="cosmetic-premium436-"],body.cosmetics-static [class*="cosmetic-premium436-"]::before,body.cosmetics-static [class*="cosmetic-premium436-"]::after{animation:none!important}
@media(prefers-reduced-motion:reduce){body:not(.cosmetics-force-motion) [class*="cosmetic-premium436-"],body:not(.cosmetics-force-motion) [class*="cosmetic-premium436-"]::before,body:not(.cosmetics-force-motion) [class*="cosmetic-premium436-"]::after{animation:none!important;translate:none!important}}

/* Preserve the clear centre of each design while fading the moving plane at its edges. */
:is(.cosmetic-premium436-liquid-motion,.cosmetic-premium436-crystal-motion,.cosmetic-premium436-cyber-motion)::after{mask-image:var(--premium-edge-mask,linear-gradient(90deg,transparent,#000 7%,transparent 38% 62%,#000 93%,transparent)),linear-gradient(transparent,#000 10% 90%,transparent);mask-composite:intersect}
.cosmetic-premium436-cyber-motion::after{--premium-edge-mask:linear-gradient(90deg,transparent 5%,#000 12% 20%,transparent 24% 78%,#000 84% 91%,transparent 96%)}
:is(.cosmetic-premium436-liquid-effect,.cosmetic-premium436-crystal-effect)::before{mask-image:linear-gradient(90deg,transparent,#000 7% 93%,transparent),linear-gradient(transparent,#000 10% 90%,transparent);mask-composite:intersect}