.water-hit-overlay{position:fixed;z-index:9;inset:-8%;pointer-events:none;opacity:0;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,rgba(222,250,255,.82) 0 8%,rgba(53,191,255,.54) 18%,rgba(14,106,210,.28) 39%,transparent 68%);transform:scale(.2);transform-origin:52% 48%}.water-hit-overlay:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(220,249,255,.3),rgba(34,171,245,.18) 42%,transparent 72%)}.water-hit-overlay i{position:absolute;border-radius:50% 45% 55% 48%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.92) 0 7%,rgba(117,222,255,.65) 19%,rgba(13,119,214,.34) 56%,rgba(5,57,139,.12) 72%,transparent 74%);box-shadow:inset 0 0 12px rgba(255,255,255,.5),0 3px 12px rgba(10,95,177,.24)}.water-hit-overlay i:nth-child(1){left:8%;top:13%;width:18vw;height:24vw}.water-hit-overlay i:nth-child(2){right:6%;top:9%;width:25vw;height:31vw}.water-hit-overlay i:nth-child(3){left:29%;top:37%;width:13vw;height:18vw}.water-hit-overlay i:nth-child(4){right:20%;top:52%;width:17vw;height:25vw}.water-hit-overlay i:nth-child(5){left:4%;bottom:14%;width:28vw;height:35vw}.water-hit-overlay i:nth-child(6){right:2%;bottom:4%;width:20vw;height:29vw}.water-hit-overlay i:nth-child(7){left:47%;bottom:1%;width:10vw;height:16vw}.water-hit-overlay.is-active{animation:water-hit 1.75s cubic-bezier(.18,.72,.22,1) both}.water-hit-overlay.is-active i{animation:water-drip 1.75s ease-out both}@keyframes water-hit{0%{opacity:0;transform:scale(.2)}12%{opacity:.94;transform:scale(1.08)}28%{opacity:.78;transform:scale(1)}72%{opacity:.58;transform:scale(1.02)}100%{opacity:0;transform:scale(1.04)}}@keyframes water-drip{0%,18%{transform:translateY(-8px) scale(.35);opacity:0}30%{transform:translateY(0) scale(1);opacity:.9}100%{transform:translateY(22vh) scale(.92);opacity:0}}

/* Keep the WebGL scene in layout before camera start so A-Frame creates a
   correctly sized canvas. display:none would initialize it at 0×0. */
.ar-shell.is-inactive {
  visibility: hidden;
  pointer-events: none;
}