/* Shared small viewport companion. Original sprite atlas is unchanged. */
.pet-dock{--pet-size:72px;--pet-safe-left:max(10px,env(safe-area-inset-left));--pet-safe-right:max(10px,env(safe-area-inset-right));--pet-safe-top:max(10px,env(safe-area-inset-top));--pet-safe-bottom:max(12px,env(safe-area-inset-bottom));padding-left:var(--pet-safe-left);padding-right:var(--pet-safe-right);padding-top:var(--pet-safe-top);padding-bottom:var(--pet-safe-bottom);position:fixed;inset:0;z-index:40;width:100%;height:100%;pointer-events:none;font-family:"M PLUS Rounded 1c",Rounded,sans-serif;color:#23231d}.pet-dock .pet-stage{position:fixed;left:10px;top:calc(100% - 92px);bottom:auto;width:var(--pet-size);height:calc(var(--pet-size)*208/192);border:0;overflow:visible;pointer-events:none;opacity:1}.pet-dock .pet-stage:before,.pet-dock .pet-stage:after{display:none}.pet-dock .pet{position:absolute;left:0;top:0;bottom:auto;width:var(--pet-size);height:calc(var(--pet-size)*208/192);padding:0;border:0;background-color:transparent;background-size:calc(var(--pet-size)*8) calc(var(--pet-size)*208/192*11);background-repeat:no-repeat;cursor:pointer;pointer-events:auto}.pet-dock .pet-stage.is-obstructed .pet{pointer-events:none}.pet-dock.is-scrolling .pet{pointer-events:none}.pet-dock .pet-menu,.pet-dock #pet-restore{position:fixed;right:var(--pet-safe-right);bottom:var(--pet-safe-bottom);left:auto;min-height:44px;border:1.5px solid #23231d;border-radius:50%;background:#fff5bf;color:#23231d;font:700 13px "M PLUS Rounded 1c",Rounded,sans-serif;pointer-events:auto;cursor:pointer;box-shadow:0 2px 8px #0002}.pet-dock .pet-menu{width:44px;height:44px}.pet-dock #pet-restore{border-radius:22px;padding:8px 13px}.pet-dock .pet-controls{position:fixed;right:var(--pet-safe-right);left:auto;bottom:calc(var(--pet-safe-bottom) + 55px);width:164px;max-width:calc(100vw - 24px);padding:8px;display:flex;flex-direction:column;gap:8px;background:#fffdf3;border:1.5px solid #23231d;border-radius:12px;box-shadow:0 4px 18px #0002;pointer-events:auto}.pet-dock .pet-controls button{font:inherit;font-size:13px;min-height:44px;border:1px solid #23231d66;border-radius:7px;background:#fff;color:#23231d;padding:8px;cursor:pointer}.pet-dock.controls-left .pet-menu,.pet-dock.controls-left #pet-restore,.pet-dock.controls-left .pet-controls{right:auto;left:var(--pet-safe-left)}.pet-dock [hidden],.pet-dock .pet-controls[hidden],.pet-dock.pet-hidden .pet-stage{display:none!important}.pet-dock button:focus-visible{outline:3px solid #2159df;outline-offset:3px}.pet-dock .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{padding-bottom:max(80px,env(safe-area-inset-bottom))}@media(max-width:480px){.pet-dock{--pet-size:56px}.pet-dock .pet-stage{width:var(--pet-size);height:calc(var(--pet-size)*208/192)}.pet-dock .pet{background-size:calc(var(--pet-size)*8) calc(var(--pet-size)*208/192*11)}}@media(prefers-reduced-motion:reduce){.pet-dock,.pet-dock *{animation:none!important;transition:none!important}}

/* Keep controls at the left edge, away from the Sites editor toolbar. */
.pet-dock .pet-menu,.pet-dock #pet-restore,.pet-dock .pet-controls{right:auto;left:var(--pet-safe-left)}