.scene-container{position:fixed;width:100vw;height:100vh;overflow:hidden;background:#000;perspective:1000px}.scene{position:relative;transform-style:preserve-3d;transition:transform .1s ease-out}.scene,.sky-layer{width:100%;height:100%}.sky-layer{position:absolute;transform:translateZ(-1000px) scale(2);background:linear-gradient(180deg,#0a0a2a,#1a1a4a)}.stars{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;background:#fff;border-radius:50%;transform:scale(var(--scale));animation:twinkle 4s infinite;animation-delay:calc(var(--x)*-0.01s)}.mountain-layer{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transform:translateZ(calc(var(--depth)*-100px))}.mountain{position:absolute;bottom:20%;left:-50%;width:200%;height:60%;background:linear-gradient(165deg,hsl(var(--hue),30%,calc(20% - var(--depth)*2%)),hsl(var(--hue),20%,calc(10% - var(--depth)*1%)));clip-path:polygon(0 100%,10% 80%,20% 95%,30% 70%,40% 85%,50% 60%,60% 80%,70% 65%,80% 85%,90% 70%,100% 100%);animation:mountain-move 20s ease-in-out infinite;animation-delay:calc(var(--depth)*-3s)}.fog-layer{width:150%;left:-25%;bottom:0;transform:translateZ(calc(var(--depth)*-50px));background:linear-gradient(90deg,transparent,rgba(255,255,255,var(--opacity)),transparent);filter:blur(4px);animation:fog-drift 15s ease-in-out infinite;animation-delay:calc(var(--depth)*-2s)}.fog-layer,.foreground-layer{position:absolute;height:100%}.foreground-layer{width:100%;transform-style:preserve-3d;transform:translateZ(100px)}.tree{position:absolute;bottom:15%;left:var(--x);width:40px;height:80px;transform-origin:bottom;transform:translateZ(calc(var(--scale)*50px)) scale(var(--scale));background:linear-gradient(180deg,#1a4a2c,#0a2a1a);clip-path:polygon(50% 0,0 100%,100% 100%);animation:tree-sway 4s ease-in-out infinite;animation-delay:var(--delay)}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}@keyframes mountain-move{0%,to{transform:translateX(0)}50%{transform:translateX(-2%)}}@keyframes fog-drift{0%,to{transform:translateX(-5%) translateZ(calc(var(--depth)*-50px))}50%{transform:translateX(5%) translateZ(calc(var(--depth)*-50px))}}@keyframes tree-sway{0%,to{transform:translateZ(calc(var(--scale)*50px)) scale(var(--scale)) rotate(0deg)}50%{transform:translateZ(calc(var(--scale)*50px)) scale(var(--scale)) rotate(3deg)}}.scene:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 30%,hsla(0,0%,100%,.1),transparent 60%);pointer-events:none}*{backface-visibility:hidden;transform-style:preserve-3d;will-change:transform}.frame-animation{position:fixed;left:50%;bottom:40px;transform:translateX(-50%);z-index:10;background:rgba(0,0,0,.3);padding:10px 20px;border-radius:12px}.frame-animation img{width:200px;height:auto;display:block}.smoke-container{position:fixed;top:0;right:0;width:100vw;height:100vh;pointer-events:none;z-index:20}.smoke{position:absolute;bottom:0;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.5) 0,hsla(0,0%,78.4%,.2) 60%,transparent 100%);border-radius:50%;filter:blur(4px);animation:smoke-float linear infinite}@keyframes smoke-float{0%{transform:translateY(0) scale(1) translateX(0);opacity:1}60%{opacity:.5;transform:translateY(-60vh) scale(1.2) translateX(-20px)}to{transform:translateY(-100vh) scale(1.4) translateX(30px);opacity:0}}