/* Hover/focus is continuous and needs no extra timer or game-state changes. */
#app:not([inert]) .landing:has(.start-review:is(:hover,:focus-visible)) .dario-character{animation:reviewFrenzy .52s ease-in-out infinite;transform-origin:50% 94%}
#app:not([inert]) .landing:has(.start-review:is(:hover,:focus-visible)) .dario-character img{filter:drop-shadow(0 .5rem 1.2rem #b8533e55) saturate(1.2)}
#app:not([inert]) .landing:has(.start-review:is(:hover,:focus-visible)) .dario-speech{animation:reviewFrenzySpeech .32s ease-in-out infinite;background:#f3ddcdee;border-color:#c9896c;color:#7c3523}
#app:not([inert]) .landing:has(.start-review:is(:hover,:focus-visible)) .dario-paper{animation:coverFly 1.05s calc(var(--pd)*.4) ease-out infinite}
#app:not([inert]) .landing:has(.start-review:is(:hover,:focus-visible)) .dario-ink{animation:coverInk .65s calc(var(--i)*.025s) ease-out infinite}
#app:not([inert]) .landing:has(.start-review:is(:hover,:focus-visible)) .dario-impact{animation:coverImpact .58s ease-out infinite}
#app:not([inert]) .landing:has(.start-review:is(:hover,:focus-visible)) .dario-stamp{animation:reviewFrenzyStamp .68s ease-out infinite}
#app:not([inert]) .landing:has(.start-review:is(:hover,:focus-visible)) .dario-echo{animation:coverEcho .95s .15s ease-out infinite}
#app:not([inert]) .landing:has(.start-review:is(:hover,:focus-visible)) .echo-two{animation-delay:.48s}
#app:not([inert]) .landing:has(.start-review:is(:hover,:focus-visible)) .dario-steam{animation:coverSteam .9s ease-out infinite}
@keyframes reviewFrenzy{0%,100%{transform:translate(-.5rem,-.1rem) rotate(-8deg) scale(1.04)}22%{transform:translate(.75rem,-1.8rem) rotate(13deg) scale(1.08)}40%{transform:translate(-1rem,.7rem) rotate(-13deg) scale(1.06,.93)}58%{transform:translate(.8rem,-.9rem) rotate(9deg) scale(1.06)}76%{transform:translate(-.6rem,.4rem) rotate(-10deg) scale(1.05,.96)}}
@keyframes reviewFrenzySpeech{0%,100%{transform:translate(-.12rem,0) rotate(-1.8deg)}50%{transform:translate(.12rem,-.12rem) rotate(1.4deg)}}
@keyframes reviewFrenzyStamp{0%{opacity:0;transform:rotate(-17deg) scale(1.6)}20%,65%{opacity:1;transform:rotate(-17deg) scale(1.12)}100%{opacity:0;transform:translateY(.5rem) rotate(-17deg) scale(1)}}

/* Retain the later requested larger cover character. */
@media(min-width:1201px) and (min-height:721px){.landing .dario-scene{max-width:29rem}.landing .dario-stage{height:clamp(25rem,55vh,38rem)}}
#app[inert] .dario-scene *{animation-play-state:paused!important}
