/* ==== ANIMATIONS & DETAILS ==== */

@keyframes plunk {
  0% { transform: translateY(-20px) rotate(-4deg); opacity: 0; }
  60% { transform: translateY(3px) rotate(1deg); opacity: 1; }
  100% { transform: translateY(0); rotate(0); }
}

.plunk {
  animation: plunk 0.4s cubic-bezier(0.25, 1, 0.3, 1) both;
}

#versionTag {
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-size: 12px;
  background: var(--pp-white);
  border: 2px solid var(--pp-black);
  padding: 2px 6px;
  border-radius: 4px;
  opacity: 0.8;
}