.gate-bg{background-image:radial-gradient(circle at 50% 0,rgba(45,199,216,.38),transparent 34rem),linear-gradient(180deg,rgba(3,27,37,.05),rgba(2,10,13,.46)),url(/assets/agegate_bkg.jpg);background-position:50% 0,50%,50% 50%;background-size:110% 110%,100% 100%,cover;animation:underwaterBackgroundDrift 18s ease-in-out infinite alternate}.loader-fade-curtain{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(8,42,53,.95),rgba(1,7,10,.98) 68%),#01070a;opacity:1;transition:opacity 1.4s ease}.gate-bg.water-ready .loader-fade-curtain{opacity:0}.gate-bg:not(.water-ready) .bubble-layer,.gate-bg:not(.water-ready) .sun-rays,.gate-bg:not(.water-ready) .water-shimmer{opacity:0;animation-play-state:paused}.water-shimmer{inset:-8%;z-index:1;opacity:.32;background-image:radial-gradient(circle at 46% 4%,rgba(130,230,255,.28),transparent 22rem),radial-gradient(circle at 18% 22%,rgba(63,190,216,.12),transparent 19rem),radial-gradient(circle at 82% 18%,rgba(97,219,238,.1),transparent 22rem);filter:blur(12px);animation:waterShimmer 9s ease-in-out infinite alternate}.sun-rays,.water-shimmer{position:absolute;pointer-events:none;mix-blend-mode:screen;transition:opacity 1.2s ease}.sun-rays{inset:-28% -14% 0;z-index:2;opacity:.66;background-image:linear-gradient(102deg,transparent,transparent 24%,rgba(188,245,255,.28) 32%,rgba(188,245,255,.11) 39%,transparent 50%,transparent),linear-gradient(82deg,transparent,transparent 38%,rgba(110,225,255,.24) 47%,rgba(110,225,255,.1) 55%,transparent 66%,transparent),linear-gradient(118deg,transparent,transparent 49%,rgba(230,252,255,.2) 58%,rgba(230,252,255,.08) 66%,transparent 78%,transparent),radial-gradient(circle at 50% 0,rgba(130,230,255,.22),transparent 30rem);filter:blur(10px);transform-origin:top center;animation:sunRayDrift 8s ease-in-out infinite alternate}.bubble-layer{position:absolute;inset:0;z-index:3;pointer-events:none;mix-blend-mode:screen;background-repeat:repeat;transition:opacity 1.4s ease;will-change:background-position,opacity}.bubble-layer-one{opacity:.2;background-image:radial-gradient(circle,rgba(255,255,255,.42) 0 1px,transparent 3px),radial-gradient(circle,rgba(123,224,255,.28) 0 1px,transparent 4px),radial-gradient(circle,rgba(255,255,255,.2) 0 2px,transparent 5px);background-size:210px 220px,330px 310px,500px 460px;background-position:20px 100%,80px 110%,140px 120%;animation:bubblesRiseSlow 28s linear infinite}.bubble-layer-two{opacity:.14;background-image:radial-gradient(circle,rgba(255,255,255,.34) 0 1px,transparent 4px),radial-gradient(circle,rgba(118,220,255,.24) 0 3px,transparent 6px);background-size:300px 340px,620px 560px;background-position:120px 100%,40px 115%;animation:bubblesRiseMedium 22s linear infinite}.bubble-layer-three{opacity:.09;background-image:radial-gradient(circle,rgba(255,255,255,.38) 0 1px,transparent 3px),radial-gradient(circle,rgba(255,255,255,.18) 0 4px,transparent 7px);background-size:190px 220px,720px 660px;background-position:60px 100%,240px 130%;filter:blur(.4px);animation:bubblesRiseFast 16s linear infinite}@keyframes underwaterBackgroundDrift{0%{background-position:50% 0,50%,48% 50%}to{background-position:46% 0,50%,54% 47%}}@keyframes waterShimmer{0%{opacity:.22;transform:translate3d(-1.5%,-1%,0) scale(1)}to{opacity:.38;transform:translate3d(1.5%,1%,0) scale(1.045)}}@keyframes sunRayDrift{0%{opacity:.42;transform:translateX(-6%) translateY(-1%) skewX(-7deg) scale(1)}50%{opacity:.72;transform:translateX(1%) translateY(1.5%) skewX(2deg) scale(1.06)}to{opacity:.56;transform:translateX(7%) translateY(-.5%) skewX(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%}}