* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html,
    body {
      width: 100%;
      height: 100%;
      overflow: hidden;
      background: #000;
      cursor: crosshair;
    }

    canvas {
      position: absolute;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
    }

    #pond {
      background: #000;
      z-index: 1;
      touch-action: none;
    }

    #fallback {
      display: none;
      position: absolute;
      inset: 0;
      place-items: center;
      padding: 24px;
      color: #87909c;
      font: 14px/1.5 system-ui, sans-serif;
      text-align: center;
      z-index: 3;
    }

    #quotes {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 30%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0.45em;
      padding: 0 7vw;
      z-index: 4;
      pointer-events: none;
      user-select: none;
      -webkit-user-select: none;
      font-family: "Saira", sans-serif;
      text-align: center;
      color: #eef6ff;
    }

    #quotes .line {
      display: block;
      width: max-content;
      max-width: none;
      line-height: 1.35;
      letter-spacing: 0.015em;
      text-align: center;
      white-space: nowrap;
    }

    #quotes .word {
      display: inline-block;
      white-space: nowrap;
      margin-right: 0.28em;
    }

    #quotes .word:last-child {
      margin-right: 0;
    }

    #quotes .setup {
      font-size: clamp(11px, 2vw, 26px);
      font-weight: 200;
    }

    #quotes .punch {
      font-size: clamp(12px, 2.15vw, 28px);
      font-weight: 300;
    }

    #quotes .ch {
      display: inline-block;
      opacity: 0;
      white-space: pre;
      will-change: opacity;
    }

    #quotes .ch.on {
      text-shadow:
        0 0 5px rgba(214, 236, 255, 0.9),
        0 0 16px rgba(130, 196, 255, 0.32);
    }

    #crt {
      position: absolute;
      inset: 0;
      z-index: 8;
      pointer-events: none;
      background: repeating-linear-gradient(
        90deg,
        #ff3d3d 0 1px,
        #3dff64 1px 2px,
        #4a78ff 2px 3px
      );
      mix-blend-mode: multiply;
      opacity: 0.22;
    }