:root{--green:#18e734;--lime:#baff28;--gold:#ffbd37;--cream:#ffdfaa;--ink:#050806;--red:#ff4740}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:'VT323',monospace;font-size:22px;overflow-x:hidden;cursor:none}.noise{position:fixed;inset:0;opacity:.1;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.cursor{width:17px;height:17px;background:var(--lime);border:3px solid #111;position:fixed;z-index:99;pointer-events:none;transform:translate(-50%,-50%);box-shadow:5px 5px 0 var(--green)}#loader{position:fixed;inset:0;background:#040704;z-index:100;display:grid;place-items:center;transition:opacity .5s,visibility .5s}.load-card{font-family:'Press Start 2P',monospace;color:var(--lime);font-size:12px;text-align:center}.load-card img{width:140px;image-rendering:pixelated;display:block;margin:auto}.load-card i{display:block;margin:24px auto 0;height:10px;width:220px;border:2px solid var(--green);background:linear-gradient(90deg,var(--lime) 75%,transparent 75%);animation:load 1.1s infinite}@keyframes load{50%{background-size:20px 100%}}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:absolute;width:100%;z-index:5}.brand{display:flex;align-items:center;gap:9px;color:var(--lime);font-family:'Press Start 2P';font-size:17px;text-decoration:none}.brand img{width:42px;height:42px;object-fit:cover;border-radius:50%;image-rendering:pixelated}nav{display:flex;gap:26px}a{color:inherit}nav a,.socials a{font-family:'Press Start 2P';font-size:10px;text-decoration:none}.socials{display:flex;gap:8px}.socials a{border:2px solid var(--green);padding:8px;color:var(--lime)}.hero{min-height:100vh;padding:160px 10vw 80px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#030703 25%,rgba(3,7,3,.86) 47%,rgba(3,7,3,.15)),url('assets/hero-forest.png') center/cover;opacity:.8;filter:saturate(1.25)}.hero-copy{position:relative;z-index:2;max-width:710px}.eyebrow{font-family:'Press Start 2P';font-size:10px;color:var(--lime);letter-spacing:1px}.hero h1,h2{font-family:'Press Start 2P';font-size:clamp(36px,5.2vw,77px);line-height:1.12;margin:22px 0;text-shadow:5px 5px 0 #126b21}em{color:var(--lime);font-style:normal}.hero-text{font-size:28px;max-width:510px;color:#d2e5ce}.button{font-family:'Press Start 2P';font-size:11px;text-decoration:none;display:inline-block;background:var(--lime);color:#102307;padding:20px 25px;border:4px solid #072e10;box-shadow:7px 7px 0 #106526;transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(4px,4px);box-shadow:3px 3px 0 #106526}.button-main{margin-top:20px;font-size:13px;background:var(--gold)}.ca-box{display:flex;align-items:center;gap:10px;margin:25px 0 6px;background:#0c2110;border:2px solid var(--green);color:#fff;padding:12px;max-width:570px;width:100%;font-family:'VT323';cursor:none;text-align:left}.ca-box span,.ca-box strong{font-family:'Press Start 2P';font-size:9px;color:var(--lime)}.ca-box code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;color:#d6f6ca}.ca-box strong{color:var(--gold)}small{color:#82aa83}.hero-mascot{position:absolute;z-index:2;right:10vw;bottom:7vh;width:min(29vw,440px);filter:drop-shadow(0 0 34px #13e92c);animation:float 4s ease-in-out infinite}.hero-mascot img{width:100%;image-rendering:pixelated}.orbit{position:absolute;color:var(--gold);font-size:35px;animation:spin 5s linear infinite}.orbit-a{top:25%;left:-20%}.orbit-b{right:-15%;bottom:25%;animation-direction:reverse}.scroll-note{position:absolute;z-index:2;bottom:25px;left:50%;font-family:'Press Start 2P';font-size:9px;color:var(--lime);animation:bob 1.5s infinite}.section{padding:130px 10vw;position:relative}.lore{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:radial-gradient(circle at 15% 50%,#12571d,transparent 35%)}.panel-art{border:4px solid #176c24;box-shadow:12px 12px 0 #0d3915}.panel-art img{width:100%;display:block;image-rendering:pixelated}.section-copy h2,.how h2,.dex h2,.roadmap h2{font-size:clamp(32px,4vw,59px)}.section-copy p,.dex-copy p{color:#cde3ce;max-width:520px;font-size:25px}.stat-row{display:flex;gap:25px;flex-wrap:wrap;color:var(--lime);font-family:'Press Start 2P';font-size:9px;margin-top:30px}.stat-row b{font-size:23px;color:var(--gold)}.how{text-align:center;background:linear-gradient(#071308,#030703)}.how h2{margin:25px auto 65px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto 50px}.step{background:#0b2010;border:2px solid #1b6c29;padding:35px 25px;text-align:left;min-height:225px;transition:transform .3s,background .3s}.step:hover{transform:translateY(-10px);background:#123718}.step i,.quests span{font-family:'Press Start 2P';font-style:normal;font-size:12px;color:#06200b;background:var(--lime);padding:10px;display:inline-block}.step h3,.quests h3{font-family:'Press Start 2P';font-size:15px;color:var(--cream);margin:24px 0 10px}.step p,.quests p{color:#abd0ad;font-size:21px}.dex{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:#061408}.chart{height:355px;border:3px solid var(--green);background:linear-gradient(180deg,#0b3313,#061908);position:relative;padding:20px;overflow:hidden;box-shadow:10px 10px 0 #0c531a}.chart-top{display:flex;justify-content:space-between;font-family:'Press Start 2P';font-size:9px;color:var(--lime)}.chart-top i{color:var(--red);font-style:normal}.chart-line{position:absolute;inset:75px 0 25px}.chart-line svg{width:100%;height:100%}.chart-line path{fill:none;stroke:var(--lime);stroke-width:4;filter:drop-shadow(0 0 5px var(--green))}.bars{position:absolute;bottom:30px;left:25px;right:25px;height:100px;display:flex;gap:10px;align-items:end;opacity:.5}.bars b{width:16px;background:var(--green)}.bars b:nth-child(2n){height:70%;background:var(--red)}.bars b:nth-child(3n){height:100%}.bars b:nth-child(4n){height:30%}.moon{position:absolute;right:28px;top:55px;color:var(--gold);font-size:50px}.roadmap{text-align:center;background:radial-gradient(circle at 50% 80%,#124f1d,transparent 45%)}.roadmap h2{margin:25px auto 60px}.quests{max-width:1000px;margin:auto;text-align:left;border-left:3px solid var(--green)}.quests article{margin:0 0 0 35px;padding:0 0 35px 35px;position:relative}.quests article:before{content:'';position:absolute;left:-44px;top:9px;width:15px;height:15px;background:var(--lime);border:3px solid #07200b}.quests h3{margin:16px 0 8px}.quests p{margin:0;max-width:600px}footer{padding:70px 10vw 40px;background:#0d3214;border-top:4px solid var(--lime)}.footer-top{display:flex;align-items:center;gap:30px}.footer-top img{width:130px;image-rendering:pixelated;filter:drop-shadow(0 0 17px var(--green))}.footer-top p{font-family:'Press Start 2P';font-size:9px;color:var(--gold)}.footer-top h2{font-size:clamp(30px,4vw,55px);margin:10px 0}.footer-links{display:flex;gap:12px;flex-wrap:wrap;margin:40px 0}.footer-links a,.footer-links button{font-family:'Press Start 2P';font-size:10px;color:var(--lime);background:#061308;border:2px solid var(--green);padding:17px;text-decoration:none;cursor:none}.footer-links a:hover,.footer-links button:hover{background:var(--green);color:#041007}.fine{font-size:16px;color:#76a97e;max-width:650px}.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s,transform .75s}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-18px) rotate(2deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(-8px)}}@media(max-width:800px){body{cursor:auto}.cursor{display:none}header{padding:0 6vw}.brand span,nav{display:none}.hero{padding:140px 7vw 250px}.hero-mascot{width:230px;right:5vw;bottom:40px}.hero h1{font-size:40px}.hero-text{font-size:23px}.lore,.dex{grid-template-columns:1fr;padding:80px 7vw}.lore .panel-art{order:2}.section{padding:80px 7vw}.steps{grid-template-columns:1fr}.step{min-height:auto}.footer-top{align-items:flex-start}.footer-top img{width:90px}}
