:root {
  /* The WebP uses a 160px canvas around the same 94px bat artwork that the
     approved main/tales APNG stores in a 98px canvas. 118px makes the visible
     silhouette match the 72px APNG cursor instead of matching only the box. */
  --site-bat-cursor-size: 118px;
}

*,
*::before,
*::after {
  cursor: none !important;
}

.bat-cursor {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: var(--site-bat-cursor-size);
  height: var(--site-bat-cursor-size);
  object-fit: contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
  user-select: none;
  opacity: 0;
  filter:
    brightness(1.55)
    contrast(1.06)
    drop-shadow(-0.16rem -0.2rem 0.4rem rgba(150, 198, 225, 0.5))
    drop-shadow(0 0 0.72rem rgba(101, 154, 188, 0.38));
  transition: opacity 120ms linear;
}