.backdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}#root{z-index:1;position:relative}.backdrop .blob{filter:blur(70px);opacity:.32;mix-blend-mode:screen;will-change:transform;border-radius:50%;width:60vmax;height:60vmax;position:absolute}.backdrop .b1{background:var(--aurora-one);animation:38s ease-in-out infinite bd-blob;top:-20vmax;left:-15vmax}.backdrop .b2{background:var(--aurora-two);animation:46s ease-in-out infinite reverse bd-blob;top:10vmax;right:-20vmax}.backdrop .b3{background:var(--aurora-three);animation:52s ease-in-out -12s infinite bd-blob;bottom:-30vmax;left:20vmax}.backdrop .stars{will-change:transform, opacity;position:absolute;inset:-10%}.backdrop .far{opacity:.45;background-image:radial-gradient(1px 1px at 12px 18px,#ffffff8c 50%,#0000 51%),radial-gradient(1px 1px at 61px 44px,#ffffff73 50%,#0000 51%),radial-gradient(1px 1px at 95px 9px,#ffffff80 50%,#0000 51%),radial-gradient(1px 1px at 130px 70px,#fff6 50%,#0000 51%),radial-gradient(1px 1px at 33px 88px,#ffffff80 50%,#0000 51%);background-size:160px 110px;animation:240s linear infinite bd-drift}.backdrop .mid{--star-opacity:.7;opacity:var(--star-opacity);background-image:radial-gradient(2px 2px at 40px 30px,#ffffffbf 50%,#0000 51%),radial-gradient(2px 2px at 150px 110px,#fff9 50%,#0000 51%),radial-gradient(2px 2px at 220px 60px,#ffffffb3 50%,#0000 51%),radial-gradient(2px 2px at 90px 170px,#ffffff8c 50%,#0000 51%);background-size:280px 200px;animation:150s linear infinite bd-drift,6s ease-in-out infinite bd-twinkle}.backdrop{--bd-star:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='9' shape-rendering='crispEdges'><rect x='4' y='0' width='1' height='9' fill='white' opacity='.9'/><rect x='0' y='4' width='9' height='1' fill='white' opacity='.9'/><rect x='3' y='3' width='3' height='3' fill='white'/></svg>")}.backdrop .near{background-image:var(--bd-star), var(--bd-star), var(--bd-star), var(--bd-star), var(--bd-star), var(--bd-star);--star-opacity:.9;opacity:var(--star-opacity);background-position:8% 18%,78% 12%,24% 72%,88% 64%,55% 40%,40% 90%;background-repeat:no-repeat;background-size:9px 9px;animation:4s ease-in-out infinite bd-twinkle,200s linear infinite bd-drift}.backdrop .grain{opacity:.025;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");position:absolute;inset:0}@keyframes bd-drift{0%{transform:translate(0,0)}to{transform:translate(-160px,-110px)}}@keyframes bd-twinkle{0%,to{opacity:calc(var(--star-opacity) * .5)}50%{opacity:var(--star-opacity)}}@keyframes bd-blob{0%,to{transform:translate(0,0)scale(1)}33%{transform:translate(8vmax,6vmax)scale(1.08)}66%{transform:translate(-6vmax,10vmax)scale(.94)}}@media (prefers-reduced-motion:reduce){.backdrop,.backdrop *{animation:none!important}}.backdrop{background:linear-gradient(180deg, var(--sky-top), var(--sky-bottom))}.sky-horizon{background:radial-gradient(ellipse at 50% 100%, var(--sky-glow), transparent 68%);opacity:.2;position:absolute;inset:25% -20% -35%}.sky-cloud{left:-288px;top:var(--cloud-top);width:240px;height:170px;opacity:var(--cloud-opacity,.16);animation:cloud-cross var(--cloud-duration,140s) linear infinite;animation-delay:var(--cloud-delay);will-change:transform;position:absolute}.sky-cloud span{width:24px;height:17px;image-rendering:pixelated;transform:scale(var(--cloud-scale,8));transform-origin:0 0;background:url(/backdrop/habbo-hotel.png) -201px -314px;display:block}.cloud-one{--cloud-top:9%;--cloud-scale:6;--cloud-duration:170s;--cloud-delay:-25s;--cloud-opacity:.2}.cloud-two{--cloud-top:20%;--cloud-scale:10;--cloud-duration:145s;--cloud-delay:-107s;--cloud-opacity:.15}.cloud-three{--cloud-top:48%;--cloud-scale:4;--cloud-duration:200s;--cloud-delay:-65s;--cloud-opacity:.025}.cloud-four{--cloud-top:69%;--cloud-scale:8;--cloud-duration:125s;--cloud-delay:-18s;--cloud-opacity:.18}.cloud-five{--cloud-top:80%;--cloud-scale:12;--cloud-duration:155s;--cloud-delay:-110s;--cloud-opacity:.12}.cloud-six{--cloud-top:3%;--cloud-scale:3;--cloud-duration:210s;--cloud-delay:-122s;--cloud-opacity:.13}.cloud-two span,.cloud-four span,.cloud-six span{transform:scale(var(--cloud-scale)) translateX(100%) scaleX(-1)}[data-theme=light] .backdrop :is(.stars,.blob,.grain){display:none}[data-theme=light] .sky-cloud{opacity:calc(var(--cloud-opacity) * 1.8)}[data-theme=light] .sky-horizon{opacity:.25}@keyframes cloud-cross{0%{transform:translate(0)}to{transform:translate(calc(100vw + 480px))}}@media (width<=800px){.cloud-two,.cloud-three,.cloud-six{display:none}.sky-cloud{opacity:calc(var(--cloud-opacity) * .7)}}@media (prefers-reduced-motion:reduce){.sky-cloud{will-change:auto;animation:none}.cloud-one{left:4%}.cloud-two{left:78%}.cloud-three{left:45%}.cloud-four{left:-3%}.cloud-five{left:80%}.cloud-six{left:62%}.backdrop .blob,.backdrop .stars{will-change:auto}}.sky-cloud span{clip-path:path("M8 0h5v1h-5z M15 0h5v1h-5z M6 1h16v1h-16z M5 2h18v1h-18z M4 3h20v1h-20z M4 4h20v1h-20z M2 5h22v1h-22z M1 6h23v1h-23z M0 7h23v1h-23z M0 8h23v1h-23z M0 9h22v1h-22z M0 10h21v1h-21z M0 11h19v1h-19z M1 12h17v1h-17z M2 13h16v1h-16z M3 14h14v1h-14z M6 15h10v1h-10z M8 16h6v1h-6z")}.landscape,.forest{pointer-events:none;image-rendering:pixelated;display:none;position:absolute}[data-theme=sunset] .landscape,[data-theme=ocean] .landscape{background-position:top;background-repeat:no-repeat;background-size:cover;display:block;inset:0}[data-theme=sunset] .landscape{background-image:linear-gradient(#2518252e,#25182580),url(/backdrop/pixel-sunset.png)}[data-theme=ocean] .landscape{background-image:linear-gradient(#0a1c2b52,#0a1c2b94),url(/backdrop/tropical-destination.png)}[data-theme=forest] .forest{display:block;inset:0}[data-theme=forest] .jungle-waterfall{z-index:1}[data-theme=forest] .grain{z-index:2}[data-theme=forest] .backdrop{--forest-canopy:min(780px, calc(86dvh - 36px));--forest-cloud-top:calc(100% - var(--forest-canopy) - 53px)}.forest:before{content:"";background:linear-gradient(#193522,#101f16);height:150px;position:absolute;bottom:0;left:0;right:0}.forest span{background-position:bottom;background-repeat:no-repeat;background-size:contain;position:absolute;bottom:-35px}.jungle-grove{position:absolute;inset:0}.jungle-grove span{width:var(--tree-width);height:var(--tree-height);left:var(--tree-left);transform:translateX(-50%) scaleX(var(--tree-facing,1));filter:brightness(var(--tree-light,.46))}.grove-one{--tree-left:8%;--tree-width:260px;--tree-height:540px;background-image:url(/backdrop/jungle-subtropical.png)}.grove-two{--tree-left:23%;--tree-width:310px;--tree-height:570px;--tree-facing:-1;background-image:url(/backdrop/jungle-tree-slender.png)}.grove-three{--tree-left:34%;--tree-width:255px;--tree-height:430px;background-image:url(/backdrop/jungle-round-tree.png)}.grove-four{--tree-left:44%;--tree-width:280px;--tree-height:480px;--tree-facing:-1;--tree-light:.38;background-image:url(/backdrop/jungle-tree-young.png)}.grove-five{--tree-left:53%;--tree-width:230px;--tree-height:390px;background-image:url(/backdrop/jungle-tall-palm.png)}.grove-six{--tree-left:62%;--tree-width:250px;--tree-height:460px;--tree-facing:-1;background-image:url(/backdrop/jungle-acacia.png)}.grove-seven{--tree-left:72%;--tree-width:295px;--tree-height:545px;--tree-light:.4;background-image:url(/backdrop/jungle-tree-slender.png)}.grove-eight{--tree-left:83%;--tree-width:220px;--tree-height:370px;--tree-facing:-1;background-image:url(/backdrop/jungle-round-tree.png)}.grove-nine{--tree-left:95%;--tree-width:270px;--tree-height:560px;background-image:url(/backdrop/jungle-fan-palm.png)}.grove-ten{--tree-left:3%;--tree-width:320px;--tree-height:470px;--tree-facing:-1;background-image:url(/backdrop/jungle-acacia.png)}.grove-eleven{--tree-left:17%;--tree-width:190px;--tree-height:500px;--tree-light:.53;background-image:url(/backdrop/jungle-subtropical.png)}.grove-twelve{--tree-left:29%;--tree-width:250px;--tree-height:320px;--tree-facing:-1;background-image:url(/backdrop/jungle-fan-palm.png)}.grove-thirteen{--tree-left:39%;--tree-width:310px;--tree-height:340px;--tree-light:.55;background-image:url(/backdrop/jungle-acacia.png)}.grove-fourteen{--tree-left:50%;--tree-width:185px;--tree-height:470px;--tree-facing:-1;background-image:url(/backdrop/jungle-subtropical.png)}.grove-fifteen{--tree-left:59%;--tree-width:270px;--tree-height:310px;--tree-light:.52;background-image:url(/backdrop/jungle-fan-palm.png)}.grove-sixteen{--tree-left:76%;--tree-width:290px;--tree-height:355px;--tree-facing:-1;background-image:url(/backdrop/jungle-acacia.png)}.grove-seventeen{--tree-left:89%;--tree-width:210px;--tree-height:540px;--tree-light:.52;background-image:url(/backdrop/jungle-subtropical.png)}.grove-eighteen{--tree-left:12%;--tree-width:245px;--tree-height:445px;background-image:url(/backdrop/jungle-round-tree.png)}.grove-nineteen{--tree-left:36%;--tree-width:185px;--tree-height:455px;--tree-facing:-1;background-image:url(/backdrop/jungle-subtropical.png)}.grove-twenty{--tree-left:66%;--tree-width:235px;--tree-height:400px;background-image:url(/backdrop/jungle-tree-young.png)}.grove-twenty-one{--tree-left:92%;--tree-width:260px;--tree-height:390px;--tree-facing:-1;background-image:url(/backdrop/jungle-acacia.png)}.jungle-leaf-bed{filter:brightness(.43)saturate(.8);background-image:url(/backdrop/jungle-round-tree.png),url(/backdrop/jungle-round-tree.png),url(/backdrop/jungle-round-tree.png),url(/backdrop/jungle-round-tree.png);background-position:165px -30px,110px -20px,55px -10px,0 0;background-repeat:repeat-x;background-size:222px 370px;height:150px;position:absolute;bottom:0;left:0;right:0}.forest .jungle-dinosaur{filter:brightness(.55)saturate(.65);bottom:120px}.dinosaur-longneck{background-image:url(/backdrop/jungle-brontosaurus.png);width:207px;height:327px;left:calc(clamp(160px,18vw,240px) - 38px)}.dinosaur-triceratops{background-image:url(/backdrop/jungle-triceratops.png);width:189px;height:234px;right:1%;transform:scaleX(-1)}.jungle-fan-palm{filter:brightness(.65);background-image:url(/backdrop/jungle-fan-palm.png);width:255px;height:287px}.fan-left{left:7%;transform:scaleX(-1)}.fan-right{right:5%}.jungle-waterfall{filter:brightness(.6)saturate(.65);width:clamp(160px,18vw,240px);position:absolute;top:-100px;bottom:-72px;left:-60px;transform:scaleX(-1)}.waterfall-frames{background-image:url(/backdrop/jungle-waterfall.png);background-size:400% 100%;width:100%;height:100%;animation:.8s steps(4,end) infinite waterfall-flow}@keyframes waterfall-flow{to{background-position-x:133.333%}}.jungle-tree{background-image:url(/backdrop/jungle-tree.png);width:390px;height:780px}.tree-left-back{transform-origin:bottom;filter:brightness(.42);background-image:url(/backdrop/jungle-tree-young.png);left:10%;transform:scale(.72)}.tree-right-back{transform-origin:bottom;filter:brightness(.45);background-image:url(/backdrop/jungle-tree-young.png);right:10%;transform:scale(-.8,.8)}.tree-left{filter:brightness(.72);left:-70px}.tree-right{filter:brightness(.65);right:-65px;transform:scaleX(-1)}.jungle-round-tree{filter:brightness(.6);background-image:url(/backdrop/jungle-round-tree.png);width:244px;height:407px}.round-left{left:14%}.round-right{transform-origin:bottom;right:12%;transform:scale(-1.2,1.2)}.jungle-tall-palm{filter:brightness(.65);background-image:url(/backdrop/jungle-tall-palm.png);width:273px;height:465px}.tall-palm-left{left:4%;transform:scaleX(-1)}.tall-palm-right{right:2%}.jungle-palm{filter:brightness(.65);background-image:url(/backdrop/jungle-palm.png);width:176px;height:260px}.palm-left{left:19%}.palm-right{right:22%;transform:scaleX(-1)}.forest .jungle-undergrowth{filter:brightness(.5);background-image:url(/backdrop/jungle-plant.png),url(/backdrop/jungle-fan-palm.png),url(/backdrop/jungle-plant.png);background-position:0 bottom,75px bottom,47px bottom;background-repeat:repeat-x;background-size:141px 203px,195px 220px,111px 159px;height:max(205px,28vh);bottom:-16px;left:-20px;right:-20px}[data-theme=forest] .backdrop .blob{opacity:.16}:is([data-theme=forest],[data-theme=sunset],[data-theme=ocean]) .backdrop .stars,:is([data-theme=sunset],[data-theme=ocean]) .backdrop :is(.blob,.grain,.sky-horizon){display:none}:is([data-theme=forest],[data-theme=sunset],[data-theme=ocean]) .sky-cloud{--cloud-scale:4}:is([data-theme=forest],[data-theme=sunset],[data-theme=ocean]) .cloud-one{--cloud-top:3%}:is([data-theme=forest],[data-theme=sunset],[data-theme=ocean]) .cloud-two{--cloud-top:8%;--cloud-scale:6}:is([data-theme=forest],[data-theme=sunset],[data-theme=ocean]) .cloud-three{--cloud-top:2%;--cloud-opacity:.12}:is([data-theme=forest],[data-theme=sunset],[data-theme=ocean]) .cloud-four{--cloud-top:12%}:is([data-theme=forest],[data-theme=sunset],[data-theme=ocean]) .cloud-five{--cloud-top:6%;--cloud-scale:7}:is([data-theme=forest],[data-theme=sunset],[data-theme=ocean]) .cloud-six{--cloud-top:1%}[data-theme=forest] .forest span:not(.jungle-undergrowth):not(.jungle-dinosaur){max-height:calc((86dvh - 36px) / var(--canopy-scale,1))}.round-right{--canopy-scale:1.2}[data-theme=forest] .jungle-grove span{max-height:calc(86dvh - 36px)}[data-theme=forest] .cloud-one{--cloud-top:calc(var(--forest-cloud-top) - 24px);--cloud-scale:4}[data-theme=forest] .cloud-two{--cloud-top:calc(var(--forest-cloud-top) - 8px);--cloud-scale:4}[data-theme=forest] .cloud-three{--cloud-top:calc(var(--forest-cloud-top) - 40px);--cloud-scale:3}[data-theme=forest] .cloud-four{--cloud-top:var(--forest-cloud-top);--cloud-scale:3}[data-theme=forest] .cloud-five{--cloud-top:var(--forest-cloud-top);--cloud-scale:4}[data-theme=forest] .cloud-six{--cloud-top:calc(var(--forest-cloud-top) - 50px);--cloud-scale:3}@media (width<=800px){.forest .jungle-dinosaur{bottom:105px}.dinosaur-longneck{width:138px;height:218px;left:107px}.dinosaur-triceratops{width:126px;height:156px;right:-15px}.jungle-waterfall{width:140px;left:-55px}[data-theme=forest] .backdrop{--forest-canopy:min(480px, calc(86dvh - 36px))}.jungle-fan-palm{width:165px;height:186px}.jungle-grove span{width:calc(var(--tree-width) * .6);height:calc(var(--tree-height) * .65)}.jungle-tree{width:240px;height:480px}.jungle-round-tree{width:155px;height:258px}.jungle-tall-palm{width:182px;height:310px}.tree-left{left:-65px}.tree-right{right:-65px}.tree-left-back{left:0}.tree-right-back{right:0}.jungle-palm{width:114px;height:169px}.forest:before{height:135px}.forest .jungle-undergrowth{background-size:121px 174px,160px 180px,101px 145px;height:185px;bottom:-20px}}.sky-clouds{position:absolute;inset:0}:is([data-theme=ocean],[data-theme=sunset]) .sky-clouds{-webkit-mask-position:top;mask-position:top;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:luminance;mask-mode:luminance}[data-theme=ocean] .sky-clouds{-webkit-mask-image:url(/backdrop/tropical-destination.png);mask-image:url(/backdrop/tropical-destination.png)}[data-theme=sunset] .sky-clouds{-webkit-mask-image:url(/backdrop/pixel-sunset.png);mask-image:url(/backdrop/pixel-sunset.png)}[data-theme=midnight] .landscape{background-blend-mode:screen;mix-blend-mode:screen;background-image:url(/backdrop/starry-night.png),url(/backdrop/starry-night.png);background-position:50%,calc(50% + 550px) calc(50% + 240px);background-repeat:repeat;background-size:1100px,1660px;display:block;inset:0}[data-theme=midnight] .backdrop :is(.stars,.grain){display:none}.pterosaurs{display:none;position:absolute;inset:0}[data-theme=forest] .pterosaurs{display:block}.pterosaur{left:-120px;top:var(--flight-top);width:96px;height:88px;animation:pterosaur-cross var(--flight-duration) linear infinite;animation-delay:var(--flight-delay);position:absolute}.pterosaur span{width:96px;height:88px;image-rendering:pixelated;filter:var(--pterosaur-color);transform:scale(var(--flight-scale));transform-origin:0 0;background-image:url(/backdrop/jungle-pterosaur.png);animation:.8s steps(5,end) infinite pterosaur-flap;display:block}.pterosaur-one{--pterosaur-color:grayscale(1) sepia(1) saturate(4) hue-rotate(-38deg) brightness(.8);--flight-top:calc(var(--forest-cloud-top) - 12px);--flight-scale:.65;--flight-duration:65s;--flight-delay:-14s}.pterosaur-two{--pterosaur-color:grayscale(1) sepia(1) saturate(1.4) brightness(.65);--flight-top:calc(var(--forest-cloud-top) + 6px);--flight-scale:.45;--flight-duration:85s;--flight-delay:-52s}.pterosaur-three{--pterosaur-color:grayscale(1) sepia(1) saturate(1.5) hue-rotate(45deg) brightness(.65);--flight-top:calc(var(--forest-cloud-top) - 40px);--flight-scale:.5;--flight-duration:75s;--flight-delay:-37s}@keyframes pterosaur-cross{to{transform:translate(calc(100vw + 240px))}}@keyframes pterosaur-flap{to{background-position-x:-480px}}@media (width<=800px){.pterosaur-three{display:none}}@media (prefers-reduced-motion:reduce){.pterosaur-one{left:20%}.pterosaur-two{left:67%}.pterosaur-three{left:45%}}@media (height<=500px){.forest .jungle-dinosaur{max-height:170px;bottom:95px}}