*,*:after,*:before{padding:0;margin:0;box-sizing:border-box}:root{--dark-color: #000;--wind-rot: 0deg;--wind-rot-small: 0deg;--ground-offset: 0vmin;--ground-overlay-h: 0vmin;--clover-leaf-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20120'%3E%3Cpath%20d='M50%20118C41%20104%2028%2094%2018%2082%206%2068%200%2050%205%2036%2010%2020%2026%2011%2039%2015c6.5%201.5%209%204.5%2011%208%202-3.5%204.5-6.5%2011-8%2013-4%2029%205%2034%2021%205%2014-1%2032-13%2046-10%2012-23%2022-32%2036z'/%3E%3C/svg%3E");--clover-leaf-shade: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20120'%3E%3Cdefs%3E%3ClinearGradient%20id='a'%20x1='0'%20y1='0'%20x2='1'%20y2='0'%3E%3Cstop%20offset='0'%20stop-opacity='.34'/%3E%3Cstop%20offset='1'%20stop-opacity='.08'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x='49'%20width='51'%20height='120'%20fill='url(%23a)'/%3E%3Cpath%20d='M20%2071%2050%2044%2080%2071%2075.5%2073.5%2050%2053%2024.5%2073.5Z'%20fill='%23fff'%20opacity='.09'/%3E%3C/svg%3E")}html,body{height:100%}body{display:flex;align-items:flex-end;justify-content:center;min-height:100vh;background-color:var(--dark-color);overflow:hidden;perspective:1000px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.night{position:fixed;inset:-3vmin;width:calc(100vw + 6vmin);height:calc(100vh + 6vmin);transform:none;filter:blur(.1vmin);background-image:radial-gradient(ellipse at top,transparent 0%,var(--dark-color)),radial-gradient(ellipse at bottom,var(--dark-color),rgba(145,233,255,.2)),repeating-linear-gradient(220deg,rgb(0,0,0) 0px,rgb(0,0,0) 19px,transparent 19px,transparent 22px),repeating-linear-gradient(189deg,rgb(0,0,0) 0px,rgb(0,0,0) 19px,transparent 19px,transparent 22px),repeating-linear-gradient(148deg,rgb(0,0,0) 0px,rgb(0,0,0) 19px,transparent 19px,transparent 22px),linear-gradient(90deg,rgb(0,255,250),rgb(240,240,240));z-index:0}.aurora{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0;filter:blur(1.35vmin) saturate(1.12);transform:translateZ(0) scale(1.02);transition:opacity var(--aurora-fade, 6.8s) cubic-bezier(.12,.8,.12,1),filter var(--aurora-fade, 6.8s) ease,transform var(--aurora-fade, 6.8s) ease}body.is-aurora-on .aurora{--aurora-fade: 3.2s;opacity:.92;filter:blur(.85vmin) saturate(1.25);transform:translateZ(0) scale(1)}body.is-aurora-off .aurora{--aurora-fade: 6.8s;opacity:0;filter:blur(1.55vmin) saturate(1.08);transform:translateZ(0) scale(1.03)}.aurora__bg{position:absolute;left:-60%;top:-60%;width:220%;height:220%;background:radial-gradient(80% 55% at 35% 58%,rgba(60,255,190,.11),transparent 65%),radial-gradient(70% 55% at 62% 50%,rgba(90,170,255,.1),transparent 62%),linear-gradient(180deg,rgba(120,255,170,.18) 8%,rgba(65,0,80,.18) 22%,rgba(0,0,0,.92) 75%);animation:aurora-drift 10.5s linear infinite alternate;mix-blend-mode:screen;opacity:.65}.aurora__cont{position:absolute;left:50%;top:8vmin;transform:translate(-50%) skew(-.06turn,18deg);transform-origin:center;width:min(1200px,100vw);height:46vmin;max-height:520px;animation:aurora-wave 14s ease-in-out infinite;will-change:transform}.aurora__ray{position:absolute;top:0;left:var(--x, 50%);width:0;pointer-events:none;transform:translate(-50%)}.aurora__ray-inner{display:block;width:0;min-height:var(--h, 220px);border-radius:6% 52% 30px 20px;opacity:var(--o, .58);box-shadow:0 0 var(--blur, 100px) var(--spread, 20px) var(--c, rgba(75, 255, 185, .85));animation:aurora-ray-bob var(--dur, 8.2s) linear infinite;will-change:transform}@keyframes aurora-wave{0%{transform:translate(-50%) skew(-.06turn,18deg) rotate(-1.2deg) translateY(-.8vmin) scale(1.01)}50%{transform:translate(-50%) skew(-.06turn,18deg) rotate(1.2deg) translateY(.9vmin) scale(.995)}to{transform:translate(-50%) skew(-.06turn,18deg) rotate(-1.2deg) translateY(-.8vmin) scale(1.01)}}@keyframes aurora-ray-bob{0%,to{transform:translateY(calc(var(--mt, 0px) + 28px))}50%{transform:translateY(calc(var(--mt, 0px) + 98px))}}@keyframes aurora-drift{0%{transform:translate(5%,-2%)}25%{transform:translate(10%,7%)}40%{transform:rotate(-10deg)}60%{transform:translate(7%,-2%)}85%{transform:translate(6%,3%) rotate(12deg)}to{transform:none}}.flowers{position:fixed;inset:0;transform:none;z-index:1}.flowers:after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--ground-overlay-h, 0vmin) + env(safe-area-inset-bottom));pointer-events:none;background:radial-gradient(140% 120% at 50% 100%,rgba(25,120,35,.22),transparent 62%),linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,0));z-index:1}.stars{position:absolute;inset:0;z-index:0;pointer-events:none}.star{position:absolute;left:var(--x, 50%);top:var(--y, 25%);width:var(--s, 2px);height:var(--s, 2px);border-radius:50%;background:rgba(255,255,255,.88);box-shadow:0 0 .6vmin #23f0ff1f,0 0 .2vmin #ffffff40;transform:translate(-50%,-50%) scale(1);opacity:.35;animation:star-twinkle var(--tw, 4s) ease-in-out infinite;animation-delay:var(--td, 0s)}@keyframes star-twinkle{0%,to{opacity:.22;transform:translate(-50%,-50%) scale(.92)}50%{opacity:.88;transform:translate(-50%,-50%) scale(1.18)}}.sky-title{position:absolute;left:50%;top:7.5vmin;transform:translate(-50%) rotate(var(--wind-rot-small));transform-origin:center;z-index:2;pointer-events:none}.sky-title__inner{text-align:center;opacity:0;filter:blur(.6vmin);transform:translateY(2.2vmin);animation:title-in 2.2s cubic-bezier(.2,.9,.2,1) forwards,title-float 10s ease-in-out infinite;animation-delay:.6s,3.2s}@keyframes title-in{to{opacity:.92;filter:blur(0);transform:translateY(0)}}@keyframes title-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.65vmin)}}.sky-title__main{display:block;font-weight:600;text-transform:uppercase;letter-spacing:.22em;font-size:clamp(20px,4.2vw,46px);color:#e6ffffe0;text-shadow:0 0 1.2vmin rgba(35,240,255,.22),0 0 .25vmin rgba(255,255,255,.28)}.sky-title__sub{display:block;margin-top:0;margin-bottom:.45rem;font-size:clamp(11px,1.6vw,15px);letter-spacing:.32em;font-style:italic;color:#e6ffffa8;text-shadow:0 0 1vmin rgba(35,240,255,.14)}.meadow{position:absolute;inset:0;overflow:hidden;pointer-events:auto;z-index:1}.blade,.clover{pointer-events:none}.clover--preset{pointer-events:auto;cursor:pointer;text-decoration:none}.clover--preset *{pointer-events:none}.clover--preset:focus-visible{outline:2px solid rgba(230,255,255,.55);outline-offset:6px;border-radius:18px}.clover-label{position:absolute;left:50%;bottom:calc(var(--stem, 12vmin) + (var(--leaf, 3vmin) * 5.4) + 1.2vmin);transform:translate(-50%) translateY(.9vmin);opacity:0;filter:blur(.35vmin);transition:opacity .22s ease,transform .22s ease,filter .22s ease;pointer-events:none}.clover-label__inner{padding:.45rem .7rem;border-radius:999px;background:rgba(0,0,0,.32);backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000040;color:#e6ffffe6;font-size:13px;letter-spacing:.04em;white-space:nowrap}.clover--preset.is-intro .clover-label,body.is-pointer-active .clover--preset .clover-label,.clover--preset.is-hover .clover-label,.clover--preset:hover .clover-label,.clover--preset:focus-visible .clover-label{opacity:.95;filter:blur(0);transform:translate(-50%) translateY(0)}.blade{position:absolute;bottom:var(--ground-offset, 0vmin);left:var(--x, 50vw);width:var(--w, .28vmin);height:var(--h, 16vmin);transform:translate(-50%);z-index:var(--z, 5)}.blade__wind{width:100%;height:100%;transform-origin:bottom center;transform:rotate(calc(var(--r, 0deg) + var(--wind-rot)));will-change:transform;animation:blade-wind var(--sway, 4s) ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes blade-wind{0%,to{transform:rotate(calc(var(--r, 0deg) + var(--wind-rot) - 2.6deg))}50%{transform:rotate(calc(var(--r, 0deg) + var(--wind-rot) + 2.6deg))}}.blade__inner{position:relative;width:100%;height:100%;border-radius:999px 999px 0 0;background-image:linear-gradient(to top,hsl(var(--hue, 120) 55% 10%),hsl(var(--hue, 120) 70% 36%));box-shadow:inset 0 0 2px #00000080;transform-origin:bottom center;transform:scaleY(0);will-change:transform;animation:blade-grow var(--grow, 1s) cubic-bezier(.18,.9,.22,1) forwards;animation-delay:var(--delay, 0s)}.blade__inner:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to right,rgba(255,255,255,.14),transparent 55%);opacity:.75}@keyframes blade-grow{0%{transform:scaleY(0)}72%{transform:scaleY(1.1)}to{transform:scaleY(1)}}.clover{position:absolute;left:var(--x, 50vw);bottom:max(0vmin,calc(var(--ground-offset, 0vmin) + var(--y, 0vmin)));width:calc(var(--leaf, 2vmin) * 5.4);height:calc(var(--stem, 12vmin) + var(--leaf, 2vmin) * 5.8);transform:translate(-50%);z-index:var(--z, 10)}.clover__wind{position:absolute;inset:0;transform-origin:bottom center;transform:rotate(calc(var(--rot, 0deg) + var(--wind-rot)));will-change:transform;animation:clover-wind var(--wind, 6s) ease-in-out infinite;animation-delay:var(--delay, .2s)}@keyframes clover-wind{0%,to{transform:rotate(calc(var(--rot, 0deg) + var(--wind-rot) - 2.1deg))}50%{transform:rotate(calc(var(--rot, 0deg) + var(--wind-rot) + 2.1deg))}}.clover__stem{position:absolute;left:50%;bottom:0;width:calc(var(--leaf, 2vmin) * .3);height:var(--stem, 12vmin);transform:translate(-50%) scaleY(0);transform-origin:bottom center;will-change:transform;border-radius:999px;background-image:linear-gradient(to top,var(--stem-b, hsl(var(--hue, 120) 45% 8%)),var(--stem-a, hsl(var(--hue, 120) 55% 24%)));box-shadow:inset 0 0 2px #0000008c;animation:stem-grow var(--grow, 1.2s) cubic-bezier(.18,.9,.22,1) forwards;animation-delay:var(--delay, .2s)}@keyframes stem-grow{0%{transform:translate(-50%) scaleY(0)}75%{transform:translate(-50%) scaleY(1.12)}to{transform:translate(-50%) scaleY(1)}}.clover__head{position:absolute;left:50%;bottom:var(--stem, 12vmin);width:calc(var(--leaf, 2vmin) * 5.4);height:calc(var(--leaf, 2vmin) * 5.4);transform:translate(-50%) scale(0);transform-origin:50% 85%;opacity:0;will-change:transform,opacity;animation:head-grow var(--grow, 1.2s) cubic-bezier(.18,.9,.22,1) forwards;animation-delay:calc(var(--delay, .2s) + .1s)}@keyframes head-grow{0%{transform:translate(-50%) scale(0);opacity:0}70%{transform:translate(-50%) scale(1.08);opacity:1}to{transform:translate(-50%) scale(1);opacity:1}}.clover__leaf-wrap{position:absolute;left:50%;top:50%;width:calc(var(--leaf, 2vmin) * 2.55);height:calc(var(--leaf, 2vmin) * 2.95);transform:translate(var(--tx, -50%),var(--ty, -50%)) rotate(var(--a, 0deg)) scale(var(--sx, 1),var(--sy, 1));transform-origin:center}.clover__leaf-wind{position:absolute;left:50%;top:50%;width:100%;height:100%;transform-origin:50% 100%;transform:translate(-50%,var(--att,-86%)) rotate(calc(var(--lr, 0deg) + var(--wind-rot-small)));will-change:transform;animation:leaf-wind var(--wind, 6s) ease-in-out infinite;animation-delay:calc(var(--delay, .2s) + var(--leaf-delay, 0s))}@keyframes leaf-wind{0%,to{transform:translate(-50%,var(--att,-86%)) rotate(calc(var(--lr, 0deg) + var(--wind-rot-small) - 1.2deg))}50%{transform:translate(-50%,var(--att,-86%)) rotate(calc(var(--lr, 0deg) + var(--wind-rot-small) + 1.6deg))}}.clover__leaf{position:absolute;inset:0;-webkit-mask-image:var(--clover-leaf-mask);mask-image:var(--clover-leaf-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:center;mask-position:center;background:linear-gradient(169deg,var(--leaf-a, #44aa00),var(--leaf-b, #225500));filter:drop-shadow(0 .3vmin .85vmin rgba(0,0,0,.3));transform:scaleX(var(--leaf-flip, 1)) scale(0);transform-origin:50% 100%;opacity:0;will-change:transform,opacity;animation:leaf-grow var(--grow,1.2s) cubic-bezier(.18,.9,.22,1) forwards;animation-delay:calc(var(--delay, .2s) + .18s + var(--leaf-delay, 0s))}.clover__leaf:after{content:"";position:absolute;inset:0;background-image:var(--clover-leaf-shade);background-repeat:no-repeat;background-size:100% 100%;background-position:center;pointer-events:none}@keyframes leaf-grow{0%{transform:scaleX(var(--leaf-flip, 1)) scale(0);opacity:0}70%{transform:scaleX(var(--leaf-flip, 1)) scale(1.1);opacity:1}to{transform:scaleX(var(--leaf-flip, 1)) scale(1);opacity:1}}.clover__center{position:absolute;left:50%;top:50%;width:calc(var(--leaf, 2vmin) * .34);height:calc(var(--leaf, 2vmin) * .34);border-radius:50%;background:var(--leaf-center, #2d5016);transform:translate(-50%,-50%) scale(0);transform-origin:center;opacity:.95;z-index:5;animation:center-pop .65s cubic-bezier(.18,.9,.22,1) forwards;animation-delay:calc(var(--delay, .2s) + .32s)}@keyframes center-pop{0%{transform:translate(-50%,-50%) scale(0)}70%{transform:translate(-50%,-50%) scale(1.18)}to{transform:translate(-50%,-50%) scale(1)}}.not-loaded *{animation-play-state:paused!important}@media (max-width: 768px),(max-height: 720px){:root{--ground-offset: clamp(6vmin, 8vh, 14vmin);--ground-overlay-h: clamp(18vmin, 22vh, 30vmin)}body.is-aurora-on .aurora{opacity:.78;filter:blur(1.05vmin) saturate(1.2)}}
.clover__head:has(>.clover__leaf-wrap:nth-child(4)) .clover__leaf-wrap{width:calc(var(--leaf, 2vmin) * 2.05);--att:-90%}