.mascot{position:relative;width:100%;aspect-ratio:2/3;container-type:inline-size;pointer-events:none;user-select:none;--tone-hi:#fff4d6;--tone:#f4cf7a;--tone-deep:#c99a45;--orb:#b48cff}.mascot[data-tone=gold]{--tone-hi:#fff4cc;--tone:#ffd76a;--tone-deep:#f4c84a}.mascot[data-tone=lavender]{--tone-hi:#f3eeff;--tone:#c4b5fd;--tone-deep:#7c5cf6}.mascot[data-tone=pink]{--tone-hi:#fff0f8;--tone:#ff9fd2;--tone-deep:#e0479a}.mascot[data-tone=sky]{--tone-hi:#effaff;--tone:#9ddcff;--tone-deep:#2d97e0}.mascot[data-tone=mint]{--tone-hi:#effff7;--tone:#9ff0cc;--tone-deep:#22a878}.mascot img{display:block;-webkit-user-drag:none}.gm-l{inset:0}.gm-img,.gm-l{position:absolute}.gm-img{max-width:none}.gm-aura{inset:-6% -14% 4%;background:radial-gradient(38% 30% at 52% 30%,rgb(196 181 253/.38),transparent 70%),radial-gradient(60% 52% at 50% 44%,rgb(124 92 246/.28),transparent 72%),radial-gradient(16% 11% at 85% 25%,rgb(180 140 255/.55),transparent 70%);animation:gm-aura 6s ease-in-out infinite}@keyframes gm-aura{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.gm-rays{inset:-10% -30% 20%;background:repeating-conic-gradient(from 0deg at 50% 32%,rgb(233 213 255/.13) 0deg 4deg,transparent 4deg 15deg);mask-image:radial-gradient(46% 42% at 50% 32%,#000 20%,transparent 72%);animation:gm-rays 80s linear infinite;opacity:.8}@keyframes gm-rays{to{transform:rotate(1turn)}}.gm-fig{transform-origin:var(--px) var(--py);transform:rotate(var(--lean,0deg));transition:transform .5s cubic-bezier(.3,.7,.3,1);mask-image:linear-gradient(180deg,#000 86%,transparent),linear-gradient(90deg,transparent 0,#000 14%);mask-composite:intersect;filter:drop-shadow(0 0 2.4cqw rgb(124 92 246/.35))}.gm-breath{transform-origin:50% 100%;animation:gm-breath 5.2s ease-in-out infinite}@keyframes gm-breath{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-.7%) scale(1.004,1.009)}}.gm-eye{position:absolute;width:4.6cqw;height:2.6cqw;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,#fff 0,#d9ccff 30%,rgb(160 130 255/.55) 60%,transparent 100%);mix-blend-mode:screen;animation:gm-eye 3.4s ease-in-out infinite}.gm-eye+.gm-eye{animation-delay:.12s}@keyframes gm-eye{0%,to{opacity:.55;scale:1}50%{opacity:.9;scale:1.15}}.gm-orbcore,.gm-orbhalo{position:absolute;translate:-50% -50%;border-radius:50%}.gm-orbhalo{width:30cqw;height:30cqw;background:radial-gradient(closest-side,rgb(200 170 255/.65),rgb(140 90 255/.3) 45%,transparent 100%);animation:gm-halo 2.8s ease-in-out infinite}@keyframes gm-halo{0%,to{opacity:.65;scale:.92}50%{opacity:1;scale:1.06}}.gm-orb{mix-blend-mode:screen;opacity:.35;animation:gm-orb 2.8s ease-in-out infinite}@keyframes gm-orb{0%,to{opacity:.15}50%{opacity:.5}}.gm-orbcore{width:6cqw;height:6cqw;background:radial-gradient(closest-side,#fff,rgb(230 215 255/.7) 45%,transparent 100%);mix-blend-mode:screen;opacity:.55}.gm-orbgold{position:absolute;translate:-50% -50%;border-radius:50%;width:19cqw;height:19cqw;background:radial-gradient(closest-side,#fffbea,#ffd76a 40%,rgb(244 200 74/.75) 70%,transparent 100%);mix-blend-mode:hard-light;opacity:0}.mascot[data-tone=gold][data-act=cast] .gm-orbgold{animation:gm-goldflare 1.6s ease-out both}.mascot[data-tone=gold][data-act=bless] .gm-orbgold{animation:gm-goldflare 1.2s ease-out both}.mascot[data-act=celebrate] .gm-orbgold{animation:gm-goldflare 1.3s ease-out 2 both}.mascot[data-act=cheer] .gm-orbgold{animation:gm-goldflare 1.2s ease-out both}@keyframes gm-goldflare{0%{opacity:0;scale:.9}25%{opacity:1;scale:1.25}70%{opacity:.9;scale:1.05}to{opacity:0;scale:1}}.mascot[data-tone=gold][data-act=bless] .gm-orbcore,.mascot[data-tone=gold][data-act=cast] .gm-orbcore{background:radial-gradient(closest-side,#fff,rgb(255 228 140/.8) 45%,transparent 100%)}.mascot[data-act=celebrate] .gm-bolts path,.mascot[data-act=cheer] .gm-bolts path,.mascot[data-tone=gold][data-act=cast] .gm-bolts path{stroke:#ffe08a}.gm-bolts{width:100%;height:100%;overflow:visible}.gm-bolts path{fill:none;stroke:#efe6ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0}.gm-bolt-idle path{animation:gm-crackle 2.6s step-end infinite}@keyframes gm-crackle{0%,to{opacity:0}4%{opacity:.9}7%{opacity:.2}9%{opacity:.8}12%{opacity:0}}.gm-bolt-big path{stroke-width:4.5;stroke:var(--tone-hi)}.gm-flash{position:absolute;inset:0;background:radial-gradient(40% 30% at 70% 26%,var(--tone-hi),transparent 70%);mix-blend-mode:screen;opacity:0}.gm-rise{position:absolute;inset:-4% -10% 0;overflow:hidden;mask-image:linear-gradient(0deg,transparent,#000 15%,#000 70%,transparent)}.gm-rise img{position:absolute;bottom:-8%;width:calc(var(--s) * 1%);opacity:0;animation:gm-rise var(--t) linear var(--d) infinite}@keyframes gm-rise{0%{transform:translate(0);opacity:0}12%{opacity:.85}50%{transform:translate(var(--sw),-55cqh)}85%{opacity:.6}to{transform:translateY(-112cqh);opacity:0}}.gm-rise{container-type:size}.gm-fx{overflow:visible}.gm-burst{position:absolute;width:0;height:0}.gm-burst img{position:absolute;width:calc(var(--s) * 1cqw);translate:-50% -50%;opacity:0}.mascot[data-act=cast] .gm-orbhalo{animation:gm-charge 1.6s ease-out both;background:radial-gradient(closest-side,var(--tone-hi),color-mix(in srgb,var(--tone) 60%,transparent) 40%,transparent 100%)}@keyframes gm-charge{0%{scale:.9;opacity:.7}30%{scale:1.5;opacity:1}40%{scale:1.2}to{scale:.95;opacity:.7}}.mascot[data-act=bless] .gm-orbcore,.mascot[data-act=cast] .gm-orbcore{animation:gm-core 1.2s ease-out both}@keyframes gm-core{0%{opacity:.5;scale:1}35%{opacity:1;scale:2.6}to{opacity:.55;scale:1}}.mascot[data-act=cast] .gm-bolt-big path{animation:gm-strike .9s step-end .3s both}@keyframes gm-strike{0%{opacity:1}15%{opacity:.2}25%{opacity:1}45%{opacity:.4}60%{opacity:.9}to{opacity:0}}.mascot[data-act=cast] .gm-flash{animation:gm-flash 1s ease-out .4s both}@keyframes gm-flash{0%{opacity:0}20%{opacity:.55}to{opacity:0}}.mascot[data-act=cast] .gm-eye{animation:gm-eyeflare 1.6s ease-out both}@keyframes gm-eyeflare{0%{opacity:.6;scale:1}25%{opacity:1;scale:1.7}to{opacity:.6;scale:1}}.mascot[data-act=bless] .gm-orbhalo{animation:gm-charge 1.2s ease-out both;background:radial-gradient(closest-side,#fff6dc,rgb(244 207 122/.5) 45%,transparent 100%)}.mascot[data-act=celebrate] .gm-breath{animation:gm-surge 2.6s cubic-bezier(.2,.8,.3,1) both}@keyframes gm-surge{0%{transform:translateY(0) scale(1)}18%{transform:translateY(-2.4%) scale(1.02)}60%{transform:translateY(-1.6%) scale(1.015)}to{transform:translateY(0) scale(1)}}.mascot[data-act=celebrate] .gm-bolt-big path{animation:gm-strike 1.1s step-end .2s 2 both}.mascot[data-act=celebrate] .gm-orbhalo{animation:gm-charge 1.3s ease-out 2 both;background:radial-gradient(closest-side,#fff6dc,rgb(244 207 122/.6) 40%,transparent 100%)}.mascot[data-act=celebrate] .gm-flash{animation:gm-flash 1.3s ease-out .2s 2 both}.mascot[data-act=celebrate] .gm-eye{animation:gm-eyeflare 1.3s ease-out 2 both}.mascot[data-act=celebrate] .gm-aura{animation:gm-auraflash 2.6s ease-out both}@keyframes gm-auraflash{0%{opacity:.8}20%{opacity:1;transform:scale(1.12);filter:brightness(1.5)}to{opacity:.8;transform:scale(1)}}.mascot[data-act=celebrate] .gm-burst img{animation:gm-burst 1.6s cubic-bezier(.1,.7,.3,1) var(--d) both}@keyframes gm-burst{0%{opacity:0;transform:translate(0) scale(.3)}10%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1)}}.mascot[data-act=cheer] .gm-orbhalo{animation:gm-charge 1.2s ease-out both;background:radial-gradient(closest-side,#fff6dc,rgb(255 215 106/.6) 40%,transparent 100%)}.mascot[data-act=cheer] .gm-bolt-big path{animation:gm-strike .8s step-end .15s both}.mascot[data-act=cheer] .gm-flash{animation:gm-flash 1s ease-out .1s both}.mascot[data-act=cheer] .gm-eye{animation:gm-eyeflare 1.2s ease-out both}.mascot[data-act=cheer] .gm-burst img:nth-child(odd){animation:gm-burst 1.2s cubic-bezier(.1,.7,.3,1) var(--d) both}.mascot[data-act=console] .gm-breath{animation:gm-bow 2.8s ease-in-out both}@keyframes gm-bow{0%,to{transform:translateY(0)}30%,70%{transform:translateY(.8%)}}.mascot[data-act=console] .gm-aura{animation:gm-cool 2.8s ease-in-out both}@keyframes gm-cool{0%,to{opacity:.8;filter:none}30%,70%{opacity:.5;filter:hue-rotate(-30deg) saturate(.7)}}.mascot[data-act=console] .gm-eye{animation:gm-soft 2.8s ease-in-out both}@keyframes gm-soft{0%,to{opacity:.6}30%,70%{opacity:.25}}.mascot[data-act=console] .gm-orbhalo{animation:gm-soft 2.8s ease-in-out both}.mascot[data-calm] .gm-bolts,.mascot[data-calm] .gm-burst,.mascot[data-calm] .gm-rays,.mascot[data-calm] .gm-rise{display:none}.mascot[data-calm] .gm-fig{transform:none}@media (prefers-reduced-motion:reduce){.mascot *,.mascot :after,.mascot :before{animation-duration:0s!important;animation-iteration-count:1!important;transition:none!important}.mascot .gm-bolts,.mascot .gm-burst,.mascot .gm-rise{display:none}.mascot .gm-fig{transform:none!important}}.mascot[data-paused] *,.mascot[data-paused] :after,.mascot[data-paused] :before{animation-play-state:paused!important}.mascot-beam{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.mascot-beam[data-paused] *{animation-play-state:paused!important}.mb-shot{animation:mb-fade 1.3s linear both}@keyframes mb-fade{0%,68%{opacity:1}to{opacity:0}}.mb-draw{stroke-dasharray:1 1;stroke-dashoffset:1;animation:mb-draw .24s cubic-bezier(.2,.7,.3,1) forwards}.mb-spiral{animation-duration:.36s}@keyframes mb-draw{to{stroke-dashoffset:0}}.mb-flow{stroke-dasharray:.015 .07;animation:mb-flow .5s linear infinite;opacity:.9}@keyframes mb-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-.17}}.mb-bub{offset-rotate:0deg;offset-distance:0;opacity:0;animation:mb-travel .7s ease-in both}@keyframes mb-travel{0%{offset-distance:0;opacity:0}15%{opacity:1}to{offset-distance:100%;opacity:.2}}.mb-muzzle{animation:mb-muzzle .5s ease-out both}.mb-muzzle>*{animation:mb-pop .5s ease-out both}@keyframes mb-muzzle{0%{opacity:1}to{opacity:0}}@keyframes mb-pop{0%{transform:scale(.2) rotate(0deg)}40%{transform:scale(1.2) rotate(25deg)}to{transform:scale(.7) rotate(45deg)}}.mb-hit>*{opacity:0}.mb-hit .mb-flare{animation:mb-flare .9s ease-out .2s both}.mb-hit .mb-ring{animation:mb-ring .8s cubic-bezier(.1,.6,.3,1) .2s both}.mb-hit .mb-ring-2{animation-delay:.32s}.mb-hit .mb-star{animation:mb-star .8s ease-out .2s both}.mb-hit .mb-p{animation:mb-p .9s cubic-bezier(.1,.7,.3,1) .22s both}.mb-hit-late .mb-flare,.mb-hit-late .mb-p,.mb-hit-late .mb-ring,.mb-hit-late .mb-star{animation-delay:.48s}@keyframes mb-flare{0%{opacity:0;transform:scale(.2)}25%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(.9)}}@keyframes mb-ring{0%{opacity:.9;transform:scale(.1)}to{opacity:0;transform:scale(1)}}@keyframes mb-star{0%{opacity:0;transform:scale(0) rotate(0deg)}30%{opacity:1;transform:scale(1.15) rotate(30deg)}to{opacity:0;transform:scale(.3) rotate(90deg)}}@keyframes mb-p{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}.mb-spark{animation-duration:1.1s}.mb-mote{offset-rotate:0deg;animation:mb-mote .5s cubic-bezier(.4,0,.6,1) both}@keyframes mb-mote{0%{offset-distance:0;opacity:0}15%{opacity:1}92%{opacity:1}to{offset-distance:100%;opacity:0}}.mb-calm{animation:mb-calm 1.5s ease-in-out both}@keyframes mb-calm{0%,to{opacity:0}35%,65%{opacity:.75}}