.dog-stage{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.dog{aspect-ratio:36/24;will-change:transform;height:48px;position:absolute;top:0;left:0}.dog:not([data-gait]){opacity:0}.dog-depth{transform-origin:50% 100%;transform:scale(var(--depth,1));opacity:var(--fade,1);position:absolute;inset:0}.px{--px-H:#e27630;--px-h:#f5a05c;--px-C:#f6eeda;--px-c:#d9ccb0;--px-N:#965c34;--px-E:#201e1c;--px-W:#fff;--px-K:#201e1c;--px-L:#6e3e24;--px-T:#eea82a;--px-M:#785a40;--px-O:#2b2420;--px-P:#fff;--px-p:#9a9a9a;display:block;overflow:visible}.px-H{fill:var(--px-H)}.px-h{fill:var(--px-h)}.px-C{fill:var(--px-C)}.px-c{fill:var(--px-c)}.px-N{fill:var(--px-N)}.px-E{fill:var(--px-E)}.px-W{fill:var(--px-W)}.px-K{fill:var(--px-K)}.px-L{fill:var(--px-L)}.px-T{fill:var(--px-T)}.px-M{fill:var(--px-M)}.px-O{fill:var(--px-O)}.px-P{fill:var(--px-P)}.px-p{fill:var(--px-p)}.px-side{width:100%;height:100%;position:absolute;inset:0}.dog[data-face=left] .px-side{transform:scaleX(-1)}.px-head{aspect-ratio:27/25;transform-origin:50% 100%;width:auto;height:100%}.dog-snout{aspect-ratio:28/15;opacity:0;will-change:transform;width:168px;position:absolute;top:0;left:0}.dog-snout[data-on]{opacity:1}.dog-snout .px{width:100%;height:100%}.px-frame,.px-blink,.px-docket{visibility:hidden}@keyframes px-swap{0%{visibility:visible}50%{visibility:hidden}}.px-runA,.px-runB{animation:.24s step-end infinite px-swap}.px-runB{animation-delay:-120ms}.dog:is([data-gait=stand],[data-gait=sniff],[data-gait=nap],[data-gait=awake]) :is(.px-runA,.px-runB){visibility:hidden;animation:none}.dog[data-gait=stand] :is(.px-standA,.px-standB){animation:.3s step-end infinite px-swap}.dog[data-gait=stand] .px-standB{animation-delay:-150ms}.dog[data-gait=sniff] :is(.px-sniff,.px-standA){animation:.56s step-end infinite px-swap}.dog[data-gait=sniff] .px-standA{animation-delay:-280ms}.dog[data-gait=nap] .px-lieA{animation:3.6s step-end infinite px-nap-a}.dog[data-gait=nap] .px-lieB{animation:3.6s step-end infinite px-nap-b}@keyframes px-nap-a{0%{visibility:visible}72%{visibility:hidden}77%{visibility:visible}82%{visibility:hidden}87%{visibility:visible}}@keyframes px-nap-b{0%{visibility:hidden}72%{visibility:visible}77%{visibility:hidden}82%{visibility:visible}87%{visibility:hidden}}.dog[data-gait=awake] .px-lieUp{visibility:visible}.dog[data-gait=stand] .px-blink--side,.px-head .px-blink{animation:2.8s step-end infinite px-blink}@keyframes px-blink{0%{visibility:hidden}30%{visibility:visible}36%{visibility:hidden}}.dog[data-carry=docket]:is([data-gait=run],[data-gait=stand]) .px-docket{visibility:visible}.dog-docket{opacity:0;width:12px;height:12px;transition:opacity .2s ease-out;position:absolute;top:0;left:0}.dog-docket[data-dropped]{opacity:1}.dog-docket .px{width:100%;height:100%}.dog-zz{font:600 11px/1 var(--mono);color:var(--muted);opacity:0;display:none;position:absolute;top:0;left:14%}.dog[data-gait=nap] .dog-zz{animation:2.8s ease-out infinite dog-zz;display:block}.dog[data-gait=nap] .dog-zz+.dog-zz{animation-delay:1.4s}@keyframes dog-zz{0%{opacity:0;transform:translateY(4px)}25%{opacity:.9}to{opacity:0;transform:translate(-6px,-18px)}}@media (max-width:760px){.dog-stage{grid-area:2/1/3/2;inset:0 -20px}.dog-snout{width:112px}}.dog-say{font:700 11px/1 var(--mono);letter-spacing:.02em;color:var(--ink);background:var(--surface);border:2px solid var(--ink);white-space:nowrap;padding:3px 5px 2px;display:none;position:absolute;top:-28px;left:71%;translate:-50%}.dog-say:before{content:"";background:var(--ink);width:6px;height:4px;position:absolute;bottom:-6px;left:calc(50% - 3px)}.dog[data-face=left] .dog-say{left:29%}.dog:is([data-gait=nap],[data-gait=awake]) .dog-say{top:-10px}.dog[data-say] .dog-say{display:block}.dog[data-say=alert] .dog-say{color:#fff;background:#be123c;border-color:#be123c;padding:3px 7px 2px;font-size:16px;animation:.2s steps(2,end) dog-pop;top:-16px}.dog[data-say=alert] .dog-say:before{background:#be123c}.dog[data-say=alert] .dog-say:after{content:"!"}.dog[data-say=bark] .dog-say:after{content:"woof!"}.dog[data-say=bark] .dog-say{animation:.26s steps(2,end) 2 dog-woof}@keyframes dog-pop{0%{scale:.5}}@keyframes dog-woof{0%{rotate:-7deg}50%{rotate:6deg}to{rotate:0deg}}.dog-chips{position:absolute;inset:0}.dog-chip.chip{filter:none;opacity:0;transition:opacity .26s var(--out), background-color .24s ease-out, color .24s ease-out;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.dog-chip[data-shown]{opacity:1}.note[data-dog] .scrawl{opacity:0;filter:blur(4px)}.note[data-raise]{pointer-events:auto}.note[data-raise]:after{content:"";position:absolute;inset:-10px -12px}.fx{pointer-events:none;width:0;height:0;position:absolute}