#npc-ribbon-peekaboo {
    position: fixed !important;
    left: -300px;
    bottom: -300px;
    width: var(--npce-gopher-width, 125px);
    height: auto;
    display: block;
    pointer-events: none !important;
    z-index: 998 !important;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, var(--npce-gopher-hide-distance, 115px), 0);
    transition:
      transform 310ms cubic-bezier(.22,.8,.28,1),
      opacity 120ms ease-out;
    will-change: transform, opacity;
    user-select: none;
    -webkit-user-drag: none;
  }

  /* Visible during automatic, caught, and hover appearances */
  #npc-ribbon-peekaboo.npc-peek-visible {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  /* Desktop only */
  @media (max-width: 1024px), (hover: none) {
    #npc-ribbon-peekaboo {
      display: none !important;
    }
  }

  /* Reduced motion */
  @media (prefers-reduced-motion: reduce) {
    #npc-ribbon-peekaboo {
      transition: none !important;
      display: none !important;
    }
  }
