.pet-companion{position:relative;display:inline-flex;flex-direction:column;align-items:center;flex:0 0 auto;vertical-align:middle}.pet-mascot{border:0;background:none;padding:0;color:inherit;cursor:grab;border-radius:50%;touch-action:pan-y;user-select:none;-webkit-user-select:none}.pet-mascot:active{cursor:grabbing}.pet-mascot:focus-visible{outline:3px solid var(--c-sky);outline-offset:5px}.pet-hint{font-size:10px;line-height:1.3;color:var(--c-ink-soft);white-space:nowrap}.pet-feedback{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);background:#fff2d0;border:2px solid #ffb955;border-radius:16px;padding:7px 12px;font-size:13px;font-weight:800;white-space:nowrap;z-index:5;pointer-events:none;box-shadow:0 3px 0 #edc780}.pet-feedback:empty{display:none}.pet-heart{position:absolute;left:50%;top:20%;font-size:24px;color:#ef4770;pointer-events:none;z-index:4;animation:pet-heart-rise 1s ease-out forwards}.is-petted .pet-mascot svg{animation:pet-nuzzle .45s ease-in-out infinite alternate;transform-origin:50% 80%}@keyframes pet-nuzzle{from{transform:rotate(-5deg) scale(1.04)}to{transform:rotate(5deg) scale(1.08)}}@keyframes pet-heart-rise{from{opacity:1;transform:translate(-50%,0) scale(.7)}to{opacity:0;transform:translate(calc(-50% + var(--pet-drift)), -65px) scale(1.3)}}@media(prefers-reduced-motion:reduce){.is-petted .pet-mascot svg,.pet-heart{animation:none}.pet-heart{display:none}}