body {
  position: fixed;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: black;
}

canvas {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}

.mask {
  position: absolute;
  z-index: 2;
  background: black;
  height: 100vh;
  width: 100vw;
  mix-blend-mode: multiply;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
  pointer-events: none;
}

/* Fill the full viewport, no centering offset, edge-to-edge */
svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}