/* Fixed-coordinate vector effects. All playback shares one hard budget of 32 DOM nodes. */
.shanhai-skill-effect{position:fixed;z-index:30;display:block;margin:0;padding:0;border:0;pointer-events:none!important;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain;transform-origin:50% 50%;opacity:0;filter:drop-shadow(0 0 1px var(--skill-accent)) drop-shadow(0 0 4px color-mix(in srgb,var(--skill-color) 48%,transparent));will-change:transform,opacity;contain:layout style}
.shanhai-skill-effect.skill-role-trail{background-size:100% 100%;filter:drop-shadow(0 0 3px var(--skill-color));mix-blend-mode:screen}
.shanhai-skill-effect.skill-role-light{filter:none;mix-blend-mode:screen}
.shanhai-skill-effect.skill-role-spark{filter:drop-shadow(0 0 2px var(--skill-color))}
.shanhai-skill-effect.skill-role-impact{z-index:32;filter:drop-shadow(0 0 1px var(--skill-accent)) drop-shadow(0 0 5px color-mix(in srgb,var(--skill-color) 55%,transparent))}
.shanhai-skill-effect.skill-role-bolt{z-index:33;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 7px var(--skill-color))}
.shanhai-skill-effect.skill-family-water,.shanhai-skill-effect.skill-family-fire,.shanhai-skill-effect.skill-family-arc{mix-blend-mode:screen}
.shanhai-skill-effect.skill-family-earth.skill-role-impact,.shanhai-skill-effect.skill-family-earth.skill-role-spark{filter:drop-shadow(1px 4px 3px #071714b3) drop-shadow(0 0 2px var(--skill-color))}
.shanhai-skill-effect.skill-family-wood.skill-role-impact{transform-origin:50% 86%}
.shanhai-skill-effect.skill-gather-fragment{filter:drop-shadow(0 0 2px var(--skill-color))}
html[data-reduced-motion="true"] .shanhai-skill-effect{display:none!important}
@media(prefers-reduced-motion:reduce){html:not([data-reduced-motion="false"]) .shanhai-skill-effect{display:none!important}}