/* Decorative ocean stays behind the page and never captures input. */
body{position:relative;isolation:isolate;min-height:100vh}
.ocean-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#06121c;contain:strict}
.ocean-surface{position:absolute;inset:-48px;background:url('/ocean-night.webp') center center/cover no-repeat;transform:translate3d(var(--ocean-x,0px),var(--ocean-y,0px),0);transition:transform 1s cubic-bezier(.2,.65,.3,1)}
.ocean-background::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#04101929 0%,#04101952 55%,#0410198c 100%)}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .ocean-surface{transform:none;transition:none}
}
@media print{.ocean-background{display:none}}