/* ============================================================
   animations.css — Transitions, burst, float
   ============================================================ */

/* ── Festival burst overlay ──────────────────────────────── */
.burst-overlay {
  position: fixed;
  inset: 0;
  z-index: 8000;
  background-color: var(--color-yellow);
  clip-path: circle(0% at 50% 50%);
  pointer-events: none;
  opacity: 1;
}

.burst-overlay.is-fading-out {
  opacity: 0;
  transition: opacity 280ms ease-out;
}

/* ── Stars icon float ────────────────────────────────────── */
@keyframes floatIcon {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-4px); }
}

.float-icon { animation: floatIcon 3s ease-in-out infinite; }

/* ── Squigglevision image stack ──────────────────────────── */
.squigglevision-stack {
  position: relative;
  display: inline-block;
}

.squigglevision-stack img {
  position: absolute;
  top: 0; left: 0;
  opacity: 0;
  transition: none;
}

.squigglevision-stack img:first-child {
  position: relative;
  opacity: 1;
}