.scoop-speed-run-superbloom-flower {
  animation-name: scoop-speed-run-superbloom-rise;
}

.scoop-speed-run-superbloom-flower::before {
  animation-name: scoop-speed-run-superbloom-unfurl;
}

.scoop-speed-run-superbloom--calm::before {
  top: auto;
  right: -10%;
  bottom: 18%;
  left: auto;
  width: min(62vmin, 30rem);
  height: auto;
  aspect-ratio: 1;
  background: linear-gradient(135deg, #f32e82 0 34%, #ffcf4b 35% 61%, #00abc0 62% 79%, #fff5bd 80%);
  box-shadow: 0.8rem 1rem 0 rgba(109, 60, 42, 0.2);
  clip-path: polygon(50% 0, 63% 29%, 92% 12%, 77% 43%, 100% 58%, 65% 62%, 74% 100%, 49% 74%, 24% 100%, 33% 63%, 0 58%, 24% 42%, 8% 12%, 38% 29%);
  filter: drop-shadow(0 0 1.8rem rgba(255, 232, 112, 0.48));
  opacity: 0.82;
  transform: rotate(-10deg);
}

@keyframes scoop-speed-run-superbloom-rise {
  0% { opacity: 0.28; translate: 0 18vh; scale: 0.58 0.28; transform: skewX(-6deg); }
  8% { opacity: 0.96; translate: 0 8vh; scale: 0.82 0.68; }
  30% { translate: 0 0; scale: 1 1; transform: skewX(4deg); }
  78% { opacity: 0.96; transform: skewX(-5deg); }
  100% { opacity: 0; translate: 0 -9vh; scale: 0.84 1.04; transform: skewX(3deg); }
}

@keyframes scoop-speed-run-superbloom-unfurl {
  0% { opacity: 0.42; transform: translateX(-50%) rotate(-18deg) scale(0.48); }
  12% { opacity: 1; transform: translateX(-50%) rotate(-5deg) scale(0.86); }
  58% { transform: translateX(-50%) rotate(9deg) scale(1.12); }
  100% { opacity: 0.9; transform: translateX(-50%) rotate(-4deg) scale(0.92); }
}

@media (max-width: 600px) {
  .scoop-speed-run-superbloom--calm::before {
    right: -18%;
    bottom: 22%;
    width: 74vmin;
  }
}

@media (prefers-reduced-motion: reduce) {
  .scoop-speed-run-superbloom--calm::before {
    animation: none;
  }
}