/* Easter egg styles: dayman. Moved verbatim out of static/app.css (egg rebuild); linked right after app.css in index.html. */
/* ================================================================
   IASIP pack — Dayman page-land sticker (Charlie Dayman bat cutout).
   Bottom-center wobble ~3.5s before 8:00 local / ?egg=dayman.
   Drop-shadow keeps white hat readable on light + dark.
   ================================================================ */
.ciasip-dayman-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-dayman {
  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-dayman-wobble 3.5s ease-in-out forwards;
  will-change: transform, opacity;
}

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

@keyframes ciasip-dayman-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-dayman-wrap { display: none; }
}