.ocean-gate{position:fixed;inset:0;z-index:1000;background:#06171f;color:#e9f3ef;overflow:hidden;display:grid;place-items:center;touch-action:none;isolation:isolate}.ocean-gate canvas{position:absolute;inset:0;width:100%;height:100%}.ocean-gate:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,transparent 12%,#02101866 75%,#021018c7);z-index:1}.gate-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:min(70vw,560px);transform:translateY(-6vh);transition:opacity .8s,transform 1.5s cubic-bezier(.2,.7,.2,1)}.gate-logo{width:100%;height:auto;filter:brightness(0) invert(1);animation:float-mark 7s ease-in-out infinite}.gate-enter{margin-top:48px;background:#b9dcda0a;color:#d2e9e7;border:1px solid #acd3d352;border-radius:40px;min-width:126px;padding:14px 28px;font:14px M13,Arial,sans-serif;letter-spacing:.12em;transition:background .3s,border-color .3s,transform .3s}.gate-enter:hover{background:#b9dcda22;border-color:#c0e3df;transform:translateY(-2px)}.gate-enter:focus-visible{outline:2px solid #d6eeeb;outline-offset:6px}.gate-coords{position:absolute;z-index:2;bottom:32px;left:36px;font:11px 'Fragment Mono',monospace;letter-spacing:.07em;color:#92b8bd;opacity:.8}.gate-location{position:absolute;right:36px;bottom:32px;font:11px 'Fragment Mono',monospace;color:#92b8bd;z-index:2;letter-spacing:.12em}.ocean-gate.diving .gate-center{opacity:0;transform:translateY(-6vh) scale(1.15);transition-delay:.45s}.ocean-gate.diving .gate-enter{background:#c6eeeb26}.ocean-gate.dissolving{opacity:0;transition:opacity 1s ease}.gate-open{overflow:hidden!important}.gate-open header,.gate-open main,.gate-open footer{visibility:hidden}.gate-revealing header,.gate-revealing main,.gate-revealing footer{visibility:visible}body.gate-open .reading-progress{display:none}@keyframes float-mark{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(max-width:600px){.gate-center{width:78vw}.gate-coords{left:22px;bottom:24px;font-size:10px}.gate-location{right:22px;bottom:24px;font-size:10px}.gate-enter{margin-top:35px}}@media(prefers-reduced-motion:reduce){.gate-logo{animation:none}.gate-center{transition:none}.ocean-gate.dissolving{transition:opacity .2s}}