.orb{position:fixed;z-index:0;pointer-events:none;left:0;top:0;transform:translate(var(--x, 50vw),var(--y, -40vh)) translate(-50%,-50%);will-change:transform,opacity}.orb--sun{width:clamp(448px,77vmin,840px);height:clamp(448px,77vmin,840px)}.orb--moon{width:clamp(150px,20vmin,240px);height:clamp(150px,20vmin,240px);opacity:0}#clouds{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:var(--dayness, 1)}#clouds canvas{position:absolute;left:0;top:0;transform:translate(var(--x, 0vw),var(--y, 0vh)) translate(-50%,-50%)}#vogels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;opacity:var(--dayness, 1)}#vogels img{position:absolute;left:0;top:0;will-change:transform}#stars{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:var(--starlight, 0)}#stars i{position:absolute;border-radius:50%;background:var(--ster, #eef0ff);opacity:var(--o, .8)}#stars i.tw{animation:twinkle var(--tw, 3s) ease-in-out infinite;animation-delay:var(--d, 0s)}@keyframes twinkle{0%,to{opacity:var(--o, .8);transform:scale(1)}7%{opacity:.15}11%{opacity:var(--o, .8)}14%{opacity:.35;transform:scale(.8)}22%{opacity:1;transform:scale(1.25)}30%{opacity:var(--o, .8);transform:scale(1)}55%{opacity:.5}61%{opacity:1}}:root{--eyes-w: calc(300px * var(--eyes-scale, 1));--eyes-h: calc(108px * var(--eyes-scale, 1))}@media (max-width: 640px){:root{--eyes-w: calc(190px * var(--eyes-scale, 1));--eyes-h: calc(68px * var(--eyes-scale, 1))}}#stage{position:fixed;top:0;left:0;transform:translate(var(--float-x, 0px),var(--float-y, 0px));will-change:transform;z-index:1;pointer-events:none}.eyes{position:relative;width:var(--eyes-w);height:var(--eyes-h);filter:var(--eyes-filter, invert(0) opacity(.9));transition:filter .8s;transform:translate(var(--lean-x, 0px),calc(var(--lean-y, 0px) + var(--bob, 0px))) rotate(calc(var(--rock, 0deg) + var(--tilt, 0deg)));will-change:transform}.eyes:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--eyes-ink, #000);-webkit-mask:url(../eyes2.svg) center / 100% 100% no-repeat;mask:url(../eyes2.svg) center / 100% 100% no-repeat}.pupils{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--eyes-ink, #000);-webkit-mask:url(../pupils2.svg) center / 100% 100% no-repeat;mask:url(../pupils2.svg) center / 100% 100% no-repeat;transform:translate(var(--px, 0px),var(--py, 0px));will-change:transform}