.tooltip-box {
  position: fixed;

  max-width: 280px;
  padding: 1rem;

  border:
    1px solid
    rgba(0,255,255,.3);

  background:
    rgba(5,8,22,.95);

  color: #c9f9ff;

  border-radius: 12px;

  backdrop-filter:
    blur(14px);

  box-shadow:
    0 0 25px
    rgba(0,255,255,.15);

  pointer-events: none;

  opacity: 0;

  transform:
    translateY(8px);

  transition:
    opacity .18s ease,
    transform .18s ease;

  z-index: 99999;
}

.tooltip-box.visible {
  opacity: 1;
  transform:
    translateY(0);
}

.explain {
  cursor: help;
  border-bottom:
    1px dotted
    rgba(0,255,255,.5);
}