/* The new landscape enters from the right along the passing shoals.
   The old scene stays underneath, with no empty or solid-colour midpoint. */
@media(min-width:801px){
 .env-cove{
  -webkit-mask-image:linear-gradient(100deg,transparent calc(var(--passage-edge,120%) - 12%),#000 calc(var(--passage-edge,120%) + 12%));
  mask-image:linear-gradient(100deg,transparent calc(var(--passage-edge,120%) - 12%),#000 calc(var(--passage-edge,120%) + 12%));
 }
 .static-ocean .env-cove{-webkit-mask-image:none;mask-image:none}
}

.stage>#jelly-life{position:absolute;inset:0;width:100%;height:100%;z-index:25;pointer-events:none}
.masthead,.journey-nav{opacity:calc(var(--header-opacity) * var(--passage-ui,1))}
.preview-note{opacity:var(--passage-ui,1)}
.passage-controls{position:fixed;right:4.3vw;bottom:22px;z-index:36;display:flex;align-items:center;gap:12px;font:13px var(--hand);color:#235c70}
.passage-controls small{font-size:11px}.passage-controls button{font:inherit;color:inherit;background:#eef6e2ef;border:1px solid #f7ffefaa;padding:8px 15px;min-height:36px;border-radius:45% 46% 40% 43% / 15% 19% 17% 18%;cursor:pointer}
.passage-controls button:focus-visible{outline:2px solid #246c80;outline-offset:4px}
.static-ocean .stage>#jelly-life,.static-ocean .passage-controls{display:none}
@media(max-width:800px),(prefers-reduced-motion:reduce){.stage>#jelly-life,.passage-controls{display:none}}