.mascot{position:relative;display:inline-grid;place-items:center;border:0;padding:0;background:transparent;border-radius:18px;min-width:44px;min-height:44px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.mascot img{grid-area:1/1;width:100%;height:100%;object-fit:contain;pointer-events:none;mix-blend-mode:multiply}
.mascot .mascot-wink{opacity:0}.mascot.is-playing{animation:tillio-jump 1.15s both;transform-origin:50% 85%}.mascot.is-playing .mascot-normal{animation:tillio-eyes-open 1.15s both}.mascot.is-playing .mascot-wink{animation:tillio-wink 1.15s both}.mascot:focus-visible{outline:3px solid #204cab;outline-offset:4px}
@keyframes tillio-jump{0%,100%{transform:translateY(0) scale(1)}12%{transform:translateY(2px) scale(1.06,.94)}38%{transform:translateY(-14px) rotate(-5deg) scale(.98,1.03)}58%{transform:translateY(-14px) rotate(3deg)}80%{transform:translateY(0) scale(1.06,.94)}92%{transform:translateY(-3px) scale(1)}}
@keyframes tillio-eyes-open{0%,39%,70%,100%{opacity:1}40%,69%{opacity:0}}@keyframes tillio-wink{0%,39%,70%,100%{opacity:0}40%,69%{opacity:1}}
@media(prefers-reduced-motion:reduce){.mascot.is-playing,.mascot.is-playing img{animation:none!important}.mascot.is-playing .mascot-normal{opacity:0}.mascot.is-playing .mascot-wink{opacity:1}}