:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#050a05;color:#d4ddd0}.game-page{opacity:0;transition:opacity 1.2s ease}.game-page.loaded{opacity:1}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#050a05,#0b1a0b 40%,#0d1f0d,#050a05)}.hero-content{position:relative;z-index:10;text-align:center;padding:2rem}.tag{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:#78b46499;border:1px solid rgba(120,180,100,.2);padding:.3rem .75rem;border-radius:2rem;margin-bottom:1.5rem}.title{font-size:clamp(4rem,12vw,9rem);font-weight:900;letter-spacing:-.03em;color:#3a6b2a;text-shadow:0 0 40px rgba(80,160,60,.3),0 0 80px rgba(80,160,60,.15);margin-bottom:1rem;display:flex;justify-content:center;gap:.02em}.title span{display:inline-block;animation:sway 4s ease-in-out infinite}.title-b{animation-delay:0s}.title-u{animation-delay:.15s}.title-s{animation-delay:.3s}.title-h{animation-delay:.45s}.title-e{animation-delay:.6s}.title-s2{animation-delay:.75s}@keyframes sway{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-1deg)}}.tagline{font-size:clamp(1rem,2.5vw,1.35rem);color:#b4d2aab3;font-style:italic;max-width:32rem;margin:0 auto 2.5rem}.cta{background:#3c782833;color:#8cc070;border:1px solid rgba(100,170,70,.35);padding:.85rem 2.5rem;border-radius:2rem;font-size:.95rem;font-family:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.cta:hover{background:#3c782859;border-color:#64aa4699;box-shadow:0 0 30px #50a03c33}.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:10}.scroll-line{width:1px;height:40px;background:linear-gradient(180deg,rgba(120,180,100,.4),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.3)}}.bush-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.bush-layer{position:absolute;bottom:0;left:0;right:0;height:100%}.bush{position:absolute;bottom:0;width:14%;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 80%,#1a3a14,#0d1f0a);animation:bushSway 5s ease-in-out infinite;transform-origin:bottom center}.bush-dark{background:radial-gradient(ellipse at 50% 80%,#143010,#0a1a08)}.bush-darkest{background:radial-gradient(ellipse at 50% 80%,#0f250c,#071206)}.bush-back{opacity:.3}.bush-mid{opacity:.5}.bush-front{opacity:.8}@keyframes bushSway{0%,to{transform:skew(0)}33%{transform:skew(1.5deg)}66%{transform:skew(-1deg)}}.fog{position:absolute;bottom:10%;left:-20%;width:140%;height:25%;background:radial-gradient(ellipse at center,rgba(30,60,25,.25),transparent);animation:fogDrift 15s ease-in-out infinite alternate}.fog-2{bottom:20%;animation-delay:-7s;animation-duration:20s;opacity:.5}@keyframes fogDrift{0%{transform:translate(-5%)}to{transform:translate(5%)}}.fireflies{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.firefly{position:absolute;width:3px;height:3px;background:#a8e060;border-radius:50%;box-shadow:0 0 6px 2px #a8e06066;animation:fireflyFloat linear infinite;opacity:0}@keyframes fireflyFloat{0%{opacity:0;transform:translate(0)}15%{opacity:.8}50%{opacity:.3;transform:translate(20px,-30px)}85%{opacity:.7}to{opacity:0;transform:translate(-10px,-60px)}}.section{padding:6rem 2rem;position:relative}.section-inner{max-width:52rem;margin:0 auto}.section-heading{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;color:#6aaa4a;text-shadow:0 0 30px rgba(80,150,50,.15);margin-bottom:1.5rem;letter-spacing:-.01em}.intro-text{font-size:1.05rem;color:#c8dcbebf;margin-bottom:1.25rem;max-width:40rem}.intro-text em{color:#8cc070;font-style:italic}.intro-section{background:linear-gradient(180deg,#050a05,#0a150a,#050a05)}.atmosphere-section{background:linear-gradient(180deg,#050a05,#081208,#050a05);text-align:center}.atmosphere-section .intro-text{margin-left:auto;margin-right:auto}.eye-container{display:flex;justify-content:center;margin:3rem 0 1rem}.eye{width:48px;height:28px;background:#3c642826;border:1px solid rgba(100,170,70,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:eyeBlink 6s ease-in-out infinite}.pupil{width:10px;height:10px;background:#6aaa4a;border-radius:50%;box-shadow:0 0 10px #64aa4680;animation:pupilLook 4s ease-in-out infinite}@keyframes eyeBlink{0%,45%,55%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}@keyframes pupilLook{0%,to{transform:translate(0)}25%{transform:translate(6px)}75%{transform:translate(-6px)}}.features-section{background:linear-gradient(180deg,#050a05,#0b180b,#050a05)}.features-section .section-heading{text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:2rem}.feature-card{background:#14320f4d;border:1px solid rgba(80,140,50,.12);border-radius:.75rem;padding:1.75rem;opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease,border-color .3s ease,box-shadow .3s ease}.feature-card.feature-visible{opacity:1;transform:translateY(0)}.feature-card:hover{border-color:#64aa464d;box-shadow:0 0 25px #50963214}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#3c782826;border:1px solid rgba(100,170,70,.2);color:#8cc070;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;font-weight:700;margin-bottom:1rem}.feature-card h3{font-size:1.05rem;font-weight:600;color:#a0d080;margin-bottom:.5rem}.feature-card p{font-size:.9rem;color:#b4d2aa99;line-height:1.5}.quote-section{text-align:center;padding:8rem 2rem 4rem;background:linear-gradient(180deg,#050a05,#0a180a 60%,#050a05)}.lore-quote{max-width:40rem;margin:0 auto 3rem;opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.lore-quote.lore-visible{opacity:1;transform:translateY(0)}.lore-quote p{font-size:clamp(1.3rem,3.5vw,2rem);font-style:italic;color:#a8e060b3;text-shadow:0 0 40px rgba(100,180,60,.15);line-height:1.4}.footer-info{margin-top:2rem}