@keyframes arrive {
  from {
    opacity:0;
    transform:translateY(12px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}
@keyframes fade-in {
  from {
    opacity:0
  }
  to {
    opacity:1
  }
}.hero-copy {
  animation:fade-in .8s ease both
}.hero-note {
  animation:arrive 1.2s .3s ease both
}.dialog {
  animation:arrive .2s ease both
}.low-health .meter:first-of-type i {
  background:var(--pink)
}.low-health .hud-vitals {
  filter:drop-shadow(0 0 8px #f5a7bc33)
}
@media(prefers-reduced-motion:reduce) {
  *, *:before, *:after {
    animation:none!important;
    transition:none!important
  }
}