.yojk-mascot{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;--yojk-size: min(240px, 58vw, 43dvh)}.yojk-mascot__stage{position:absolute;top:0;right:0;bottom:0;left:0}.yojk-mascot__clip{position:absolute;width:var(--yojk-size)}.yojk-mascot__traveler{width:var(--yojk-size);height:var(--yojk-size);flex-shrink:0;filter:drop-shadow(0 6px 10px rgb(0 0 0 / 12%))}.yojk-mascot__art{display:block;width:100%;height:100%;overflow:visible}.yojk-mascot__egg{transform-origin:120px 155px}.yojk-mascot__shell-top{transform-origin:120px 163px}.yojk-mascot__character{opacity:0;transform:translateY(62px) scale(.6)}.yojk-mascot__sparkles{opacity:0;transform-origin:120px 120px}.yojk-mascot__bubble{position:absolute;width:min(312px,100%);box-sizing:border-box;border:2px solid;border-radius:22px;padding:18px 42px 18px 20px;box-shadow:0 10px 36px #0000002e;opacity:0;visibility:hidden;transform-origin:55% 100%;pointer-events:none}.yojk-mascot__tail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;opacity:0;pointer-events:none}.yojk-mascot:is([data-phase=cheering],[data-phase=leaving]) .yojk-mascot__tail{opacity:1}.yojk-mascot__eyebrow{display:block;font-size:9px;font-weight:800;letter-spacing:1.5px;opacity:.65}.yojk-mascot__bubble p{margin:7px 0 0;font-size:16px;font-weight:700;line-height:1.45;overflow-wrap:anywhere;max-height:var(--yojk-dialogue-max-height, min(24dvh, 180px));overflow-y:auto;pointer-events:auto}.yojk-mascot__bubble .yojk-mascot__dismiss{position:absolute;top:2px;right:2px;width:44px;height:44px;pointer-events:auto}.yojk-mascot[data-phase=rolling] .yojk-mascot__traveler{animation:yojk-travel var(--yojk-roll-duration) both}.yojk-mascot[data-phase=rolling] .yojk-mascot__egg{animation:yojk-roll var(--yojk-roll-duration) both}.yojk-mascot[data-phase=cracking] .yojk-mascot__egg{animation:yojk-wiggle var(--yojk-crack-duration) both}.yojk-mascot:not([data-phase=rolling]) .yojk-mascot__seam-cover{display:none}.yojk-mascot:is([data-phase=entering],[data-phase=gesturing],[data-phase=cheering],[data-phase=leaving]) .yojk-mascot__character{opacity:1;transform:none;animation:yojk-hatch var(--yojk-pop-duration, .56s) cubic-bezier(.2,.8,.3,1.2) both}.yojk-mascot:is([data-phase=cheering],[data-phase=leaving]) .yojk-mascot__shell-top{animation:yojk-shell-pop calc(.65s * var(--yojk-duration-scale, 1)) ease-out both}.yojk-mascot:is([data-phase=cheering],[data-phase=leaving]) .yojk-mascot__shell-bottom{transform:translateY(5px)}.yojk-mascot:not([data-gesture]):is([data-phase=cheering],[data-phase=leaving]) .yojk-mascot__sparkles{animation:yojk-sparkle calc(.85s * var(--yojk-duration-scale, 1)) ease-out both}.yojk-mascot:is([data-phase=cheering],[data-phase=leaving]) .yojk-mascot__bubble{visibility:visible;opacity:1;animation:yojk-bubble calc(.35s * var(--yojk-duration-scale, 1)) calc(.15s * var(--yojk-duration-scale, 1)) both}.yojk-mascot:not([data-gesture])[data-phase=cheering] .yojk-mascot__left-arm{animation:yojk-flex-left calc(1.8s * var(--yojk-duration-scale, 1)) calc(.5s * var(--yojk-duration-scale, 1)) ease-in-out 2}.yojk-mascot:not([data-gesture])[data-phase=cheering] .yojk-mascot__right-arm{animation:yojk-flex-right calc(1.8s * var(--yojk-duration-scale, 1)) calc(.5s * var(--yojk-duration-scale, 1)) ease-in-out 2}.yojk-mascot[data-phase=leaving] .yojk-mascot__stage{animation:yojk-exit var(--yojk-exit-duration) ease-in both}.yojk-mascot__announcement{position:fixed;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes yojk-travel{0%{transform:translate(var(--yojk-travel-from, calc(-50vw - 130px) )) translateY(0)}72%{transform:translate(var(--yojk-travel-overshoot, 8px)) translateY(0)}88%{transform:translate(var(--yojk-travel-rebound, -3px)) translateY(-2px)}96%{transform:translate(var(--yojk-travel-settle, 1px)) translateY(0)}to{transform:translate(0) translateY(0)}}@keyframes yojk-roll{0%{transform:rotate(calc(-500deg * var(--yojk-roll-direction, 1)))}72%{transform:rotate(calc(10deg * var(--yojk-roll-direction, 1)))}88%{transform:rotate(calc(-3deg * var(--yojk-roll-direction, 1)))}96%{transform:rotate(calc(1deg * var(--yojk-roll-direction, 1)))}to{transform:rotate(0)}}@keyframes yojk-wiggle{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-7deg)}40%,80%{transform:rotate(7deg)}}@keyframes yojk-hatch{0%{opacity:0;transform:translateY(62px) scale(.6)}65%{opacity:1;transform:translateY(-8px) scale(1.06)}to{opacity:1;transform:none}}@keyframes yojk-shell-pop{0%{transform:none;opacity:1}55%{transform:translate(38px,-104px) rotate(38deg);opacity:1}to{transform:translate(90px,-65px) rotate(85deg);opacity:0}}@keyframes yojk-sparkle{0%{opacity:0;transform:scale(.5)}50%,75%{opacity:1}to{opacity:0;transform:scale(1.15)}}@keyframes yojk-bubble{0%{opacity:0;transform:translateY(8px) scale(.88)}to{opacity:1;transform:none}}@keyframes yojk-flex-left{0%,to{transform:rotate(0)}50%{transform:rotate(-9deg)}}@keyframes yojk-flex-right{0%,to{transform:rotate(0)}50%{transform:rotate(9deg)}}@keyframes yojk-exit{to{opacity:0;transform:translateY(12px) scale(.96)}}@media(prefers-reduced-motion:reduce){.yojk-mascot *,.yojk-mascot *:after{animation:none!important}.yojk-mascot:is([data-phase=cheering],[data-phase=leaving]) .yojk-mascot__shell-top{opacity:0}}.yojk-mascot[data-paused=true] *{animation-play-state:paused!important}.yojk-mascot-preview{width:96px;height:96px}.yojk-mascot-preview .yojk-mascot__character{opacity:1;transform:none}.yojk-mascot-preview *{animation:none!important}.yojk-mascot[data-gesture]:is([data-phase=entering],[data-phase=gesturing],[data-phase=cheering],[data-phase=leaving]) .yojk-mascot__shell-top{animation:yojk-shell-pop calc(.56s * var(--yojk-duration-scale, 1)) ease-out both}.yojk-mascot[data-gesture]:is([data-phase=entering],[data-phase=gesturing],[data-phase=cheering],[data-phase=leaving]) .yojk-mascot__shell-bottom{transform:translateY(5px)}.yojk-mascot[data-gesture] .yojk-mascot__gesture,.yojk-mascot[data-gesture] .yojk-mascot__head,.yojk-mascot[data-gesture] .yojk-mascot__left-arm,.yojk-mascot[data-gesture] .yojk-mascot__right-arm{animation-duration:var(--yojk-gesture-duration);animation-timing-function:ease-in-out;animation-fill-mode:both}.yojk-mascot[data-phase=gesturing][data-gesture=wave] .yojk-mascot__right-arm{animation-name:yojk-wave}.yojk-mascot[data-phase=gesturing][data-gesture=wave] .yojk-mascot__head{animation-name:yojk-friendly-tilt}.yojk-mascot[data-phase=gesturing][data-gesture=ready] .yojk-mascot__gesture{animation-name:yojk-ready}.yojk-mascot[data-phase=gesturing][data-gesture=ready] .yojk-mascot__left-arm{animation-name:yojk-proud-left}.yojk-mascot[data-phase=gesturing][data-gesture=ready] .yojk-mascot__right-arm{animation-name:yojk-proud-right}.yojk-mascot[data-phase=gesturing][data-gesture=nod] .yojk-mascot__head{animation-name:yojk-nod}.yojk-mascot[data-phase=gesturing][data-gesture=flex] .yojk-mascot__gesture{animation-name:yojk-proud-chest}.yojk-mascot[data-phase=gesturing][data-gesture=flex] .yojk-mascot__left-arm{animation-name:yojk-proud-left}.yojk-mascot[data-phase=gesturing][data-gesture=flex] .yojk-mascot__right-arm{animation-name:yojk-proud-right}.yojk-mascot[data-phase=gesturing][data-gesture=victory] .yojk-mascot__gesture{animation-name:yojk-victory}.yojk-mascot[data-phase=gesturing][data-gesture=victory] .yojk-mascot__left-arm{animation-name:yojk-victory-left}.yojk-mascot[data-phase=gesturing][data-gesture=victory] .yojk-mascot__right-arm{animation-name:yojk-victory-right}.yojk-mascot[data-phase=gesturing][data-gesture=breathe] .yojk-mascot__gesture{animation-name:yojk-breathe}.yojk-mascot[data-phase=gesturing][data-gesture=breathe] .yojk-mascot__left-arm{animation-name:yojk-rest-left}.yojk-mascot[data-phase=gesturing][data-gesture=breathe] .yojk-mascot__right-arm{animation-name:yojk-rest-right}.yojk-mascot[data-phase=gesturing][data-gesture=point] .yojk-mascot__right-arm{animation-name:yojk-point}.yojk-mascot[data-phase=gesturing][data-gesture=point] .yojk-mascot__head{animation-name:yojk-friendly-tilt}.yojk-mascot[data-phase=gesturing][data-gesture=think] .yojk-mascot__head{animation-name:yojk-think}.yojk-mascot[data-phase=gesturing][data-gesture=think] .yojk-mascot__left-arm{animation-name:yojk-thoughtful-wing}.yojk-mascot[data-phase=gesturing][data-gesture=trophy] .yojk-mascot__gesture{animation-name:yojk-proud-chest}.yojk-mascot__trophy{opacity:0;transform-origin:120px 190px}.yojk-mascot[data-phase=gesturing] .yojk-mascot__trophy{animation:yojk-trophy var(--yojk-gesture-duration) ease-in-out both}.yojk-mascot[data-gesture=trophy]:is([data-phase=cheering],[data-phase=leaving]) .yojk-mascot__trophy{opacity:1}.yojk-mascot[data-phase=gesturing]:is([data-gesture=flex],[data-gesture=victory],[data-gesture=trophy]) .yojk-mascot__sparkles{animation:yojk-sparkle calc(.85s * var(--yojk-duration-scale, 1)) calc(.6s * var(--yojk-duration-scale, 1)) ease-out both}.yojk-mascot[data-scene=peek-and-speak][data-gesture][data-phase=leaving] .yojk-mascot__traveler{animation:yojk-duck var(--yojk-exit-duration) ease-in both}@keyframes yojk-wave{0%,to{transform:rotate(0)}20%,48%,76%{transform:rotate(-23deg)}34%,62%{transform:rotate(12deg)}}@keyframes yojk-friendly-tilt{0%,to{transform:rotate(0)}30%,70%{transform:rotate(6deg)}}@keyframes yojk-ready{0%,to{transform:none}20%{transform:scale(1.06,.91)}47%{transform:translateY(-13px) scale(.97,1.04)}70%{transform:scale(1.03,.97)}}@keyframes yojk-nod{0%,to{transform:none}35%{transform:translateY(5px) rotate(4deg)}65%{transform:translateY(-2px) rotate(-2deg)}}@keyframes yojk-proud-chest{0%,to{transform:none}28%,72%{transform:scale(1.055,1.025)}}@keyframes yojk-proud-left{0%,to{transform:rotate(0)}28%,72%{transform:rotate(-19deg)}}@keyframes yojk-proud-right{0%,to{transform:rotate(0)}28%,72%{transform:rotate(19deg)}}@keyframes yojk-victory{0%,to{transform:none}12%,46%{transform:scale(1.06,.9)}28%{transform:translateY(-25px) rotate(-5deg)}62%{transform:translateY(-32px) rotate(5deg)}79%{transform:scale(1.04,.95)}}@keyframes yojk-victory-left{0%,to{transform:rotate(0)}28%,62%{transform:rotate(-25deg)}46%{transform:rotate(-8deg)}}@keyframes yojk-victory-right{0%,to{transform:rotate(0)}28%,62%{transform:rotate(25deg)}46%{transform:rotate(8deg)}}@keyframes yojk-breathe{0%,to{transform:none}45%,55%{transform:scale(1.025,1.04)}}@keyframes yojk-rest-left{0%,to{transform:rotate(0)}30%,75%{transform:rotate(-65deg)}}@keyframes yojk-rest-right{0%,to{transform:rotate(0)}30%,75%{transform:rotate(65deg)}}@keyframes yojk-point{0%,to{transform:rotate(0)}30%,70%{transform:rotate(55deg)}}@keyframes yojk-think{0%,to{transform:rotate(0)}22%,48%{transform:rotate(-10deg)}68%,82%{transform:rotate(5deg)}}@keyframes yojk-thoughtful-wing{0%,to{transform:rotate(0)}22%,70%{transform:rotate(18deg)}}@keyframes yojk-trophy{0%{opacity:0;transform:translateY(22px) scale(.6)}25%{opacity:1;transform:translateY(-5px) scale(1.07)}45%,to{opacity:1;transform:none}}@keyframes yojk-duck{to{transform:translateY(65%)}}.yojk-mascot__art[data-customized=true] .yojk-mascot__original-band{display:none}