: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;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa;overflow:hidden}.scene{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;background:linear-gradient(180deg,#0b0e1a,#1a1a3e 40%,#2d1b4e,#1a1a3e)}.sky{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.moon{position:absolute;top:8%;right:15%;width:60px;height:60px;border-radius:50%;background:#f0e6c0;box-shadow:0 0 30px #f0e6c066,0 0 80px #f0e6c026}.star{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;animation:twinkle 2s ease-in-out infinite alternate}.star-1{top:10%;left:20%;animation-delay:0s}.star-2{top:5%;left:50%;animation-delay:.5s;width:2px;height:2px}.star-3{top:15%;left:70%;animation-delay:1s}.star-4{top:25%;left:35%;animation-delay:1.5s;width:2px;height:2px}.star-5{top:8%;left:85%;animation-delay:.8s}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}.ground{width:100%;height:60px;background:#1a1a1a;border-top:3px solid #2a2a2a;flex-shrink:0}.building-container{display:flex;align-items:flex-end;gap:0;z-index:1;margin-bottom:-3px}.building{display:flex;flex-direction:column;align-items:center}.roof{width:240px;height:30px;background:linear-gradient(180deg,#4a3728,#3d2e22);clip-path:polygon(10% 100%,50% 0%,90% 100%);position:relative}.roof:after{content:"";position:absolute;top:-15px;left:50%;transform:translate(-50%);width:8px;height:20px;background:#5a4a3a;border-radius:2px 2px 0 0}.roof-short{width:170px;height:22px}.facade{background:linear-gradient(135deg,#6b5b4f,#5a4a3e,#4d3f35);padding:15px;display:flex;flex-direction:column;gap:12px;border:1px solid #3a2e25;border-top:none}.building:first-child .facade{width:240px}.building-short .facade{width:170px}.floor{display:flex;gap:12px;justify-content:center}.ground-floor{display:flex;gap:12px;align-items:flex-end;justify-content:center}.window{width:38px;height:45px;background:#1a1520;border:2px solid #3a3040;border-radius:3px 3px 0 0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;padding:3px;position:relative;transition:all .3s ease}.window.large{width:50px;height:55px}.window.lit{background:#f5e6a3;border-color:#c8a84a;box-shadow:0 0 15px #f5e6a366,0 0 40px #f5e6a326}.window.lit .window-pane{background:#fff0b499}.window-pane{background:#1e1928cc;border-radius:1px}.door{width:45px;height:70px;background:linear-gradient(180deg,#3a2820,#2d1f18);border:2px solid #5a4030;border-radius:20px 20px 0 0;position:relative}.door-handle{position:absolute;right:8px;top:50%;width:5px;height:5px;background:#c8a040;border-radius:50%;box-shadow:0 0 4px #c8a04080}@keyframes windowFlicker{0%,to{opacity:1}50%{opacity:.85}}.window.lit{animation:windowFlicker 4s ease-in-out infinite}