/* An opt-in little chase: one pair at a time, outside all clipping cards. */
.mascot-trigger{padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .2s,filter .2s}
.mascot-trigger:focus-visible{outline:3px solid var(--purple);outline-offset:5px;border-radius:40%}.mascot-trigger:hover{filter:drop-shadow(0 3px 2px #16244b22)}
.mascot-trigger.mascot-away{opacity:0!important;pointer-events:none}.akita-peek-host:has(.mascot-away) .akita-card-paws{opacity:0}
.pm-first-cta{overflow:visible}.pm-first-cta .pm-cta-lines{inset:0;overflow:hidden;border-radius:inherit}
.pm-cta-buddy{display:none;position:absolute;right:26px;top:-34px;width:51px;z-index:3;transform:rotate(12deg)}
:root[data-theme=akita] .pm-cta-buddy{display:block}
.mascot-chase-overlay{position:fixed;inset:0;z-index:70;overflow:hidden;pointer-events:none;contain:layout style paint;user-select:none}
.mascot-chase-overlay[data-preparing=true]{visibility:hidden}
.mascot-chase-overlay[data-preparing=true] *{animation-play-state:paused!important}
.mascot-chase-actor{position:absolute;left:0;top:0;will-change:transform}
.mascot-chase-art{width:100%;height:100%;filter:drop-shadow(2px 5px 0 #16244b20);transform:scaleX(var(--chase-direction,1))}
.mascot-chase-art svg{display:block;width:100%;height:100%;overflow:visible}
.mascot-chase-dog .mascot-chase-art>svg{animation:mp-gallop .34s ease-in-out infinite alternate}
.mascot-chase-dog [data-joint]{transform-box:view-box}.mascot-chase-dog .akita-leg-back-near{transform-origin:185px 239px;animation:mp-step .34s ease-in-out -.34s infinite alternate}.mascot-chase-dog .akita-leg-back-far{transform-origin:181px 238px;animation:mp-step .34s ease-in-out infinite alternate}.mascot-chase-dog .akita-leg-front-near{transform-origin:276px 238px;animation:mp-step .34s ease-in-out infinite alternate}.mascot-chase-dog .akita-leg-front-far{transform-origin:273px 221px;animation:mp-step .34s ease-in-out -.34s infinite alternate}.mascot-chase-dog .akita-tail{transform-origin:155px 168px;animation:mp-tail .38s ease-in-out infinite alternate}
.mascot-chase-doctor .mascot-chase-art>svg{animation:mp-gallop .34s ease-in-out -.17s infinite alternate}.mascot-chase-doctor .doctor-arm,.mascot-chase-doctor .doctor-leg{transform-box:view-box;transform-origin:98px 104px;animation:mp-human-step .34s ease-in-out infinite alternate}.mascot-chase-doctor .doctor-leg{transform-origin:100px 148px}.mascot-chase-doctor .limb-back{animation-delay:-.34s}
.mascot-chase-dust{position:absolute;width:36px;height:5px;border-radius:6px;background:#fffaf0;box-shadow:8px 13px 0 #ffad63,0 26px 0 #2452e8;left:-24px;top:68%;opacity:.9;animation:mp-dust .5s linear infinite}
.mascot-chase-actor[data-direction="-1"] .mascot-chase-dust{left:auto;right:-24px}
.mascot-trigger.mascot-sly{animation:mp-sly .25s ease-in-out both}
body.readable .mascot-trigger,.mascot-chase-overlay[hidden]{display:none!important}
@keyframes mp-gallop{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-6px) rotate(1deg)}}
@keyframes mp-step{from{transform:rotate(-10deg)}to{transform:rotate(12deg)}}@keyframes mp-tail{from{transform:rotate(-5deg)}to{transform:rotate(7deg)}}@keyframes mp-human-step{from{transform:rotate(-18deg)}to{transform:rotate(18deg)}}
@keyframes mp-dust{from{opacity:.9;translate:7px 0}to{opacity:0;translate:-15px 0}}@keyframes mp-sly{50%{scale:1.1;rotate:-9deg}}
:root[data-motion=off] .mascot-trigger.mascot-sly{animation:none}
@media(max-width:700px){.page-aside.pm-aside{position:relative}.pm-cta-buddy{width:43px;right:17px;top:-29px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion-preference=on]) .mascot-trigger.mascot-sly{animation:none}}

/* Not a row of badges: a changing set of little visitors in the margins. */
.mascot-scatter-zone{position:relative}
.mascot-stray{display:none;position:absolute;top:-30px;left:var(--stray-x,15%);width:var(--stray-size,68px);height:auto;aspect-ratio:1;z-index:4;transform:translateX(-50%) rotate(var(--stray-angle,-12deg));isolation:isolate}
:root[data-theme=akita] .mascot-stray{display:block}
.mascot-sticker{width:100%;height:100%;display:block;filter:drop-shadow(3px 4px 0 #16244b1c);animation:mk-idle 4.5s ease-in-out var(--stray-phase,0s) infinite alternate;animation-play-state:paused}
:root[data-theme=akita][data-motion=on] .mascot-stray[data-mascot-visible=true] .mascot-sticker{animation-play-state:running}
.hero-mascot[data-mascot-slot="0"]{top:8%;right:-1%;bottom:auto;left:auto;width:82px;height:82px;transform:rotate(var(--mascot-tilt))}
.hero-mascot[data-mascot-slot="1"]{left:-1%;bottom:4%;right:auto;top:auto;width:74px;height:74px;transform:rotate(var(--mascot-tilt))}
.hero-mascot[data-mascot-slot="2"]{left:4%;top:-5%;right:auto;bottom:auto;width:87px;height:87px;transform:rotate(var(--mascot-tilt))}
.hero-mascot[data-mascot-slot="3"]{right:-2%;bottom:3%;left:auto;top:auto;width:70px;height:70px;transform:rotate(var(--mascot-tilt))}
.pm-portrait-buddy[data-mascot-slot]{transform:rotate(var(--mascot-tilt))}
.pm-aside-buddy[data-mascot-slot]{height:auto;aspect-ratio:1;transform:rotate(var(--mascot-tilt))}
.pm-aside-buddy[data-mascot-slot="0"]{left:-9px;top:-43px;right:auto;bottom:auto;width:63px}
.pm-aside-buddy[data-mascot-slot="1"]{right:-10px;top:-35px;left:auto;bottom:auto;width:57px}
.pm-aside-buddy[data-mascot-slot="2"]{left:12px;bottom:-40px;right:auto;top:auto;width:59px}
.pm-aside-buddy[data-mascot-slot="3"]{right:16px;bottom:-38px;left:auto;top:auto;width:53px}
.pm-cta-buddy[data-mascot-slot]{transform:rotate(var(--mascot-tilt))}
.pm-cta-buddy[data-mascot-slot="0"]{left:23px;right:auto;top:-35px;bottom:auto;width:52px}
.pm-cta-buddy[data-mascot-slot="1"]{right:12%;left:auto;bottom:-37px;top:auto;width:57px}
.pm-cta-buddy[data-mascot-slot="2"]{left:28%;right:auto;top:-32px;bottom:auto;width:47px}
.pm-cta-buddy[data-mascot-slot="3"]{right:17px;left:auto;top:-40px;bottom:auto;width:61px}
.akita-corner-pup[data-mascot-slot="0"],.akita-corner-pup[data-mascot-slot="2"]{left:7%;right:auto;bottom:-13px;width:91px;transform:rotate(-17deg)}
.akita-corner-pup[data-mascot-slot="1"]{right:18%;left:auto;width:108px;transform:rotate(14deg)}
.akita-corner-pup[data-mascot-slot="3"]{left:37%;right:auto;bottom:-19px;width:78px;transform:rotate(-7deg)}
.akita-corner-pup.mascot-trigger{height:auto;aspect-ratio:1}.akita-corner-pup.mascot-trigger>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
/* Expressions stay in the same drawing family. */
.mascot-chase-reaction{transform-origin:50% 65%}
.mascot-reaction-surprise .mk-eyes{transform-origin:100px 85px;animation:mk-eyes-pop .6s ease-in-out 2 alternate}
.mascot-reaction-laugh svg{animation:mk-laugh .24s ease-in-out infinite alternate}
.mascot-reaction-laugh .mk-grin{transform-origin:100px 130px;animation:mk-mouth-laugh .36s ease-in-out infinite alternate}
.mk-exclamation,.mk-laugh-mark{position:absolute;font-family:Arial,sans-serif;font-weight:900;line-height:1;color:#2452e8;text-shadow:2px 2px 0 #fffaf0}
.mk-exclamation{right:-18px;top:-10px;font-size:36px;rotate:15deg;animation:mk-question .7s ease-out both}
.mk-laugh-mark{font-size:27px;color:#ff8b3d;animation:mk-spark .6s ease-in-out infinite alternate}.mk-laugh-mark.mark-one{left:-16px;top:34px;rotate:-15deg}.mk-laugh-mark.mark-two{right:-10px;top:2px;animation-delay:-.3s}
.mascot-magic-scene{position:absolute;pointer-events:none}
.mascot-magic-face{position:absolute;transform-origin:50% 70%;filter:drop-shadow(3px 4px 0 #16244b1a)}
.mascot-magic-face>svg{width:100%;height:100%;display:block;overflow:visible}
.mascot-magic-face .mk-identity{transform-origin:100px 100px}.mascot-magic-face .mk-grin{transform-origin:100px 151px;filter:drop-shadow(0 0 8px #fffaf050)}
.mascot-magic-question{position:absolute;font:900 35px/1 Arial,sans-serif;color:#2452e8;opacity:0;transform:rotate(12deg);text-shadow:2px 2px 0 #fffaf0}
.mascot-magic-scene[data-phase=searching] .mascot-magic-question{animation:mk-question 1.7s ease-in-out infinite alternate}
.mascot-confused-doctor .mk-confused-head{transform-box:view-box;transform-origin:110px 54px}
.mascot-confused-doctor[data-confused=true] .mk-confused-head{animation:mk-look-around 2.4s ease-in-out infinite}
.mascot-confused-doctor .mk-confused-arm{transform-box:view-box}.mascot-confused-doctor .mk-confused-left{transform-origin:87px 110px}.mascot-confused-doctor .mk-confused-right{transform-origin:133px 110px}
.mascot-confused-doctor[data-confused=true] .mk-confused-left{animation:mk-shrug-left 1.8s ease-in-out infinite alternate}.mascot-confused-doctor[data-confused=true] .mk-confused-right{animation:mk-shrug-right 1.8s ease-in-out -.6s infinite alternate}
.mascot-magic-dust{position:absolute;inset:0}.mascot-magic-dust>i{position:absolute;width:7px;height:7px;border-radius:50%;background:#ffad63;opacity:0}
.mascot-magic-dust>i:nth-child(3n){background:#2452e8;width:4px;height:4px}.mascot-magic-dust>i:nth-child(3n + 1){background:#fffdf2;box-shadow:0 0 0 1px #16244b33}
.mascot-magic-scene[data-phase=vanishing] .mascot-magic-dust>i{animation:mk-dissolve 1s ease-out var(--delay) both}
@keyframes mk-idle{from{transform:translateY(3px) rotate(-4deg)}to{transform:translateY(-6px) rotate(5deg)}}
@keyframes mk-eyes-pop{from{transform:scale(.87)}to{transform:scale(1.12)}}
@keyframes mk-laugh{from{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-5px) rotate(3deg)}}@keyframes mk-mouth-laugh{from{transform:scaleY(.94)}to{transform:scaleY(1.04)}}
@keyframes mk-question{0%{opacity:0;translate:0 7px;rotate:-8deg}35%,100%{opacity:1;translate:0 -2px;rotate:12deg}}
@keyframes mk-spark{from{scale:.7;opacity:.5}to{scale:1.15;opacity:1}}
@keyframes mk-look-around{0%,15%,100%{transform:rotate(0deg) translateX(0)}30%,45%{transform:rotate(-8deg) translateX(-3px)}65%,82%{transform:rotate(8deg) translateX(3px)}}
@keyframes mk-shrug-left{from{transform:rotate(12deg)}to{transform:rotate(-12deg)}}@keyframes mk-shrug-right{from{transform:rotate(-10deg)}to{transform:rotate(13deg)}}
@keyframes mk-dissolve{0%{opacity:0;transform:translate(0,0) scale(.4)}20%{opacity:1}100%{opacity:0;transform:translate(var(--mx),var(--my)) scale(.1)}}
@media(max-width:700px){.mascot-stray{width:calc(var(--stray-size) * .74);top:-25px}.hero-mascot[data-mascot-slot]{width:62px;height:62px}.hero-mascot[data-mascot-slot="2"]{top:-3%}.pm-aside-buddy[data-mascot-slot]{width:51px}.pm-cta-buddy[data-mascot-slot]{width:47px}.akita-corner-pup[data-mascot-slot]{width:68px}.mk-exclamation{font-size:27px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion-preference=on]) .mascot-stray .mascot-sticker{animation:none!important}}

/* The face is decoded once and stays mounted while the drawn body changes pose. */
.mascot-person{position:relative;width:100%;height:100%;isolation:isolate;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.mascot-person-body{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mascot-person .mk-standing-body{display:none}.mascot-person[data-pose=standing] .mk-running-body{display:none}.mascot-person[data-pose=standing] .mk-standing-body{display:block}
.mascot-person-head{position:absolute;left:31.81818%;top:1.45455%;width:36.36364%;height:36.36364%;overflow:hidden;border-radius:50%;outline:2px solid #16244b;background:#fffdf2;z-index:2;transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.mascot-person-head>img{position:absolute;left:-43.75%;top:-6%;width:187.5%;height:200%;max-width:none;object-fit:contain;display:block;filter:none;mix-blend-mode:normal;transform:none;transition:none}
.mascot-chase-doctor .mascot-person{animation:mp-gallop .34s ease-in-out -.17s infinite alternate}
.mascot-confused-doctor[data-confused=true] .mascot-person-head{animation:mk-photo-look 2.4s ease-in-out infinite;transform-origin:50% 60%}
.mascot-magic-face[data-laughing=true]>svg{animation:mk-laugh .18s ease-in-out infinite alternate}
.mascot-magic-scene .mascot-magic-question{animation:none;opacity:0}
.mascot-magic-scene[data-phase=searching] .mascot-magic-question{animation:mk-question 1.7s ease-in-out infinite alternate}
.mascot-magic-scene:is([data-phase=vanishing],[data-phase=grin-only],[data-phase=dissolving-smile]) .mascot-magic-dust>i{animation:mk-dissolve 1s ease-out var(--delay) both}
:root:not([data-nikolay-ready=true]) .akita-chase-party{visibility:hidden}
.mascot-waiting{cursor:progress}
@keyframes mk-photo-look{0%,15%,100%{transform:translate3d(0,0,0) rotate(0deg)}30%,45%{transform:translate3d(-2px,0,0) rotate(-8deg)}65%,82%{transform:translate3d(2px,0,0) rotate(8deg)}}
.mascot-run-exclaim{position:absolute;left:69%;top:-5%;font:900 29px/1 Arial,sans-serif;color:#ff8b3d;text-shadow:2px 2px 0 #fffaf0;animation:mk-spark .4s ease-in-out infinite alternate}
.mascot-chase-overlay[data-reaction=reverse-chase] .mascot-person-head{animation:mk-run-glance 1.15s ease-in-out infinite alternate;transform-origin:50% 60%}
.mk-wink-heart{position:absolute;right:-12px;top:-5px;font-size:35px;line-height:1;color:#ff8b3d;filter:drop-shadow(1px 2px 0 #16244b);animation:mk-heart-hop .65s ease-in-out infinite alternate}
@keyframes mk-run-glance{from{transform:translate3d(0,0,0) rotate(-8deg)}to{transform:translate3d(0,0,0) rotate(7deg)}}
@keyframes mk-heart-hop{from{transform:translate(0,4px) rotate(-12deg) scale(.8)}to{transform:translate(3px,-7px) rotate(8deg) scale(1.1)}}
