/* The optical pass owns the water; CSS only controls the short cover / reveal. */
.dive-transition{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;z-index:10000;background:transparent;pointer-events:auto;opacity:0}
.dive-transition[hidden]{display:none}.dive-transition::backdrop{background:transparent}
.dive-transition canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.dive-transition.is-diving{animation:water-entry-reveal 1750ms linear both}
.dive-transition:not(.has-water-pass){background:radial-gradient(ellipse at 35% -10%,#245865,#041722 75%)}
@keyframes water-entry-reveal{0%{opacity:0}12%,73%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.dive-transition{display:none!important;animation:none!important}}