/* Bonnie stays in her own reserved strip, clear of page content. */
body{padding-bottom:145px}.bonnie-garden{position:fixed;inset:auto 0 0;height:130px;background:var(--paper,#fffaf2);border-top:1px solid var(--line,#d8d0c4);z-index:20;overflow:hidden}.bonnie-label{position:absolute;left:18px;top:8px;font:13px Arial,sans-serif;color:var(--muted,#5f5a52)}.bonnie-toggle{position:absolute;right:16px;top:10px;z-index:2;border:1px solid var(--green,#173e31);background:var(--paper,#fffaf2);color:var(--green,#173e31);padding:9px 14px;font:14px Arial,sans-serif;cursor:pointer}.bonnie-dog{position:absolute;left:0;bottom:-20px;width:120px;height:160px;border:0;padding:0;background:transparent;cursor:pointer;transform:translateX(16px)}.bonnie-sprite{display:block;width:120px;height:160px;background-image:url('src/bonnie-walk.png');background-size:480px 160px;background-repeat:no-repeat;animation:bonnie-step .65s steps(4) infinite}.bonnie-dog.facing-left .bonnie-sprite{transform:scaleX(-1)}.bonnie-garden.resting .bonnie-sprite{animation-play-state:paused}.bonnie-garden.greeting .bonnie-sprite{animation:bonnie-hello .4s ease-in-out 2}.bonnie-garden button:focus-visible{outline:3px solid #a23b2a;outline-offset:-3px}@keyframes bonnie-step{to{background-position:-480px 0}}@keyframes bonnie-hello{50%{translate:0 -7px}}@media(prefers-reduced-motion:reduce){.bonnie-sprite{animation:none!important}}@media(max-width:500px){.bonnie-label{font-size:12px}.bonnie-toggle{font-size:13px}}
body{padding-bottom:0}.bonnie-garden{height:110px;background:transparent;border:0;pointer-events:none}.bonnie-dog,.bonnie-toggle{pointer-events:auto}.bonnie-label{display:none}.bonnie-toggle{top:auto;bottom:12px;background:#fff6dfed;border-radius:20px;font-size:12px;padding:7px 12px}.bonnie-dog{bottom:-24px}.bonnie-sprite{filter:drop-shadow(0 3px 2px #0003)}footer{padding-bottom:145px}.bonnie-garden:has(.bonnie-toggle:focus-visible){overflow:visible}@media(max-width:500px){.bonnie-toggle{bottom:8px;right:8px;font-size:11px}}
/* Faster paws and springy bursts, with a brief invitation to play. */
.bonnie-sprite{animation-duration:.44s;transform-origin:50% 80%}.bonnie-garden.zooming .bonnie-sprite{animation-duration:.23s}.bonnie-garden.play-bow .bonnie-sprite{rotate:9deg;scale:1.06 .88}.bonnie-garden.play-bow .facing-left .bonnie-sprite{rotate:-9deg}@media(prefers-reduced-motion:reduce){.bonnie-sprite{rotate:none!important;scale:none!important}}