.attack-scene{position:fixed;inset:0;pointer-events:none;z-index:7;overflow:hidden}

.enemy-ufo{
  position:absolute;width:120px;height:80px;
  background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xml:space='preserve'%20width='38.608mm'%20height='15.8006mm'%20version='1.1'%20style='shape-rendering:geometricPrecision;%20text-rendering:geometricPrecision;%20image-rendering:optimizeQuality;%20fill-rule:evenodd;%20clip-rule:evenodd'%20viewBox='0%200%203860.8%201580.06'%3e%3cdefs%3e%3cstyle%20type='text/css'%3e%3c![CDATA[%20.fil0%20{fill:%23ff3b3b}%20]]%3e%3c/style%3e%3c/defs%3e%3cg%20id='Camada_x0020_1'%3e%3cmetadata%20id='CorelCorpID_0Corel-Layer'/%3e%3cpath%20class='fil0'%20d='M1579.46%20669.27c226.21,-40.92%20710.09,-84.57%20707.04,-84.38%20-39.78,-142.5%20-145.39,-264.36%20-295.02,-318.82%20-246.37,-89.67%20-518.79,37.36%20-608.47,283.74%20-19.9,54.68%20-29.13,110.66%20-28.74,165.63%2073,-16.8%20148.13,-32.23%20225.19,-46.17zm1112.79%20-96.09c290.78,2.77%20526.7,32.15%20707.55,78.55%20193.94,49.74%20324.59,119.04%20397.84,159.3%2073.25,40.25%2089.1,51.46%2013.8,108.33%20-75.3,56.87%20-241.75,159.4%20-534.32,268.59%20-292.56,109.19%20-711.24,225.03%20-1111.92,295.77%20-400.68,70.74%20-783.36,96.38%20-1078.54,96.33%20-295.17,-0.05%20-502.84,-25.79%20-681.65,-57.34%20-178.82,-31.56%20-328.78,-68.93%20-382.25,-105.19%20-53.47,-36.27%20-10.45,-71.43%20105.3,-154.8%20115.75,-83.38%20304.24,-214.96%20551.87,-326.87%20144.65,-65.37%20309.5,-124.03%20490.36,-173.95%201.61,-83.39%2016.78,-167.94%2046.9,-250.7%20146.69,-403.03%20592.34,-610.84%20995.38,-464.15%20246.38,89.68%20419.81,291.08%20483.89,526.17l-4.21%20-0.04zm-766.62%20508.44c94.09,-17.03%20198.64,-25.92%20285.98,-26.25%2087.35,-0.33%20157.49,7.9%20210.37,21.47%2052.89,13.56%2088.51,32.46%20108.49,43.43%2019.97,10.98%2024.29,14.03%203.76,29.54%20-20.53,15.51%20-65.92,43.47%20-145.7,73.24%20-79.77,29.77%20-193.94,61.36%20-303.19,80.65%20-109.26,19.29%20-213.6,26.28%20-294.09,26.26%20-80.49,-0.01%20-137.11,-7.03%20-185.87,-15.63%20-48.76,-8.6%20-89.65,-18.79%20-108.15,-26.15%20-18.5,-7.35%20-14.61,-11.86%2016.95,-34.6%2031.56,-22.73%2090.8,-63.68%20162.25,-96.74%2071.44,-33.05%20155.09,-58.2%20249.2,-75.22z'/%3e%3c/g%3e%3c/svg%3e") 50%/contain no-repeat;
  filter:drop-shadow(0 0 16px #ff3b3bcc)
}

.laser{
  position:absolute;height:3px;
  transform-origin:0 50%;
  border-radius:2px;
  opacity:0
}
.laser.fire{animation:laserFire .18s linear forwards}
@keyframes laserFire{
  0%{opacity:1;clip-path:inset(0 100% 0 0)}
  65%{opacity:1;clip-path:inset(0 0 0 0)}
  100%{opacity:0;clip-path:inset(0 0 0 0)}
}
.laser-blue{background:linear-gradient(to right, #7dd3fc, #38bdf8);box-shadow:0 0 8px #38bdf8}
.laser-red{background:linear-gradient(to right, #fca5a5, #ef4444);box-shadow:0 0 8px #ef4444}

.impact{
  position:absolute;width:16px;height:16px;
  border-radius:50%;
  background:radial-gradient(circle, #fff, #ffdd55 40%, transparent 70%);
  animation:impactPop .3s ease-out forwards
}
@keyframes impactPop{
  0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(2.2)}
}