:root {
	--glow-size: 5px;
	--wire-color: #040;
	--blink-rate: 1s;
	--wire-size: 3px;
}

.twinkle .light::after {
  animation: twinkle var(--blink-rate) linear var(--delay) infinite; /* delay of 1s is just placeholder, set in JS */
}
@keyframes twinkle {
  50% { box-shadow: 0 0 0 transparent; }
}

.light_box {
  pointer-events: none;
}
.light {
  width: 15%;
  max-width: 15px;
  aspect-ratio: 1/1;
  background: var(--wire-color);
  position: absolute;
  left: 40%;
  border-radius: 25%;
  --color: gold;
  filter: blur(1px);
}
.light:nth-child(1) {
  top: 99.5%;
  transform-origin: 50% 0%;
}
.light:nth-child(2) {
  bottom: 99.5%;
  transform-origin: 50% 100%;
}

.light::after {
  content: '';
  width: 150%;
  aspect-ratio: 1/2;
  background: 
    radial-gradient(rgba(255,255,255,.5), transparent),
    var(--color);
  font-size: var(--glow-size);
  box-shadow: 0 0 3em 1em var(--color);
  position: absolute;
  left: -25%;  
}
.light:nth-child(1)::after {
  top: 80%;
  border-radius: 100% / 60% 60% 125% 125%;
}
.light:nth-child(2)::after {
  bottom: 80%;
  border-radius: 100% / 125% 125% 60% 60%;
}

.addLights {
  position: relative;
  border: var(--wire-size) solid var(--wire-color);
}