/* Lagoon artwork supplied by Penny K; scoped to the mod page. */
.lagoon-page{background:#233b32 url('/assets/escape-lagoon-monster-background.png') center center/cover fixed;padding-top:48px;padding-bottom:80px}
.lagoon-topline{color:#fff;background:#253338e8;border:1px solid #ffffff30;border-radius:8px;padding:16px 20px;margin-bottom:32px}
.lagoon-gallery{position:static;background:#f4f5eaf2;padding:16px;border:1px solid #ffffff80;border-radius:18px;box-shadow:0 16px 48px #10271f30}
.lagoon-gallery>a{border-radius:10px}
.lagoon-gallery .gallery-note{margin-bottom:0}
.lagoon-info{background:rgba(244,245,234,.8);padding:36px;border:1px solid #ffffff90;border-radius:18px;box-shadow:0 16px 48px #10271f30}
.lagoon-details{background:rgba(244,245,234,.8);padding:40px;border:1px solid #ffffff90;border-radius:18px;margin-top:56px;gap:48px;box-shadow:0 16px 48px #10271f30}
@media(max-width:1000px){.lagoon-info{padding:26px}.lagoon-product{gap:28px}}
@media(max-width:760px){.lagoon-page{background-attachment:scroll;background-position:left top;background-size:auto 900px;background-repeat:repeat-y;padding:38px 18px 40px}.lagoon-topline{padding:14px 12px;gap:12px;margin-bottom:24px}.lagoon-gallery{padding:12px;border-radius:14px}.lagoon-info{padding:26px 20px;border-radius:14px}.lagoon-info h1{font-size:clamp(44px,13vw,64px)}.lagoon-details{padding:26px 20px;margin-top:28px;gap:16px;border-radius:14px}.lagoon-details h2{font-size:30px}}
.batch-stats{margin:24px 0 0;padding:20px 0 14px;border-block:1px solid #25333830}.batch-label{font-size:11px;letter-spacing:.1em;font-weight:700;margin-bottom:18px}.batch-stats dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.batch-stats dl>div{display:grid;grid-template-rows:34px auto;gap:4px}.batch-stats dt{grid-row:2}.batch-stats dd{grid-row:1}.batch-stats dt{font-size:11px;line-height:1.4}.batch-stats dd{font-size:30px;font-weight:750;line-height:1.1;margin:0}.batch-caption,.batch-stats-status{font-size:10px;line-height:1.6;margin:14px 0 0;color:#42534b}.batch-stats-status:empty{display:none}.lagoon-price{font-size:22px;font-weight:650;line-height:1.4;text-align:center;margin:0;padding:20px 0;color:#253338}.lagoon-price+.lagoon-signup{margin-top:0}@media(max-width:380px){.batch-stats dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}

/* Equal, borderless statistic cards with centred numbers and labels. */
.batch-stats dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.batch-stats dl>div{grid-template-rows:34px auto;align-content:start;padding:10px 6px;text-align:center;background:rgba(255,255,255,.48);border:0;border-radius:8px}.batch-stats dt{font-size:11px;min-height:0}.batch-stats dd{font-size:30px}@media(max-width:480px){.batch-stats dl{gap:6px}.batch-stats dl>div{padding:8px 3px}.batch-stats dt{font-size:10px}.batch-stats dd{font-size:26px}}

/* Decorative animation stays behind content and never intercepts input. */
.lagoon-page{position:relative;isolation:isolate}
.lagoon-motion-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.lagoon-motion-layer canvas{position:absolute;top:0;left:0;width:100%;display:block}
@media(prefers-reduced-motion:reduce){.lagoon-motion-layer{display:none}}

/* Rolling foreground mist: two soft banks crossing at different speeds. */
.lagoon-fog{position:fixed;inset:auto 0 0;height:clamp(140px,25vh,260px);overflow:hidden;z-index:5;pointer-events:none;user-select:none;mask-image:linear-gradient(transparent,#000 55%);-webkit-mask-image:linear-gradient(transparent,#000 55%)}
.lagoon-fog::before,.lagoon-fog::after{content:"";position:absolute;inset:-15% -45% -25%;filter:blur(16px);will-change:transform;pointer-events:none;background:radial-gradient(ellipse 18% 38% at 15% 75%,#e3ede3c0 0%,#d8e6dc60 35%,transparent 100%),radial-gradient(ellipse 22% 30% at 48% 60%,#dce9dfb0 0%,#dce9df40 40%,transparent 100%),radial-gradient(ellipse 20% 45% at 82% 88%,#e7eee5b0 0%,#cddfd350 40%,transparent 100%);opacity:.42;animation:lagoon-fog-drift 17s ease-in-out -5s infinite alternate}
.lagoon-fog::after{inset:5% -55% -40%;opacity:.3;filter:blur(23px);animation:lagoon-fog-return 23s ease-in-out -11s infinite alternate;background:radial-gradient(ellipse at 25% 85%,#edf2e8b0,transparent 48%),radial-gradient(ellipse at 65% 65%,#dbe8df90,transparent 46%),radial-gradient(ellipse at 95% 95%,#e8efe5a0,transparent 45%)}
@keyframes lagoon-fog-drift{0%{transform:translate3d(-18%,9%,0) scaleY(.88)}50%{transform:translate3d(0,-7%,0) scaleY(1.12)}100%{transform:translate3d(18%,2%,0) scaleY(.98)}}
@keyframes lagoon-fog-return{0%{transform:translate3d(19%,6%,0) scaleY(1.08)}50%{transform:translate3d(0,-10%,0) scaleY(.9)}100%{transform:translate3d(-19%,3%,0) scaleY(1.14)}}
@media(max-width:760px){.lagoon-fog{height:170px}.lagoon-fog::before{opacity:.34}.lagoon-fog::after{opacity:.24}}
@media(prefers-reduced-motion:reduce){.lagoon-fog::before,.lagoon-fog::after{animation:none;will-change:auto}}