/* Scroll-driven bouncing basketball. Standalone: works on any page/builder. */

#dad-ball{
  position:fixed;top:0;left:0;z-index:45;pointer-events:none;opacity:0;
  will-change:transform,opacity;
  filter:drop-shadow(0 10px 8px rgba(0,0,0,.32));
}
#dad-ball .ball-rot{width:100%;height:100%;will-change:transform}
#dad-ball .ball-img{
  width:100%;height:100%;display:block;object-fit:contain;
  transform-origin:50% 92%;will-change:transform;
}

@media(max-width:560px){
  #dad-ball{transform-origin:50% 50%}
}

@media(prefers-reduced-motion:reduce){
  #dad-ball{display:none}
}