/* Isolated decoration: no layout, hit testing, focus or audio involvement. */
.water-ripple-layer{position:fixed;inset:0;z-index:20;pointer-events:none;overflow:hidden;contain:strict;user-select:none}
.water-ripple-layer *{pointer-events:none}
.water-ripple{position:absolute;transform:translate(-50%,-50%);opacity:.85}
.water-ripple--ambient{opacity:.4}
.water-ripple-wave,.water-ripple-wave svg,.water-ripple-refraction{position:absolute;inset:0;width:100%;height:100%}
.water-ripple--ambient svg path[stroke^="url"]{stroke-width:3}
.water-ripple-wave{transform-origin:center;will-change:transform,opacity}
.water-ripple-wave svg{overflow:visible;filter:blur(.35px)}
.water-ripple-refraction{-webkit-mask-image:var(--water-mask);mask-image:var(--water-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-backdrop-filter:blur(.65px) brightness(1.12);backdrop-filter:blur(.65px) brightness(1.12)}
.water-ripple-dimple{position:absolute;left:50%;top:50%;width:9px;height:7px;border-radius:46% 54% 43% 57%;background:radial-gradient(ellipse at 45% 35%,#e5fff8a6,transparent 32%),radial-gradient(ellipse at 52% 62%,#001f386b,transparent 68%);filter:blur(.6px)}
@media(max-width:719px){.water-ripple--ambient{opacity:.55}}
@media(prefers-reduced-motion:reduce){.water-ripple-layer{display:none}}