/* casulo do choque e da radiação */
.cshf {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 50% 46%, rgba(127, 216, 255, 0.55), transparent 55%);
  opacity: 0;
  z-index: 2;
}
.cxr {
  width: 72px;
  height: 72px;
  margin: -36px 0 0 -36px;
}
.crbeam {
  position: absolute;
  top: 54px;
  width: 22px;
  margin-left: -11px;
  background: linear-gradient(90deg, transparent, rgba(200, 255, 58, 0.85), transparent);
  box-shadow: 0 0 18px #c8ff3a;
  pointer-events: none;
  z-index: 2;
}
.crbeam.blk {
  background: linear-gradient(90deg, transparent, rgba(200, 255, 58, 0.4), transparent);
}
.crcore {
  position: absolute;
  width: 56px;
  height: 56px;
  margin: -28px 0 0 -28px;
  border-radius: 50%;
  background: radial-gradient(circle, #f4ffb0, #9dff3a 45%, rgba(157, 255, 58, 0) 70%);
  pointer-events: none;
  z-index: 2;
  animation: tw 1s linear infinite;
}
.crcore.on {
  box-shadow: 0 0 30px 10px #c8ff3a;
  transform: scale(1.25);
}
.crlead {
  position: absolute;
  width: 96px;
  height: 44px;
  margin: -22px 0 0 -48px;
  border-radius: 10px;
  background: linear-gradient(#8a8f9e, #5d6675);
  border: 3px solid #231b33;
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 12px;
  color: #231b33;
  pointer-events: none;
  z-index: 3;
}