.measure.svelte-1cebjac{width:100%;height:0;visibility:hidden}figure.svelte-1cebjac{position:relative;margin:1rem auto;background:var(--color-green-medium)}.inner.svelte-1cebjac{position:relative;visibility:hidden}.started.svelte-1cebjac .inner:where(.svelte-1cebjac){visibility:visible}.grid.svelte-1cebjac{position:relative;aspect-ratio:1;display:grid;grid-template-columns:repeat(var(--size),1fr);grid-template-rows:repeat(var(--size),1fr);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.grid.mower.svelte-1cebjac,.grid.gridlines.svelte-1cebjac{position:absolute;top:0;left:0;width:100%;height:100%}.grid.gridlines.svelte-1cebjac{pointer-events:none}.grid.gridlines.svelte-1cebjac .cell:where(.svelte-1cebjac){-webkit-box-shadow:inset 0 0 2px 2px rgba(0,0,0,.1);box-shadow:inset 0 0 2px 2px #0000001a;background:none}.cell.svelte-1cebjac{position:relative;background-image:url(../../../assets/images/grass.png);background-size:var(--grass-bg-size);background-position:var(--grass-x, 0%) 0%;-webkit-filter:brightness(1.1);filter:brightness(1.1)}.cell.obstacle.svelte-1cebjac{background-image:url(../../../assets/images/obstacles.png),url(../../../assets/images/grass.png);background-size:var(--obstacle-bg-size),var(--grass-bg-size);background-position:var(--sprite-x) 0%,var(--grass-x) 0%}.cell.visited.svelte-1cebjac{opacity:.4}.fg.svelte-1cebjac{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;pointer-events:none;-webkit-transform:translateY(-10%);transform:translateY(-10%)}.character.svelte-1cebjac{position:absolute;left:calc(var(--x) / var(--size) * 100%);top:calc(var(--y) / var(--size) * 100%);width:calc(100% / var(--size));height:calc(100% / var(--size));-webkit-transition:left .1s,top .1s;transition:left .1s,top .1s;background-image:url(../../../assets/images/mower.png);background-size:cover;background-repeat:no-repeat}.character.flip.svelte-1cebjac{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.nodes.svelte-1cebjac .grid:where(.svelte-1cebjac){border:.5px solid var(--color-gray-500)}.nodes.svelte-1cebjac .cell:where(.svelte-1cebjac){border:.5px solid var(--color-gray-100);background:none}.nodes.svelte-1cebjac .fg:where(.svelte-1cebjac){background:none;width:20%;height:20%;border-radius:50%;border:1px solid var(--color-gray-500);background:var(--color-bg);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.nodes.svelte-1cebjac .obstacle:where(.svelte-1cebjac){background:var(--color-gray-500);border:.5px solid var(--color-bg)}.nodes.svelte-1cebjac .obstacle:where(.svelte-1cebjac) .fg:where(.svelte-1cebjac){display:none}svg.svelte-1cebjac{display:block;width:100%;height:100%;position:absolute;top:0;left:0}path.line.svelte-1cebjac{stroke-width:.4;stroke-linecap:round;fill:none;stroke:var(--path-start)}.c.svelte-1njvqgw{margin:0 auto;max-width:var(--grid-max-width)}.keypad.svelte-1njvqgw{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:relative;z-index:var(--z-top)}.keyboard.svelte-1njvqgw{display:none;text-align:center}.keyboard.svelte-1njvqgw p:where(.svelte-1njvqgw){margin:0}button.svelte-1njvqgw{font-weight:700;line-height:1;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.row.svelte-1njvqgw{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}button.svelte-1njvqgw,.spacer.svelte-1njvqgw{width:3rem;aspect-ratio:1}@media(hover:hover)and (pointer:fine){.keyboard.svelte-1njvqgw{display:block}.keypad.svelte-1njvqgw{display:none}}.c.svelte-2yhvza{position:relative;margin:2rem auto}.g.svelte-2yhvza{max-width:var(--grid-max-width);margin:0 auto;position:relative}.disable.svelte-2yhvza{pointer-events:none}.dim.svelte-2yhvza .grid:where(.svelte-2yhvza){opacity:.2;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.message.svelte-2yhvza{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.start.svelte-2yhvza{position:absolute;width:100%;top:50%;left:0;-webkit-transform:translate(0,-50%);transform:translateY(-50%);display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.steps.svelte-2yhvza{margin:2rem auto 0;max-width:var(--grid-max-width);text-align:center;font-size:var(--14px)}.info.svelte-q10ak8{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;font-family:var(--mono);margin-bottom:8px;-webkit-box-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-transition:-webkit-transform calc(var(--1s) * .25);transition:-webkit-transform calc(var(--1s) * .25);transition:transform calc(var(--1s) * .25);transition:transform calc(var(--1s) * .25),-webkit-transform calc(var(--1s) * .25)}.id.svelte-q10ak8{border:1px solid var(--color-fg);width:4em;text-align:center;padding:4px;border-radius:2em}.info.svelte-q10ak8 p:where(.svelte-q10ak8){font-size:var(--14px, 14px);text-transform:uppercase}p.svelte-q10ak8{margin:0}a.svelte-q10ak8{display:block;text-decoration:none}a.svelte-q10ak8:focus-visible{outline:2px solid var(--color-focus)}.story.svelte-q10ak8:hover .info:where(.svelte-q10ak8){-webkit-transform:translateY(-4px);transform:translateY(-4px)}.story.svelte-q10ak8:not(.youtube):hover .screenshot:where(.svelte-q10ak8) img:where(.svelte-q10ak8),.story.svelte-q10ak8:not(.resource):hover .screenshot:where(.svelte-q10ak8) img:where(.svelte-q10ak8){-webkit-transform:translate(-50%,0) scale(1.05);transform:translate(-50%) scale(1.05)}.story.youtube.svelte-q10ak8:hover .screenshot:where(.svelte-q10ak8) img:where(.svelte-q10ak8),.story.resource.svelte-q10ak8:hover .screenshot:where(.svelte-q10ak8) img:where(.svelte-q10ak8){-webkit-transform:translate(-50%,50%) scale(1.05);transform:translate(-50%,50%) scale(1.05)}.screenshot.svelte-q10ak8{background:var(--story-bg, var(--color-default-story-bg, "#ddd"));aspect-ratio:1;position:relative;overflow:hidden}span.icon--play.svelte-q10ak8{position:absolute;top:50%;left:50%;width:4em;aspect-ratio:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none;z-index:var(--z-top)}img.svelte-q10ak8{position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%,0) scale(1);transform:translate(-50%) scale(1);width:calc(100% - (var(--padding, 16px) * 2));-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform calc(var(--1s) * .25);transition:-webkit-transform calc(var(--1s) * .25);transition:transform calc(var(--1s) * .25);transition:transform calc(var(--1s) * .25),-webkit-transform calc(var(--1s) * .25)}.youtube.svelte-q10ak8 img:where(.svelte-q10ak8),.resource.svelte-q10ak8 img:where(.svelte-q10ak8){bottom:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);-webkit-transform-origin:center center;transform-origin:center center}.text.svelte-q10ak8{font-family:var(--font-sans);margin-top:12px}h3.short.svelte-q10ak8{color:var(--color-fg);font-size:clamp(var(--24px, 24px),6vw,var(--28px, 28px));line-height:1;margin:0 0 8px}.resource.svelte-q10ak8 h3.short:where(.svelte-q10ak8){font-size:clamp(var(--20px, 20px),6vw,var(--24px, 24px))}.footer.svelte-q10ak8 h3.short:where(.svelte-q10ak8){display:none}p.tease.svelte-q10ak8{color:var(--color-secondary-gray, var(--color-fg));font-size:var(--16px)}.footer.svelte-q10ak8 p.tease:where(.svelte-q10ak8){color:var(--color-secondary-gray, var(--color-fg));font-size:clamp(var(--16px),4vw,var(--20px, 20px));font-weight:700;line-height:1.2}@media(min-width:960px){h3.short.svelte-q10ak8{font-size:clamp(var(--24px, 24px),2.75vw,var(--32px, 32px))}}footer.svelte-1sr6y3t{margin-top:100px}.c.svelte-1sr6y3t{max-width:calc(var(--width-column-wide, 1280px) - var(--margin, 16px) * 2);padding:16px;margin:32px auto 100px;font-family:var(--font-sans)}.top.svelte-1sr6y3t{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;margin:0 0 64px}.text.svelte-1sr6y3t{font-size:var(--20px, 20px);text-align:center;max-width:900px}.images.svelte-1sr6y3t{width:100%}.images.svelte-1sr6y3t ul:where(.svelte-1sr6y3t){width:100%;padding:0;display:-webkit-box;display:flex;margin:0 auto;gap:32px}.images.svelte-1sr6y3t ul:where(.svelte-1sr6y3t){display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:wrap}.images.svelte-1sr6y3t ul:where(.svelte-1sr6y3t) li:where(.svelte-1sr6y3t){width:100%;margin:0;list-style-type:none;padding:0;--padding: clamp(16px, 12vw, 36px)}.bottom.svelte-1sr6y3t{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:stretch;align-items:stretch;gap:48px}.cta-wrapper.svelte-1sr6y3t{width:100%;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;gap:48px}.cta-wrapper.svelte-1sr6y3t section:where(.svelte-1sr6y3t){width:100%;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;gap:0px}.links.svelte-1sr6y3t{width:100%;min-width:300px}.links.svelte-1sr6y3t p.title:where(.svelte-1sr6y3t){font-family:var(--mono);font-weight:700;text-transform:uppercase;font-size:var(--font-size-xsmall, 14px)}.links.svelte-1sr6y3t .inner:where(.svelte-1sr6y3t){display:-webkit-box;width:100%;display:flex;-webkit-box-pack:center;justify-content:center;gap:16px}p.svelte-1sr6y3t{color:var(--color-fg)}a.svelte-1sr6y3t{font-weight:700;color:var(--color-fg);-webkit-text-decoration:2px underline var(--color-fg);text-decoration:2px underline var(--color-fg)}a.svelte-1sr6y3t:hover{color:var(--color-link-hover);-webkit-text-decoration:2px underline var(--color-link-hover);text-decoration:2px underline var(--color-link-hover)}a.svelte-1sr6y3t:hover+.arrow:where(.svelte-1sr6y3t){left:-2px}a:hover+.arrow svg path{stroke:var(--color-link-hover, blue)}ul.svelte-1sr6y3t{padding:0}.about.svelte-1sr6y3t,.follow.svelte-1sr6y3t{width:50%}li.svelte-1sr6y3t{list-style-type:none;font-size:var(--14px)}.text-wrapper.svelte-1sr6y3t{width:100%}.text-wrapper.svelte-1sr6y3t p:where(.svelte-1sr6y3t){font-size:var(--14px)}.img-wrapper.svelte-1sr6y3t{width:100%;max-width:160px;height:160px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.links.svelte-1sr6y3t .img-wrapper:where(.svelte-1sr6y3t){max-width:none;width:100%;height:auto}.donate.svelte-1sr6y3t img:where(.svelte-1sr6y3t){-webkit-transform:rotate(var(--right-tilt, 2deg));transform:rotate(var(--right-tilt, 2deg));width:100%;max-width:180px;-webkit-transition:-webkit-transform calc(var(--1s) * .25);transition:-webkit-transform calc(var(--1s) * .25);transition:transform calc(var(--1s) * .25);transition:transform calc(var(--1s) * .25),-webkit-transform calc(var(--1s) * .25)}.donate.svelte-1sr6y3t .img-wrapper:where(.svelte-1sr6y3t):hover img:where(.svelte-1sr6y3t){-webkit-transform:rotate(0) scale(1.05);transform:rotate(0) scale(1.05)}.subscribe.svelte-1sr6y3t img:where(.svelte-1sr6y3t){width:100%;max-width:180px;-webkit-transition:-webkit-transform calc(var(--1s) * .25);transition:-webkit-transform calc(var(--1s) * .25);transition:transform calc(var(--1s) * .25);transition:transform calc(var(--1s) * .25),-webkit-transform calc(var(--1s) * .25)}.subscribe.svelte-1sr6y3t .img-wrapper:where(.svelte-1sr6y3t):hover img:where(.svelte-1sr6y3t){-webkit-transform:rotate(var(--left-tilt, -2deg)) scale(1.05);transform:rotate(var(--left-tilt, -2deg)) scale(1.05)}.wordmark.svelte-1sr6y3t{-webkit-transform:rotate(var(--left-tilt, -2deg));transform:rotate(var(--left-tilt, -2deg));max-width:320px;margin-left:-5%;-webkit-transition:-webkit-transform calc(var(--1s) * .25);transition:-webkit-transform calc(var(--1s) * .25);transition:transform calc(var(--1s) * .25);transition:transform calc(var(--1s) * .25),-webkit-transform calc(var(--1s) * .25)}.wordmark.svelte-1sr6y3t:hover{-webkit-transform:rotate(0) scale(1.05);transform:rotate(0) scale(1.05)}.arrow.svelte-1sr6y3t{display:inline-block;width:18px;height:18px;position:relative;top:4px;left:-4px;-webkit-transition:left calc(var(--1s) * .25);transition:left calc(var(--1s) * .25)}@media only screen and (min-width:400px){.images.svelte-1sr6y3t ul:where(.svelte-1sr6y3t) li:where(.svelte-1sr6y3t){width:calc(50% - 16px);padding:0}}@media only screen and (min-width:720px){.bottom.svelte-1sr6y3t{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:stretch;align-items:stretch;gap:48px}.cta-wrapper.svelte-1sr6y3t{width:66.66%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:48px}.cta-wrapper.svelte-1sr6y3t section:where(.svelte-1sr6y3t){width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;gap:24px}.text-wrapper.svelte-1sr6y3t{width:66.66%}.text-wrapper.svelte-1sr6y3t p:where(.svelte-1sr6y3t){font-size:var(--16px, 16px)}.img-wrapper.svelte-1sr6y3t{width:33.33%;max-width:160px;height:160px;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.links.svelte-1sr6y3t{width:33.33%}li.svelte-1sr6y3t{font-size:var(--16px, 16px)}.arrow.svelte-1sr6y3t{width:24px;height:24px;top:6px;left:-4px}.images.svelte-1sr6y3t ul:where(.svelte-1sr6y3t) li:where(.svelte-1sr6y3t){width:calc(25% - 24px);padding:32px 0}.text.svelte-1sr6y3t{font-size:var(--24px, 24px)}}@media only screen and (min-width:960px){.cta-wrapper.svelte-1sr6y3t{width:66.66%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;gap:48px}.cta-wrapper.svelte-1sr6y3t section:where(.svelte-1sr6y3t){width:50%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:0}.text-wrapper.svelte-1sr6y3t{width:100%}.img-wrapper.svelte-1sr6y3t{max-width:none;width:100%;height:180px}.links.svelte-1sr6y3t .img-wrapper:where(.svelte-1sr6y3t){max-width:none;height:180px}.subscribe.svelte-1sr6y3t img:where(.svelte-1sr6y3t){max-width:200px}.text.svelte-1sr6y3t{font-size:var(--28px, 28px)}}