.raindrops{--color:#00f;--duration:3.1s;--delay:0s;--ground-angle:60deg;--droplet-width:1px;--ripple-scale:7.5;--splash-height:100px;--splash-direction:0;--splash-delay-offset:0;--splash-particle-scale:1;--rain-width:10px;--rain-height:20px;--rain-angle:0deg;--rain-opacity:.8;pointer-events:none;mix-blend-mode:darken;width:100%;height:100%;display:flex;position:absolute;inset:0;overflow:hidden}.raindrops .ground{justify-content:space-evenly;align-self:end;align-items:end;width:100%;height:200px;min-height:100px;max-height:100%;display:flex;position:relative}.raindrop{--droplet-width:calc(var(--rain-width)*var(--droplet-scale));--droplet-height:calc(var(--rain-height)*var(--droplet-scale));width:3px;height:3px;opacity:var(--rain-opacity);position:relative}.raindrop .ripple{--ripple-spacing:.02;--ripple-size:300px;opacity:var(--opacity);transform:translate(-50%,-50%)rotateX(var(--ground-angle))scale(1);width:var(--ripple-size);height:var(--ripple-size);border:4px solid var(--color);animation-name:raindrop-ripple-grow;animation-duration:var(--duration);animation-timing-function:ease-out;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:var(--delay);animation-delay:calc(var(--delay) + var(--duration)*var(--ripple-spacing)*var(--ripple-index));border-radius:50%;position:absolute}.raindrop .droplet{width:var(--droplet-width);height:var(--droplet-height);background-color:var(--color);animation-name:raindrop-droplet-fall;animation-duration:var(--duration);animation-timing-function:ease-in;animation-iteration-count:infinite;animation-fill-mode:both;animation-delay:var(--delay);border-radius:100%;position:absolute;transform:translate(-50%,-100%)}.raindrop .splash{width:0;height:0;position:absolute;bottom:0}.raindrop .splash .particle{--splash-particle-size:calc(var(--droplet-width)*var(--splash-particle-scale));--splash-x:calc(2*(var(--splash-direction) - 2*sin(var(--rain-angle)))*var(--splash-height));--splash-y:calc(-1*var(--splash-height)/var(--splash-particle-scale)*(cos(var(--rain-angle)) + .5));opacity:0;transform-style:preserve-3d;width:var(--splash-particle-size);height:var(--splash-particle-size);background-color:var(--color);animation-name:raindrop-splash;animation-duration:var(--duration);animation-timing-function:ease-out;animation-iteration-count:infinite;animation-fill-mode:both;animation-delay:calc(var(--delay) + var(--duration)*var(--splash-delay-offset));border-radius:50% 50% 0;position:absolute}@keyframes raindrop-ripple-grow{0%{opacity:0;transform:translate(-50%,-50%)rotateX(var(--ground-angle))scale(0)}40%{opacity:0}46%{opacity:var(--opacity);transform:translate(-50%,-50%)rotateX(var(--ground-angle))scale(0);filter:blur()}to{opacity:0;transform:translate(-50%,-50%)rotateX(var(--ground-angle))scale(1);filter:blur(8px)}}@keyframes raindrop-droplet-fall{0%{transform:rotate(var(--rain-angle))translateX(-50%)translateY(-120vh)scale(1,1);opacity:0;filter:blur(6px)}30%{opacity:1}40%{filter:blur();opacity:.8;transform:rotate(var(--rain-angle))translate(-50%,-100%)rotate(0)scale(1,2)}41%{transform:rotate(var(--rain-angle))translate(-50%,-100%)rotate(0)scale(5,1);opacity:.2}42%{transform:rotate(var(--rain-angle))translate(-50%,-100%)rotate(calc(-1*var(--rain-angle)))rotateX(var(--ground-angle))scale(5,1)}43%{transform:rotate(var(--rain-angle))translate(-50%,-100%)rotate(calc(-1*var(--rain-angle)))rotateX(var(--ground-angle))scale(5,.6);opacity:.3;filter:blur()}46%{transform:rotate(var(--rain-angle))translate(-50%,-100%)rotate(calc(-1*var(--rain-angle)))rotateX(var(--ground-angle))scale(10,.6)}48%,to{opacity:0;filter:blur(6px);transform:rotate(var(--rain-angle))translate(-50%,-100%)rotate(calc(-1*var(--rain-angle)))rotateX(var(--ground-angle))scale(20,.0001)}}@keyframes raindrop-splash{0%,42%{filter:blur();opacity:0;transform:translate(0)scale(0)}60%{transform:translate(calc(var(--splash-x)*.6),calc(var(--splash-y)*1))scale(1);filter:blur(2px);opacity:1}75%{filter:blur(8px)}90%,to{transform:translate(var(--splash-x),calc(var(--splash-y)*.9))scale(1);opacity:0}}.blur-text{text-transform:uppercase;text-align:center;opacity:1;font-size:5em;font-weight:800;display:inline-block}.blur-text>span{filter:blur();margin:0 5px;animation:ease-in-out infinite alternate text-blurring;display:inline-block}@keyframes text-blurring{0%{filter:blur()}to{filter:blur(6px)}}.sun{opacity:.4;background:orange;border:15px solid #ff45001a;border-radius:50%;width:250px;height:250px;animation:48s linear infinite sun_anim;position:relative;transform:translate(-50%,-50%);box-shadow:0 0 40px 1px #ff4500,0 0 240px 1px #ff9b76}.sun:before{content:"";z-index:2;background:radial-gradient(#ffffff80 0%,#0000 70%);border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.sun .rays{width:70px;margin:auto;position:absolute;inset:0}.ray{filter:blur(3px);mix-blend-mode:lighten;transform-origin:0;background:linear-gradient(90deg,#fff0 0%,#ffece6cc 50%,#ff1f1f00 100%);border-radius:80% 80% 0 0;position:absolute;top:50%;left:50%}.sunlight{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.sunspot{z-index:3;background:linear-gradient(-45deg,#0000,#ffffff80),linear-gradient(-20deg,#0000,#ffffff80);border-radius:50%;width:100%;height:100%;position:absolute;bottom:0;left:0;right:0;transform:translateY(50%)rotateX(80deg)}@keyframes sun_anim{0%{filter:blur(1px)hue-rotate()saturate();transform:translate(-50%,-50%)rotate(0)}50%{filter:blur(8px)hue-rotate(-20deg)saturate(90%)}to{filter:blur(1px)hue-rotate()saturate();transform:translate(-50%,-50%)rotate(-360deg)}}@keyframes ray_anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden auto}html{font-size:120%}@media (prefers-color-scheme:dark){body{color:#fff;background-color:#000}}button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:6px 10px}label{gap:4px;font-size:12px;display:grid}body>button:last-child{color:#fff;background-color:#000}.overlays canvas{mix-blend-mode:multiply}@keyframes floodnet-pulse{0%{opacity:.8;transform:scale(.9)}70%{opacity:0;transform:scale(1.3)}to{opacity:0;transform:scale(.9)}}.TanStackRouterDevtools>button>div:last-child{display:none}