@keyframes logo-orbit-spin {
                from { transform: translate(-50%, -50%) rotate(-12deg); }
                to   { transform: translate(-50%, -50%) rotate(348deg); }
              }
@keyframes logo-spark {
                0%   { opacity: 0; transform: translate(0, 0)             scale(0.4); }
                15%  { opacity: 1; }
                100% { opacity: 0; transform: translate(var(--tx), var(--ty)) scale(1.2); }
              }
@keyframes hero-comet-shoot {
          0%   { transform: translate(0, 0)         rotate(22deg); opacity: 0; }
          5%   { opacity: 1; }
          55%  { opacity: 1; }
          100% { transform: translate(130vw, 50vh)  rotate(22deg); opacity: 0; }
        }
@keyframes aiemp-star-tw {
            0%, 100% { opacity: var(--star-o, 0.2); transform: scale(1); }
            50%      { opacity: 1;                  transform: scale(1.6); }
          }
@keyframes aiemp-meteor-shoot {
            0%   { transform: translate(0, 0)         rotate(22deg); opacity: 0; }
            5%   { opacity: 1; }
            55%  { opacity: 1; }
            100% { transform: translate(130vw, 50vh)  rotate(22deg); opacity: 0; }
          }
@keyframes reframe-item-in {
            from { opacity: 0; transform: translateX(-12px); }
            to   { opacity: 1; transform: translateX(0); }
          }
@keyframes reframe-icon-pulse {
            0%, 100% { transform: scale(1); }
            50%      { transform: scale(1.08); }
          }
@keyframes reframe-border-shine {
            0%   { background-position: -200% 0; }
            100% { background-position: 200% 0; }
          }
@keyframes reframe-x-shake {
            0%, 100% { transform: rotate(0deg); }
            25%      { transform: rotate(-8deg); }
            75%      { transform: rotate(8deg); }
          }
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes llama-float {
          0%, 100% { transform: translateY(0px); }
          50%       { transform: translateY(-9px); }
        }
@keyframes badge-spin {
          from { transform: rotate(0deg); }
          to   { transform: rotate(360deg); }
        }
@keyframes footer-comet-shoot {
          0%   { transform: translate(0, 0)         rotate(22deg); opacity: 0; }
          5%   { opacity: 1; }
          55%  { opacity: 1; }
          100% { transform: translate(130vw, 50vh)  rotate(22deg); opacity: 0; }
        }