/* Cosmetic reactions. One play, and no flash faster than 3 Hz (cycles are 400ms or slower). */
.seat-react{position:absolute;z-index:2;pointer-events:none;display:grid;place-items:center}
.seat-react .roo{position:relative;width:72%;height:72%}
.seat-react .roo-body{position:absolute;left:22%;right:18%;top:28%;bottom:16%;border-radius:46% 46% 40% 40%;background:#e0a04a}
.seat-react .roo-belly{position:absolute;left:34%;right:28%;top:46%;bottom:20%;border-radius:40%;background:#f3d7a4}
.seat-react .roo-ear{position:absolute;top:8%;width:16%;height:28%;border-radius:40% 40% 30% 30%;background:#e0a04a}
.seat-react .roo-ear.l{left:24%}
.seat-react .roo-ear.r{right:22%}
.seat-react .roo-eye{position:absolute;top:40%;width:8%;height:8%;border-radius:50%;background:#1a1e24}
.seat-react .roo-eye.l{left:36%}
.seat-react .roo-eye.r{right:30%}
.seat-react .roo-tail{position:absolute;right:4%;top:34%;width:22%;height:10%;border-radius:8px;background:#c9852a;transform-origin:0 50%}
.seat-react video,.seat-react img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.seat-react[data-kind="idle"] .roo{animation:roo-idle 1.2s ease-in-out infinite}
.seat-react[data-kind="win"] .roo-tail{animation:roo-wag 400ms ease-in-out 3 both}
.seat-react[data-kind="lose"] .roo{animation:roo-bark 500ms ease-in-out 1 both}
.seat-react[data-kind="bigloss"] .roo{animation:roo-cry 800ms ease-in-out 1 both}
.seat-react[data-kind="bigloss"] .roo-eye{height:3%;border-radius:0;top:42%}
@keyframes roo-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-6%)}}
@keyframes roo-wag{0%,100%{transform:rotate(0)}50%{transform:rotate(28deg)}}
@keyframes roo-bark{0%,100%{transform:translateX(0)}30%{transform:translateX(-8%)}60%{transform:translateX(8%)}}
@keyframes roo-cry{0%{transform:translateY(0)}100%{transform:translateY(8%) scale(.96)}}
@media (prefers-reduced-motion: reduce){
  .seat-react .roo,.seat-react .roo-tail{animation:none!important}
}