.chibi{--size:170px;position:fixed;width:var(--size);height:var(--size);z-index:9999;isolation:isolate;user-select:none;-webkit-user-select:none;pointer-events:none;transition:left .65s cubic-bezier(.22,1,.36,1),top .65s cubic-bezier(.22,1,.36,1)}
.chibi.dragging{transition:none}
.chibi-character{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background-color:transparent;background-image:url('robot-poses.webp');background-size:300% 200%;background-position:0 0;cursor:grab;touch-action:none;pointer-events:auto;transform-origin:50% 87%;filter:drop-shadow(0 10px 9px #0004);transition:transform .2s;outline-offset:-15px;border-radius:40%}
.chibi-character:focus-visible{outline:2px solid #ffa55d}
.chibi[data-pose="left"] .chibi-character{background-position:50% 0}
.chibi[data-pose="right"] .chibi-character{background-position:100% 0}
.chibi[data-pose="happy"] .chibi-character{background-position:0 100%;animation:chibi-wave .35s ease-in-out 4 alternate}
.chibi[data-pose="grabbed"] .chibi-character{background-position:50% 100%;cursor:grabbing;transform:rotate(var(--tilt,0deg))}
.chibi[data-pose="sleepy"] .chibi-character{background-position:100% 100%;animation:chibi-breathe 3s ease-in-out infinite}
.chibi.arriving .chibi-character{animation:chibi-step .17s ease-in-out 4 alternate}
.chibi-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,8px) scale(.94);max-width:240px;min-width:125px;width:max-content;padding:11px 15px;border:2px solid #fff;border-radius:18px;background:#ff5a12;color:#fff;font:500 13px/1.5 system-ui,sans-serif;text-align:center;box-shadow:0 8px 28px #00000024;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}
.chibi-bubble.visible{opacity:1;transform:translate(-50%,0) scale(1)}
.chibi-bubble::after{content:'';position:absolute;bottom:-8px;left:50%;border:8px solid transparent;border-bottom:0;border-top-color:#ff5a12}
.chibi-heart{position:absolute;left:50%;top:25%;font-size:22px;color:#ffa15f;animation:chibi-heart 1s ease-out forwards;pointer-events:none}
@keyframes chibi-wave{to{transform:rotate(4deg) translateY(-6px)}}
@keyframes chibi-breathe{50%{transform:scale(1.015,.985)}}
@keyframes chibi-step{to{transform:translateY(-8px) rotate(3deg)}}
@keyframes chibi-heart{to{transform:translate(var(--dx),-100px) rotate(var(--r));opacity:0}}
@media(max-width:600px){.chibi{--size:140px}.chibi-bubble{left:auto;right:0;max-width:calc(100vw - 32px);min-width:0;padding:11px 13px;font-size:12px;transform:translate(0,8px) scale(.94)}.chibi-bubble.visible{transform:translate(0,0) scale(1)}.chibi-bubble::after{left:auto;right:22px}}
@media(prefers-reduced-motion:reduce){.chibi{transition:none}.chibi-character,.chibi-heart{animation:none!important}.chibi-bubble{transition:none}}