:root{color-scheme:dark}html,body{margin:0;padding:0;min-height:100%}body{background:radial-gradient(ellipse at 30% 20%,#0b1530,#04060f 60%,#000);color:#f5f7fb;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}main{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;box-sizing:border-box}.hello{font-size:clamp(3rem,14vw,9rem);font-weight:800;letter-spacing:-.04em;margin:0;display:flex;align-items:center;line-height:1;white-space:nowrap}.word{display:inline-block}.planet{position:relative;display:inline-block;font:inherit;color:inherit;width:.7em;height:.7em;padding:0;margin:0 .04em;background:transparent;border:0;cursor:pointer;vertical-align:-.02em;line-height:0;-webkit-tap-highlight-color:transparent}.earth{width:100%;height:100%;display:block;transition:filter .6s ease;filter:drop-shadow(0 0 .15em rgba(120,200,255,.35))}.continents{transition:fill .6s ease}.flames{position:absolute;inset:-40% -25% -25%;pointer-events:none;opacity:0;transition:opacity .4s ease}.flame{position:absolute;bottom:10%;left:50%;width:35%;height:90%;border-radius:50% 50% 22% 22%/65% 65% 35% 35%;background:radial-gradient(ellipse at 50% 75%,#fff7c2,#ffd24a 22%,#ff8a1a 48%,#ff3b1a 70%,#78000000 90%);transform-origin:50% 100%;transform:translate(-50%) scaleY(.4);filter:blur(1px);mix-blend-mode:screen}.f1{left:50%;width:60%;height:130%;bottom:0%;animation:flicker .42s infinite alternate ease-in-out}.f2{left:30%;width:40%;height:95%;bottom:5%;animation:flicker .31s infinite alternate ease-in-out;animation-delay:-.12s}.f3{left:70%;width:40%;height:95%;bottom:5%;animation:flicker .36s infinite alternate ease-in-out;animation-delay:-.2s}.f4{left:50%;width:90%;height:70%;bottom:-5%;animation:flicker .28s infinite alternate ease-in-out;animation-delay:-.05s;opacity:.85}.f5{left:18%;width:26%;height:70%;bottom:8%;animation:flicker .24s infinite alternate ease-in-out;animation-delay:-.08s}.f6{left:82%;width:26%;height:70%;bottom:8%;animation:flicker .27s infinite alternate ease-in-out;animation-delay:-.18s}.ember{position:absolute;width:6%;height:6%;border-radius:50%;background:radial-gradient(circle,#ffe28a,#ff7a1a 60%,#ff500000);bottom:70%;opacity:0;filter:blur(.5px);mix-blend-mode:screen}.e1{left:40%;animation:rise 1.6s infinite ease-in;animation-delay:-.2s}.e2{left:55%;animation:rise 2.1s infinite ease-in;animation-delay:-.9s}.e3{left:65%;animation:rise 1.9s infinite ease-in;animation-delay:-1.4s}.planet.on-fire .flames{opacity:1}.planet.on-fire .earth{filter:drop-shadow(0 0 .4em rgba(255,120,30,.95)) drop-shadow(0 0 .15em rgba(255,200,80,.9)) hue-rotate(-150deg) saturate(1.6);animation:shake .18s infinite alternate}.planet.on-fire .continents{fill:#6b1a0c}.bird{position:absolute;top:-85%;left:0;width:90%;height:auto;pointer-events:none;opacity:0;transform:translate(-200%);overflow:visible}.planet.bird-coming .bird{animation:fly 3.2s linear forwards}.wing{transform-box:fill-box;transform-origin:50% 100%;animation:flap .18s infinite alternate ease-in-out}.wing.r{animation-delay:-.05s}.poop{position:absolute;top:-65%;left:50%;width:14%;height:20%;border-radius:50%/75% 75% 25% 25%;background:radial-gradient(circle at 35% 25%,#b0823f,#6e4519 55%,#3d2810);transform:translate(-50%) rotate(180deg) scale(.6);opacity:0;pointer-events:none}.planet.bird-coming .poop{animation:drop .7s ease-in 1.4s forwards}.splat{position:absolute;top:14%;left:50%;width:55%;height:32%;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,#8a5c25,#5a3812 60%,#3c1e0a00);transform:translate(-50%) scale(0);opacity:0;pointer-events:none}.planet.bird-coming .splat{animation:splat 1.8s ease-out 2.1s forwards}.steam{position:absolute;inset:-50% 0 0;pointer-events:none}.puff{position:absolute;bottom:30%;width:28%;height:28%;border-radius:50%;background:radial-gradient(circle,#f5faffd9,#dce6f580,#c8dcf000);opacity:0;filter:blur(1px)}.p1{left:22%}.p2{left:50%;transform:translate(-50%)}.p3{left:60%}.p4{left:38%}.planet.bird-coming .puff{animation:steam 1.6s ease-out 2.1s forwards}.planet.bird-coming .p2{animation-delay:2.25s}.planet.bird-coming .p3{animation-delay:2.4s}.planet.bird-coming .p4{animation-delay:2.55s}@keyframes flicker{0%{transform:translate(-50%) scaleY(.85) scaleX(1);opacity:.85}25%{transform:translate(-50%) scaleY(1.05) scaleX(.92);opacity:1}50%{transform:translate(-50%) scaleY(.92) scaleX(1.06);opacity:.92}75%{transform:translate(-50%) scaleY(1.1) scaleX(.95);opacity:.98}to{transform:translate(-50%) scaleY(.95) scaleX(1.02);opacity:.88}}@keyframes rise{0%{transform:translate(-50%) scale(.6);opacity:0}15%{opacity:1}to{transform:translate(-50%,-260%) scale(.2);opacity:0}}@keyframes shake{0%{transform:translate(0)}to{transform:translate(.6%,-.4%)}}@keyframes fly{0%{transform:translate(-200%) rotate(-2deg);opacity:0}8%{opacity:1}45%{transform:translate(5%,40%) rotate(2deg);opacity:1}92%{opacity:1}to{transform:translate(220%,-40%) rotate(-3deg);opacity:0}}@keyframes flap{0%{transform:scaleY(1)}to{transform:scaleY(.35)}}@keyframes drop{0%{top:-65%;opacity:0;transform:translate(-50%) rotate(180deg) scale(.6)}15%{opacity:1;transform:translate(-50%) rotate(180deg) scale(1)}85%{top:14%;opacity:1}to{top:14%;opacity:0;transform:translate(-50%) rotate(180deg) scale(.4)}}@keyframes splat{0%{transform:translate(-50%) scale(0);opacity:0}15%{transform:translate(-50%) scale(1.15);opacity:1}to{transform:translate(-50%) scale(1);opacity:0}}@keyframes steam{0%{transform:translateY(0) scale(.4);opacity:0}20%{opacity:.9}to{transform:translateY(-280%) scale(1.2);opacity:0}}.hint{margin:0;font-size:.95rem;opacity:.55;letter-spacing:.04em}@media(prefers-reduced-motion:reduce){.flame,.ember,.puff,.planet.on-fire .earth{animation:none!important}}