/* =========================================================================
   BACKGROUND RAIN — fine points falling behind the page, terminal style.
   The canvas sits above the grid pattern (body::before, also at -1, but
   painted first since a pseudo-element precedes its siblings) and below
   every piece of content.
   ========================================================================= */

.rain-canvas {
  position: fixed;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  /* Densest at the top, gone before the horizon, so the arc stays clean. */
  mask-image: linear-gradient(to bottom, black 0%, black 52%, transparent 88%);
}