#olaCanvas{
  position:fixed; inset:0; width:100vw; height:100vh;
  z-index:9999; display:none; pointer-events:none;
}

body.modo-resultado{ justify-content:flex-start; padding-top:40px; }
body.modo-resultado .cabecera,
body.modo-resultado .escenario{ display:none; }
body.modo-resultado .resultado{ margin-top:0; }

@keyframes flota{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }
@keyframes bote{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(4px)} }
@keyframes pop{ 0%{transform:scale(1)} 40%{transform:scale(1.06)} 100%{transform:scale(1)} }
.pop{ animation:pop .35s ease; }
@keyframes sacude{ 0%,100%{transform:translateX(0)} 20%{transform:translateX(-7px)} 40%{transform:translateX(7px)} 60%{transform:translateX(-5px)} 80%{transform:translateX(5px)} }
.sacude{ animation:sacude .4s ease; }
@keyframes entraPaso{ from{opacity:0;transform:translateY(16px) scale(.98)} to{opacity:1;transform:none} }
@keyframes popCif{ 0%{opacity:0;transform:scale(.4) translateY(-10px) rotate(-8deg)} 100%{opacity:1;transform:none} }

@media (prefers-reduced-motion:reduce){
  .burbuja,.flecha-abajo{ animation:none !important; }
}