.fox-realistic .fox-sprite{position:relative;z-index:1;display:block;height:100%;aspect-ratio:3/4;width:auto;max-width:100%;margin-inline:auto;background-image:url('assets/assistant-fox-greeting.png');background-size:400% 200%;background-position:0 0;background-repeat:no-repeat;transform-origin:50% 90%;pointer-events:none}
.fox-realistic.fox-playing .fox-sprite{animation:fox-greeting-frames 4.6s steps(1,end) 1}
@keyframes fox-greeting-frames{0%,8%{background-position:0 0}14%{background-position:33.333333% 0}23%{background-position:66.666667% 0}31%{background-position:100% 0}36%{background-position:66.666667% 0}45%{background-position:0 100%}54%{background-position:33.333333% 100%}63%{background-position:0 100%}72%{background-position:33.333333% 100%}81%{background-position:66.666667% 100%}92%{background-position:100% 100%}100%{background-position:0 0}}
.assistant-fox .fox-art.fox-realistic{transform-origin:50% 90%;transition:transform .35s ease-out,filter .3s}.assistant-fox.fox-windy .fox-art.fox-realistic{transform:translateX(var(--wind-shift,0px)) rotate(var(--wind-angle,0deg));filter:drop-shadow(-4px 0 11px #54eaf088) drop-shadow(5px 0 14px #b971ff88)}
.fox-wind{position:absolute;inset:18px -20px 24px -20px;pointer-events:none;opacity:0;transition:opacity .3s;z-index:3;overflow:hidden}.fox-windy .fox-wind{opacity:.8}.fox-wind i{position:absolute;left:-50%;top:28%;width:60%;height:1px;border-radius:50%;background:linear-gradient(90deg,transparent,#9cf5ffbb,transparent);box-shadow:0 0 6px #85dfff66;transform:translateX(0) rotate(-12deg);opacity:0}.fox-wind i:nth-child(2){top:48%;width:38%;animation-delay:.14s}.fox-wind i:nth-child(3){top:68%;width:48%;animation-delay:.28s}.fox-windy .fox-wind i{animation-name:fox-wind-trail;animation-duration:var(--wind-duration,.8s);animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes fox-wind-trail{0%{transform:translateX(0) rotate(-12deg);opacity:0}20%,65%{opacity:.9}100%{transform:translateX(300%) rotate(-12deg);opacity:0}}
.assistant-header .fox-realistic .fox-sprite{transform:none}.a11y-motion .fox-sprite{animation:none!important;background-position:0 0!important}.a11y-motion .fox-wind{display:none!important}.a11y-motion .assistant-fox .fox-art.fox-realistic{transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.fox-sprite{animation:none!important;background-position:0 0!important}.fox-wind{display:none!important}.assistant-fox .fox-art.fox-realistic{transform:none!important;transition:none!important}}
@media(forced-colors:active){.fox-wind{display:none}}