/* <so-ghosts> — ambient ASCII ghosts. Structural styles plus the tuning knobs. */
so-ghosts {
  --so-ghosts-opacity: 0.12;
  --so-ghosts-color: #c9d0da;
  --so-ghosts-accent: #12e000;
  --so-ghosts-content-width: 880px;

  position: fixed;
  inset: 0;
  display: block;
  overflow: hidden;
  pointer-events: none;
  contain: strict;
}

.so-ghosts__ghost {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  font: 500 11px/1 'Geist Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  white-space: pre;
  letter-spacing: 0;
  user-select: none;
  /* --s is the scream level (0 to 1): silver shifts to the accent and starts to glow. */
  color: color-mix(in oklab, var(--so-ghosts-color) calc(100% - var(--s, 0) * 100%), var(--so-ghosts-accent));
  text-shadow: 0 0 calc(var(--s, 0) * 10px) color-mix(in srgb, var(--so-ghosts-accent) calc(var(--s, 0) * 70%), transparent);
  visibility: hidden;
  will-change: transform, opacity;
}

@media (max-width: 700px) {
  .so-ghosts__ghost {
    font-size: 8px;
  }
}