.dd-burst{pointer-events:none;z-index:2;position:absolute;inset:-30%}.dd-burst[data-tier=rare]{--burst-color:#7dd3fce6}.dd-burst[data-tier=epic]{--burst-color:#c084fce6}.dd-burst[data-tier=legendary]{--burst-color:#fdd34df2}.dd-burst[data-tier=shiny]{--burst-color:#ff96e6f2}.dd-burst__edge{opacity:0;border:2px solid var(--burst-color);box-shadow:0 0 1.2rem var(--burst-color), inset 0 0 1.2rem var(--burst-color);animation:dd-burst-edge .9s ease-out var(--edge-delay,.42s) forwards;border-radius:1.1rem;position:absolute;inset:23.08%}.dd-burst[data-tier=legendary],.dd-burst[data-tier=shiny]{--edge-delay:1.05s}.dd-burst__flash{opacity:0;background:radial-gradient(circle at 50% 50%, var(--burst-color) 0%, transparent 58%);border-radius:50%;animation:.85s ease-out forwards dd-burst-flash;position:absolute;inset:0}.dd-burst__ring{aspect-ratio:1;opacity:0;border:2px solid var(--burst-color);border-radius:50%;width:34%;margin:-17% 0 0 -17%;animation:1s cubic-bezier(.2,.7,.3,1) forwards dd-burst-ring;position:absolute;top:50%;left:50%}.dd-burst__ring--late{animation-delay:.16s}.dd-burst__mote{left:var(--x);top:var(--y);opacity:0;background:var(--burst-color);width:4px;height:4px;box-shadow:0 0 .45rem var(--burst-color);left:calc(23.08% + var(--x) * .5385);top:calc(23.08% + var(--y) * .5385);border-radius:50%;margin:0;animation:1.2s ease-out forwards dd-burst-mote;position:absolute;translate:-50% -50%}.dd-burst__rays{opacity:0;background:repeating-conic-gradient(from 0deg at 50% 50%, var(--burst-color) 0deg 2.5deg, transparent 2.5deg 15deg);animation:1.5s ease-out forwards dd-burst-rays;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 8%,#0000 62%);mask-image:radial-gradient(circle,#000 8%,#0000 62%)}.dd-burst__bolt{opacity:0;background:linear-gradient(102deg, transparent 44%, var(--burst-color) 49%, #fff 50%, var(--burst-color) 51%, transparent 56%);clip-path:polygon(0% 46%,38% 30%,30% 50%,72% 26%,58% 54%,100% 38%,64% 72%,70% 56%,26% 76%,34% 56%);animation:.55s ease-out forwards dd-burst-bolt;position:absolute;inset:0}.dd-burst__bolt--b{animation-delay:.14s;scale:-1 1}.dd-burst__spark{opacity:0;background:var(--burst-color);width:5px;height:5px;box-shadow:0 0 .5rem var(--burst-color);border-radius:50%;margin:-2.5px 0 0 -2.5px;animation:.95s cubic-bezier(.15,.8,.3,1) forwards dd-burst-spark;position:absolute;top:50%;left:50%}@keyframes dd-burst-edge{0%{opacity:0;transform:scale(1.06)}18%{opacity:1}to{opacity:0;transform:scale(1)}}@keyframes dd-burst-flash{0%{opacity:0;transform:scale(.35)}22%{opacity:.9}to{opacity:0;transform:scale(1.5)}}@keyframes dd-burst-ring{0%{opacity:.95;transform:scale(.25)}to{opacity:0;transform:scale(2.6)}}@keyframes dd-burst-mote{0%{opacity:0;transform:translate(0)scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(calc(var(--dx) * 2.4rem), calc(var(--dy) * 2.4rem - 1.2rem)) scale(1.1)}}@keyframes dd-burst-rays{0%{opacity:0;transform:rotate(0)scale(.5)}25%{opacity:.75}to{opacity:0;transform:rotate(70deg)scale(1.25)}}@keyframes dd-burst-bolt{0%{opacity:0}12%{opacity:.95}34%{opacity:.25}52%{opacity:.8}to{opacity:0}}@keyframes dd-burst-spark{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.6)}15%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(-1 * var(--distance))) scale(1)}}@media (prefers-reduced-motion:reduce){.dd-burst{display:none}}