/* Independent water-only revision. The approved dog sprite/filter/motion stay exact. */
html:not([data-swim-water="before"]) .room-scene.scene-action-swim .water-layer {
  background: none;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 24%, #000);
  mask-image: linear-gradient(to bottom, transparent, #000 24%, #000);
}

html:not([data-swim-water="before"]) .room-scene.scene-action-swim .water-layer::before {
  content: "";
  position: absolute;
  inset: -6%;
  background: url("/assets/swim-water-surface-v1.webp") center / cover no-repeat;
  opacity: .88;
  filter: brightness(var(--xc-scene-brightness, 1))
    saturate(var(--xc-scene-saturation, 1))
    contrast(var(--xc-scene-contrast, 1))
    hue-rotate(var(--xc-scene-hue, 0deg))
    sepia(var(--xc-scene-sepia, 0));
  animation: xc-swim-water-drift-v1 8.4s ease-in-out infinite alternate;
  transform: translate3d(-1.2%, .8%, 0) scale(1.025);
}

/* Remove both the old repeated radial background and the three closed rings. */
html:not([data-swim-water="before"]) .room-scene.scene-action-swim .water-ripple {
  display: none;
  animation: none;
}

@keyframes xc-swim-water-drift-v1 {
  from { transform: translate3d(-1.2%, .8%, 0) scale(1.025); }
  to { transform: translate3d(1.4%, -.6%, 0) scale(1.045); }
}

@media (prefers-reduced-motion: reduce) {
  html:not([data-swim-water="before"]) .room-scene.scene-action-swim .water-layer::before {
    animation: none;
  }
}