.nana-pet {
  position: fixed;
  right: 20px;
  bottom: 16px;
  z-index: 20;
  width: 144px;
  height: 156px;
  pointer-events: auto;
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
  background-image: url('/assets/pets/nana/spritesheet.webp');
  background-repeat: no-repeat;
  background-size: 1152px 1716px;
  background-position: 0 0;
  contain: layout paint;
}

@media (max-width: 640px) {
  .nana-pet {
    right: 10px;
    bottom: 10px;
    transform: scale(.8);
    transform-origin: bottom right;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nana-pet { animation: none; }
}