: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;overflow:hidden;background:#0a0a0a}.scene{position:relative;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(180deg,#0a0e1a,#0f1628 30%,#141e30 50%,#1a2a1a,#0d1a0d)}.moon{position:absolute;top:8%;right:15%;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#f5f0d0,#d4c88a);box-shadow:0 0 40px #f5f0c84d,0 0 100px #f5f0c81a}.moon-crater{position:absolute;border-radius:50%;background:#b4aa8266}.moon-crater-1{width:15px;height:15px;top:20px;left:18px}.moon-crater-2{width:10px;height:10px;top:40px;left:40px}.moon-crater-3{width:8px;height:8px;top:15px;left:48px}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 3s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.2}to{opacity:1}}.ground{position:absolute;bottom:0;left:0;right:0;height:22%;background:linear-gradient(180deg,#1a2a1a,#0d1a0d 40%,#0a120a)}.ground:before{content:"";position:absolute;top:-2px;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(80,100,60,.3) 20%,rgba(60,80,40,.4) 50%,rgba(80,100,60,.3) 80%,transparent 100%)}.tree{position:absolute;opacity:.6}.tree-svg{filter:drop-shadow(0 0 4px rgba(0,0,0,.8))}.grave{position:absolute;opacity:.5}.grave-svg{filter:drop-shadow(0 0 3px rgba(0,0,0,.6))}.fog-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.zombie{position:absolute;z-index:10;transition:left .05s linear;filter:drop-shadow(0 0 6px rgba(0,255,0,.08))}.zombie-eye{animation:eyeGlow 2s ease-in-out infinite alternate}@keyframes eyeGlow{0%{filter:drop-shadow(0 0 2px #ff0000);opacity:.7}to{filter:drop-shadow(0 0 6px #ff3333);opacity:1}}.title{position:absolute;top:6%;left:50%;transform:translate(-50%);font-family:Georgia,serif;font-size:clamp(1.8rem,5vw,3.5rem);font-weight:700;color:#8b0000;text-shadow:0 0 10px rgba(139,0,0,.6),0 0 30px rgba(139,0,0,.3),2px 2px 0 #000;letter-spacing:.15em;z-index:20;text-align:center;white-space:nowrap;animation:titlePulse 4s ease-in-out infinite}@keyframes titlePulse{0%,to{text-shadow:0 0 10px rgba(139,0,0,.6),0 0 30px rgba(139,0,0,.3),2px 2px 0 #000}50%{text-shadow:0 0 20px rgba(139,0,0,.8),0 0 60px rgba(139,0,0,.4),2px 2px 0 #000}}.subtitle{position:absolute;top:14%;left:50%;transform:translate(-50%);font-family:Georgia,serif;font-size:clamp(.8rem,2vw,1.2rem);color:#b43c3c99;letter-spacing:.3em;z-index:20;font-style:italic;animation:subtitleFade 3s ease-in-out infinite alternate}@keyframes subtitleFade{0%{opacity:.4}to{opacity:.8}}