.letter-coop{display:grid;place-items:center;width:80px;height:80px;flex-shrink:0;padding:0;border:0;background:transparent;cursor:pointer;border-radius:12px;-webkit-tap-highlight-color:transparent}.letter-coop:focus-visible{outline:2px solid #5462d6;outline-offset:6px}.coop-art{display:block;width:80px;height:80px;object-fit:contain;transform-origin:50% 85%}.coop-mascot{position:relative;width:80px;flex-shrink:0}.coop-perched{position:absolute;z-index:0;bottom:calc(100% - 5px);left:28px;width:80px}.coop-perched .coop-art,.coop-perched .letter-coop{width:80px;height:80px}.coop-pause{position:absolute;right:-18px;bottom:0;width:24px;height:24px;border:0;border-radius:50%;background:transparent;color:#6e6c78;font-size:12px;cursor:pointer;opacity:0}.coop-mascot:focus-within .coop-pause,.coop-mascot:hover .coop-pause{opacity:1}.coop-pause:focus-visible{outline:2px solid #5462d6;outline-offset:2px}.coop-paused .letter-coop *{animation:none!important}@media (hover:none){.coop-pause{opacity:1}}@media (prefers-reduced-motion:reduce){.coop-pause{display:none}}@media (prefers-reduced-motion:no-preference){.coop-art{animation:coop-greet 2.8s ease-in-out both}.letter-coop[data-mood=curious] .coop-art,.letter-coop[data-mood=wink] .coop-art{animation-name:coop-tilt}.letter-coop[data-mood=nod] .coop-art,.letter-coop[data-mood=sleepy] .coop-art{animation-name:coop-nod}.letter-coop[data-mood=wiggle] .coop-art{animation-name:coop-tilt}}@keyframes coop-greet{0%,to{transform:none}25%,65%{transform:translateY(-4px) rotate(-4deg)}45%,80%{transform:translateY(-1px) rotate(3deg)}}@keyframes coop-tilt{0%,to{transform:none}30%{transform:rotate(-8deg)}65%{transform:rotate(5deg)}}@keyframes coop-nod{0%,30%,70%,to{transform:none}50%{transform:translateY(3px) rotate(3deg)}}