.planet{width:150px;height:150px;background-color:#ebf3fe;display:block;padding:0;border:solid 10px transparent;cursor:pointer;appearance:none;border-radius:50%;position:absolute;box-shadow:inset -40px 0 #d8e8f7,inset 20px 0 #fff,inset -50px 0 0 20px #e2eefa,0 0 0 20px #ffffff0d,0 0 0 40px #ffffff06,0 0 0 60px #ffffff03;transition:all .2s ease-in;top:var(--sky-center-y, calc(14.4% + 50px) );left:var(--sky-center-x, calc(9.85% + 50px) );transform:translate(-50%,-50%);z-index:4}.planet:focus-visible{outline:3px solid rgba(255,255,255,.85);outline-offset:8px}.face{position:absolute;width:100px;top:50%;left:40%}.zzz1,.zzz2,.zzz3{color:#fff;position:absolute;width:50px;top:0;right:10%;font-size:36px;opacity:0;font-family:Brush Script MT,Snell Roundhand,cursive;animation-name:zzz-sleep;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.zzz1:after,.zzz2:after,.zzz3:after{content:"z"}.zzz1{animation-delay:0s;left:20%}.zzz2{animation-delay:1.2s;left:22.5%;top:3%}.zzz3{animation-delay:2.4s;left:20%;top:6%}.day .mouth{margin-top:15px;height:15px;width:15px;display:block;border-radius:0 0 50% 50%;background-color:transparent;float:left;border:6px solid #151843;border-top:0;margin-right:10px;position:relative;margin-left:0;animation-name:none}.mouth{margin-top:15px;height:25px;width:25px;display:block;border-radius:50%;background-color:#151843;float:left;border:none;border-top:0;margin-right:10px;margin-left:2px;position:relative;animation-name:mouth-sleep;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:ease-out}.day .eye{width:20px;height:20px;display:block;float:left;margin-right:10px;animation-name:eye-blink;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:ease-out;position:relative;overflow:hidden}.eye{width:20px;height:20px;display:block;float:left;margin-right:8px;position:relative}.day .eye-in{width:20px;height:20px;background-color:#151843;display:block;position:absolute;top:0;left:0;border-radius:50%;transform:scale(1)!important;border:none}.eye-in{width:15px;height:8px;display:block;position:absolute;top:5px;left:-1px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;border:5px solid #151843;border-top:0}.day .zzz1:after,.day .zzz2:after,.day .zzz3:after{content:""}.day .planet{background-color:#ffdb01;box-shadow:inset -40px 0 #ff8603,inset 20px 0 #fff,inset -50px 0 0 20px #ffd201,0 0 0 20px #ffd20133,0 0 0 40px #ffd2011a,0 0 0 60px #ffd2010d}.day .planet:after{background-color:#ffd201;box-shadow:40px -20px 0 -10px #ffd201,40px 10px 0 -15px #ffd201}@keyframes mouth-sleep{0%{transform:scale(1)}35%{transform:scale(.7)}40%{transform:scale(.7)}75%{transform:scale(1)}}@keyframes zzz-sleep{0%{transform:translate(0) scale(1);opacity:0}25%{transform:translate(-5px,-10px) scale(1.1)}50%{transform:translate(8px,-20px) scale(.9);opacity:1}75%{transform:translate(-15px,-30px) scale(1.1)}to{transform:translate(15px,-40px) scale(.9);opacity:0}}@keyframes zzz-awake{0%{transform:translate(0) scale(1) rotate(0)}to{transform:translate(-15px,-30px) scale(2) rotate(10deg);opacity:0}}@keyframes eye-blink{0%{transform:scale(1)}2%{transform:scaleY(0)}4%{transform:scale(1)}}.star{width:20px;height:20px;background-color:#fff;display:block;border-radius:50%;float:left;position:absolute;animation-name:star3;animation-duration:20s;animation-iteration-count:infinite;animation-timing-function:ease;transform-origin:50% 50%;transition:all .3s ease-out}.star:before{width:20px;height:20px;content:"";background-color:#fff;position:absolute;transform:scaleY(2) rotate(45deg);animation-name:star1;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-out;border-radius:20%;transition:all .3s ease-out}.star:after{width:20px;height:20px;content:"";background-color:#fff;position:absolute;transform:scaleX(2) rotate(45deg);animation-name:star2;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-out;animation-delay:.2s;border-radius:20%;transition:all .3s ease-out}.day .star:after,.day .star:before{animation-name:none;transform:none;width:50px;height:50px;border-radius:50%}.day .star:after{left:150%;box-shadow:-50px -25px 0 10px #fff,-10px -25px 0 -5px #fff,inset -7px 0 0 3px #ebf3fe}.day .star:before{left:50%;top:0;border-radius:0;width:75px}.day .star{width:50px;height:50px;animation-name:wiggle;animation-duration:10s}@keyframes star1{0%{transform:scaleY(2) rotate(45deg)}50%{transform:scale(1) rotate(45deg)}to{transform:scaleY(2) rotate(45deg)}}@keyframes star2{0%{transform:scaleX(2) rotate(45deg)}50%{transform:scale(1) rotate(45deg)}to{transform:scaleX(2) rotate(45deg)}}@keyframes star3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wiggle{0%{transform:translate(0)}50%{transform:translate(50px)}to{transform:translate(0)}}.water{position:absolute;right:0;bottom:0;left:0;height:280px;overflow:visible;pointer-events:none;z-index:auto}.water__depth{position:absolute;right:0;bottom:0;left:0;height:205px;background:linear-gradient(180deg,rgba(73,171,233,.18) 0%,rgba(73,171,233,.08) 34%,transparent 54%),linear-gradient(180deg,#1961a28a,#0f457dc2 48%,#092745e0);z-index:0}.water__shine{position:absolute;right:-8%;bottom:134px;left:-8%;height:28px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 15%,rgba(255,255,255,.28) 42%,rgba(255,255,255,.12) 68%,transparent 100%);filter:blur(8px);opacity:.75;z-index:0}.water-wave{position:absolute;left:0;display:flex;width:200.4%;will-change:transform}.water-wave svg{display:block;flex:0 0 50.1%;width:50.1%;height:100%;margin-left:-1px;flex-shrink:0;shape-rendering:geometricPrecision}.water-wave svg:first-child{margin-left:0}.water-wave path{fill:currentColor}.water-wave--rear{bottom:92px;height:112px;color:#6ecef36b;animation:water-drift-reverse 18s linear infinite;z-index:0}.water-wave--mid{bottom:48px;height:150px;color:#2a75baeb;animation:water-drift 14s linear infinite;z-index:0}.water-wave--front{bottom:-8px;height:198px;color:#0b3a6a;filter:drop-shadow(0 -10px 18px rgba(0,12,35,.18));animation:water-drift 10s linear infinite;z-index:0}.boat{position:absolute;bottom:138px;left:calc(50% - 122px);width:250px;height:140px;background-image:url(/assets/boat2-BKmOkGkO.png);background-repeat:no-repeat;background-size:contain;animation:boat-bob 5s ease-in-out infinite;z-index:3}#smoke{position:absolute;bottom:147px;left:112px;z-index:11;width:1px;height:160px}#smoke span{display:block;position:absolute;bottom:-35px;margin-left:-20px;height:0;width:0;border:35px solid #4b4b4b;border-radius:35px;left:-14px;opacity:0;transform:scale(.2)}@keyframes water-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes water-drift-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes boat-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-2deg)}}@keyframes smokeL{0%{transform:scale(.2) translate(0)}10%{opacity:1;transform:scale(.2) translate(25px,-5px)}to{opacity:0;transform:scale(1) translate(50px,-130px)}}@keyframes smokeR{0%{transform:scale(.2) translate(0)}10%{opacity:1;transform:scale(.2) translate(20px,-5px)}to{opacity:0;transform:scale(1) translate(40px,-130px)}}#smoke .s0{animation:smokeL 10s 0s infinite}#smoke .s1{animation:smokeR 10s 1s infinite}#smoke .s2{animation:smokeL 10s 2s infinite}#smoke .s3{animation:smokeR 10s 3s infinite}#smoke .s4{animation:smokeL 10s 4s infinite}#smoke .s5{animation:smokeR 10s 5s infinite}#smoke .s6{animation:smokeL 10s 6s infinite}#smoke .s7{animation:smokeR 10s 7s infinite}#smoke .s8{animation:smokeL 10s 8s infinite}#smoke .s9{animation:smokeR 10s 9s infinite}.fish{position:absolute;height:725px;font-size:20px;left:var(--fish-start-left, 60%);bottom:var(--fish-bottom, 4%);z-index:1;opacity:var(--fish-opacity, .92);filter:hue-rotate(var(--fish-hue, 0deg)) saturate(var(--fish-saturation, .92)) brightness(var(--fish-brightness, 1));will-change:left,transform;pointer-events:none;animation:fish_lefttoright var(--fish-duration, 24.4s) linear infinite var(--fish-delay, 0ms)}.fish .body,.fish .fins{height:7em;position:absolute;-webkit-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%);width:12em}.fish .body{background:#327576;border-radius:50%;box-shadow:inset .3em -.5em #225c5d}.fish .body:before,.fish .body:after{border-radius:35%/50%;box-shadow:-.1em .05em #14393a,-.1em .05em .1em #0000001a;content:"";height:3em;left:7.5em;position:absolute;top:1.7em;-webkit-transform:rotate(-6deg);transform:rotate(-6deg);width:1em}.fish .body:after{height:2.8em;left:6.7em;top:1.8em;-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}.fish .fins div{position:absolute;z-index:-1}.fish .fins .fish-top{-webkit-animation:finTop 1.2s linear infinite alternate;animation:finTop 1.2s linear infinite alternate;border-radius:0 100% 0 0;box-shadow:2.5em 1em 1em #0000001a,3em .5em #143d56;height:3em;left:0;top:-2.25em;-webkit-transform:rotateZ(-5deg);transform:rotate(-5deg);-webkit-transform-origin:7.5em bottom;transform-origin:7.5em bottom;width:5em}.fish .fins .fish-bottom{-webkit-animation:finBottom 1.2s linear infinite alternate;animation:finBottom 1.2s linear infinite alternate;border-radius:0 0 100%;bottom:-1.4em;box-shadow:2em -.3em #0000001a,2em -.3em #143d56;height:2em;left:2em;-webkit-transform:rotateZ(5deg);transform:rotate(5deg);-webkit-transform-origin:5.5em top;transform-origin:5.5em top;width:3.5em}.fish .fins .fish-bottom+.fish-bottom{bottom:-.4em;box-shadow:2em -.5em #0000001a,2em -.5em #64a2a3;height:1.5em;left:0;-webkit-transform:rotateZ(10deg);transform:rotate(10deg);width:2.5em}.fish .tail{-webkit-animation:tailSlow 1.2s ease-in-out infinite alternate;animation:tailSlow 1.2s ease-in-out infinite alternate;border-radius:50%;box-shadow:2.5em .5em 1em -1em #0000001a,2.5em 0 #1e2442,2.75em -.15em 0 .05em #327576,2.8em .1em 0 .1em #327576;height:9em;left:-15.8em;position:absolute;top:-5.5em;-webkit-transform:skewX(7deg);transform:skew(7deg);-webkit-transform-origin:10em center;transform-origin:10em center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:7em}.fish .side{-webkit-animation:sideFinSlow 3.2s linear infinite alternate;animation:sideFinSlow 3.2s linear infinite alternate;border-bottom:.4em solid transparent;border-left:2em solid #143d56;border-top:.4em solid transparent;border-radius:.4em;box-shadow:inset -1.5em -.5em 4em #000000b3;height:2em;left:-2.5em;position:absolute;top:-1em;-webkit-transform:rotate(-8deg);transform:rotate(-8deg);-webkit-transform-origin:2em center;transform-origin:2em center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:0}.fish .side:before{background:#0f3347;border-radius:.4em 100% 0 .4em;box-shadow:-.2em .2em .5em #0000001a;content:"";height:1.1em;left:-1.7em;position:absolute;-webkit-transform:skewY(-10deg);transform:skewY(-10deg);width:1.7em}.fish .side:after{background:#143d56;border-radius:50%;content:"";height:1.2em;left:-.3em;position:absolute;width:.6em}.fish .fisheye{-webkit-animation:eye 4s linear infinite;animation:eye 4s linear infinite;background:#000;border-radius:50%;box-shadow:inset .35em 0 0 .5em #fff;height:2em;left:2.5em;position:absolute;top:-1.5em;width:2em;z-index:10}.fish .bubbles .bubble{-webkit-animation:bubbleOne 3s ease-in infinite;animation:bubbleOne 3s ease-in infinite;border-radius:50%;box-shadow:inset 0 0 .5em #ffffff80;height:2em;left:5.8em;position:absolute;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left center;transform-origin:left center;width:2em}.fish .bubbles .bubble:nth-child(4n-1){-webkit-animation-name:bubbleTwo;animation-name:bubbleTwo;-webkit-animation-delay:.8s;animation-delay:.8s;-webkit-animation-duration:3.3s;animation-duration:3.3s}.fish .bubbles .bubble:nth-child(4n-2){-webkit-animation-name:bubbleThree;animation-name:bubbleThree;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-duration:3.15s;animation-duration:3.15s}.fish .bubbles .bubble:nth-child(4n-3){-webkit-animation-name:bubbleFour;animation-name:bubbleFour;-webkit-animation-delay:2.2s;animation-delay:2.2s;-webkit-animation-duration:2.85s;animation-duration:2.85s}@-webkit-keyframes bubbleOne{0%{-webkit-transform:scale(0) translateY(0);transform:scale(0) translateY(0)}25%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateX(.2em) translateY(-10vh);transform:scale(1) translate(.2em) translateY(-10vh)}}@keyframes bubbleOne{0%{-webkit-transform:scale(0) translateY(0);transform:scale(0) translateY(0)}25%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateX(.2em) translateY(-10vh);transform:scale(1) translate(.2em) translateY(-10vh)}}@-webkit-keyframes bubbleTwo{0%{-webkit-transform:scale(0) translateY(0);transform:scale(0) translateY(0)}25%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateX(-.2em) translateY(-10vh);transform:scale(1) translate(-.2em) translateY(-10vh)}}@keyframes bubbleTwo{0%{-webkit-transform:scale(0) translateY(0);transform:scale(0) translateY(0)}25%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateX(-.2em) translateY(-10vh);transform:scale(1) translate(-.2em) translateY(-10vh)}}@-webkit-keyframes bubbleThree{0%{-webkit-transform:scale(0) translateY(0);transform:scale(0) translateY(0)}25%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateX(.2em) translateY(-20vh);transform:scale(1) translate(.2em) translateY(-20vh)}}@keyframes bubbleThree{0%{-webkit-transform:scale(0) translateY(0);transform:scale(0) translateY(0)}25%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateX(.2em) translateY(-20vh);transform:scale(1) translate(.2em) translateY(-20vh)}}@-webkit-keyframes bubbleFour{0%{-webkit-transform:scale(0) translateY(0);transform:scale(0) translateY(0)}25%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateX(-.2em) translateY(-20vh);transform:scale(1) translate(-.2em) translateY(-20vh)}}@keyframes bubbleFour{0%{-webkit-transform:scale(0) translateY(0);transform:scale(0) translateY(0)}25%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateX(-.2em) translateY(-20vh);transform:scale(1) translate(-.2em) translateY(-20vh)}}@-webkit-keyframes fish{0%{top:calc(50% - .25em)}to{top:calc(50% + .25em)}}@keyframes fish{0%{top:calc(50% - .25em)}to{top:calc(50% + .25em)}}@-webkit-keyframes sideFinSlow{0%{-webkit-transform:rotateZ(-8deg) rotateY(2deg);transform:rotate(-8deg) rotateY(2deg)}30%{-webkit-transform:rotateZ(-14deg) rotateY(40deg);transform:rotate(-14deg) rotateY(40deg)}60%{-webkit-transform:rotateZ(-22deg) rotateY(20deg);transform:rotate(-22deg) rotateY(20deg)}to{-webkit-transform:rotateZ(-28deg) rotateY(50deg);transform:rotate(-28deg) rotateY(50deg)}}@keyframes sideFinSlow{0%{-webkit-transform:rotateZ(-8deg) rotateY(2deg);transform:rotate(-8deg) rotateY(2deg)}30%{-webkit-transform:rotateZ(-14deg) rotateY(40deg);transform:rotate(-14deg) rotateY(40deg)}60%{-webkit-transform:rotateZ(-22deg) rotateY(20deg);transform:rotate(-22deg) rotateY(20deg)}to{-webkit-transform:rotateZ(-28deg) rotateY(50deg);transform:rotate(-28deg) rotateY(50deg)}}@-webkit-keyframes tailSlow{0%{-webkit-transform:rotateY(45deg) skewX(7deg);transform:rotateY(45deg) skew(7deg)}to{-webkit-transform:rotateY(-45deg) skewX(7deg);transform:rotateY(-45deg) skew(7deg)}}@keyframes tailSlow{0%{-webkit-transform:rotateY(45deg) skewX(7deg);transform:rotateY(45deg) skew(7deg)}to{-webkit-transform:rotateY(-45deg) skewX(7deg);transform:rotateY(-45deg) skew(7deg)}}@-webkit-keyframes finTop{0%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0)}}@keyframes finTop{0%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0)}}@-webkit-keyframes finBottom{0%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0)}}@keyframes finBottom{0%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0)}}@-webkit-keyframes eye{0%{box-shadow:inset .35em 0 0 .5em #fff;-webkit-transform:rotate(0deg);transform:rotate(0)}10%{box-shadow:inset .35em 0 0 .5em #fff;-webkit-transform:rotate(0deg);transform:rotate(0)}15%{box-shadow:inset .35em 0 0 .5em #fff;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}35%{box-shadow:inset .35em 0 0 .5em #fff;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}45%{box-shadow:inset .35em 0 0 .5em #fff;-webkit-transform:rotate(30deg);transform:rotate(30deg)}55%{box-shadow:inset .35em 0 0 .5em #fff;-webkit-transform:rotate(30deg);transform:rotate(30deg)}65%{box-shadow:inset -.35em 0 0 .5em #fff;-webkit-transform:rotate(30deg);transform:rotate(30deg)}75%{box-shadow:inset -.35em 0 0 .5em #fff;-webkit-transform:rotate(30deg);transform:rotate(30deg)}85%{box-shadow:inset .35em 0 0 .5em #fff;-webkit-transform:rotate(0deg);transform:rotate(0)}to{box-shadow:inset .35em 0 0 .5em #fff;-webkit-transform:rotate(0deg);transform:rotate(0)}}@keyframes eye{0%{box-shadow:inset .35em 0 0 .5em #fff;-webkit-transform:rotate(0deg);transform:rotate(0)}10%{box-shadow:inset .35em 0 0 .5em #fff;-webkit-transform:rotate(0deg);transform:rotate(0)}15%{box-shadow:inset .35em 0 0 .5em #fff;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}35%{box-shadow:inset .35em 0 0 .5em #fff;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}45%{box-shadow:inset .35em 0 0 .5em #fff;-webkit-transform:rotate(30deg);transform:rotate(30deg)}55%{box-shadow:inset .35em 0 0 .5em #fff;-webkit-transform:rotate(30deg);transform:rotate(30deg)}65%{box-shadow:inset -.35em 0 0 .5em #fff;-webkit-transform:rotate(30deg);transform:rotate(30deg)}75%{box-shadow:inset -.35em 0 0 .5em #fff;-webkit-transform:rotate(30deg);transform:rotate(30deg)}85%{box-shadow:inset .35em 0 0 .5em #fff;-webkit-transform:rotate(0deg);transform:rotate(0)}to{box-shadow:inset .35em 0 0 .5em #fff;-webkit-transform:rotate(0deg);transform:rotate(0)}}@keyframes sub_lefttoright{0%{left:30%;transform:scaleX(-1)}49%{transform:scaleX(-1)}50%{left:52%;transform:scaleX(1)}99%{transform:scaleX(1)}to{left:30%;transform:scaleX(-1)}}@keyframes fish_lefttoright{0%{left:var(--fish-start-left, 60%);transform:translate(-50%) translateY(var(--fish-y, 64%)) scaleX(-1) scale(var(--fish-scale, .34))}25%{left:var(--fish-mid-left, 44%);transform:translate(-50%) translateY(calc(var(--fish-y, 64%) - var(--fish-drift, 5%))) scaleX(-1) scale(var(--fish-scale, .34))}49%{transform:translate(-50%) translateY(var(--fish-y, 64%)) scaleX(-1) scale(var(--fish-scale, .34))}50%{left:var(--fish-end-left, 28%);transform:translate(-50%) translateY(var(--fish-y, 64%)) scaleX(1) scale(var(--fish-scale, .34))}75%{left:var(--fish-mid-left, 44%);transform:translate(-50%) translateY(calc(var(--fish-y, 64%) + var(--fish-drift, 5%))) scaleX(1) scale(var(--fish-scale, .34))}99%{transform:translate(-50%) translateY(var(--fish-y, 64%)) scaleX(1) scale(var(--fish-scale, .34))}to{left:var(--fish-start-left, 60%);transform:translate(-50%) translateY(var(--fish-y, 64%)) scaleX(-1) scale(var(--fish-scale, .34))}}.sheep-container{bottom:475px;left:88%;position:absolute;width:100%;padding:0;border:0;background:transparent;z-index:3}.sheep-container:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:.5rem}.sheep{background:#679186;width:100px;height:100px;border-radius:50%;position:relative;top:0%;transition:1s all}.sheep__wool{position:absolute;display:inline-block;width:40px;height:40px;background-color:#e9f4e4;border-radius:50%;z-index:2}.sheep__wool--one{background-color:#679186;top:-5%;left:30%}.sheep__wool--two{background-color:#679186;top:3%;left:55%}.sheep__wool--three{background-color:#679186;top:28%;left:65%}.sheep__wool--four{background-color:#679186;top:55%;left:57%}.sheep__wool--five{background-color:#679186;top:65%;left:30%}.sheep__wool--six{background-color:#679186;top:55%;left:0%}.sheep__wool--seven{background-color:#679186;top:25%;left:-10%}.sheep__wool--eight{background-color:#679186;top:2%;left:3%}.sheep__face{position:absolute;top:40%;left:30%;background-color:#6b6b6b;width:40px;height:45px;border-radius:0 0 40% 40%;z-index:3}.sheep__eyes{position:absolute;top:-20%;width:20px;height:10px}.sheep__eyes--lid{position:absolute;width:100%;height:50%;top:0;background:#6b6b6b;transition:1s all}.sheep__eyes--lid-open{top:-50%}.sheep__eye{display:flex;justify-content:center;align-items:center;position:absolute;width:20px;height:20px;background:#fff;border:5px solid #6b6b6b;border-radius:100%;z-index:4;overflow:hidden}.sheep__eye--left{left:20px}.sheep__eye--right{right:2.5px}.sheep__eye--pupil{width:4px;height:4px;display:inline-block;background-color:#4b4a4a;border-radius:100%}.sheep__nose{position:absolute;width:10px;height:10px;bottom:10%;left:40%}.sheep__nose--top{position:absolute;width:100%;height:5px;background-color:#5e5d5d;border-radius:40% 40% 10% 10%;border-bottom:3px solid #414241}.sheep__nose--tip{position:absolute;width:3px;height:8px;background-color:#414241;bottom:4px;left:40%}.sheep__legs{position:absolute;width:50px;height:50px;bottom:-40%;left:25%;z-index:1}.sheep__leg{width:20px;height:30px;background-color:#6b6b6b;transition:1s all}.sheep__leg--left{transition:1s all;position:absolute;left:0;transform-origin:top left}.sheep__leg--right{transition:1s all;position:absolute;right:0;transform-origin:top right}.sheep-container:hover .sheep,.sheep-container:focus-visible .sheep,.sheep-container[aria-expanded=true] .sheep{top:0}.sheep-container:hover .sheep__eyes--lid,.sheep-container:focus-visible .sheep__eyes--lid,.sheep-container[aria-expanded=true] .sheep__eyes--lid{top:-50%}.sheep-container:hover .sheep__leg--left,.sheep-container:focus-visible .sheep__leg--left,.sheep-container[aria-expanded=true] .sheep__leg--left{transform:rotate(45deg)}.sheep-container:hover .sheep__leg--right,.sheep-container:focus-visible .sheep__leg--right,.sheep-container[aria-expanded=true] .sheep__leg--right{transform:rotate(-45deg)}.sleepy-eyes .sheep__eye{background:#f99}.sleepy-eyes .sheep__eyes--lid{animation:sleepyEyes 5s 0s infinite}@keyframes sleepyEyes{0%{height:25%}2%{height:60%}4%{height:80%}6%{height:50%}6%{height:25%}}.hills{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0;transform:rotate(180deg);z-index:2}.hills svg{position:relative;display:block;width:calc(111% + 1.3px);height:500px;transform:rotateY(180deg)}.hills .shape-fill{fill:url(#MyGradient)}#MyGradient{--color-stop: #328f00;--color-bot: #1ef801}.speech-container{width:300px;margin:0 auto;bottom:75px;right:2.5%;position:absolute;z-index:5;opacity:0}.speech-container.speech-visible{opacity:1;transition:all 2.5s ease-in-out}.oval-thought-border{position:relative;padding:30px 50px;margin:1em auto 80px;border:10px solid #fc3153;text-align:center;border-radius:240px/140px}.oval-thought-border:before{content:"";display:block;border:10px solid #fc3153;position:absolute;z-index:10;border-radius:50px;width:50px;height:50px;bottom:130px;right:75px}.oval-thought-border:after{content:"";border:10px solid #fc3153;border-radius:25px;width:25px;height:25px;z-index:10;position:absolute;bottom:210px;right:75px;display:block}.cartoon-text{font-size:15px}.night.cartoon-text{font-size:15px;color:#fff}.info-container{bottom:45px;left:84%;position:absolute;z-index:3}.info-container>h1{position:relative;margin:0;color:#ffffffbf;font-size:30px;text-align:center}.icons-container{position:absolute;bottom:1.5rem;left:2.5%;z-index:3}.icons{display:flex;align-items:flex-end;gap:.4rem;flex-wrap:wrap}.icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:999px;padding:.55rem;background:#0a122347;backdrop-filter:blur(6px);text-decoration:none;transition:transform .18s ease,background-color .18s ease}.icon-wrapper svg{width:100%;height:100%}.icon-wrapper:hover,.icon-wrapper:focus-visible{background:#0a122380;transform:translateY(-2px)}.audio-player{display:flex;align-items:center;gap:.75rem;padding-left:.5rem}.audio-toggle{border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#0e1c367a;color:#fff;cursor:pointer;font:inherit;padding:.55rem .8rem;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.audio-toggle:hover,.audio-toggle:focus-visible{background:#0e1c36b8;border-color:#fff6;transform:translateY(-1px)}.audio-toggle-on{background:#4b7bb2c7}.volume-control{display:grid;gap:.25rem;min-width:9rem}.volume-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8}.volume-input{width:100%;margin:0;accent-color:#7fb8ff;cursor:pointer}.volume-input:disabled{cursor:not-allowed;opacity:.45}.house-container{position:absolute;height:200px;margin:auto;bottom:275px;left:0;z-index:10}.tree1{height:0;width:0;border-bottom:120px solid #5b6b09;border-left:20px solid transparent;border-right:20px solid transparent;position:relative;left:20px;top:120px}.tree2{height:0;width:0;border-bottom:90px solid #718710;border-left:24px solid transparent;border-right:24px solid transparent;position:relative;left:40px;top:30px}.house{position:relative;bottom:78px;left:106px;padding:0;border:0;background:transparent;cursor:pointer}.house:focus-visible{outline:3px solid rgba(255,255,255,.85);outline-offset:8px}.roof1{height:60px;width:12px;background-color:#7e110f;transform:skew(30deg);-webkit-transform:skew(30deg);position:relative;left:112px;bottom:18.5px}.wall1{height:0;width:0;border-bottom:53px solid #c44e0e;border-left:30px solid transparent;border-right:31px solid transparent;position:relative;bottom:75px;left:68px}.wall2{height:70px;background-color:#c44e0e;width:150px;position:relative;bottom:75px;right:21px}.wall3{background-color:#b40f0c;height:60px;width:105px;transform:skew(-30deg);-webkit-transform:skew(-30deg);position:relative;bottom:201.5px;right:16.5px}.light{background-color:#ef7421;width:90px;height:50px;position:relative;top:20px}.b1{background-color:#460701;height:60px;width:3px;position:relative;left:9px}.b2{background-color:#460701;height:6px;width:10px;position:relative;bottom:6px}.b4{background-color:#460701;height:59px;width:3px;position:relative;left:103px;bottom:5px}.b3{background-color:#7b0f0c;height:5px;width:106px;position:relative;top:55px}.w1,.w2{background-color:#700205;height:30px;width:25px;position:relative}.w1{top:5px;left:20px}.w2{bottom:25px;left:50px}.window{background-color:#89c6c5;height:23px;width:19px;border:2px solid white;position:relative;top:2px;left:3px}.glass{height:0;width:0;border-top:23px solid rgba(255,255,255,.5);border-right:17px solid transparent}.w3{background-color:#982c19;height:18px;width:16px;position:relative;top:40px;right:3px;z-index:1}.window1{background-color:#89c6c5;height:10px;width:10px;border:1.3px solid white;position:relative;top:2.5px}.glass1{height:0;width:0;border-top:10px solid rgba(255,255,255,.3);border-right:10px solid transparent}.lights-on{animation:lightsOn 10s linear infinite}.window-lights-on{animation:windowLightsOn 10s linear infinite}@keyframes lightsOn{0%,18%,20%,50.1%,60%,65.1%,80%,90.1%,92%{box-shadow:none}18.1%,20.1%,30%,50%,60.1%,65%,80.1%,90%,92.1%,to{box-shadow:0 0 5px #f3e816,0 0 20px #f3e816,0 0 40px #f3e816,0 0 80px #f3e816}}@keyframes windowLightsOn{0%,18%,20%,50.1%,60%,65.1%,80%,90.1%,92%{background-color:#89c6c5}18.1%,20.1%,30%,50%,60.1%,65%,80.1%,90%,92.1%,to{background-color:#f3e816}}.door{background-color:#7f1414;height:40px;width:20px;position:relative;bottom:20px;left:112px;border-right:2px solid #ef2021}.handle{height:8px;width:4px;background-color:#ccc;position:relative;top:16px;left:3px}.chimney{background-color:#c85012;height:22px;width:20px;transform:skew(30deg);-webkit-transform:skew(30deg);position:relative;bottom:75px;left:55px}.shne1{background-color:#ef7421;height:14px;width:14px;position:relative;bottom:20px;left:5px}.shne2{background-color:#ef7421;height:10px;width:20px;position:relative;bottom:47px}.top{background-color:#c85012;height:10px;width:28px;position:relative;bottom:5px;right:4px}.smoke{position:relative;bottom:32px;right:15px;animation:smoke 5s infinite;-webkit-animation:smoke 5s infinite}@keyframes smoke{50%{transform:translate(-5px) translateY(-10px);opacity:.5}to{transform:translate(10px) translateY(-20px);opacity:0}}@-webkit-keyframes smoke{50%{-webkit-transform:translateX(-5px) translateY(-10px);opacity:.5}to{-webkit-transform:translateX(10px) translateY(-20px);opacity:0}}.s1,.s2,.s3{background-color:#423f3f;height:10px;opacity:.2;border-radius:10px;position:relative;margin-bottom:2px}.s1{width:35px}.s2{width:27px;left:8px}.s3{height:7px;width:15px;left:25px}.brk1{background-color:#e6bc87;height:15px;width:25px;position:relative;bottom:30px;left:7px;border-radius:20px 20px 0 0}.brk2{background-color:#e6bc87;height:12px;width:12px;position:relative;bottom:40px;left:31px;border-radius:50%}.sh1,.sh2,.sh3,.sh4,.sh5{background-color:#d33c3c;height:6px;transform:skew(30deg);-webkit-transform:skew(30deg);width:23px;border-radius:15px;position:relative}.sh1{bottom:46px;left:70px}.sh2{bottom:58px;left:2px}.sh3{bottom:85px;left:47px}.sh4{bottom:98px;left:6px}.sh5{bottom:85px;left:38px}.fence{width:100%;z-index:3;position:absolute}.fence-one{bottom:390px;left:87%}.fence-two{bottom:390px;left:89.5%}.fence-three{bottom:390px;left:92%}.fence-four{bottom:390px;left:93.5%}.fn1,.fn2,.fn3{background-color:#b40f0c;height:25px;width:7px;position:relative;border-radius:25px 25px 0 0}.fn2{bottom:25px;left:12px}.fn3{bottom:50px;left:24px}.screw{background-color:#ccc;height:3px;width:3px;position:relative;border-radius:50%;left:1.6px;top:11px;z-index:2}.stck{background-color:#7d151f;position:relative;width:46px;height:6px;right:8px;bottom:65px}.flowers-container,.flowers{height:100%}.flowers-container{margin:0 auto;position:absolute;top:30%;left:0;width:100%;z-index:1}.flowers{overflow:hidden;position:relative}.flower{animation-name:grow;animation-fill-mode:forwards;animation-delay:0s;animation-duration:4s;box-sizing:content-box;z-index:81;position:absolute;top:16px}.flower span{height:800px;width:8px;background:#b4d28c;z-index:5;position:absolute}.flower span:before{content:"";display:block;height:48px;width:48px;background:#a3c872;box-shadow:0 0 0 3px #a1c76f inset;border-radius:0 32px;transform:rotateY(140deg);transform-origin:right;animation-name:turn-left;animation-fill-mode:forwards;animation-delay:4s;animation-duration:4s;z-index:0;position:absolute;top:80px;left:-48px}.flower span:after{content:"";display:block;height:48px;width:48px;background:#a8cb7a;box-shadow:0 0 0 3px #a1c76f inset;border-radius:32px 0;transform:rotateY(-140deg);transform-origin:left;z-index:0;position:absolute;top:16px;left:8px}.flower-1{height:60px;width:60px;border:11px solid #ff89b3;background-color:#d9abff;opacity:0;box-shadow:0 0 0 3px #ff75a6,0 0 0 3px #e2bfff inset;border-radius:320px;animation-delay:.3s;right:21%}.flower-1 span{top:75px;left:26px}.flower-1 span:before{animation-name:turn-right;animation-fill-mode:forwards;animation-delay:.3s;animation-duration:3s}.flower-1 span:after{animation-name:turn-left;animation-fill-mode:forwards;animation-delay:.4s;animation-duration:2s}@keyframes grow{0%{top:240px}to{top:16px;opacity:1}}@keyframes turn-right{0%{transform:rotateY(-140deg)}to{transform:rotateY(0)}}@keyframes turn-left{0%{transform:rotateY(140deg)}to{transform:rotateY(0)}}@media only screen and (max-width:767px){.flowers-container{width:96%}}@media(min-width:768px)and (max-width:979px){.flowers-container{width:750px}}@media(min-width:980px)and (max-width:1161px){.flowers-container{width:960px}}.alert{position:absolute;top:1.5rem;right:1.5rem;z-index:20;display:flex;gap:.9rem;max-width:min(24rem,calc(100vw - 3rem));padding:.9rem 1rem;border-radius:1rem;backdrop-filter:blur(12px);box-shadow:0 18px 48px #0a12232e}.warning{background-color:#fdf7dfeb;border:1px solid rgba(254,236,111,.85);color:#684d06}.alertIcon{flex-shrink:0;width:1.75rem;height:1.75rem}.alertIcon svg{display:block;width:100%;height:100%}.alertContent{display:grid;gap:.65rem}.alertText{margin:0;font-size:.95rem;line-height:1.5}.alertActions{display:flex;gap:.5rem;flex-wrap:wrap}.alertAction,.alertDismiss{border:1px solid transparent;border-radius:999px;padding:.45rem .8rem;font:inherit;cursor:pointer}.alertAction{background:#f9e79f;border-color:#ad8c0b;color:#735e07}.alertDismiss{background:#ffffffb8;border-color:#735e0738;color:inherit}@media(max-width:767px){.alert{top:auto;right:1rem;bottom:1rem;left:1rem;max-width:none}}:root{color-scheme:dark;font-family:Trebuchet MS,Gill Sans,Avenir Next,sans-serif;background:#151843;color:#f6f8ff}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0;overflow:hidden;background:radial-gradient(circle at top left,rgba(93,170,255,.12),transparent 30%),linear-gradient(180deg,#151843,#0d1a37)}body,button,input{font:inherit}button,a{color:inherit}.scene-outdoor{--sky-center-x: calc(9.85% + 50px) ;--sky-center-y: calc(14.4% + 50px) }#nightbg{position:absolute;top:var(--sky-center-y);left:var(--sky-center-x);width:100px;height:100px;border-radius:50%;background-color:#add8e6;box-shadow:0 0 #add8e6;transform-origin:center center;transform:translate(-50%,-50%) scale(1);transition:transform .7s ease,box-shadow .7s ease}#nightbg:before{content:"";position:absolute;top:-50px;left:-50px;width:200px;height:200px;border-radius:50%;background-color:#add8e61a}.day #nightbg{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 0 180vmax #add8e6}.app-shell{position:relative;min-height:100vh}.scene{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}.scene-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.9rem 1.2rem;border-radius:999px;background:#0a12239e;backdrop-filter:blur(10px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}