:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;overflow:hidden;background:#020111;color:#fafafa}.sky{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#020111,#050529 40%,#0a0a3a 60%,#1a0a2e)}.star{position:absolute;border-radius:50%;background:#fff;animation:twinkle-star var(--dur) ease-in-out infinite alternate}@keyframes twinkle-star{0%{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.moon{position:absolute;top:8%;right:15%;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fffbe6,khaki);box-shadow:0 0 40px 15px #ffffc833,0 0 80px 30px #ffffc81a}.horizon-glow{position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to top,rgba(255,140,50,.12),transparent);pointer-events:none}.city{position:absolute;bottom:0;left:0;right:0;height:55%}.building{position:absolute;bottom:0;background:#0a0a14;border-radius:2px 2px 0 0}.windows{position:absolute;top:6px;right:4px;bottom:0;left:4px;display:grid;gap:3px;grid-auto-rows:5px}.window{border-radius:.5px;animation:window-glow var(--dur) ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes window-glow{0%{opacity:.15}50%{opacity:.9}to{opacity:.3}}.water{position:absolute;bottom:0;left:0;right:0;height:12%;background:linear-gradient(to bottom,#0a0a1ecc,#020111);overflow:hidden}.reflection{position:absolute;top:0;bottom:0;background:linear-gradient(to bottom,var(--color),transparent);opacity:.3;animation:shimmer var(--dur) ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes shimmer{0%{opacity:.15}to{opacity:.4}}.ripple{position:absolute;height:1px;background:#ffffff0a;left:0;right:0;animation:ripple-move 3s linear infinite}@keyframes ripple-move{0%{transform:translate(-5px)}50%{transform:translate(5px)}to{transform:translate(-5px)}}