@font-face{font-family:Space Grotesk;src:url('/assets/SpaceGrotesk.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:#f7f8f2;color:#202b22;font-family:'Space Grotesk',system-ui,sans-serif;line-height:1.65}a{color:#366e3b;text-underline-offset:4px}button{font:inherit}header{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1300px;padding:0 32px;margin:auto}.brand{display:flex;align-items:center;gap:0;text-decoration:none;color:#202b22;font-weight:800;letter-spacing:3px;font-size:21px}.brand img{width:26px;height:26px;margin-right:3px}nav{display:flex;gap:28px;font-size:14px}nav a{text-decoration:none;color:#506052}nav a:hover{color:#285b2d}.skip{position:absolute;left:12px;top:-100px;background:white;padding:10px;z-index:20}.skip:focus{top:12px}.hero{max-width:1320px;margin:auto;padding:12px 32px 30px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(320px,420px) minmax(150px,1fr);gap:32px;align-items:center}.intro{max-width:240px}.eyebrow{text-transform:uppercase;letter-spacing:2.3px;font-size:11px;font-weight:700;color:#5a7853}h1{font-size:clamp(32px,3.5vw,50px);letter-spacing:-2px;line-height:1.12;margin:20px 0}h1 span{color:#54894c}.intro p{font-size:15px;color:#657161}.level-list{display:flex;flex-wrap:wrap;gap:6px;margin:25px 0}.level-list span{font-size:11px;padding:3px 10px;border:1px solid #dce3d3;border-radius:30px;background:#fff}.micro{font-size:12px!important;color:#768271!important}.device{background:white;position:relative;width:100%;height:min(810px,calc(100svh - 112px));min-height:568px;border:1px solid #dce3d3;border-radius:28px;overflow:hidden;box-shadow:0 24px 70px #263c2112,0 3px 6px #263c2108}.device iframe{display:block;width:100%;height:100%;border:0;background:white}.game-loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none;background:white}.game-loading[hidden]{display:none}.game-loading img{width:72px;height:72px;justify-self:center;border-radius:20px}.game-loading p{font-size:14px;color:#567351}.aside{padding-left:0;align-self:center;justify-self:end;width:160px}.aside-note{font-size:13px;border-top:1px solid #d8e2cf;padding-top:18px;color:#73836b}.aside-note strong{display:block;font-size:21px;font-weight:500;color:#53844b}.ad-placement{display:none;text-align:center;color:#788173;font-family:system-ui,sans-serif;font-size:10px;letter-spacing:1px}.ad-placement.active{display:block}.ad-placement .ad-label{display:block;margin-bottom:12px}.has-ads .aside{width:310px}.ad-rail.active{position:relative;margin-left:150px}.has-ads .hero{grid-template-columns:1fr 420px 310px;gap:24px}.ad-rail .adsbygoogle{display:block;width:160px;height:600px}.content{max-width:960px;margin:auto;padding:60px 28px}.section-label{color:#71926a;font-size:12px;letter-spacing:2px;text-transform:uppercase}.content h2{font-size:32px;line-height:1.25;letter-spacing:-1px;margin:12px 0 18px}.content p{color:#63705d;max-width:700px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.step{background:#fff;border:1px solid #e1e6d9;border-radius:18px;padding:24px}.step .number{color:#6a985b;font-size:14px}.step h3{font-size:18px;line-height:1.3}.step p{font-size:14px;margin-bottom:0}.equation-example{display:flex;align-items:center;justify-content:center;gap:12px;border-top:1px solid #e0e6d8;border-bottom:1px solid #e0e6d8;padding:22px;margin:35px 0;font-size:25px;letter-spacing:2px}.equation-example span{border-radius:8px;background:#548b4c;padding:3px 12px;color:white}.equation-example small{font-size:12px;letter-spacing:0;margin-left:20px;color:#647160}.ad-below.active{min-height:120px;padding:24px 0;margin:60px 0}.ad-below .adsbygoogle{display:block}.difficulty-guide{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin:30px 0}.difficulty-guide h3{font-size:17px}.difficulty-guide p{font-size:13px}.divider{border:0;border-top:1px solid #dce3d5;margin:52px 0}details{border-bottom:1px solid #dce3d5;padding:18px 0}summary{cursor:pointer;font-size:17px;font-weight:500}details p{font-size:14px}footer{border-top:1px solid #dce3d5;max-width:1200px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px;color:#75816f}footer div{display:flex;gap:22px}.page{max-width:780px;min-height:70vh;margin:auto;padding:55px 28px}.page h1{font-size:40px}.page h2{font-size:22px;margin-top:32px}.page p,.page li{font-size:15px;color:#56624f}.play-link{display:inline-block;padding:10px 20px;background:#3c6c36;color:white;border-radius:12px;text-decoration:none}.nojs{padding:24px;background:#f2e8ca;text-align:center}
@media(min-width:1350px){.has-ads .hero{max-width:1440px;grid-template-columns:1fr 420px 340px}}
@media(max-width:1100px){.hero{grid-template-columns:1fr minmax(320px,420px);max-width:950px;gap:48px}.aside{display:none}.has-ads .hero{grid-template-columns:1fr minmax(320px,420px)}.intro{max-width:300px}}
@media(max-width:700px){header{height:44px;padding:0 18px}.brand{font-size:17px;letter-spacing:2px}.brand img{width:21px;height:21px;margin-right:2px}nav{gap:16px;font-size:12px}nav .desktop-link{display:none}.hero,.has-ads .hero{display:flex;flex-direction:column;padding:0 8px;gap:0;max-width:440px}.intro{order:2;max-width:none;text-align:center;padding:34px 20px 0}.intro h1{font-size:32px;letter-spacing:-1px;margin:12px 0}.intro .level-list{justify-content:center;margin:16px 0}.device{height:calc(100svh - 52px);height:calc(100dvh - 52px);min-height:420px;border-radius:20px;box-shadow:0 6px 25px #263c2108}.content{padding:45px 24px}.content h2{font-size:27px}.steps{grid-template-columns:1fr;gap:12px}.step{padding:18px 22px}.step h3{margin:4px 0 8px}.difficulty-guide{grid-template-columns:repeat(2,1fr);gap:12px 24px}.equation-example{font-size:21px;flex-wrap:wrap}.equation-example small{display:block;width:100%;margin:0;text-align:center}.content h2{letter-spacing:-.6px}footer{flex-direction:column;gap:12px;padding:25px}.page{padding-top:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}