@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@600;700;800&display=swap');
:root{--ink:#08110d;--paper:#f5f8ee;--lime:#bbff41;--green:#15934a;--soft:#dce8d2;--muted:#849180;--line:rgba(245,248,238,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Space Grotesk',sans-serif}.noise{position:fixed;inset:0;pointer-events:none;z-index:9;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,80px);border-bottom:1px solid var(--line);position:absolute;z-index:4;width:100%}.brand{display:flex;gap:10px;align-items:center;font-family:Syne,sans-serif;font-size:20px;font-weight:800;letter-spacing:-1px}.brand>span:last-child span{color:var(--lime)}.brand-mark{display:grid;place-items:center;width:29px;height:29px;background:var(--lime);color:var(--ink);clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);font-size:15px}.nav{display:flex;gap:29px;margin-left:80px}.nav a,.header-store,footer p,footer div{font-size:13px;font-weight:600}.nav a{color:#c4ccc1;transition:color .2s}.nav a:hover{color:var(--lime)}.header-store{color:var(--ink);background:var(--lime);padding:12px 17px}.header-store span{margin-left:8px}.nav-toggle{display:none}.hero{min-height:790px;position:relative;overflow:hidden;padding:180px clamp(22px,10vw,160px) 80px;background:radial-gradient(circle at 84% 45%,#174a2d 0,transparent 26%),linear-gradient(108deg,#0a160f 0%,#0b1b11 54%,#10291a 100%)}.hero-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(var(--soft) 1px,transparent 1px),linear-gradient(90deg,var(--soft) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to right,black,transparent 70%)}.hero-copy{position:relative;z-index:2;max-width:650px}.eyebrow{color:var(--lime);font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 19px;display:flex;align-items:center;gap:9px}.eyebrow span{width:25px;height:1px;background:var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Syne,sans-serif;font-weight:800;letter-spacing:-.065em;line-height:.9}h1{font-size:clamp(56px,7.2vw,112px);margin-bottom:28px}h1 em,h2 em{color:var(--lime);font-style:normal}.hero-text{font-size:17px;line-height:1.6;max-width:490px;color:#c3cec0}.hero-actions{display:flex;gap:12px;margin:34px 0}.button{padding:15px 20px;font-weight:700;font-size:14px;display:inline-flex;gap:21px;align-items:center}.button-primary{color:var(--ink);background:var(--lime)}.button-primary b{font-size:21px;font-weight:400}.button-ghost{border:1px solid #586758}.online{display:flex;align-items:center;gap:9px;font-size:12px;color:#aebbad}.online strong{color:white}.pulse{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(187,255,65,.12)}.hero-art{position:absolute;right:4vw;top:150px;width:min(46vw,650px);height:550px;transform:perspective(900px) rotateX(4deg) rotateY(-10deg)}.island{position:absolute;width:410px;height:245px;right:80px;bottom:55px;background:linear-gradient(145deg,#529a46 0 24%,#8b6038 24% 57%,#47311e 57%);clip-path:polygon(8% 25%,88% 0,100% 54%,70% 100%,11% 78%,0 45%);filter:drop-shadow(0 32px 13px rgba(0,0,0,.45))}.island:after{content:'';position:absolute;inset:25px 30px 80px;background:repeating-linear-gradient(90deg,transparent 0 35px,rgba(20,75,25,.35) 36px 39px),repeating-linear-gradient(0deg,transparent 0 35px,rgba(20,75,25,.35) 36px 39px)}.tree{position:absolute;z-index:2}.tree b{position:absolute;background:#6d4222;width:15px;height:90px;bottom:0;left:25px}.tree i{display:block;width:70px;height:78px;background:linear-gradient(135deg,#9edd4c,#398c37);clip-path:polygon(50% 0,100% 48%,79% 48%,100% 100%,0 100%,22% 48%,0 48%)}.tree-a{left:90px;top:15px}.tree-b{left:240px;top:31px;transform:scale(.7)}.house{position:absolute;z-index:3;left:170px;top:63px;width:90px;height:60px;background:#b77d42}.house b{position:absolute;top:-49px;border-left:57px solid transparent;border-right:57px solid transparent;border-bottom:51px solid #3c271a;left:-12px}.house i{position:absolute;background:#f5d77b;width:17px;height:26px;bottom:0;left:35px}.crystal{position:absolute;background:linear-gradient(145deg,#c3ff75,#439b57);clip-path:polygon(50% 0,100% 70%,61% 100%,0 66%);filter:drop-shadow(0 0 20px #a4f653)}.crystal-a{width:83px;height:140px;right:20px;top:80px}.crystal-b{width:48px;height:83px;right:130px;top:20px}.floating-block{position:absolute;width:42px;height:42px;background:linear-gradient(135deg,#a8d75c 0 30%,#805832 31% 67%,#422c1c 68%);box-shadow:15px 15px 20px #0005}.block-a{top:145px;left:65px;transform:rotate(23deg)}.block-b{right:27px;bottom:35px;transform:rotate(-14deg)}.scroll-cue{position:absolute;bottom:35px;left:clamp(22px,10vw,160px);font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:1px;color:#93a38f}.scroll-cue span{padding-left:9px;color:var(--lime);font-size:15px}.connect{background:var(--lime);color:var(--ink);padding:55px clamp(22px,10vw,160px);display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:40px;position:relative}.connect .eyebrow{color:#39751d}.connect .eyebrow span{background:#39751d}.connect h2{font-size:42px;margin:0}.connect h2 em{color:#176d31}.ip-card{border:1px solid #599a24;background:#d5ff7e;padding:16px 15px 16px 22px;display:flex;justify-content:space-between;align-items:center}.ip-card small{font:10px 'DM Mono',monospace;display:block;color:#52752f;letter-spacing:1px}.ip-card strong{font-size:20px}.copy-button{border:0;background:var(--ink);color:white;padding:12px 15px;font:600 12px 'Space Grotesk';cursor:pointer}.copy-button span{color:var(--lime);margin-left:8px;font-size:16px}.copy-status{position:absolute;right:10vw;bottom:19px;margin:0;font-size:11px;color:#336c1b}.section{padding:125px clamp(22px,10vw,160px)}.section-intro h2,.ranks h2,.rules h2{font-size:clamp(42px,5vw,75px);margin-bottom:0}.feature-grid{display:grid;grid-template-columns:1.65fr 1fr 1fr;gap:13px;margin-top:55px}.feature{border:1px solid var(--line);min-height:285px;padding:28px;position:relative;background:#0d1810;overflow:hidden}.feature-large{min-height:390px;background:linear-gradient(135deg,#1a3823,#0e1c11)}.feature-number{font:11px 'DM Mono';color:#8e9c89}.feature-icon{color:var(--lime);font-size:30px;margin-top:43px}.feature h3{font-size:22px;margin:12px 0 9px}.feature p,.ranks-heading>p,.rules-note,.faq p{font-size:14px;line-height:1.6;color:#aeb9aa}.block-scene{position:absolute;right:-10px;bottom:-15px;display:flex;gap:5px;transform:rotate(-12deg)}.block-scene i{width:65px;height:65px;background:linear-gradient(135deg,#a5d85e 0 30%,#7e5833 31% 66%,#452f1f 67%)}.block-scene i:nth-child(2){transform:translateY(-30px)}.how{background:#0b160d;display:grid;grid-template-columns:1fr 1.45fr;gap:100px}.steps{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.steps li{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.steps b{color:var(--lime);font:12px 'DM Mono'}.steps h3{margin:0 0 6px;font-size:20px}.steps p{margin:0;color:#aeb9aa;font-size:14px}.ranks-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.ranks-heading>p{max-width:330px;margin:0}.rank-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:50px}.rank{min-height:245px;padding:22px;border:1px solid var(--line);display:flex;flex-direction:column;background:#0d1810;position:relative;overflow:hidden}.rank p{font-family:Syne;font-weight:800;font-size:18px;letter-spacing:-1px;margin-bottom:auto}.rank strong{font:800 44px Syne;letter-spacing:-3px}.rank span{font-size:12px;color:#9eab9b;margin:6px 0 22px}.rank a{font-size:12px;font-weight:bold;color:var(--lime)}.vip{border-color:#526f65}.mvp{border-color:#416681}.elite{border-color:#835ea1}.legend{border-color:#be8d3d}.mythic{background:linear-gradient(150deg,#37651f,#142b14);border-color:var(--lime);transform:translateY(-12px)}.popular{font:9px 'DM Mono';letter-spacing:1px;background:var(--lime);color:var(--ink);padding:7px 10px;position:absolute;top:0;right:0}.rules{background:var(--paper);color:var(--ink)}.rules-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.rules .eyebrow{color:#398120}.rules .eyebrow span{background:#398120}.rules h2 em{color:#169048}.rules-note{color:#596657;max-width:310px;margin-top:26px}.rules ul{margin:0;padding:0;list-style:none}.rules li{display:flex;gap:23px;border-top:1px solid #cdd5c9;padding:20px 0}.rules li:last-child{border-bottom:1px solid #cdd5c9}.rules li b{font:11px 'DM Mono';color:#378a3c}.rules li span{color:#637160;font-size:14px}.rules li strong{display:block;color:var(--ink);font-size:17px;margin-bottom:4px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;list-style:none;font-size:18px;font-weight:700;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary span{color:var(--lime);font-size:22px;line-height:.7}details[open] summary span{transform:rotate(45deg)}.faq p{max-width:550px;margin:15px 0 0}footer{padding:35px clamp(22px,5vw,80px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{color:#758171;margin:0}footer div{display:flex;gap:20px;color:#b3beb0}
@media(max-width:900px){.nav{margin-left:0;gap:16px}.hero{min-height:720px;padding-left:7vw}.hero-art{opacity:.5;right:-120px}.rank-grid{grid-template-columns:repeat(3,1fr)}.rules-panel,.faq{gap:50px}.section{padding:90px 7vw}}
@media(max-width:640px){.site-header{height:70px;padding:0 22px}.header-store{display:none}.nav-toggle{display:flex;flex-direction:column;gap:4px;background:none;border:0}.nav-toggle i{display:block;width:22px;height:2px;background:var(--paper)}.nav{display:none}.nav.open{display:flex;position:absolute;left:0;top:70px;width:100%;padding:20px 22px;flex-direction:column;background:#0b160d;border-bottom:1px solid var(--line)}.hero{padding:140px 22px 65px;min-height:700px}.hero-art{right:-190px;top:260px;opacity:.3}.hero-text{font-size:15px}.connect{display:block;padding:35px 22px}.connect h2{margin-bottom:25px}.copy-status{position:static;height:13px;margin-top:8px}.ip-card{padding-left:14px}.ip-card strong{font-size:15px}.feature-grid,.how,.rules-panel,.faq{grid-template-columns:1fr}.feature-grid{margin-top:35px}.feature-large{min-height:310px}.how,.faq{gap:45px}.ranks-heading{display:block}.ranks-heading>p{margin-top:20px}.rank-grid{grid-template-columns:repeat(2,1fr);margin-top:35px}.rank{min-height:205px}.mythic{transform:none}.rules-panel{gap:40px}footer{flex-direction:column;align-items:flex-start;gap:16px}footer p{font-size:11px}.scroll-cue{left:22px}}