/* FunnyDivers - natural underwater ambience
   Canvas bubble field + bubble cursor. Replaces the old DOM bubble layers. */

.fd-bubbles{
  position:fixed;
  top:0;left:0;
  width:100%;height:100%;
  pointer-events:none;
  z-index:4;
  mix-blend-mode:screen;
}

.fd-cursor{
  position:fixed;
  top:0;left:0;
  width:100%;height:100%;
  pointer-events:none;
  z-index:10000;
}

@media (prefers-reduced-motion: reduce){
  .fd-bubbles{display:none;}
}

/* The bubble decorates the pointer, it does not replace it: the real system
   cursor stays visible so it is always obvious what is about to be clicked.
   These override the older `cursor:none` rules that the page styles set. */
*{cursor:auto !important;}

a,button,.hoverable,[role="button"],summary,
.lang-btn,.lang-opt,.nav-burger,.top-float,.wa-float,
.fd-gallery .g-item,
.fd-lb-close,.fd-lb-nav{cursor:pointer !important;}

/* The layer stays on touch devices: nothing follows a finger around (that is
   gated in ocean.js), but a tap still pops its bubbles here. */