/* ─── Scene 2 — background ───────────────────────────────── */
#scene-02 {
  background-color: #fff9e6;
  background-image: radial-gradient(circle, rgba(0,0,0,0.13) 1.5px, transparent 1.5px);
  background-size: 18px 18px;
}


/* Fade in after play is clicked */
body.scenes-started #stage #scene-02 {
  animation: s2FadeIn 1.2s 0.5s both;
}

@keyframes s2FadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* ─── Pause every child animation until play is clicked ───── */
#scene-02 * {
  animation-play-state: paused;
}
body.scenes-started #stage #scene-02 * {
  animation-play-state: running;
}