: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;background:#0a0a0a;color:#fafafa;overflow:hidden}.scene{position:relative;width:100vw;height:100vh;background:linear-gradient(180deg,#0b0e1a,#1a1030 40%,#2d1b1b,#1a0e0e);overflow:hidden}.stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 2s 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,#1a0e0e,#0d0707)}.volcano{position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.volcano-body{position:relative;width:0;height:0;border-left:180px solid transparent;border-right:180px solid transparent;border-bottom:280px solid #2a1a1a;filter:drop-shadow(0 0 30px rgba(255,80,0,.15))}.volcano-body:before{content:"";position:absolute;top:60px;left:-160px;width:0;height:0;border-left:160px solid transparent;border-right:160px solid transparent;border-bottom:220px solid #331f1f}.volcano-body:after{content:"";position:absolute;top:-10px;left:-60px;width:120px;height:30px;background:#1a0a0a;border-radius:50%}.crater{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:100px;height:40px;background:radial-gradient(ellipse,#ff4500,#ff6a00 30%,#2a0a0a 70%);border-radius:50%;animation:crater-pulse 1.5s ease-in-out infinite;z-index:2}@keyframes crater-pulse{0%,to{opacity:.8;filter:brightness(1)}50%{opacity:1;filter:brightness(1.4)}}.lava-stream{position:absolute;top:10px;width:6px;background:linear-gradient(180deg,#ff4500,#ff6a00,#f20);border-radius:3px;animation:lava-flow 3s ease-in infinite;z-index:1;box-shadow:0 0 10px #ff4500,0 0 20px #ff6a00}.lava-stream.left{left:-30px;height:180px;transform:rotate(-8deg);animation-delay:0s}.lava-stream.right{right:-25px;height:160px;transform:rotate(5deg);animation-delay:.8s}.lava-stream.center{left:10px;height:200px;transform:rotate(-2deg);animation-delay:1.5s}@keyframes lava-flow{0%{opacity:.6;filter:brightness(.8)}30%{opacity:1;filter:brightness(1.3)}60%{opacity:.8;filter:brightness(1)}to{opacity:.6;filter:brightness(.8)}}.eruption{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:200px;height:400px;pointer-events:none;z-index:5}.particle{position:absolute;bottom:0;border-radius:50%;animation:erupt var(--duration) ease-out infinite;animation-delay:var(--delay);opacity:0}@keyframes erupt{0%{transform:translate(0) scale(1);opacity:1}30%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.3);opacity:0}}.smoke-container{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:300px;height:350px;pointer-events:none;z-index:3}.smoke{position:absolute;bottom:0;left:50%;border-radius:50%;background:radial-gradient(circle,#503c3299,#3c2d2300 70%);animation:smoke-rise var(--duration) ease-out infinite;animation-delay:var(--delay);opacity:0}@keyframes smoke-rise{0%{transform:translate(-50%) translateY(0) scale(.5);opacity:.7}50%{opacity:.4}to{transform:translate(calc(-50% + var(--drift))) translateY(-300px) scale(2.5);opacity:0}}.ambient-glow{position:absolute;bottom:15%;left:50%;transform:translate(-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(255,60,0,.12) 0%,transparent 70%);pointer-events:none;animation:ambient 3s ease-in-out infinite}@keyframes ambient{0%,to{opacity:.7}50%{opacity:1}}.title{position:absolute;top:5%;left:50%;transform:translate(-50%);font-size:2.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ff6a33;text-shadow:0 0 20px rgba(255,80,0,.5),0 0 60px rgba(255,40,0,.2);z-index:10;white-space:nowrap}