/* Subtle, page-anchored paw trail for desktop cursor and mobile touch gestures. */
.ounooi-paw-print {
  --ounooi-paw-angle: 0deg;
  position: fixed;
  z-index: 12;
  width: 37px;
  height: 37px;
  margin: -18.5px 0 0 -18.5px;
  pointer-events: none;
  user-select: none;
  background: url("a/pawprint.webp") center / contain no-repeat;
  opacity: 0;
  transform: rotate(var(--ounooi-paw-angle));
  animation: ounooi-paw-fade 3000ms cubic-bezier(.22, 1, .36, 1) forwards;
  will-change: opacity;
}

@keyframes ounooi-paw-fade {
  0% { opacity: 0; }
  9% { opacity: .48; }
  72% { opacity: .34; }
  100% { opacity: 0; }
}

@media (hover: none), (pointer: coarse) {
  .ounooi-paw-print {
    width: 34px;
    height: 34px;
    margin: -17px 0 0 -17px;
    animation-duration: 1900ms;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ounooi-paw-print {
    display: none !important;
    animation: none !important;
  }
}