.gate-bg{background-image:radial-gradient(circle at 50% 0,#2dc7d861,#0000 34rem),linear-gradient(#031b250d,#020a0d75),url(/assets/agegate_bkg.webp);background-position:50% 0,50%,50%;background-size:110% 110%,100% 100%,cover;animation:18s ease-in-out infinite alternate underwaterBackgroundDrift}.loader-fade-curtain{z-index:4;pointer-events:none;opacity:1;background:radial-gradient(circle at 50% 0,#082a35f2,#01070afa 68%),#01070a;transition:opacity 1.4s;position:absolute;inset:0}.gate-bg.water-ready .loader-fade-curtain{opacity:0}.gate-bg:not(.water-ready) .water-shimmer,.gate-bg:not(.water-ready) .sun-rays,.gate-bg:not(.water-ready) .bubble-layer{opacity:0;animation-play-state:paused}.water-shimmer{z-index:1;pointer-events:none;opacity:.32;mix-blend-mode:screen;filter:blur(12px);background-image:radial-gradient(circle at 46% 4%,#82e6ff47,#0000 22rem),radial-gradient(circle at 18% 22%,#3fbed81f,#0000 19rem),radial-gradient(circle at 82% 18%,#61dbee1a,#0000 22rem);transition:opacity 1.2s;animation:9s ease-in-out infinite alternate waterShimmer;position:absolute;inset:-8%}.sun-rays{z-index:2;pointer-events:none;opacity:.66;mix-blend-mode:screen;filter:blur(10px);transform-origin:top;background-image:linear-gradient(102deg,#0000 0% 24%,#bcf5ff47 32%,#bcf5ff1c 39%,#0000 50% 100%),linear-gradient(82deg,#0000 0% 38%,#6ee1ff3d 47%,#6ee1ff1a 55%,#0000 66% 100%),linear-gradient(118deg,#0000 0% 49%,#e6fcff33 58%,#e6fcff14 66%,#0000 78% 100%),radial-gradient(circle at 50% 0,#82e6ff38,#0000 30rem);transition:opacity 1.2s;animation:8s ease-in-out infinite alternate sunRayDrift;position:absolute;inset:-28% -14% 0}.bubble-layer{z-index:3;pointer-events:none;mix-blend-mode:screen;will-change:background-position, opacity;background-repeat:repeat;transition:opacity 1.4s;position:absolute;inset:0}.bubble-layer-one{opacity:.2;background-image:radial-gradient(circle,#ffffff6b 0 1px,#0000 3px),radial-gradient(circle,#7be0ff47 0 1px,#0000 4px),radial-gradient(circle,#fff3 0 2px,#0000 5px);background-position:20px 100%,80px 110%,140px 120%;background-size:210px 220px,330px 310px,500px 460px;animation:28s linear infinite bubblesRiseSlow}.bubble-layer-two{opacity:.14;background-image:radial-gradient(circle,#ffffff57 0 1px,#0000 4px),radial-gradient(circle,#76dcff3d 0 3px,#0000 6px);background-position:120px 100%,40px 115%;background-size:300px 340px,620px 560px;animation:22s linear infinite bubblesRiseMedium}.bubble-layer-three{opacity:.09;filter:blur(.4px);background-image:radial-gradient(circle,#ffffff61 0 1px,#0000 3px),radial-gradient(circle,#ffffff2e 0 4px,#0000 7px);background-position:60px 100%,240px 130%;background-size:190px 220px,720px 660px;animation:16s linear infinite bubblesRiseFast}@keyframes underwaterBackgroundDrift{0%{background-position:50% 0,50%,48%}to{background-position:46% 0,50%,54% 47%}}@keyframes waterShimmer{0%{opacity:.22;transform:translate(-1.5%,-1%)scale(1)}to{opacity:.38;transform:translate(1.5%,1%)scale(1.045)}}@keyframes sunRayDrift{0%{opacity:.42;transform:translate(-6%)translateY(-1%)skew(-7deg)scale(1)}50%{opacity:.72;transform:translate(1%)translateY(1.5%)skew(2deg)scale(1.06)}to{opacity:.56;transform:translate(7%)translateY(-.5%)skew(6deg)scale(1.1)}}@keyframes bubblesRiseSlow{0%{background-position:20px 110%,80px 120%,140px 130%}to{background-position:34px -20%,66px -30%,160px -25%}}@keyframes bubblesRiseMedium{0%{background-position:120px 115%,40px 130%}to{background-position:98px -25%,56px -35%}}@keyframes bubblesRiseFast{0%{background-position:60px 120%,240px 135%}to{background-position:82px -30%,216px -40%}}