/* ═══════════════════════════════════════════════════════════════════════════
   Yaku Makara Club · ecosistema.css
   Lienzo de la fauna: fijo, entre el agua (color, luz, rayos) y las partículas
   ═══════════════════════════════════════════════════════════════════════════ */

.oceano > .oceano__eco {
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 1.8s var(--agua-ease, ease);
}
html.eco-vivo .oceano__eco { opacity: 1; }

/* si la plantilla no trae la capa del océano, el lienzo va suelto detrás de todo */
.oceano__eco--suelto {
  position: fixed;
  inset: 0;
  z-index: var(--z-oceano, 0);
  width: 100%;
  height: 100%;
  pointer-events: none;
}

html.sin-js .oceano__eco { display: none; }
html.es-reducido .oceano__eco { transition: none; }

/* sobre una ballena: se puede tocar para que cante */
html.eco-sobre-ballena:not(.cursor-activo) body { cursor: pointer; }