/* Easter egg styles: paddys-egg. Moved verbatim out of static/app.css (egg rebuild); linked right after app.css in index.html. */
/* ================================================================
   IASIP pack — Paddy's Egg celebrate (FX shop sticker cutout).
   Bottom-right wobble ~3.5s on Done / ?egg=paddys-egg.
   ================================================================ */
.ciasip-pegg-wrap {
  position: fixed;
  inset: auto 16px 12px auto;
  z-index: 8100;
  pointer-events: none;
  overflow: visible;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.ciasip-pegg {
  width: min(280px, 70vw); /* same as original mid-screen size; stays bottom-right */
  height: auto;
  filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.4));
  animation: ciasip-pegg-wobble 3.5s ease-in-out forwards;
  will-change: transform, opacity;
}

.ciasip-pegg-img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

@keyframes ciasip-pegg-wobble {
  0%   { opacity: 0; transform: scale(0.6) rotate(-12deg) translateY(10px); }
  12%  { opacity: 1; transform: scale(1.06) rotate(8deg) translateY(-4px); }
  28%  { transform: scale(1) rotate(-6deg) translateY(0); }
  48%  { transform: rotate(7deg) translateY(-6px); }
  68%  { transform: rotate(-4deg) translateY(2px); }
  85%  { opacity: 1; transform: rotate(3deg) translateY(0); }
  100% { opacity: 0; transform: scale(0.9) rotate(-8deg) translateY(16px); }
}

@media (prefers-reduced-motion: reduce) {
  .ciasip-pegg-wrap { display: none; }
}