/* Shared celebration animation styles — used by both index.html and test.html
   so the two never drift out of sync. */

@keyframes ss-btn-squeeze {
  0%   { transform: scale(1, 1); }
  6%   { transform: scale(.62, .85); }
  12%  { transform: scale(.85, .6); }
  18%  { transform: scale(.64, .83); }
  25%  { transform: scale(.78, .68); }
  35%  { transform: scale(.68, .78); }
  46%  { transform: scale(.75, .7); }
  57%  { transform: scale(.69, .76); }
  68%  { transform: scale(.74, .71); }
  79%  { transform: scale(.7, .75); }
  90%  { transform: scale(.72, .73); }
  95%  { transform: scale(1.22, 1.28); }
  100% { transform: scale(1, 1); }
}
.ss-squeeze {
  animation: ss-btn-squeeze 2s cubic-bezier(.45, .05, .55, .95) both;
  transform-origin: center;
}

@keyframes ss-balloon-inflate {
  0%   { transform: scale(.05) translateY(0); }
  24%  { transform: scale(1.16) translateY(0); }
  32%  { transform: scale(1) translateY(0); }
  100% { transform: scale(1) translateY(-125vh); }
}

@media (prefers-reduced-motion: reduce) {
  .ss-squeeze, [style*="ss-balloon-inflate"] { animation: none !important; }
}