.mr-mascot{--mr-microphone:url('frames-microphone.png');--mr-kiss:url('frames-kiss.png');--mr-heart:url('frames-heart.png');--mr-water:url('frames-water.png');--mr-flower:url('frames-flower.png');--mr-sing:url('frames-sing.png');--mr-idle:url('frames-idle.png');--mr-wave:url('frames-wave.png');--mr-snack:url('frames-snack.png');--mr-yawn:url('frames-yawn.png');--mr-jump:url('frames-jump.png');--mr-ready:url('frames-ready.png');position:relative;margin:0 auto 20px;max-width:280px;text-align:center}.mr-app .mr-mascot-touch{position:relative;display:block;width:220px;height:220px;padding:0;margin:0 auto;background:transparent;border:0;border-radius:30px;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent}.mr-mascot-sprite{display:block;position:absolute;width:220px;height:220px;left:0;top:0;background-image:var(--mr-wave);background-repeat:no-repeat;background-size:700% 200%;background-position:0 0;pointer-events:none}.mr-mascot-sprite[data-sheet=wave]{background-image:var(--mr-wave)}.mr-mascot-sprite[data-sheet=snack]{background-image:var(--mr-snack)}.mr-mascot-sprite[data-sheet=yawn]{background-image:var(--mr-yawn)}.mr-mascot-sprite[data-sheet=jump]{background-image:var(--mr-jump)}.mr-mascot-sprite[data-sheet=ready]{background-image:var(--mr-ready)}.mr-mascot-shadow{display:none}.mr-mascot-message{display:block;min-height:43px;padding:9px 12px;background:#fffdfd;border:1px solid #edd9e7;border-radius:17px;font-size:12px;line-height:1.6;color:#74516a}
.mr-frames-canvas{display:block;width:220px;height:220px}.mr-mascot-sprite.mr-frames-loaded[data-sheet]{background-image:none}

.mr-mascot-sprite[data-sheet=idle]{background-image:var(--mr-idle)}

.mr-mascot-sprite[data-sheet=kiss]{background-image:var(--mr-kiss)}
.mr-mascot-sprite[data-sheet=heart]{background-image:var(--mr-heart)}
.mr-mascot-sprite[data-sheet=water]{background-image:var(--mr-water)}
.mr-mascot-sprite[data-sheet=flower]{background-image:var(--mr-flower)}
.mr-mascot-sprite[data-sheet=sing]{background-image:var(--mr-sing)}

.mr-mascot-sprite[data-sheet=microphone]{background-image:var(--mr-microphone)}

.mr-header>.mr-mascot{margin-top:18px}.mr-mascot-message{overflow-wrap:anywhere}

/* Reuse the existing frames at 150%, with the lower body below the viewport. */
.mr-app .mr-mascot-cameo{position:fixed;z-index:80;bottom:0;left:50%;width:330px;max-width:none;height:245px;margin:0;overflow:hidden;pointer-events:none;transform:translate(-50%,110%);transition:transform .6s cubic-bezier(.22,.75,.25,1);visibility:visible}
.mr-app .mr-mascot-cameo.is-visible{visibility:visible;transform:translate(-50%,0)}
.mr-app .mr-mascot-cameo .mr-mascot-touch{width:330px;height:330px;pointer-events:none;border-radius:0}
.mr-mascot-cameo .mr-mascot-sprite,.mr-mascot-cameo .mr-frames-canvas{width:330px;height:330px}
.mr-mascot-cameo .mr-mascot-message{display:none}
.mr-app .mr-mascot-cameo[data-phase=leaving]{visibility:visible}

/* Preserve avatar opacity against theme disabled-button rules (Kadence). */
.mr-app .mr-mascot .mr-mascot-touch:disabled{opacity:1!important;filter:none}
