/* Easter egg styles: nightman. Moved verbatim out of static/app.css (egg rebuild); linked right after app.css in index.html. */
/* ================================================================
   IASIP pack — Nightman page-land sticker (Mac Nightman bat cutout).
   Bottom-center wobble ~3.5s after 22:00 local / ?egg=nightman.
   White die-cut rim + drop-shadow keep black bat readable on light + dark.
   ================================================================ */
.ciasip-nightman-wrap {
  position: fixed;
  inset: auto 0 48px 0;
  z-index: 8100;
  pointer-events: none;
  overflow: visible;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.ciasip-nightman {
  width: min(320px, 72vw);
  height: auto;
  filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.55)) drop-shadow(0 6px 16px rgba(0, 0, 0, 0.35));
  animation: ciasip-nightman-wobble 3.5s ease-in-out forwards;
  will-change: transform, opacity;
}

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

@keyframes ciasip-nightman-wobble {
  0%   { opacity: 0; transform: scale(0.55) rotate(10deg) translateY(18px); }
  12%  { opacity: 1; transform: scale(1.05) rotate(-7deg) translateY(-6px); }
  28%  { transform: scale(1) rotate(5deg) translateY(0); }
  48%  { transform: rotate(-6deg) translateY(-5px); }
  68%  { transform: rotate(3deg) translateY(2px); }
  85%  { opacity: 1; transform: rotate(-2deg) translateY(0); }
  100% { opacity: 0; transform: scale(0.92) rotate(6deg) translateY(20px); }
}

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