#mascot-container.jiggle{animation:jiggle .5s ease-in-out}@keyframes jiggle{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-.125rem) rotate(-2deg)}50%{transform:translateY(0) rotate(2deg)}75%{transform:translateY(-.0625rem) rotate(-1deg)}}@keyframes fadeOutMascotVisual{0%{opacity:1}to{opacity:0}}#mascot-visual-area.visual-fading-out{animation:fadeOutMascotVisual 1.5s ease-out forwards}#mascot-visual-area svg{animation:mascotWobble 3s infinite ease-in-out}@keyframes mascotWobble{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes hatTip{0%,to{transform:rotate(-10deg)}50%{transform:rotate(-25deg)}}svg.cuppy-cake-specific-styles.animate-hat-tip .hat{transform-origin:25px 30px;animation:hatTip .7s ease-in-out}@keyframes sprinkleShiver{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(.5px,-.5px) rotate(2deg)}50%{transform:translate(-.5px,.5px) rotate(-2deg)}75%{transform:translate(.5px,.5px) rotate(1deg)}}svg.cuppy-cake-specific-styles.animate-sprinkle-shiver .sprinkle{animation:sprinkleShiver .4s linear}@keyframes legTap{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-5deg)}}#pretzel-pete .left-leg.animate-left-leg-tap{transform-origin:40px 85px;animation:legTap .6s ease-in-out}#pretzel-pete .right-leg.animate-right-leg-tap{transform-origin:60px 85px;animation:legTap .6s ease-in-out}@keyframes armWave{0%,to{transform:rotate(0)}50%{transform:rotate(-20deg)}}#pretzel-pete .left-arm.animate-left-arm-wave{transform-origin:20px 55px;animation:armWave .7s ease-in-out}#pretzel-pete .right-arm.animate-right-arm-wave{transform-origin:80px 55px;animation:armWave .7s ease-in-out}@keyframes hachimakiFlutter{0%,to{transform:rotate(0) skew(0)}50%{transform:rotate(5deg) skew(-5deg)}}svg#sushi-sam.animate-hachimaki-flutter .hachimaki-tie-1{transform-origin:15px 48px;animation:hachimakiFlutter .8s ease-in-out}svg#sushi-sam.animate-hachimaki-flutter .hachimaki-tie-2{transform-origin:15px 50px;animation:hachimakiFlutter .8s ease-in-out .05s}@keyframes makiRoll{0%,to{transform:rotate(0)}50%{transform:rotate(4deg)}}svg#sushi-sam.animate-maki-roll .maki-roll{transform-origin:center bottom;animation:makiRoll .9s ease-in-out}@keyframes cuppyEyeFloat{0%,to{transform:translate(0) scale(1)}20%{transform:translate(-8px,5px) scale(.8)}40%{transform:translate(10px,-7px) scale(1.2)}60%{transform:translate(-5px,-10px) scale(.7)}80%{transform:translate(7px,6px) scale(1.1)}}svg.cuppy-cake-specific-styles.animate-eye-spy .left-eye .pupil{animation:cuppyEyeFloat 2.5s ease-in-out;transform-origin:center}svg.cuppy-cake-specific-styles.animate-eye-spy .right-eye .pupil{animation:cuppyEyeFloat 2.5s ease-in-out .1s;transform-origin:center}.eyes-group.animating-surreal,.eye.animating-surreal{overflow:visible!important}#pretzel-pete .pretzel-body-segment{transition:opacity .5s ease-in-out}#pretzel-pete #pretzel-unravelled-1,#pretzel-pete #pretzel-unravelled-2{opacity:0;pointer-events:none}@keyframes saltCrystalFall{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(1.25rem)}}@keyframes saltCrystalReappear{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}#pretzel-pete.animate-unraveling .salt-crystal-instance.falling{animation:saltCrystalFall .8s ease-in forwards}#pretzel-pete.animate-unraveling .salt-crystal-instance.reappearing{animation:saltCrystalReappear .8s ease-out forwards}@keyframes unravelledSway{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}#pretzel-pete #pretzel-unravelled-2.swaying{transform-origin:50px 15px;animation:unravelledSway 2s ease-in-out infinite}#sushi-sam .nori-void-layer{opacity:0;transition:opacity .3s ease-in-out}#sushi-sam.animate-nori-void .nori-void-layer{opacity:1}@keyframes noriFlapOpen{0%{transform:rotateX(0)}to{transform:rotateX(-70deg)}}@keyframes noriFlapClose{0%{transform:rotateX(-70deg)}to{transform:rotateX(0)}}#sushi-sam.animate-nori-void .nori-flap{transform-origin:50% 0%}#sushi-sam.animate-nori-void .nori-flap.opening{animation:noriFlapOpen .7s ease-out forwards}#sushi-sam.animate-nori-void .nori-flap.closing{animation:noriFlapClose .7s ease-in forwards}@keyframes cosmicSwirl1{0%,to{transform:translate(0) scale(1);opacity:.7}50%{transform:translate(3px,-2px) scale(1.1);opacity:.9}}@keyframes cosmicSwirl2{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(-2px,3px) scale(.9);opacity:.8}}#sushi-sam.animate-nori-void .cosmic-particle1{animation:cosmicSwirl1 3s infinite ease-in-out}#sushi-sam.animate-nori-void .cosmic-particle2{animation:cosmicSwirl2 3s infinite ease-in-out .5s}#mascot-image-display.wiggling{animation-name:mascotWobble;animation-duration:.6s;animation-timing-function:ease-in-out}:root{--speech-bubble-max-width: 50rem;--speech-bubble-padding: .6rem .6rem;--speech-bubble-radius: .75rem;--speech-bubble-tail-size: .7rem;--hue: 270}#mascot-container{position:fixed;bottom:2rem;right:1rem;width:12rem;height:10rem;background-color:transparent;background-image:var(--mascot-background-image);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1000;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(calc(100% + 1.5rem));transition:transform .7s ease-in-out,opacity .7s ease-in-out}#mascot-container.visible{transform:translateY(0);opacity:.75}#mascot-visual-area{width:85%;height:77%;margin-top:auto;margin-bottom:5%;position:relative;display:flex;justify-content:center;align-items:center}#mascot-visual-area svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}#mascot-speech-bubble{position:absolute;right:calc(100% - 3rem);bottom:60%;width:auto;min-width:12rem;max-width:var(--speech-bubble-max-width);height:auto;padding:var(--speech-bubble-padding);--speech-bubble-bg: oklch(.98 .01 var(--hue));--speech-bubble-border: oklch(.85 .01 var(--hue));background-color:var(--speech-bubble-bg);border:1px solid var(--speech-bubble-border);border-radius:var(--speech-bubble-radius);font-family:Comic Sans MS,Chalkboard SE,Marker Felt,sans-serif;font-size:clamp(.8rem,2.2vw,.95rem);color:oklch(.15 .01 var(--hue));text-align:left;z-index:1001;opacity:0;pointer-events:none;box-shadow:0 2px 5px #00000026;overflow-wrap:break-words}#mascot-speech-bubble:after,#mascot-speech-bubble:before{content:"";position:absolute;bottom:1rem;width:0;height:0;border-style:solid}#mascot-speech-bubble:after{left:100%;border-width:var(--speech-bubble-tail-size) 0 var(--speech-bubble-tail-size) var(--speech-bubble-tail-size);border-color:transparent transparent transparent var(--speech-bubble-border)}#mascot-speech-bubble:before{left:calc(100% - 2px);border-width:calc(var(--speech-bubble-tail-size) - 2px) 0 calc(var(--speech-bubble-tail-size) - 2px) calc(var(--speech-bubble-tail-size) - 2px);border-color:transparent transparent transparent var(--speech-bubble-bg);bottom:calc(1rem + 2px)}#mascot-speech-text{margin:0;padding:0}#mascot-speech-bubble.appearing{animation:speech-appear .8s ease-out forwards}#mascot-speech-bubble.fading{animation:speech-fade 1.2s ease-in forwards}#mascot-speech-bubble.quick-fading{animation:speech-quick-fade .2s ease-in forwards}@keyframes speech-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0);pointer-events:auto}}@keyframes speech-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px);pointer-events:none}}@keyframes speech-quick-fade{0%{opacity:1}to{opacity:0;pointer-events:none}}#mascot-chat-ui{display:flex;align-items:center;width:90%;margin:.5rem auto .25rem;gap:.5rem;background-color:oklch(.95 .01 var(--hue));border:1px solid oklch(.85 .01 var(--hue));padding:.25rem;border-radius:.3rem}#mascot-chat-input{flex-grow:1;min-width:0;padding:.3rem .5rem;border-radius:.3rem;font-family:Comic Sans MS,Chalkboard SE,Marker Felt,sans-serif;font-size:.8rem;background-color:#fff;border:1px solid oklch(.8 .01 var(--hue));color:oklch(.15 .01 var(--hue))}#mascot-chat-input::-moz-placeholder{color:oklch(.55 .01 var(--hue));opacity:1}#mascot-chat-input::placeholder{color:oklch(.55 .01 var(--hue));opacity:1}#mascot-chat-send{flex-shrink:0;padding:.3rem .6rem;background-color:var(--primary);color:#fff;border:none;border-radius:.3rem;cursor:pointer;font-family:Comic Sans MS,Chalkboard SE,Marker Felt,sans-serif;font-size:.8rem;transition:background-color .2s ease-in-out}#mascot-chat-send:hover{background-color:var(--primary-hover)}@media(prefers-color-scheme:dark){#mascot-speech-bubble{color:oklch(.85 .01 var(--hue));--speech-bubble-bg: oklch(.2 .01 var(--hue));--speech-bubble-border: oklch(.35 .01 var(--hue))}#mascot-chat-ui{background-color:oklch(.25 .01 var(--hue));border-color:oklch(.4 .01 var(--hue))}#mascot-chat-input,#mascot-chat-input-mobile{background-color:oklch(.15 .01 var(--hue));border-color:oklch(.35 .01 var(--hue));color:oklch(.85 .01 var(--hue))}#mascot-chat-input::-moz-placeholder,#mascot-chat-input-mobile::-moz-placeholder{color:oklch(.5 .01 var(--hue))}#mascot-chat-input::placeholder,#mascot-chat-input-mobile::placeholder{color:oklch(.5 .01 var(--hue))}}#mascot-chat-input-mobile{background-color:#fff;border:1px solid oklch(.8 .01 var(--hue));color:oklch(.15 .01 var(--hue))}#mascot-chat-input-mobile::-moz-placeholder{color:oklch(.55 .01 var(--hue));opacity:1}#mascot-chat-input-mobile::placeholder{color:oklch(.55 .01 var(--hue));opacity:1}@media(max-width:768px){#mascot-container{width:5.5rem;height:7rem;right:1rem;bottom:1rem}#mascot-speech-bubble{font-size:clamp(.75rem,2vw,.9rem);max-width:calc(var(--speech-bubble-max-width) * .9)}#mascot-chat-input,#mascot-chat-send{font-size:.7rem}#dismiss-mascot-button{font-size:.9rem}#bring-back-mascot-button{width:2rem}}@media(max-width:480px){#mascot-container{width:8rem;height:10.28rem;right:0rem;bottom:2.5rem;opacity:.85}#mascot-speech-bubble{font-size:clamp(.7rem,1.8vw,.85rem);max-width:calc(var(--speech-bubble-max-width) * .8)}#mascot-chat-ui{flex-direction:column;align-items:stretch;gap:.5rem}#mascot-chat-input,#mascot-chat-send{font-size:.65rem;padding:.25rem .4rem;width:100%;margin-left:0;margin-right:0}#dismiss-mascot-button{font-size:.8rem}#bring-back-mascot-button{bottom:.5rem;right:.5rem;width:1.75rem}#mobile-mascot-function-card{display:flex!important;visibility:visible!important;opacity:1!important}#mascot-chat-ui,#mascot-container>#dismiss-mascot-button,body>#bring-back-mascot-button{display:none!important}}
