@-webkit-keyframes soulFade {
    from { opacity: 0; -webkit-transform: translateY(5px); }
    to { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes soulFade {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}
@-webkit-keyframes runePulse {
    0%, 100% { box-shadow: 0 0 5px rgba(230,44,155,.15); }
    50% { box-shadow: 0 0 15px rgba(230,44,155,.42); }
}
@keyframes runePulse {
    0%, 100% { box-shadow: 0 0 5px rgba(230,44,155,.15); }
    50% { box-shadow: 0 0 15px rgba(230,44,155,.42); }
}
.page-enter { -webkit-animation: soulFade .22s ease-out; animation: soulFade .22s ease-out; }
#guide-nav li.active .nav-sigil { -webkit-animation: runePulse 2.4s ease-in-out infinite; animation: runePulse 2.4s ease-in-out infinite; }

@media (prefers-reduced-motion: reduce) {
    .page-enter, #guide-nav li.active .nav-sigil { -webkit-animation: none; animation: none; }
}