:root{color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;overflow:hidden}.scene{position:relative;width:100vw;height:100vh;background:linear-gradient(180deg,#87ceeb,#b0e0f6 60%,#d4f1ff);overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.sky{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sun{position:absolute;top:60px;right:120px;width:80px;height:80px;background:gold;border-radius:50%;box-shadow:0 0 40px 15px #ffd70066;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 40px 15px #ffd70066}50%{box-shadow:0 0 60px 25px #ffd70099}}.cloud{position:absolute;background:#fff;border-radius:50px;opacity:.9}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud-1{width:120px;height:40px;top:100px;left:10%;animation:drift 30s linear infinite}.cloud-1:before{width:60px;height:60px;top:-30px;left:20px}.cloud-1:after{width:80px;height:70px;top:-35px;left:50px}.cloud-2{width:150px;height:45px;top:150px;left:60%;animation:drift 45s linear infinite reverse}.cloud-2:before{width:70px;height:65px;top:-32px;left:25px}.cloud-2:after{width:90px;height:75px;top:-40px;left:60px}@keyframes drift{0%{transform:translate(-200px)}to{transform:translate(calc(100vw + 200px))}}.house{position:relative;z-index:2;margin-bottom:0}.roof{position:relative;width:0;height:0;border-left:200px solid transparent;border-right:200px solid transparent;border-bottom:140px solid #8b4513;margin:0 auto}.roof-shingle{position:absolute;top:45px;left:-180px;width:0;height:0;border-left:180px solid transparent;border-right:180px solid transparent;border-bottom:20px solid #a0522d;opacity:.5}.chimney{position:absolute;top:-60px;right:-100px;width:40px;height:90px;background:linear-gradient(90deg,sienna,#8b4513);border:2px solid #6b3410;border-bottom:none}.chimney:after{content:"";position:absolute;top:-6px;left:-6px;right:-6px;height:10px;background:#6b3410;border-radius:2px}.smoke{position:absolute;top:-10px;left:50%;width:20px;height:20px;background:#c8c8c899;border-radius:50%;animation:rise 3s ease-out infinite}.smoke-1{animation-delay:0s}.smoke-2{animation-delay:1s;left:40%}.smoke-3{animation-delay:2s;left:60%}@keyframes rise{0%{transform:translateY(0) scale(1);opacity:.6}to{transform:translateY(-80px) scale(2.5);opacity:0}}.walls{width:360px;height:220px;background:linear-gradient(180deg,#f5e6d3,#e8d5b7);border:3px solid #c4a882;display:flex;align-items:center;justify-content:space-between;padding:30px 30px 0;position:relative}.walls:after{content:"";position:absolute;bottom:0;left:0;right:0;height:15px;background:#c4a882}.window{width:70px;height:80px;background:#87ceeb;border:4px solid #8b6914;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;padding:3px;box-shadow:inset 0 0 10px #0003;position:relative}.window:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:3px solid #8b6914;border-radius:2px}.window-pane{background:#87ceebcc;border:1px solid #8b6914}.door{width:60px;height:120px;background:linear-gradient(180deg,#6b3410,#5a2d0e);border:3px solid #4a2508;border-bottom:none;border-radius:30px 30px 0 0;position:relative;align-self:flex-end}.door-panel{position:absolute;top:15px;left:8px;right:8px;bottom:20px;border:2px solid #4a2508;border-radius:20px 20px 0 0}.doorknob{position:absolute;right:12px;top:55%;width:10px;height:10px;background:#daa520;border-radius:50%;border:2px solid #b8860b;box-shadow:0 0 5px #daa52080}.ground{position:absolute;bottom:0;left:0;right:0;height:180px;z-index:1}.grass{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(180deg,#4caf50,#388e3c,#2e7d32)}.grass:before{content:"";position:absolute;top:-10px;left:0;right:0;height:20px;background:linear-gradient(180deg,transparent,#4caf50)}.path{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:100px;background:linear-gradient(180deg,tan,#c4a882);clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%)}.path:before{content:"";position:absolute;top:30px;left:50%;transform:translate(-50%);width:60px;height:8px;background:#0000001a;border-radius:4px}.path:after{content:"";position:absolute;top:55px;left:50%;transform:translate(-50%);width:65px;height:8px;background:#0000001a;border-radius:4px}.bush{position:absolute;background:#2e7d32;border-radius:50%}.bush-1{width:60px;height:45px;bottom:85px;left:calc(50% - 210px);box-shadow:20px 5px 0 -2px #388e3c}.bush-2{width:50px;height:40px;bottom:85px;right:calc(50% - 210px);box-shadow:-15px 5px 0 -2px #388e3c}.tree{position:absolute;bottom:80px;left:calc(50% - 280px)}.tree-trunk{width:20px;height:60px;background:linear-gradient(90deg,#6b3410,#8b4513,#6b3410);margin:0 auto;border-radius:2px}.tree-leaves{width:80px;height:80px;background:radial-gradient(ellipse at center,#4caf50 30%,#2e7d32 70%);border-radius:50%;margin-top:-20px;margin-left:-30px;box-shadow:15px -10px 0 -5px #388e3c,-10px -5px 0 -5px #2e7d32}.fence{position:absolute;bottom:80px;right:calc(50% - 280px);display:flex;gap:15px;align-items:flex-end}.fence-post{width:8px;height:50px;background:linear-gradient(90deg,#deb887,tan,#deb887);border:1px solid #c4a882;position:relative}.fence-post:before{content:"";position:absolute;top:-8px;left:-2px;right:-2px;height:10px;background:linear-gradient(180deg,#deb887,tan);clip-path:polygon(0 100%,50% 0,100% 100%)}.fence-rail{position:absolute;bottom:15px;left:4px;right:4px;height:6px;background:linear-gradient(180deg,#deb887,#c4a882);border:1px solid #c4a882}