/* cenário vivo: .tp é a reação de um elemento do fundo ao toque (ver sceneTap). O !important vence a duração e o atraso que vêm no style de cada um */
@media (prefers-reduced-motion:no-preference){
.hv .cl.tp,.hv .harp.tp,.hv .wh.tp,.hv .fl.tp,.hv .sunf.tp,.sun.tp{animation:vtp .5s ease-out 0s 1!important}
.hv .hgs.tp{animation:hgt 1.2s ease-out 0s 1!important}
.hv .dove.tp svg,.hl .imp.tp svg{animation:spn .5s linear 0s 2!important}
.hv .gate.tp{animation:gtp .9s ease-out 0s 1!important}
.hl .hang.tp{animation:htp 1.6s ease-out 0s 1!important}
.hl .crr.tp{animation:ctp .8s ease-out 0s 1!important}
.hl .crr.tp .axe{animation:caxe .8s ease-in 0s 1!important}
.hl .ghl.tp{animation:ghh 1.6s ease-in 0s 1!important}
.hl .fig.tp,.hl .ey.tp{animation:figv .4s ease-out 0s 1 forwards!important}
}
@keyframes vtp{0%{transform:scale(1)}35%{transform:scale(1.28) rotate(-6deg)}70%{transform:scale(.94) rotate(4deg)}100%{transform:scale(1)}}
@keyframes hgt{0%{transform:rotate(0)}20%{transform:rotate(22deg)}45%{transform:rotate(-16deg)}70%{transform:rotate(9deg)}100%{transform:rotate(-4deg)}}
@keyframes spn{to{transform:rotate(360deg)}}
@keyframes gtp{30%{filter:drop-shadow(0 0 34px #FFE27A) brightness(1.25)}}
@keyframes htp{0%{transform:rotate(-1.6deg)}15%{transform:rotate(11deg)}35%{transform:rotate(-8deg)}55%{transform:rotate(5deg)}75%{transform:rotate(-3deg)}100%{transform:rotate(-1.6deg)}}
@keyframes ctp{0%{transform:none}25%{transform:translateX(-22px) rotate(-5deg) scale(1.1)}55%{transform:translateX(-26px) rotate(3deg) scale(1.1)}100%{transform:none}}
@keyframes caxe{0%{transform:rotate(0)}30%{transform:rotate(28deg)}50%,70%{transform:rotate(-62deg)}100%{transform:rotate(0)}}
@keyframes ghh{0%{transform:translateX(0)}12%{transform:translateX(8px) rotate(6deg)}100%{transform:translateX(-62px)}}
@keyframes figv{from{opacity:.9}to{opacity:0;transform:scale(1.15)}}
.a-fear{animation:shiver .11s linear infinite}