.motion-companion{--motion-character-width:184px;--motion-character-opacity:1;position:fixed;z-index:12;width:var(--motion-character-width);max-width:calc(100vw - 28px);pointer-events:none;user-select:none;opacity:var(--motion-character-opacity);contain:layout style;isolation:isolate;transform:translate(var(--motion-character-x,0px),var(--motion-character-y,0px))}
.motion-companion[hidden]{display:none!important}
.motion-companion[data-placement="top-right"]{right:clamp(18px,3vw,64px);top:112px}
.motion-companion[data-placement="bottom-right"]{right:clamp(18px,3vw,64px);bottom:35px}
.motion-companion[data-placement="bottom-left"]{left:clamp(18px,3vw,64px);bottom:35px}
.motion-companion[data-placement="top-left"]{left:clamp(18px,3vw,64px);top:112px}
.motion-character-art{position:relative;display:block;width:100%;aspect-ratio:533/640;margin:0;padding:0;border:0;border-radius:40%;background:none;color:inherit;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.motion-character-art::after{content:"";position:absolute;left:22%;right:18%;bottom:1%;height:4%;z-index:-1;background:radial-gradient(ellipse,#6d637322,transparent 70%);filter:blur(5px);pointer-events:none}
.motion-character-art:focus-visible{outline:2px solid #b39b68;outline-offset:4px}
.motion-character-fallback,.motion-character-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.motion-character-fallback{transform:scale(.9434);opacity:1}
.motion-character-canvas{opacity:0}
.motion-companion[data-mode="animated"] .motion-character-canvas{opacity:1}
.motion-companion[data-mode="animated"] .motion-character-fallback{opacity:0}
.motion-companion[data-mode^="static"] .motion-character-art{cursor:default}
.motion-character-art:disabled{cursor:default}
.motion-companion[data-mode^="static"] .motion-character-canvas{display:none}
.motion-companion[data-missing="true"]{display:none}
@media(max-width:1180px) and (min-width:761px){.motion-companion{--motion-character-width:150px}.motion-companion[data-placement="top-right"]{right:12px;top:120px}.motion-companion[data-placement="bottom-right"]{right:12px;bottom:24px}.motion-companion[data-placement="bottom-left"]{left:12px;bottom:24px}}
@media(max-width:760px){.motion-companion{position:relative;inset:auto!important;z-index:2;width:min(var(--motion-character-mobile-width,112px),30vw);max-width:132px;margin:0 0 0 auto;transform:none;flex:none}.motion-character-art::after{filter:blur(3px)}.page-companion-slot{min-width:0;flex:none;align-self:center}.page-companion-slot:empty{display:none}}
@media(prefers-reduced-motion:reduce){.motion-companion,.motion-character-art{animation:none!important;transition:none!important}.motion-character-canvas{display:none!important}.motion-character-fallback{opacity:1!important}}
