.misa-profile-frog { position:fixed; top:0; left:0; width:54px; height:54px; z-index:100; pointer-events:none; opacity:0; will-change:transform; }
.misa-profile-frog[data-visible="true"] { opacity:1; }
.misa-profile-frog-sprite { display:block; width:54px; height:54px; background:url('./frog-sprite.webp') 0 0 / 486px 54px no-repeat; image-rendering:pixelated; filter:drop-shadow(0 2px 2px #03120755); animation:misa-profile-frog-idle 3.8s steps(1,end) infinite!important; }
.misa-profile-frog[data-jumping="true"] .misa-profile-frog-sprite { animation:misa-profile-frog-jump var(--frog-hop-duration,.56s) steps(1,end) 1!important; }
@keyframes misa-profile-frog-idle { 0%,78%,100% { background-position:0 0; } 36%,72% { background-position:-54px 0; } 80%,86% { background-position:-108px 0; } 83% { background-position:-162px 0; } 90% { background-position:0 0; } }
@keyframes misa-profile-frog-jump {
 0% { background-position:-108px 0; transform:translateY(2px); }
 13% { background-position:-216px 0; transform:translateY(-9px); }
 40% { background-position:-270px 0; transform:translateY(-15px); }
 57% { background-position:-324px 0; transform:translateY(-9px); }
 72% { background-position:-378px 0; transform:translateY(-3px); }
 86% { background-position:-432px 0; transform:translateY(1px); }
 100% { background-position:0 0; transform:translateY(0); }
}
@media(pointer:fine) {
 .misa-profile-frog-surface,.misa-profile-frog-surface * { cursor:url('./lily-pad-cursor.svg') 12 12,auto!important; }
 .misa-profile-frog-surface input:not([type=range]) { cursor:text!important; }
}
.misa-profile-frog[data-facing=right] .misa-profile-frog-sprite { scale:-1 1; }