/* The illustration is rigged from one transparent asset. Joints overlap at the coat. */
.donkey-assembly{width:270px;height:270px;bottom:72px;max-width:72%}
.pack-illustrated{overflow:visible}
.pack-illustrated g{transform-box:view-box}
.donkey-upper{transform-origin:640px 870px;animation:donkey-breathe 4.8s ease-in-out infinite}
.donkey-front-far{transform-origin:460px 842px;animation:donkey-far-step 11s .15s ease-in-out infinite}
.donkey-front-near{transform-origin:595px 846px;animation:donkey-near-step 11s ease-in-out infinite}
.donkey-rear-far{transform-origin:846px 857px;animation:donkey-near-step 11s -.15s ease-in-out infinite}
.donkey-rear-near{transform-origin:993px 819px;animation:donkey-far-step 11s .3s ease-in-out infinite}
.donkey-tail{transform-origin:1081px 696px;animation:donkey-tail-flick 6.4s ease-in-out infinite}
.donkey-ear-far{transform-origin:256px 305px;animation:donkey-ear-flick 7.2s -1.7s ease-in-out infinite}
.donkey-ear-near{transform-origin:380px 338px;animation:donkey-ear-flick 5.7s ease-in-out infinite}
.donkey-blink{transform-origin:282px 445px;animation:donkey-eye-blink 5.6s infinite}
#donkey:hover .donkey-ear-near{animation-duration:2s}
.donkey-ground{bottom:74px;width:210px;height:6px;background:#32303b12;filter:blur(3px)}
#skill-load{left:53%;width:43%;bottom:67%;gap:3px;grid-template-columns:1fr;animation:luggage-sway 4.8s ease-in-out infinite}
#skill-load button{font-size:10px;line-height:1.2;min-height:21px;padding:4px 5px;border-radius:3px;box-shadow:0 2px 0 #58433215;background:#e8d4b5;color:#524336;border-color:#c4aa88}
#skill-load button:nth-child(3n+2){background:#d5e0e9;color:#43515e;border-color:#a0b3c0}
#skill-load button:nth-child(3n){background:#e7dfd4;color:#615648;border-color:#c9bcab}
#skill-load button:nth-child(even){transform:rotate(2deg)}
#skill-load button:nth-child(odd){transform:rotate(-2deg)}
#skill-load:has(button:nth-child(5)){grid-template-columns:1fr 1fr;width:59%;left:45%;gap:4px}
#skill-load:has(button:nth-child(5)) button{min-height:28px;font-size:9px;padding:4px 2px}
@keyframes donkey-breathe{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(3px) rotate(.2deg)}}
@keyframes donkey-near-step{0%,8%,26%,100%{transform:rotate(0) translateY(0)}13%{transform:rotate(-5deg) translateY(-7px)}19%{transform:rotate(3deg) translateY(-3px)}}
@keyframes donkey-far-step{0%,12%,31%,100%{transform:rotate(0) translateY(0)}18%{transform:rotate(4deg) translateY(-8px)}24%{transform:rotate(-3deg) translateY(-2px)}}
@keyframes donkey-tail-flick{0%,30%,56%,100%{transform:rotate(0)}38%{transform:rotate(-8deg)}46%{transform:rotate(5deg)}}
@keyframes donkey-ear-flick{0%,62%,80%,100%{transform:rotate(0)}67%{transform:rotate(-6deg)}73%{transform:rotate(3deg)}}
@keyframes donkey-eye-blink{0%,41%,46%,100%{transform:scaleY(1)}43%,44%{transform:scaleY(.06)}}
@media(max-width:1100px) and (min-width:761px){.donkey-assembly{width:250px;height:250px;bottom:76px;max-width:82%}.donkey-ground{bottom:78px}}
@media(max-width:760px){.donkey-assembly{width:244px;height:244px;bottom:73px;max-width:82%}.donkey-ground{bottom:76px;width:188px}#donkey-scene{height:380px}.pack-station{min-height:380px}}
@media(prefers-reduced-motion:reduce){.pack-illustrated g{animation:none!important}}