.stage{aspect-ratio:1;background:var(--color-paper-deep);isolation:isolate;width:100%;position:relative;overflow:hidden;container-type:inline-size}.stage-layer{animation:.52s ease-out both stage-in;position:absolute;inset:0}.stage-layer[data-leaving]{pointer-events:none;animation:.52s ease-in both stage-out}@keyframes stage-in{0%{opacity:0}to{opacity:1}}@keyframes stage-out{0%{opacity:1}to{opacity:0}}.stage-drift{transform-origin:50% 60%;animation:16s ease-in-out 1.6s infinite alternate stage-drift;position:absolute;inset:0}@keyframes stage-drift{0%{transform:scale(1)}to{transform:scale(1.035)}}.stage-world{transform-origin:0 0;transform:var(--cam-to);animation:1.5s cubic-bezier(.3,.1,.2,1) both stage-camera;position:absolute;inset:0}@keyframes stage-camera{0%{transform:var(--cam-from)}to{transform:var(--cam-to)}}.stage-place{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.stage-wash{pointer-events:none;opacity:0;position:absolute;inset:0}.stage-layer[data-light=storm] .stage-wash{mix-blend-mode:multiply;opacity:.66;background:linear-gradient(#4a5a7c,#6c7f9c)}.stage-layer[data-light=night] .stage-wash{mix-blend-mode:multiply;opacity:.8;background:linear-gradient(#1c2452,#2c3a6e)}.stage-layer[data-light=dawn] .stage-wash{mix-blend-mode:soft-light;opacity:.6;background:linear-gradient(#ffd8a2,#ffb784)}.stage-pool{left:calc(var(--x) * 100%);top:calc(var(--feet) * 100%);width:calc(var(--w) * 100%);background:radial-gradient(ellipse at center, var(--glow) 0%, transparent 68%);mix-blend-mode:screen;opacity:.34;pointer-events:none;height:17%;position:absolute;transform:translate(-50%,-50%)}.stage-layer[data-light=night] .stage-pool{opacity:.5;height:46%}.stage-vignette{pointer-events:none;background:radial-gradient(ellipse 78% 78% at 50% 54%, transparent 52%, var(--shade) 135%);mix-blend-mode:multiply;opacity:.55;position:absolute;inset:0}.actor,.prop{left:calc(var(--x) * 100%);top:calc(var(--feet) * 100%);height:calc(var(--size) * 100%);--dir:1;position:absolute;transform:translate(-50%,-100%)}.actor{width:calc(var(--size) * 112%)}.prop{aspect-ratio:var(--aspect)}[data-from=right]{--dir:-1}.actor-enter,.actor-idle,.actor-react,.prop-enter,.prop-idle,.prop-react{transform-origin:50% 100%;position:absolute;inset:0}.actor-body,.prop-part{object-fit:contain;object-position:50% 100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.actor-body{filter:drop-shadow(.5cqw .6cqw .9cqw color-mix(in srgb, var(--shade) 42%, transparent))}.actor-shadow,.actor-contact{background:var(--shade);-webkit-mask:var(--sprite) 50% 100% / contain no-repeat;-webkit-mask:var(--sprite) 50% 100% / contain no-repeat;mask:var(--sprite) 50% 100% / contain no-repeat;mix-blend-mode:multiply;pointer-events:none;transform-origin:50% 100%;position:absolute;inset:0}.actor-shadow{filter:blur(.7cqw);opacity:.46;animation:.9s ease-out .5s both shade-in;transform:skew(56deg)scaleY(-.25)}.actor-contact{clip-path:inset(93% 0 0);filter:blur(.45cqw);opacity:.75;animation:.9s ease-out .5s both shade-in;transform:translateY(1.2%)scaleY(1.5)}@keyframes shade-in{0%{opacity:0}}.actor[data-react=jump] .actor-shadow,.actor[data-react=cheer] .actor-shadow{animation:.9s ease-in-out both shade-lift}.actor[data-react=jump] .actor-contact,.actor[data-react=cheer] .actor-contact{animation:.9s ease-in-out both shade-lift-contact}@keyframes shade-lift{0%,60%,to{opacity:.46}32%{opacity:.2}}@keyframes shade-lift-contact{0%,60%,to{opacity:.75}32%{opacity:.12}}.prop-ground{background:radial-gradient(ellipse 46% 50% at 38% 50%, var(--shade) 0%, transparent 100%);mix-blend-mode:multiply;height:22%;opacity:calc(.62 * (1 - var(--dim)));filter:blur(.3cqw);pointer-events:none;position:absolute;bottom:-5%;left:-12%;right:-46%}.prop-part{filter:brightness(calc(1 - var(--dim) * .6)) saturate(calc(1 - var(--dim) * .35));transition:filter .7s ease-out}.prop[data-react=roll] .prop-part,.prop[data-react=pop] .prop-part{filter:none}.actor-enter,.prop-enter{animation-duration:1.25s;animation-timing-function:linear;animation-fill-mode:both;animation-delay:calc(var(--i,0) * .17s + .26s)}[data-enter=fade]{animation-name:a-enter-fade;animation-duration:.8s}[data-enter=walk]{animation-name:a-enter-walk}[data-enter=hop]{animation-name:a-enter-hop}[data-enter=drop]{animation-name:a-enter-drop;animation-duration:.9s}[data-enter=rise]{animation-name:a-enter-rise;animation-duration:.9s;animation-timing-function:ease-out}[data-enter=fly]{animation-name:a-enter-fly;animation-timing-function:ease-out}@keyframes a-enter-fade{0%{opacity:0}to{opacity:1}}@keyframes a-enter-walk{0%{transform:translate(calc(var(--dir) * -72cqw), 0);opacity:0}6%{opacity:1}10%{transform:translate(calc(var(--dir) * -62cqw), -1.5cqw)}20%{transform:translate(calc(var(--dir) * -52cqw), 0)}30%{transform:translate(calc(var(--dir) * -43cqw), -1.5cqw)}40%{transform:translate(calc(var(--dir) * -34cqw), 0)}50%{transform:translate(calc(var(--dir) * -26cqw), -1.4cqw)}60%{transform:translate(calc(var(--dir) * -18cqw), 0)}70%{transform:translate(calc(var(--dir) * -11cqw), -1.2cqw)}80%{transform:translate(calc(var(--dir) * -5cqw), 0)}90%{transform:translate(calc(var(--dir) * -1.5cqw), -.8cqw)}to{opacity:1;transform:translate(0)}}@keyframes a-enter-hop{0%{transform:translate(calc(var(--dir) * -60cqw), 0);opacity:0}6%{opacity:1}17%{transform:translate(calc(var(--dir) * -50cqw), -8cqw)}34%{transform:translate(calc(var(--dir) * -40cqw), 0)}50%{transform:translate(calc(var(--dir) * -30cqw), -8cqw)}67%{transform:translate(calc(var(--dir) * -20cqw), 0)}83%{transform:translate(calc(var(--dir) * -10cqw), -7cqw)}to{opacity:1;transform:translate(0)}}@keyframes a-enter-drop{0%{opacity:0;animation-timing-function:ease-in;transform:translateY(-90cqw)}10%{opacity:1}62%{animation-timing-function:ease-out;transform:translate(0)}78%{animation-timing-function:ease-in;transform:translateY(-4cqw)}to{opacity:1;transform:translate(0)}}@keyframes a-enter-rise{0%{opacity:0;transform:translateY(7cqw)}to{opacity:1;transform:translate(0)}}@keyframes a-enter-fly{0%{transform:translate(calc(var(--dir) * -70cqw), -46cqw) rotate(calc(var(--dir) * 10deg));opacity:0}10%{opacity:1}70%{transform:translate(calc(var(--dir) * -8cqw), -5cqw) rotate(calc(var(--dir) * 3deg))}to{opacity:1;transform:translate(0)rotate(0)}}.actor-idle,.prop-idle{animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-delay:calc(1.6s + var(--i,0) * .33s)}[data-idle=breathe]{animation-name:a-idle-breathe;animation-duration:2.6s}[data-idle=bob]{animation-name:a-idle-bob;animation-duration:1.5s}[data-idle=sway]{animation-name:a-idle-sway;animation-duration:2.3s}[data-idle=float]{animation-name:a-idle-float;animation-duration:3.4s}[data-idle=shiver]{animation-name:a-idle-shiver;animation-duration:.14s;animation-timing-function:linear}[data-idle=hop]{animation-name:a-idle-hop;animation-duration:2.4s;animation-direction:normal}@keyframes a-idle-breathe{0%{transform:scale(1)}to{transform:scale(1.018)}}@keyframes a-idle-bob{0%{transform:translate(0)}to{transform:translateY(-1.3cqw)}}@keyframes a-idle-sway{0%{transform:rotate(-2.4deg)}to{transform:rotate(2.4deg)}}@keyframes a-idle-float{0%{transform:translateY(-1.6cqw)rotate(-1.4deg)}to{transform:translateY(1.2cqw)rotate(1.4deg)}}@keyframes a-idle-shiver{0%{transform:translate(-.22cqw)}to{transform:translate(.22cqw)}}@keyframes a-idle-hop{0%,68%{transform:translate(0)}80%{transform:translateY(-4cqw)}92%,to{transform:translate(0)}}.actor-react,.prop-react{animation-duration:.9s;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-delay:calc(var(--i,0) * 90ms)}[data-react=jump] .actor-react,[data-react=jump] .prop-react{animation-name:a-react-jump}[data-react=cheer] .actor-react{animation-name:a-react-cheer}[data-react=shake] .actor-react{animation-name:a-react-shake}[data-react=nod] .actor-react{animation-name:a-react-nod}[data-react=lean] .actor-react{animation-name:a-react-lean}[data-react=hush] .actor-react{animation-name:a-react-hush}[data-react=dig] .actor-react{animation-name:a-react-dig}[data-react=pull] .actor-react{animation-name:a-react-pull}[data-react=wobble] .actor-react{animation-name:a-react-wobble}[data-react=spin] .actor-react{animation-name:a-react-spin}[data-react=dash] .actor-react{animation-name:a-react-dash;animation-timing-function:linear}[data-react=roll] .prop-react{animation-name:a-react-roll;animation-timing-function:ease-in}[data-react=pop] .prop-react{animation-name:a-react-pop}[data-react=tap] .prop-react{animation-name:a-react-tap}[data-react=crack] .prop-react{animation-name:a-react-crack}@keyframes a-react-jump{0%{transform:translate(0)}32%{transform:translateY(-13cqw)}62%{transform:translate(0)}78%{transform:translateY(-3cqw)}to{transform:translate(0)}}@keyframes a-react-cheer{0%{transform:translate(0)rotate(0)}22%{transform:translateY(-9cqw)rotate(-6deg)}44%{transform:translate(0)rotate(0)}68%{transform:translateY(-9cqw)rotate(6deg)}to{transform:translate(0)rotate(0)}}@keyframes a-react-shake{0%,to{transform:translate(0)}15%,45%,75%{transform:translate(-1.4cqw)}30%,60%,90%{transform:translate(1.4cqw)}}@keyframes a-react-nod{0%,to{transform:rotate(0)}25%,65%{transform:rotate(7deg)}45%,85%{transform:rotate(0)}}@keyframes a-react-lean{0%{transform:rotate(0)}40%,to{transform:rotate(-9deg)}}@keyframes a-react-hush{0%{transform:scale(1)}35%,to{transform:scale(.94)}}@keyframes a-react-dig{0%,to{transform:translate(0)rotate(0)}12%,36%,60%,84%{transform:translate(-1cqw,.6cqw)rotate(-11deg)}24%,48%,72%{transform:translate(0)rotate(-3deg)}}@keyframes a-react-pull{0%{transform:translate(0)rotate(0)}20%,34%{transform:translate(1.5cqw)rotate(9deg)}27%{transform:translate(2.4cqw)rotate(12deg)}48%,62%{transform:translate(2cqw)rotate(12deg)}55%{transform:translate(3cqw)rotate(15deg)}78%{transform:translate(5cqw,-5cqw)rotate(-4deg)}to{transform:translate(4cqw)rotate(0)}}@keyframes a-react-wobble{0%,to{transform:rotate(0)}15%{transform:rotate(-9deg)}35%{transform:rotate(8deg)}55%{transform:rotate(-6deg)}75%{transform:rotate(4deg)}}@keyframes a-react-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes a-react-dash{0%{opacity:1;transform:translate(0)}12%{transform:translate(2cqw)rotate(6deg)}30%{transform:translate(-16cqw,-2cqw)rotate(-7deg)}50%{transform:translate(-42cqw)rotate(-7deg)}70%{transform:translate(-70cqw,-2cqw)rotate(-7deg)}90%{opacity:1}to{opacity:0;transform:translate(-105cqw)rotate(-7deg)}}@keyframes a-react-roll{0%{transform:translate(0)rotate(0)}to{transform:translate(13cqw,20cqw)rotate(340deg)scale(1.25)}}@keyframes a-react-pop{0%{transform:translate(0)scale(1)}30%{transform:translate(.6cqw,.4cqw)scale(1)}55%{transform:translate(7cqw,-9cqw)rotate(40deg)scale(1.12)}to{transform:translate(13cqw,20cqw)rotate(20deg)scale(1.25)}}@keyframes a-react-tap{0%,to{transform:translate(0)rotate(0)}12%,42%,72%{transform:translateY(-.8cqw)rotate(-5deg)}24%,54%,84%{transform:translate(0)rotate(4deg)}}@keyframes a-react-crack{0%,to{transform:rotate(0)}10%,30%,50%,70%{transform:rotate(-7deg)}20%,40%,60%,80%{transform:rotate(7deg)}}.prop[data-prop=egg_hatching] .prop-idle{animation:1.1s ease-in-out .9s 2 both a-react-tap}.prop[data-prop=egg_hatching] .prop-part:last-child{transform-origin:78% 40%;animation:1.5s cubic-bezier(.3,1.3,.5,1) 3.2s both a-prop-lid}@keyframes a-prop-lid{0%{transform:translate(0)rotate(0)}to{transform:translate(1.5cqw,-5.5cqw)rotate(17deg)}}.prop[data-prop=overhead]{aspect-ratio:auto;width:64%;height:15%;transform:translate(-50%,-50%)}.prop[data-prop=overhead] .prop-ground{display:none}.prop-overhead{background:radial-gradient(ellipse 50% 50% at 50% 50%, var(--shade) 0%, color-mix(in srgb, var(--shade) 60%, transparent) 45%, transparent 100%);mix-blend-mode:multiply;filter:blur(1.2cqw);opacity:0;animation:9s ease-in-out 1.4s infinite shade-sweep;position:absolute;inset:0}@keyframes shade-sweep{0%{opacity:0;transform:translate(-130cqw,6cqw)scaleX(.8)}6%{opacity:.7}30%{opacity:.7;transform:translate(130cqw,-8cqw)scaleX(1.25)}34%,to{opacity:0;transform:translate(130cqw,-8cqw)scaleX(1.25)}}.prop[data-prop=lantern_lit] .prop-react:before{content:"";aspect-ratio:1;mix-blend-mode:screen;opacity:.62;pointer-events:none;background:radial-gradient(circle,#fff3c8 0%,#ffc04a9e 20%,#ff9d2e38 42%,#0000 68%);width:560%;animation:2.9s ease-in-out infinite alternate glow-flicker;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}@keyframes glow-flicker{0%{opacity:.52}40%{opacity:.66}55%{opacity:.58}to{opacity:.7}}.stage-air{pointer-events:none;position:absolute;inset:0;overflow:hidden}.stage-air i{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--s) * 1cqw);height:calc(var(--s) * 1cqw);background:radial-gradient(circle, #fff 0%, var(--glow) 38%, transparent 72%);mix-blend-mode:screen;opacity:var(--o);animation:air-motes calc(var(--t) * 1s) ease-in-out calc(var(--d) * 1s) infinite;border-radius:50%;position:absolute}.stage-air[data-air=fireflies] i{background:radial-gradient(circle,#fff 0%,#eaff9a 40%,#0000 72%);animation-name:air-fireflies}.stage-air[data-air=stars] i{animation-name:air-stars}.stage-air[data-air=embers] i{background:radial-gradient(circle,#fff3d6 0%,#ffb347 40%,#0000 72%);animation-name:air-embers;animation-timing-function:ease-out}.stage-air[data-air=snow] i{background:radial-gradient(circle,#fff 0%,#f2f7ff 55%,#0000 75%);animation-name:air-snow;animation-timing-function:linear}.stage-air[data-air=rain] i{width:.28cqw;opacity:calc(var(--o) * .5);background:linear-gradient(#0000,#eaf2ff);border-radius:.2cqw;animation-name:air-rain;animation-timing-function:linear}@keyframes air-motes{0%{opacity:0;transform:translateY(1.5cqw)}25%{opacity:var(--o)}75%{opacity:var(--o)}to{opacity:0;transform:translate(3cqw,-5cqw)}}@keyframes air-fireflies{0%{opacity:.1;transform:translate(0)}25%{opacity:var(--o);transform:translate(3cqw,-2cqw)}50%{opacity:.2;transform:translate(5cqw,1cqw)}75%{opacity:var(--o);transform:translate(1cqw,3cqw)}to{opacity:.1;transform:translate(0)}}@keyframes air-stars{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:var(--o);transform:scale(1.15)}}@keyframes air-embers{0%{opacity:0;transform:translateY(4cqw)}20%{opacity:var(--o)}to{opacity:0;transform:translate(-3cqw,-18cqw)}}@keyframes air-snow{0%{transform:translateY(-12cqw)}50%{transform:translate(3cqw,50cqw)}to{transform:translate(-1cqw,112cqw)}}@keyframes air-rain{0%{transform:translate(6cqw,-30cqw)rotate(12deg)}to{transform:translate(-20cqw,120cqw)rotate(12deg)}}.stage-caption{animation:.6s ease-out .25s both caption-in}@keyframes caption-in{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.stage-layer,.stage-drift,.stage-world,.actor-enter,.actor-idle,.actor-react,.prop-enter,.prop-idle,.prop-react,.actor-shadow,.actor-contact,.prop-overhead,.stage-air i,.stage-caption,.prop[data-prop=egg_hatching] .prop-idle,.prop[data-prop=egg_hatching] .prop-part:last-child,.prop[data-prop=lantern_lit] .prop-react:before{animation:none!important}.stage-layer[data-leaving]{display:none}.prop[data-prop=egg_hatching] .prop-part:last-child{transform:translate(1.5cqw,-5.5cqw)rotate(17deg)}.prop-overhead{opacity:.5}}