/* 1) 8-Ball Cursor */
.cursor-ball {
  position: fixed;
  top: 0; left: 0;
  width: 14px;
  height: 14px;
  background: url('../images/8 ball.png') no-repeat center/contain;
  /* background: url('../images/8-ball-2.png') no-repeat center/contain; */
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
}

/* 2) Chalk-Dust Trail */
.chalk-dot {
  position: fixed;
  width: 4px;
  height: 4px;
  background: #eeeeee2b;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 9998;
}

/* 3) Cue-Strike Click Ripple */
.cue-ripple {
  position: fixed;
  border: 2px solid #fff;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  width: 0; 
  height: 0;
  opacity: 0.4;
  z-index: 9997;
}