.page-mascot{display:none;width:var(--mascot-size,140px);max-width:100%}
.page-mascot.is-ready{display:block}
.page-mascot--right,.page-mascot--left{position:fixed;bottom:calc(var(--mascot-offset,20px) + env(safe-area-inset-bottom,0px));z-index:1000}
.page-mascot--right{right:calc(var(--mascot-offset,20px) + env(safe-area-inset-right,0px))}
.page-mascot--left{left:calc(var(--mascot-offset,20px) + env(safe-area-inset-left,0px))}
.page-mascot .page-mascot__button{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:12px;background:transparent;box-shadow:none;appearance:none;cursor:pointer;user-select:none;touch-action:manipulation}
.page-mascot__button:focus-visible{outline:3px solid #1769aa;outline-offset:4px}
.page-mascot__body{position:relative;display:block;width:100%;height:100%;transform-origin:50% 78%}
.page-mascot__sheet{position:absolute;inset:0;background-size:300% 300%;background-repeat:no-repeat;pointer-events:none}
.page-mascot__directions{background-position:50% 50%}
.page-mascot__reactions{opacity:0}
@media(max-width:767px){.page-mascot--desktop.is-ready{display:none}}