.ui-docky { display: inline-block; position: relative; flex-shrink: 0; border: 0; padding: 0; background: transparent; vertical-align: middle; }
button.ui-docky { cursor: pointer; border-radius: 16px; }
button.ui-docky:focus-visible { outline: 2px solid var(--ui-accent); outline-offset: 4px; }
.ui-docky-art { position: absolute; inset: 0; display: block; transition: transform 180ms ease; }
.ui-docky-body { position: absolute; left: 7.1%; top: 21.4%; width: 85.7%; height: 57.1%; }
.ui-docky-accessory { position: absolute; }
.ui-docky svg { display: block; width: 100%; height: 100%; overflow: visible; }
button.ui-docky:hover .ui-docky-art { transform: translateY(-3px) rotate(-3deg); }
.ui-docky-art[data-bounce] { animation: ui-docky-squeeze 450ms cubic-bezier(.34,1.56,.64,1); }
@keyframes ui-docky-squeeze { 0%, 100% { scale: 1; } 30% { scale: 1.1 .85; } 65% { scale: .95 1.08; } }
@media (prefers-reduced-motion: reduce) { .ui-docky-art { animation: none !important; transition: none; transform: none !important; } }