#alien-mascot-wrap{position:fixed;z-index:999999;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;transform:translateY(18px) scale(.96);pointer-events:none;transition:opacity .35s ease,transform .35s ease;font-family:inherit;--alien-size:180px;--alien-bubble-size:280px;--alien-bubble-x:0px;--alien-bubble-y:0px}#alien-mascot-wrap.alien-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.alien-mascot-pos-bottom-right{right:18px;bottom:18px}.alien-mascot-pos-bottom-left{left:18px;bottom:18px}.alien-mascot-pos-bottom-center{left:50%;bottom:18px;transform:translate(-50%,18px) scale(.96)}.alien-mascot-pos-bottom-center.alien-visible{transform:translate(-50%,0) scale(1)}.alien-speech{position:relative;order:1;width:max-content;max-width:min(var(--alien-bubble-size),calc(100vw - 34px));background:#fff;color:#0f3d67;border:2px solid rgba(81,199,240,.72);border-radius:22px 22px 22px 6px;box-shadow:0 10px 30px rgba(3,105,161,.22);padding:12px 40px 12px 16px;font-size:16px;font-weight:800;line-height:1.25;animation:alienTalkPop .35s ease both;transform:translate(var(--alien-bubble-x),var(--alien-bubble-y));transition:opacity .22s ease,visibility .22s ease}.alien-speech:after{content:"";position:absolute;left:50%;bottom:-12px;margin-left:-10px;border-width:12px 10px 0 10px;border-style:solid;border-color:#fff transparent transparent transparent;filter:drop-shadow(0 2px 0 rgba(81,199,240,.5))}.alien-bubble-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.alien-close{position:absolute;right:9px;top:6px;border:0;background:rgba(14,165,233,.1);color:#0f3d67;border-radius:999px;width:24px;height:24px;line-height:22px;font-size:18px;cursor:pointer}.alien-stage{position:relative;order:2;width:var(--alien-size);height:calc(var(--alien-size)*1.25);padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation;transform-style:preserve-3d;animation:alienFloat 3.4s ease-in-out infinite;filter:drop-shadow(0 14px 22px rgba(7,89,133,.26));overflow:visible}.alien-stage:hover{animation:alienFloat 2.1s ease-in-out infinite}.alien-video,.alien-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;transform-origin:50% 72%;transition:transform .16s ease,filter .16s ease}.alien-video{display:block;border:0;background:transparent}.alien-fallback-img{display:none}.alien-stage.alien-video-failed .alien-video{display:none}.alien-stage.alien-video-failed .alien-fallback-img{display:block}.alien-stage.alien-look-left .alien-video,.alien-stage.alien-look-left .alien-img{transform:rotate(-3deg) translateX(-3px)}.alien-stage.alien-look-right .alien-video,.alien-stage.alien-look-right .alien-img{transform:rotate(3deg) translateX(3px)}.alien-stage.alien-boop .alien-video,.alien-stage.alien-boop .alien-img{animation:alienBoop .45s ease both}.alien-stage.alien-excited{animation:alienExcited .62s cubic-bezier(.34,1.56,.64,1) both}.alien-stage.alien-peek .alien-video,.alien-stage.alien-peek .alien-img{animation:alienPeek .75s ease both}.alien-sparkle{position:absolute;z-index:2;color:#fff;text-shadow:0 0 8px #7dd3fc,0 0 16px #38bdf8;font-size:18px;opacity:0;pointer-events:none}.alien-sparkle-one{top:8%;right:8%;animation:alienSparkle 2.4s ease-in-out infinite}.alien-sparkle-two{top:24%;left:5%;animation:alienSparkle 2.9s .8s ease-in-out infinite}.alien-candy-layer{position:absolute;inset:0;overflow:visible;pointer-events:none}.alien-candy{position:absolute;left:50%;top:42%;font-size:20px;line-height:1;will-change:transform,opacity;animation:alienCandyThrow .95s cubic-bezier(.16,.84,.44,1) forwards;filter:drop-shadow(0 4px 5px rgba(0,0,0,.15))}.alien-heart{position:absolute;left:50%;top:35%;font-size:21px;animation:alienHeart .9s ease forwards;will-change:transform,opacity}.alien-bubble-pop{animation:alienTalkPop .28s ease both}@keyframes alienFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1.7deg)}}@keyframes alienTalkPop{0%{transform:translate(var(--alien-bubble-x),calc(var(--alien-bubble-y) + 8px)) scale(.86);opacity:.2}100%{transform:translate(var(--alien-bubble-x),var(--alien-bubble-y)) scale(1);opacity:1}}@keyframes alienBoop{0%,100%{transform:scale(1)}35%{transform:scale(.94,1.05) translateY(4px)}65%{transform:scale(1.06,.96) translateY(-5px)}}@keyframes alienExcited{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-7deg)}50%{transform:translateY(-3px) rotate(7deg)}75%{transform:translateY(-8px) rotate(-4deg)}}@keyframes alienPeek{0%,100%{transform:rotate(0)}30%{transform:rotate(-6deg) translateX(-4px)}60%{transform:rotate(6deg) translateX(4px)}}@keyframes alienSparkle{0%,100%{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(25deg)}}@keyframes alienCandyThrow{0%{opacity:1;transform:translate(0,0) scale(.5) rotate(0)}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(1.25) rotate(var(--r))}}@keyframes alienHeart{0%{opacity:0;transform:translate(-50%,0) scale(.4)}25%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),-75px) scale(1.25) rotate(var(--r))}}@media(max-width:640px){#alien-mascot-wrap{gap:7px}.alien-speech{font-size:14px;padding:10px 38px 10px 13px}.alien-stage{width:min(var(--alien-size),150px);height:calc(min(var(--alien-size),150px)*1.25)}}@media(prefers-reduced-motion:reduce){.alien-stage,.alien-sparkle,.alien-stage.alien-excited,.alien-video,.alien-img{animation:none!important;transition:none!important}}
