.visual-chaos {
  background: #12141a;
  background-image: radial-gradient(#303746 1px, transparent 1px);
  background-size: 18px 18px;
  isolation: isolate;
  overflow: hidden;
  cursor: crosshair;
}

.chaos-ball {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  border: 1px solid var(--ball-color, var(--acid));
  box-shadow: var(--ball-shadow, inset -15px -15px 0 rgba(213, 255, 79, .12), 0 0 25px rgba(213, 255, 79, .25));
  pointer-events: none;
}

.ball-one {
  --ball-color: var(--acid);
  --ball-shadow: inset -15px -15px 0 rgba(213, 255, 79, .12), 0 0 25px rgba(213, 255, 79, .25);
  width: 190px;
  height: 190px;
}

.ball-two {
  --ball-color: var(--coral);
  --ball-shadow: 0 0 25px rgba(255, 118, 92, .25);
  width: 75px;
  height: 75px;
}

.visual-caption {
  position: absolute;
  bottom: 20px;
  left: 21px;
  color: rgba(255, 255, 255, .6);
  font: 10px var(--mono);
  letter-spacing: .1em;
}