:root{--bg:#070b18;--panel:#121a31;--panel2:#192447;--line:#53658b;--ink:#f4f0d9;--muted:#aab5ce;--lime:#c8fa52;--violet:#b074f4;--hot:#ef83df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070b18;color:var(--ink);font-family:'Noto Sans SC',sans-serif;image-rendering:pixelated}body:before{content:'';position:fixed;inset:0;z-index:-1;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px),radial-gradient(circle at 50% 10%,#293a6e 0,#070b18 48%);background-size:8px 8px,8px 8px,100% 100%}.grain{opacity:.04}.nav{height:74px;display:flex;align-items:center;gap:22px;justify-content:space-between;padding:0 5vw;border-bottom:3px solid var(--line);background:#0b1123;position:relative;z-index:4}.logo{display:flex;align-items:center;gap:8px;color:var(--ink);font:500 13px/10px 'Press Start 2P','DM Mono',monospace;text-decoration:none}.logo i{width:26px;height:29px;display:grid;place-items:center;background:var(--lime);color:#101b0a;font-style:normal;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.logo b{color:var(--lime)}.nav nav{display:flex;gap:22px}.nav nav a{font:10px 'Press Start 2P','DM Mono',monospace;color:#c8d4eb;text-decoration:none}.nav nav a:hover{color:var(--lime)}.nav-cta,.primary{border:2px solid #e4ff92;background:var(--lime);color:#14200c;padding:11px 12px;border-radius:0;box-shadow:4px 4px 0 #03050a;font:700 11px 'Noto Sans SC';cursor:pointer}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;padding:72px 8vw 42px;background:linear-gradient(90deg,#0c1530 0 49.8%,#26345d 49.8% 50.2%,#0c1530 50.2%);border-bottom:3px solid var(--line);position:relative;overflow:hidden}.hero:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,#00000018 4px 6px);pointer-events:none}.hero-copy{align-self:center;z-index:1}.kicker{margin:0;color:var(--lime);font:9px 'Press Start 2P','DM Mono',monospace;letter-spacing:.2px;line-height:1.8}.hero h1{font:500 clamp(32px,4.5vw,61px)/1.25 'Press Start 2P','Noto Sans SC',sans-serif;letter-spacing:-3px;margin:20px 0}.intro{max-width:480px;color:#c1cbdd;font-size:14px;line-height:1.9}.hero-buttons{display:flex;align-items:center;gap:21px;margin-top:28px}.primary b{font:15px DM Mono;margin-left:16px}.secondary{border:0;border-bottom:2px solid var(--lime);padding:0 0 4px;background:transparent;color:var(--ink);font:11px 'Press Start 2P','Noto Sans SC';text-decoration:none;cursor:pointer}.hero-note{display:flex;gap:12px;margin-top:36px;color:#aab5c9;font:9px 'Press Start 2P','DM Mono',monospace}.hero-note b{color:var(--lime);font-weight:400}.hero-art{position:relative;display:grid;place-items:center;min-height:420px;z-index:1;background-image:linear-gradient(45deg,#ffffff08 25%,transparent 25%,transparent 75%,#ffffff08 75%),linear-gradient(45deg,#ffffff08 25%,transparent 25%,transparent 75%,#ffffff08 75%);background-size:16px 16px;background-position:0 0,8px 8px}.ranger-art{height:470px;max-width:100%;object-fit:contain;filter:drop-shadow(10px 10px 0 #02040a);image-rendering:pixelated}.orb{position:absolute;border:4px solid #c8fa5255;border-radius:0;transform:rotate(45deg)}.orb-a{width:270px;height:270px}.orb-b{width:390px;height:100px}.hero-caption{position:absolute;right:12px;bottom:14px;width:176px;padding:9px;border:2px solid #b074f4;background:#0a1020;box-shadow:4px 4px 0 #04060d}.hero-caption span{display:block;font:8px DM Mono;color:#b7c3db}.hero-caption b{font-size:12px}.marquee{overflow:hidden;border-bottom:3px solid var(--line);padding:14px 0;background:var(--lime);color:#131d0b;font:500 13px 'Press Start 2P',monospace;white-space:nowrap}.marquee div{animation:marquee 24s linear infinite}.marquee i{font-style:normal;margin:0 18px}.statement{padding:110px 8vw;background:#0b1123;border-bottom:3px solid var(--line)}.statement h2,.values h2,.roadmap h2{max-width:870px;font:500 clamp(25px,3.4vw,42px)/1.45 'Press Start 2P','Noto Sans SC';letter-spacing:-2px;margin:18px 0 25px}.statement h2 em{color:var(--lime);font-style:normal}.statement>p:last-child{max-width:590px;color:var(--muted);line-height:1.9;font-size:14px}.chapters{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:330px 330px;gap:10px;padding:34px 5vw;background:#0f1830}.chapter{padding:24px;border:3px solid var(--line);background:#172343;position:relative;overflow:hidden;box-shadow:6px 6px 0 #050812}.chapter span{color:var(--lime);font:9px 'Press Start 2P','DM Mono';line-height:1.7}.chapter h3{font:500 22px/1.45 'Press Start 2P','Noto Sans SC';letter-spacing:-1px;margin:15px 0}.chapter p{max-width:285px;color:#b3bfd0;font-size:12px;line-height:1.8}.chapter a,.chapter.big>div button{position:absolute;bottom:23px;border:0;border-bottom:2px solid var(--lime);padding:0 0 4px;background:transparent;color:var(--lime);font-size:11px;text-decoration:none;cursor:pointer}.chapter.big{grid-row:span 2;background:radial-gradient(circle at 50% 40%,#2e4650,#16233a 66%)}.chapter.big img{position:absolute;width:86%;height:82%;object-fit:contain;left:8%;top:-5%;filter:drop-shadow(7px 7px 0 #442363);image-rendering:pixelated}.chapter.big div{position:absolute;bottom:16px;left:26px}.chapter-number{font:500 80px 'Press Start 2P';color:#ffffff0b;position:absolute;right:14px;top:16px}.chapter.ember{background:radial-gradient(circle at 70% 50%,#62304a,#231d34 70%)}.chapter.ember img{position:absolute;right:-13%;bottom:-8%;height:108%;image-rendering:pixelated}.chapter.ember div{position:relative;z-index:1;max-width:220px}.genesis{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:110px 11vw;background:#d7dfce;color:#101a2c;border-bottom:5px solid #6c7588}.genesis .kicker{color:#2a4a38}.genesis h2{font:500 clamp(25px,3.1vw,42px)/1.38 'Press Start 2P','Noto Sans SC';letter-spacing:-2px;margin:18px 0}.genesis p{font-size:13px;line-height:1.9;color:#37465c;max-width:430px}.genesis ul{list-style:none;padding:0;margin:25px 0}.genesis li{border-top:2px solid #899588;padding:9px 0;font-size:12px}.genesis li i{display:inline-block;width:34px;color:#6b4a98;font:10px DM Mono;font-style:normal}.card-stack{position:relative;min-height:360px;display:grid;place-items:center}.nft-card{width:205px;height:294px;border:3px solid #253350;border-radius:0;position:absolute;box-shadow:7px 7px 0 #455064}.nft-card.back{background:#4c6594;transform:rotate(-10deg) translate(-55px,8px)}.nft-card.middle{background:#936fc1;transform:rotate(8deg) translate(50px,5px)}.nft-card.front{padding:9px;display:flex;flex-direction:column;background:#242545;border-color:#b074f4}.nft-card img{width:100%;height:206px;object-fit:contain;image-rendering:pixelated}.nft-card span,.nft-card small{font:8px DM Mono;color:#e0c5f8}.nft-card b{font-size:12px;margin:7px 0 2px}.values{padding:110px 8vw;background:#0a1020}.values>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:43px}.values article{padding:20px;border:3px solid #3e4f71;background:#172342;box-shadow:5px 5px 0 #03050b}.values article b{font:500 13px 'Press Start 2P','Noto Sans SC'}.values article p{color:#adb9cc;font-size:12px;line-height:1.85}.roadmap{padding:105px 8vw;background:#162343;border-block:3px solid var(--line)}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:42px}.timeline article{min-height:210px;border:3px solid #52658c;border-left-color:#52658c;padding:16px;background:#101a31;box-shadow:4px 4px 0 #080b14}.timeline .done{border-color:var(--lime)}.timeline span{color:#a8b5cc;font:8px 'Press Start 2P','DM Mono';line-height:1.7}.timeline .done span{color:var(--lime)}.timeline b{display:block;font:500 12px/1.5 'Press Start 2P','Noto Sans SC';margin:14px 0 10px}.timeline p{color:#a9b4c7;font-size:11px;line-height:1.75}.join{padding:125px 8vw;text-align:center;background:radial-gradient(circle at 50% 38%,#48366b,#0a1020 64%);border-bottom:3px solid var(--line)}.join h2{font:500 clamp(30px,4vw,51px)/1.35 'Press Start 2P','Noto Sans SC';letter-spacing:-3px;margin:20px}.join p{max-width:460px;margin:0 auto 28px;color:#c1cbda;font-size:13px;line-height:1.85}.light{background:var(--lime)}footer{display:flex;align-items:center;justify-content:space-between;padding:30px 5vw;background:#080d19;color:#8491aa;font:9px DM Mono}footer div{display:flex;gap:17px}footer button{border:0;background:none;color:#b3c0d5;font:9px DM Mono;cursor:pointer}.toast{position:fixed;right:18px;bottom:18px;z-index:12;background:var(--lime);color:#15200b;border:2px solid #e8ffad;box-shadow:4px 4px 0 #03050a;padding:12px 15px;font-size:12px;transform:translateY(80px);opacity:0;transition:.25s}.toast.show{transform:translateY(0);opacity:1}@keyframes marquee{to{transform:translateX(-45%)}}@media(max-width:850px){.timeline{grid-template-columns:repeat(3,1fr)}.hero{padding-inline:6vw}.nav nav{display:none}}@media(max-width:620px){.nav{padding:0 18px}.nav-cta{font-size:9px}.hero{display:block;padding:60px 25px 28px}.hero h1{font-size:28px}.hero-art{min-height:350px;margin-top:20px}.ranger-art{height:385px}.hero-note{gap:8px;font-size:7px}.statement,.values,.roadmap{padding:78px 25px}.chapters{margin:0;padding:18px;display:block}.chapter,.chapter.big{height:320px;margin-bottom:10px}.chapter.big{height:390px}.chapter.ember{display:none}.genesis{grid-template-columns:1fr;padding:75px 25px}.card-stack{min-height:300px}.values>div,.timeline{grid-template-columns:1fr}.timeline article{min-height:0}.join{padding:85px 25px}.join h2{font-size:28px}footer{display:block;padding:25px}footer>span{display:block;margin:20px 0}footer div{margin-top:16px}}