.ofs-reef {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
body { position: relative; background: #041016; }
body > *:not(.ofs-reef) { position: relative; z-index: 1; }
body > .top { z-index: 30; }
@keyframes ofs-drift {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(8px,-14px,0); }
}
@media (prefers-reduced-motion: reduce) {
  .ofs-reef { animation: none; }
}