/* Golden egg, v3: one quick appearance. Pulling past the bottom of the page
   (or wheeling at the bottom) releases a single golden egg that floats down
   the screen once, then is gone. No chamber, no footer involvement, no text,
   and pulling again never brings it back within the page view.
   Artwork is an original SVG approximation of the Angry Birds golden egg
   look from the user's reference video - the real sprite is Rovio's. */
.egg-fly {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  pointer-events: none;
  will-change: transform, opacity;
}
.egg-fly svg {
  display: block;
  filter: drop-shadow(0 10px 14px rgba(20, 20, 20, .28));
}
@media (prefers-reduced-motion: reduce) {
  .egg-fly svg { filter: none; }
}

/* marker v4 */

/* v4: the chamber below the footer + the beacon ring */
.egg-chamber {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height .45s cubic-bezier(.22,.9,.24,1);
}
.egg-chamber.open { height: 250px; }
.egg-nest {
  position: relative;
  width: 190px;
  height: 210px;
  margin: 14px auto;
}
.egg-fly .egg-nest { margin: 0; }
.egg-sit {
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
}
.egg-orbit {
  position: absolute;
  inset: 0;
  animation: eggspin 3.2s linear infinite;
}
.egg-orbit i {
  position: absolute;
  left: 50%; top: 50%;
  width: 12px; height: 12px;
  margin: -6px;
  border-radius: 50%;
  background: radial-gradient(circle, #fff3b0 0%, #ffd94d 45%, rgba(255, 217, 77, 0) 78%);
  box-shadow: 0 0 12px 4px rgba(255, 217, 77, .8);
}
@keyframes eggspin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .egg-orbit { animation: none; }
  .egg-orbit i { box-shadow: none; }
}

/* marker v8-egg */
.egg-orbit .eb0 { transform: rotate(0deg)   translateX(84px); }
.egg-orbit .eb1 { transform: rotate(72deg)  translateX(84px); }
.egg-orbit .eb2 { transform: rotate(144deg) translateX(84px); }
.egg-orbit .eb3 { transform: rotate(216deg) translateX(84px); }
.egg-orbit .eb4 { transform: rotate(288deg) translateX(84px); }

/* marker v8-egg2 */
/* v8-deploy-1457 */