.ocean,#games{overflow:clip}
/* Keep the video attached to the viewport throughout the tall game list. */
.game-water{position:absolute;inset:0;overflow:clip;pointer-events:none}
.game-water-view{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 84%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 84%,transparent)}
.ocean>main,#games>.dive-content{z-index:1}
html{scroll-padding-top:64px}
html.motion-paused{scroll-behavior:auto}
body.motion-paused .rv,body.motion-paused .rv-fade{opacity:1!important;transform:none!important;transition:none!important}
.ocean-current{position:absolute;inset:0;pointer-events:none;overflow:clip}
.ocean-current canvas{position:sticky;top:0;display:block;width:100%;height:100vh}

/* A short, quiet descent between the reading room and the game trench. */
.whale-encounter{height:130svh;min-height:850px;position:relative;background:#031233;--encounter-progress:0}
.encounter-stage{position:sticky;top:0;height:100svh;min-height:480px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 48% 26%,#0a3040 0%,#041827 46%,#020a16 85%);mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 86%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 86%,transparent)}
.encounter-light{position:absolute;inset:-15%;background:conic-gradient(from 151deg at 48% -12%,transparent 0deg,#83c0c014 9deg,transparent 17deg,#91cfce09 26deg,transparent 37deg);opacity:.7;transform:rotate(-8deg);filter:blur(12px);pointer-events:none}
.encounter-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.encounter-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 47% 42%,transparent 18%,#01091480 65%,#010610df 100%);box-shadow:inset 0 0 18vw #01081199;opacity:.72}
@media(max-width:700px){.whale-encounter{height:125svh;min-height:820px}}
@media(prefers-reduced-motion:reduce){
 .ocean-current,.encounter-particles{display:none}
 .whale-encounter{height:90svh;min-height:650px}
 .encounter-stage{position:relative;height:100%;min-height:650px}
}