.combat-fx{position:absolute;inset:15% 5%;z-index:6;pointer-events:none;color:var(--fx-color);font-size:0}.combat-fx i{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:var(--fx-color);animation:combat-spark .38s ease-out both}.combat-fx em{position:absolute;inset:20%;border:3px solid currentColor;border-radius:50%;box-shadow:0 0 12px currentColor;animation:combat-core .4s ease-out both}.fx-slash em{inset:42% -10%;border:0;border-radius:50%;background:currentColor;transform:rotate(-28deg)}.fx-bite em{border-radius:15% 15% 50% 50%;border-width:5px 2px;animation:combat-bite .3s ease-out both}.fx-thunder em{border-radius:0;border-width:0 5px 0 0;transform:skew(-25deg);animation:combat-core .22s ease-out both}.fx-water em{border-width:2px 7px;border-radius:40% 60%;animation:combat-core .55s ease-out both}.fx-poison i{width:10px;height:10px;background:transparent;border:2px solid currentColor;animation-duration:.58s}.fx-poison em{border:0;background:radial-gradient(ellipse,#a6fa7433,transparent);box-shadow:none}.fx-abyss em{border-style:dashed;border-width:5px;animation:combat-void .55s ease-out both}.fx-guard em{border-radius:38% 38% 50% 50%;border-width:3px 5px;animation-duration:.55s}.fx-heal i,.fx-power i{border-radius:0;width:3px;height:12px;animation-duration:.6s}.fx-draw em{border-radius:3px;border-width:2px;transform:rotate(15deg)}.fx-crush em{border-width:7px;animation-duration:.27s}.fx-tentacle em{border-radius:20% 65%;border-width:2px 7px;animation:combat-void .4s ease-out both}.fx-boss em{inset:0;border-width:5px}.combat-combo{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);z-index:8;color:#ffebac;font:900 14px sans-serif;white-space:nowrap;text-shadow:0 2px 4px #000;pointer-events:none}.combat-fx~.combat-fx{opacity:.7}@keyframes combat-spark{from{transform:rotate(var(--angle)) translateX(5px);opacity:1}to{transform:rotate(var(--angle)) translateX(var(--travel));opacity:0}}@keyframes combat-core{from{scale:.45;opacity:.9}to{scale:1.5;opacity:0}}@keyframes combat-bite{from{scale:1.3;opacity:.8}to{scale:.5;opacity:0}}@keyframes combat-void{from{rotate:-65deg;scale:.35;opacity:.8}to{rotate:55deg;scale:1.4;opacity:0}}@media(prefers-reduced-motion:reduce){.combat-fx i{display:none}.combat-fx em{animation:none!important;opacity:.35;box-shadow:none}.combat-fx{transition:none}}