/* Animación de Chispa en la pantalla de bienvenida (tablero OnbBienvenida del canvas). */
@keyframes chFlota { 0%, 100% { transform: translateY(0) rotate(0deg) scale(1); } 30% { transform: translateY(-12px) rotate(-2deg) scale(1.02); } 60% { transform: translateY(-6px) rotate(2deg) scale(1.01); } }
@keyframes chSombra { 0%, 100% { transform: scaleX(1); opacity: .5; } 30% { transform: scaleX(.82); opacity: .3; } }
@keyframes chChispa { 0% { transform: translate(0, 0) scale(1); opacity: 0; } 15% { opacity: 1; } 100% { transform: translate(var(--dx), -140px) scale(.3); opacity: 0; } }
.ch-escena { position: relative; display: flex; flex-direction: column; align-items: center; }
.ch-anim { animation: chFlota 3.2s ease-in-out infinite; transform-origin: 50% 90%; }
.ch-sombra { width: 140px; height: 14px; border-radius: 50%; background: rgba(0,0,0,.6); animation: chSombra 3.2s ease-in-out infinite; }
.ch-chispa { position: absolute; bottom: 70px; width: 8px; height: 8px; background: #e5483b; animation: chChispa 2.6s ease-out infinite; }
@media (prefers-reduced-motion: reduce) { .ch-anim, .ch-sombra, .ch-chispa { animation: none; } .ch-chispa { display: none; } }