: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{margin:0;min-height:100vh;overflow:hidden}.mansion-scene{position:relative;width:100vw;height:100vh;overflow:hidden}.sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0e1a,#1a1a3e 40%,#2d1b4e,#1a1a3e)}.moon{position:absolute;top:8%;right:15%;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fffde7,#fdd835 40%,#f9a825);box-shadow:0 0 40px 10px #fdd8354d,0 0 100px 40px #fdd8351a}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 3s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}.ground{position:absolute;bottom:0;left:0;right:0;height:25%;background:linear-gradient(180deg,#1a3a1a,#0f2b0f)}.ground:before{content:"";position:absolute;top:-20px;left:0;right:0;height:40px;background:linear-gradient(180deg,transparent,#1a3a1a)}.mansion{position:absolute;bottom:25%;left:50%;transform:translate(-50%);width:700px}.roof{position:relative;height:80px;margin-bottom:-2px}.roof-main{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:320px;height:0;border-left:160px solid transparent;border-right:160px solid transparent;border-bottom:80px solid #4a3728}.roof-left-wing{position:absolute;bottom:0;left:20px;width:200px;height:0;border-left:100px solid transparent;border-right:100px solid transparent;border-bottom:60px solid #3d2d20}.roof-right-wing{position:absolute;bottom:0;right:20px;width:200px;height:0;border-left:100px solid transparent;border-right:100px solid transparent;border-bottom:60px solid #3d2d20}.chimney{position:absolute;width:24px;height:40px;background:#5c3d2e;bottom:40px}.chimney:before{content:"";position:absolute;top:-6px;left:-4px;width:32px;height:8px;background:#6b4c3b}.chimney-left{left:100px}.chimney-right{right:100px}.attic-window{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:40px;height:40px;background:radial-gradient(circle,#fff9c4,#f9a825);border-radius:50% 50% 0 0;border:3px solid #5c3d2e;box-shadow:0 0 20px 5px #fff9c466}.structure{display:flex;justify-content:center;background:#5c4033;border:3px solid #8b6914;position:relative}.wing{width:220px;background:linear-gradient(180deg,#6b4c3b,#5c4033,#4a3428);display:flex;flex-direction:column;align-items:center;padding:20px 15px;gap:20px;border:2px solid #8b6914}.center{width:260px;background:linear-gradient(180deg,#6b4c3b,#5c4033,#4a3428);display:flex;flex-direction:column;align-items:center;padding:15px;border:2px solid #8b6914;position:relative}.window{position:relative;width:70px;height:90px;background:#1a1a2e;border:3px solid #8b6914;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;padding:3px;overflow:hidden}.window-large{width:80px;height:100px}.window-pane{background:linear-gradient(135deg,#2d3a5c,#1a2744);border:1px solid #8b6914}.window-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(255,249,196,.3) 0%,transparent 70%);pointer-events:none;animation:windowFlicker 4s ease-in-out infinite alternate}@keyframes windowFlicker{0%{opacity:.6}50%{opacity:1}to{opacity:.7}}.center-upper{margin-bottom:10px}.balcony-railing{width:120px;height:20px;border:2px solid #8b6914;border-bottom:none;margin-bottom:5px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 6px,#8b6914 6px,#8b6914 8px)}.entrance{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:10px}.portico{width:140px;height:10px;background:#8b6914;margin-bottom:4px;box-shadow:0 4px 8px #0000004d}.columns{display:flex;justify-content:space-between;width:120px;position:absolute;top:10px;height:110px}.column{width:12px;background:linear-gradient(90deg,#a0854a,#c9a84c,#a0854a);border-radius:2px}.door-frame{width:80px;height:100px;display:flex;position:relative;border:3px solid #8b6914;border-bottom:none;overflow:hidden}.door{flex:1;background:linear-gradient(180deg,#3d2b1f,#2a1d14);border:1px solid #5c3d2e}.door-knob{position:absolute;top:55%;width:6px;height:6px;background:#c9a84c;border-radius:50%;box-shadow:0 0 4px #c9a84c99}.door-knob.left{right:52%;margin-right:2px}.door-knob.right{left:52%;margin-left:2px}.fanlight{width:80px;height:20px;background:radial-gradient(ellipse at bottom,#fff9c4,#f9a825 60%,#e65100);border:3px solid #8b6914;border-bottom:none;border-radius:40px 40px 0 0;box-shadow:0 0 15px #fff9c466}.steps{display:flex;flex-direction:column;align-items:center}.step{background:#6b5b3a;border:1px solid #8b6914;height:6px}.step-1{width:100px}.step-2{width:110px}.step-3{width:120px}.garden{position:absolute;bottom:-120px;left:-60px;right:-60px;height:120px}.path{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:120px;background:linear-gradient(180deg,#8b7355,#6b5b4a);clip-path:polygon(30% 0%,70% 0%,100% 100%,0% 100%)}.fountain{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.fountain-base{width:60px;height:20px;background:#6b5b3a;border-radius:50%;border:2px solid #8b6914}.fountain-top{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:20px;height:30px;background:#6b5b3a;border:2px solid #8b6914}.water{position:absolute;bottom:35px;left:50%;transform:translate(-50%);width:8px;height:20px;background:linear-gradient(180deg,rgba(100,181,246,.8),transparent);animation:waterFlow 1s ease-in-out infinite}@keyframes waterFlow{0%{height:20px;opacity:.8}50%{height:25px;opacity:1}to{height:20px;opacity:.8}}.hedge{position:absolute;bottom:0;width:80px;height:40px;background:#2e5a2e;border-radius:50% 50% 10% 10%}.hedge-left{left:60px}.hedge-right{right:60px}.bush{position:absolute;bottom:0;width:35px;height:30px;background:#1a4a1a;border-radius:50% 50% 20% 20%}.bush-1{left:140px}.bush-2{left:180px}.bush-3{right:140px}.bush-4{right:180px}.tree{position:absolute;bottom:0;width:10px;height:60px;background:#5c3d2e}.tree:before{content:"";position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:50px;height:60px;background:radial-gradient(ellipse,#2e7d32,#1b5e20);border-radius:50%}.tree-left{left:30px}.tree-right{right:30px}.fence{position:absolute;bottom:-140px;left:-80px;right:-80px;height:40px;display:flex;align-items:flex-end;justify-content:center;gap:20px}.fence-post{width:4px;height:30px;background:#5c4033;position:relative}.fence-post:before{content:"";position:absolute;top:-5px;left:-2px;width:8px;height:8px;background:#6b4c3b;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.fence-rail{position:absolute;left:0;right:0;height:3px;background:#5c4033}.fence-rail-top{top:8px}.fence-rail-bottom{top:20px}.fence-gate{display:flex;gap:40px;position:relative}.fence-gate:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:50px;height:12px;background:#6b4c3b;border-radius:25px 25px 0 0}