/* 摸摸 / 点击时的「碎块」：粗野主义硬边方片，机械地跳开 */
.paw{
  position:fixed;z-index:999;pointer-events:none;
  display:grid;place-items:center;
  padding:3px 6px;
  background:var(--paper-2,#f3f0e7);
  border:3px solid var(--ink,#0d0d0d);
  box-shadow:5px 5px 0 var(--ink,#0d0d0d);
  animation:jolt 1s steps(4,end) forwards;
}

.paw:nth-of-type(2n){background:var(--pink,#ff3ea5)}
.paw:nth-of-type(3n){background:var(--red,#e5361f)}
.paw:nth-of-type(4n){transform:rotate(4deg)}

@keyframes jolt{
  0%   {opacity:1;transform:translate(-50%,-50%) rotate(0deg) scale(1)}
  100% {opacity:0;transform:translate(-50%,-190%) rotate(-14deg) scale(.9)}
}

@media (prefers-reduced-motion:reduce){
  .paw{animation:none;opacity:0}
}