/* ─── Missing flare keyframes (showFlare3 / showFlare4) ─── */
@-webkit-keyframes showFlare3 {
  0%   { opacity: .25; transform: scale(.92) rotate(0deg);   filter: brightness(.8); }
  35%  { opacity: 1;   transform: scale(1.04) rotate(8deg);  filter: brightness(1.4); }
  60%  { opacity: .55; transform: scale(.98) rotate(-6deg);  filter: brightness(1); }
  100% { opacity: .85; transform: scale(1.02) rotate(4deg);  filter: brightness(1.2); }
}
@keyframes showFlare3 {
  0%   { opacity: .25; transform: scale(.92) rotate(0deg);   filter: brightness(.8); }
  35%  { opacity: 1;   transform: scale(1.04) rotate(8deg);  filter: brightness(1.4); }
  60%  { opacity: .55; transform: scale(.98) rotate(-6deg);  filter: brightness(1); }
  100% { opacity: .85; transform: scale(1.02) rotate(4deg);  filter: brightness(1.2); }
}

@-webkit-keyframes showFlare4 {
  0%,12%,18%,30%,100% { opacity: .15; }
  4%,16%              { opacity: 1; }
  45%,55%             { opacity: .7;  filter: brightness(1.3); }
  70%                 { opacity: .35; filter: brightness(1); }
}
@keyframes showFlare4 {
  0%,12%,18%,30%,100% { opacity: .15; }
  4%,16%              { opacity: 1; }
  45%,55%             { opacity: .7;  filter: brightness(1.3); }
  70%                 { opacity: .35; filter: brightness(1); }
}