.reveal-charge{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none;isolation:isolate}
.reveal-charge-veil{position:absolute;inset:0;background:#030408}
.reveal-charge-core{position:absolute;left:var(--charge-x);top:var(--charge-y);translate:-50% -50%;width:calc(var(--charge-height)*1.45);height:calc(var(--charge-height)*1.45);background:radial-gradient(circle,transparent 25%,color-mix(in srgb,var(--charge-color) 45%,transparent) 48%,transparent 72%);mix-blend-mode:screen}
.reveal-charge-outline{position:absolute;left:var(--charge-x);top:var(--charge-y);translate:-50% -50%;width:var(--charge-width);height:var(--charge-height);border:1px solid var(--charge-color);border-radius:8.209% / 5.863%;box-shadow:0 0 22px color-mix(in srgb,var(--charge-color) 70%,transparent),0 0 65px color-mix(in srgb,var(--charge-color) 35%,transparent)}
.reveal-charge-wave{position:absolute;left:var(--charge-x);top:var(--charge-y);translate:-50% -50%;display:block;width:120px;height:120px;border:2px solid var(--charge-color);border-radius:50%;box-shadow:0 0 18px color-mix(in srgb,var(--charge-color) 55%,transparent),inset 0 0 10px color-mix(in srgb,var(--charge-color) 35%,transparent)}
.reveal-charge[data-rarity="5"] .reveal-charge-wave{border-color:#fff7;box-shadow:0 -3px 18px #ff77cbb3,3px 0 18px #ffe774aa,0 3px 18px #77ffd5b3,-3px 0 18px #8d8bffbf}
.reveal-charge[data-rarity="6"] .reveal-charge-wave{border-color:#aeffbcaa;box-shadow:0 0 22px #99ff9777,inset 0 0 18px #bd86ff88}
@media(prefers-reduced-motion:reduce){.reveal-charge{display:none}}