body.background-fractures { position: relative; isolation: isolate; }
.background-fracture-layer {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  background: #02040b url('assets/space-background.png') center center / cover no-repeat;
}
.background-fracture-layer[hidden] { display: none; }
.background-fracture-layer canvas { display: block; width: 100%; height: 100%; pointer-events: none; }
body.background-fractures > main,
body.background-fractures > .mailbox-footer { position: relative; z-index: 1; }
@media (hover: none), (pointer: coarse) { .background-fracture-layer { display: none; } }