.world{position:absolute;inset:0;overflow:hidden}.world .v{position:absolute;inset:0}.world .v-t{display:none}@media (width<=760px),(aspect-ratio<=6/5){.world .v-w{display:none}.world .v-t{display:block}}.world .layer{will-change:transform;width:100%;height:100%;transform:translate3d(0, calc((var(--p,.5) - .5) * var(--d) * -1.7px), 0);position:absolute;inset:0;overflow:visible}.world .pop{opacity:0;transform-box:fill-box;transform-origin:50% 100%;transition:transform .8s var(--ease-bounce), opacity .35s;transform:translateY(46px)scale(.55)}.world .pop.on{opacity:1;transform:none}.world .swim{transform:translateX(var(--from));opacity:0;transition:transform 1.9s cubic-bezier(.2,.8,.3,1),opacity .5s}.world .swim.on{opacity:1;transform:none}.world .crit{cursor:pointer;transform-box:fill-box;transform-origin:50% 100%;animation:breathe 3.4s ease-in-out calc(var(--i,0) * -1.1s) infinite}.world .crit.curl{animation:.9s curl}.world .crit.wiggle{animation:.7s wiggle}.world .crit.quack{animation:.5s hop}.world .crit:focus-visible,.world .fly:focus-visible,.world .egg-main:focus-visible{filter:drop-shadow(0 0 6px var(--accent));outline:none}.world .sway{transform-box:fill-box;transform-origin:50% 100%;animation:sway 4s ease-in-out var(--o,0s) infinite}.world .spin{animation:14s linear infinite spin}.world .ripple{fill:none;stroke:#fff;stroke-opacity:.55;stroke-width:3px;transform-box:fill-box;transform-origin:50%;animation:ripple 4s ease-out calc(var(--i) * -1.3s) infinite}.world .flit{animation:flit var(--t) ease-in-out infinite alternate;transform:translate(var(--x0), var(--y0))}.world .flap{transform-origin:50%;animation:.35s ease-in-out infinite alternate flap}.world .drift{animation:drift var(--t,6s) ease-in-out var(--o,0s) infinite;transform-box:fill-box}.world .fly{cursor:pointer;transform-box:fill-box;transform:translate(var(--fx,0px), var(--fy,0px))}.world .secret{cursor:pointer;opacity:.9;transform-box:fill-box}.world .secret:hover,.world .secret:focus-visible{filter:drop-shadow(0 0 8px #ffd96b);outline:none}.world .walk{transform:translate(-200px, var(--y));animation:walk var(--t) linear calc(var(--i) * -17s) infinite}.world .window{fill:#fff3c8;stroke:#0000001a;stroke-width:2px;transition:fill .8s}body[data-night="1"] .world .window{fill:#ffd96b;filter:drop-shadow(0 0 10px #ffd96b)}.world .lampglow{opacity:0;transition:opacity .8s}body[data-night="1"] .world .lampglow{opacity:1}.world .smoke{fill:#fff;opacity:0;animation:smoke 5s ease-out calc(var(--i) * -1.2s) infinite;transform-box:fill-box;transform-origin:50%}.world .draw{stroke-dasharray:var(--len,400);stroke-dashoffset:var(--len,400);transition:stroke-dashoffset 1s ease-out}.world .draw.on{stroke-dashoffset:0}.world .rain line{animation:rainfall var(--t) linear var(--d) infinite;transform-box:fill-box}@keyframes rainfall{0%{transform:translateY(0)}to{transform:translateY(1150px)}}.world .snail{animation:60s linear infinite alternate crawl}.world .goldfly{animation:14s ease-in-out infinite goldfly}.world .goldduck{animation:3s ease-in-out infinite bobduck}.world .egg-main{cursor:pointer;transform-box:fill-box;transform-origin:50% 100%}.world .cracks{opacity:0;transition:opacity .4s}.world .chick,.world .burst{opacity:0;transform-box:fill-box;transform-origin:50% 80%}.world .chick{transition:transform .8s var(--ease-bounce), opacity .3s;transform:scale(.2)}.world .egg-main.shake .egg-body{transform-box:fill-box;transform-origin:50% 100%;animation:.5s ease-in-out infinite shake}.world .egg-main.crack .cracks{opacity:.8}.world .egg-main.hatched .egg-body{opacity:0;transform-box:fill-box;transform-origin:50% 100%;transition:opacity .25s,transform .25s;transform:scale(.7)}.world .egg-main.hatched .chick{opacity:1;animation:1.6s ease-in-out .8s infinite chickhop;transform:none}.world .egg-main.hatched .burst{opacity:1}.world .burst circle{transform-box:fill-box;transform-origin:50%;animation:1s ease-out forwards paused burst}.world .egg-main.hatched .burst circle{animation-play-state:running}@keyframes breathe{50%{transform:scale(1.03,.97)}}@keyframes curl{40%{transform:scale(.8,.78)rotate(-14deg)}}@keyframes wiggle{25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes hop{40%{transform:translateY(-14px)}}@keyframes sway{50%{transform:rotate(3deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ripple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(2.4)}}@keyframes flit{50%{transform:translate(calc(var(--x0) + var(--dx) * .5), calc(var(--y0) + var(--dy) * 1.6))}to{transform:translate(calc(var(--x0) + var(--dx)), calc(var(--y0) + var(--dy)))}}@keyframes flap{to{transform:scaleX(.45)}}@keyframes drift{50%{transform:translate(14px,-22px)}}@keyframes walk{to{transform:translate(var(--w), var(--y))}}@keyframes smoke{0%{opacity:.55;transform:translateY(0)scale(.6)}to{opacity:0;transform:translateY(-60px)scale(2)}}@keyframes crawl{to{transform:translate(300px)}}@keyframes goldfly{0%,to{transform:translate(var(--a))}25%{transform:translate(var(--b))}50%{transform:translate(var(--c))}75%{transform:translate(var(--d))}}@keyframes bobduck{50%{transform:translateY(-6px)}}@keyframes shake{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes chickhop{50%{transform:translateY(-14px)}}@keyframes burst{0%{transform:rotate(var(--a)) translateX(0);opacity:1}to{transform:rotate(var(--a)) translateX(110px) scale(.3);opacity:0}}@media (prefers-reduced-motion:reduce){.world .draw{stroke-dashoffset:0!important}.world .rain{display:none}.world .pop,.world .swim{opacity:1!important;transform:none!important}}