*{box-sizing:border-box}img{max-width:100%;display:block}a{color:inherit}a:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #e14b4b}.topbar{z-index:100;pointer-events:none;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.pixel-btn{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.02em;color:#20301e;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f6fbef;border:3px solid #20301e;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:4px 4px #20301e}.pixel-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #20301e}.pixel-btn:active{transform:translate(0);box-shadow:2px 2px #20301e}.pixel-btn.repo{color:#f6fbef;background:#20301e;border-color:#20301e;box-shadow:4px 4px #6b431f}.pixel-btn.repo:hover{box-shadow:6px 6px #6b431f}.pixel-btn svg{flex:none;width:16px;height:16px}.hero{background:linear-gradient(#57e2de 0%,#3fcbc8 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.cloud{opacity:.9;filter:drop-shadow(0 4px #0000000d);background:#fff;border-radius:50%;position:absolute}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud-a{width:70px;height:44px;animation:34s linear infinite drift;top:12%;left:8%}.cloud-a:before{width:44px;height:44px;top:-18px;left:8px}.cloud-a:after{width:34px;height:34px;top:-10px;left:38px}.cloud-b{width:56px;height:36px;animation:26s linear infinite reverse drift;top:22%;right:12%}.cloud-b:before{width:36px;height:36px;top:-14px;left:6px}.cloud-b:after{width:26px;height:26px;top:-8px;left:30px}.cloud-c{width:44px;height:28px;animation:40s linear infinite drift;top:8%;right:30%}.cloud-c:before{width:28px;height:28px;top:-11px;left:4px}@keyframes drift{0%{transform:translate(0)}50%{transform:translate(40px)}to{transform:translate(0)}}.mountain{border-bottom:340px solid #ffffff47;border-left:140px solid #0000;border-right:140px solid #0000;width:0;height:0;position:absolute;bottom:0}.m1{border-bottom-width:260px;left:6%}.m2{border-bottom-width:400px;border-left-width:170px;border-right-width:170px;right:10%}.hero-inner{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:56px;width:100%;max-width:1180px;display:flex;position:relative}.hero-copy{text-align:left;flex:380px;min-width:280px}.eyebrow{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:#20301e;background:#ffffff8c;border:2px solid #20301e;margin-bottom:20px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.title{font-family:var(--font-press-start-2p), monospace;text-shadow:3px 3px #0000001f;margin:0 0 20px;font-size:clamp(28px,5vw,48px);line-height:1.35}.title .frog{color:#8c9c3a}.title .jumping{color:#20301e}.subtitle{font-family:var(--font-baloo-2), system-ui, sans-serif;color:#20301e;opacity:.85;max-width:46ch;margin:0 0 30px;font-size:19px;line-height:1.6}.cta-row{flex-wrap:wrap;gap:14px;margin-bottom:26px;display:flex}.btn{font-family:var(--font-jetbrains-mono), monospace;cursor:pointer;border:3px solid #20301e;border-radius:0;align-items:center;gap:8px;padding:14px 22px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{color:#fff;background:#b83232;transition:transform .12s,box-shadow .12s;box-shadow:5px 5px #20301e}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:7px 7px #20301e}.btn-secondary{color:#20301e;background:0 0;transition:transform .12s,box-shadow .12s;box-shadow:5px 5px #00000026}.btn-secondary:hover{transform:translate(-2px,-2px);box-shadow:7px 7px #00000026}.btn-download{color:#f6fbef;border-color:#f6fbef}.blink-line{font-family:var(--font-jetbrains-mono), monospace;text-underline-offset:4px;font-size:13px;font-weight:700;text-decoration:underline;animation:1.4s step-end infinite blink}@keyframes blink{50%{opacity:.25}}.console{flex:420px;min-width:300px;max-width:520px;position:relative}.console-frame{background:#a9713e;border:6px solid #6b431f;border-radius:18px;padding:16px 16px 26px;transition:transform .3s;transform:rotate(-2deg);box-shadow:10px 10px #0000002e}.console-frame:hover{transform:rotate(0)}.console-screen{background:#57e2de;border:5px solid #20301e;border-radius:6px;line-height:0;overflow:hidden}.console-screen img{width:100%;height:auto;display:block}.console-dots{justify-content:center;gap:10px;margin-top:14px;display:flex}.console-dots span{background:#6fe83a;border:2px solid #6b431f;border-radius:50%;width:10px;height:10px}.grass-edge{z-index:3;background:#6fe83a;height:56px;position:relative}.grass-edge:before{content:"";clip-path:polygon(0% 100%,3% 20%,6% 100%,9% 15%,12% 100%,15% 25%,18% 100%,21% 10%,24% 100%,27% 30%,30% 100%,33% 15%,36% 100%,39% 20%,42% 100%,45% 10%,48% 100%,51% 25%,54% 100%,57% 15%,60% 100%,63% 20%,66% 100%,69% 10%,72% 100%,75% 30%,78% 100%,81% 15%,84% 100%,87% 20%,90% 100%,93% 10%,96% 100%,100% 20%,100% 100%);background:#6fe83a;height:20px;position:absolute;top:-1px;left:0;right:0}.grass-edge .dirt-fill{background:#6b431f;position:absolute;inset:20px 0 0}section{font-family:var(--font-baloo-2), system-ui, sans-serif;padding:90px 24px}.section-inner{max-width:1080px;margin:0 auto}.section-label{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:#176b2a;margin-bottom:10px;font-size:12px;font-weight:700}h2{font-family:var(--font-press-start-2p), monospace;color:#20301e;margin:0 0 24px;font-size:clamp(20px,3vw,28px);line-height:1.5}p.lead{opacity:.85;max-width:65ch;font-size:18px;line-height:1.7}.about{background:#f6fbef}.about-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;display:grid}.stat-card{background:#fff;border:3px solid #20301e;flex-direction:column;gap:6px;padding:22px;display:flex;box-shadow:6px 6px #2e9e3b}.stat-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.stat-num{font-family:var(--font-press-start-2p), monospace;color:#b83232;font-size:22px}.stat-label{font-family:var(--font-jetbrains-mono), monospace;opacity:.7;font-size:12px}.features{background:#e9f2dc}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;margin-top:40px;display:grid}.feature-card{background:#fff;border:3px solid #20301e;padding:24px;transition:transform .15s;box-shadow:6px 6px #0000001a}.feature-card:hover{transform:translateY(-4px)}.feature-icon{background:#6fe83a;border:2px solid #20301e;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;font-size:20px;display:flex}.feature-card h3{font-family:var(--font-jetbrains-mono), monospace;margin:0 0 10px;font-size:15px}.feature-card p{opacity:.8;margin:0;font-size:15px;line-height:1.6}.screens{background:#f6fbef}.screens-grid{grid-template-columns:repeat(6,1fr);gap:24px;max-width:100%;margin:0 auto;padding:10px;display:grid}.screen-frame{width:100%;box-shadow:6px 6px 0 var(--shot-shadow,#8c9c3a);transform:rotate(var(--shot-rot,0deg));background:#20301e;border:4px solid #20301e;border-radius:3px;margin:0;transition:transform .2s;display:block;overflow:hidden}.screen-frame:first-child,.screen-frame:nth-child(2),.screen-frame:nth-child(3){grid-column:span 2}.screen-frame:nth-child(4){grid-column:2/span 2}.screen-frame:nth-child(5){grid-column:4/span 2}.screen-frame img{width:100%;height:auto;display:block}.screen-frame.shot-1{--shot-shadow:#e14b4b;--shot-rot:-2deg}.screen-frame.shot-2{--shot-shadow:#2e9e3b;--shot-rot:1.5deg}.screen-frame.shot-3{--shot-shadow:#3fcbc8;--shot-rot:-1.5deg}.screen-frame.shot-4{--shot-shadow:#6b431f;--shot-rot:2deg}.screen-frame.shot-5{--shot-shadow:#8c9c3a;--shot-rot:-1deg}@media (width<=760px){.screens-grid{grid-template-columns:repeat(2,1fr);gap:20px}.screen-frame:first-child,.screen-frame:nth-child(2),.screen-frame:nth-child(3),.screen-frame:nth-child(4){grid-column:auto}.screen-frame:nth-child(5){grid-column:1/-1;justify-self:center;max-width:calc(50% - 10px)}}@media (width<=480px){.screens-grid{grid-template-columns:1fr}.screen-frame:nth-child(5){grid-column:auto;max-width:100%}.screen-frame{--shot-rot:0deg}}.play{color:#f6fbef;text-align:center;background:#20301e}.play h2{color:#f6fbef}.play p.lead{color:#f6fbef;opacity:.75;margin:0 auto 34px}.platform-row{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:10px;display:flex}.platform-chip{font-family:var(--font-jetbrains-mono), monospace;color:#f6fbef;border:2px solid #f6fbef;padding:12px 18px;font-size:13px;font-weight:700}footer{color:#f6fbef;text-align:center;font-family:var(--font-jetbrains-mono), monospace;background:#6b431f;padding:50px 24px 30px;font-size:13px}footer .footer-links{flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:22px;display:flex}footer .footer-links a{border-bottom:2px solid #0000;padding-bottom:2px;text-decoration:none}footer .footer-links a:hover{border-color:#6fe83a}footer .made-with{opacity:.6}@media (width<=900px){.hero{padding:110px 20px 64px}.console{max-width:440px}}@media (width<=760px){.about-grid{grid-template-columns:1fr}.topbar{padding:14px}.pixel-btn span.label{display:none}.hero-copy{text-align:center}.hero-copy .cta-row{justify-content:center}.subtitle{margin-left:auto;margin-right:auto}section{padding:64px 18px}.stat-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.console-frame{padding:12px 12px 20px;transform:rotate(0)}.stat-grid{grid-template-columns:1fr}.platform-row{flex-direction:column;align-items:center}.cta-row{flex-direction:column;width:100%}.cta-row .btn{justify-content:center}}