.long-mascot{--mascot-size:120px;--mascot-glow:#c8f135;width:var(--mascot-size);pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0;line-height:0;display:inline-block;position:relative}.long-mascot img{transform-origin:50% 100%;width:100%;height:auto;display:block}.long-mascot.is-mirrored img{transform:scaleX(-1)}.long-mascot.is-idle img{animation:5.5s ease-in-out infinite long-mascot-float}.long-mascot.is-mirrored.is-idle img{animation-name:long-mascot-float-mirrored}.long-mascot.is-thinking img{animation:2.8s ease-in-out infinite long-mascot-think}.long-mascot.is-mirrored.is-thinking img{animation-name:long-mascot-think-mirrored}.long-mascot.is-happy img{animation:1.1s cubic-bezier(.3,1.6,.5,1) 2 long-mascot-hop}.long-mascot.is-mirrored.is-happy img{animation-name:long-mascot-hop-mirrored}.long-mascot-dots{background:#151816;border-radius:999px;gap:4px;padding:6px 9px;display:inline-flex;position:absolute;top:4%;right:-6%;box-shadow:0 4px 14px #0000002e}.long-mascot.is-mirrored .long-mascot-dots{left:-6%;right:auto}.long-mascot-dots i{background:var(--mascot-glow);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite long-mascot-dot}.long-mascot-dots i:nth-child(2){animation-delay:.15s}.long-mascot-dots i:nth-child(3){animation-delay:.3s}.long-mascot-sparks i{background:var(--mascot-glow);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;width:9px;height:9px;animation:1.6s ease-out .1s infinite long-mascot-spark;position:absolute}.long-mascot-sparks i:first-child{top:6%;left:2%}.long-mascot-sparks i:nth-child(2){width:12px;height:12px;animation-delay:.4s;top:0;right:10%}.long-mascot-sparks i:nth-child(3){animation-delay:.8s;top:34%;right:-4%}.long-mascot-sparks i:nth-child(4){width:7px;height:7px;animation-delay:1.1s;top:40%;left:-6%}.long-mascot-sparks i:nth-child(5){width:6px;height:6px;animation-delay:.6s;top:18%;left:46%}@keyframes long-mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4%)}}@keyframes long-mascot-float-mirrored{0%,to{transform:scaleX(-1)translateY(0)}50%{transform:scaleX(-1)translateY(-4%)}}@keyframes long-mascot-think{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@keyframes long-mascot-think-mirrored{0%,to{transform:scaleX(-1)rotate(-2.5deg)}50%{transform:scaleX(-1)rotate(2.5deg)}}@keyframes long-mascot-hop{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-9%)scale(1.03)}55%{transform:translateY(0)scale(.98,1.02)}}@keyframes long-mascot-hop-mirrored{0%,to{transform:scaleX(-1)translateY(0)scale(1)}30%{transform:scaleX(-1)translateY(-9%)scale(1.03)}55%{transform:scaleX(-1)translateY(0)scale(.98,1.02)}}@keyframes long-mascot-dot{0%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes long-mascot-spark{0%{opacity:0;transform:scale(.4)rotate(0)}30%{opacity:1;transform:scale(1)rotate(25deg)}to{opacity:0;transform:scale(.6)rotate(60deg)translateY(-8px)}}@media (prefers-reduced-motion:reduce){.long-mascot img,.long-mascot i{animation:none!important}.long-mascot-sparks i{opacity:1}}