@layer blocks{.index-page *{box-sizing:border-box}.index-page a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}.index-page a:hover{color:var(--h-spot)}.index-page a:focus-visible,.index-page button:focus-visible{outline:3px solid var(--h-spot);outline-offset:5px}.index-page h1,.index-page h2,.index-page h3,.index-page p,.index-page figure{margin:0}.index-page h1,.index-page h2,.index-page h3{text-wrap:balance}.index-page p{color:var(--h-ink-body);max-width:70ch}.index-page img{display:block}.index-page .game-feature{border-bottom:1px solid var(--h-ink);grid-template-columns:minmax(0,1fr) 352px;gap:32px 64px;padding:40px 0 48px;display:grid}.index-page .feature-intro :is(h1,h2){font:italic 900 5rem/1.05 var(--h-font-mag);letter-spacing:-.025em}.index-page .feature-intro :is(h1,h2) em{font-style:inherit;color:var(--h-spot)}.index-page .feature-intro p{margin-top:24px;font-size:1.5rem;line-height:1.5}.index-page .game-art{grid-area:1/2/3}.index-page .feature-name{align-self:end}.index-page .feature-name h2{letter-spacing:-.02em;font-size:2.5rem;line-height:1.2}.index-page .game-result{grid-area:3/2/5}.index-page .feature-copy{grid-area:3/1/5;align-self:center;max-width:600px}.index-page .feature-copy>p{font-size:1.5rem;line-height:1.5}.index-page .actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px;display:flex}.index-page .action{background:var(--h-spot);color:#fff;border:1px solid var(--h-spot);justify-content:space-between;align-items:center;gap:28px;min-height:56px;padding:12px 20px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.index-page .action svg{flex-shrink:0}.index-page .action:hover{background:var(--h-accent-hover);color:#fff}.index-page .action.secondary{color:var(--h-ink);border-color:var(--h-ink);background:0 0}.index-page .action.secondary:hover{background:var(--h-wash)}.index-page .text-link{font-size:1rem;font-weight:600}.index-page .capture{width:352px;max-width:none}.index-page .capture img{object-fit:contain;width:352px;height:296px;image-rendering:pixelated}.index-page .capture figcaption{width:100%;color:var(--h-ink-muted);padding-top:12px;font-size:.875rem;font-style:italic;line-height:1.45}.index-page .first-step h2{letter-spacing:-.02em;font-size:3rem;line-height:1.16667}.index-page .first-step{border-bottom:1px solid var(--h-line);grid-template-columns:1fr 1fr;gap:64px;padding:72px 0;display:grid}.index-page .first-step p{margin-top:24px}.index-page .first-step .action{margin-top:32px}.index-page .pixel-study{background:var(--h-ground);border:1px solid var(--h-line);align-self:center;padding:32px}.index-page .pixel-study h3{font-size:1.5rem;line-height:1.3}.index-page .pixel-study pre{font:1rem/2 var(--h-font-mono);border-block:1px solid var(--h-line);white-space:pre-wrap;overflow-wrap:anywhere;margin:24px 0;padding-block:20px}.index-page .pixel-study pre span{color:var(--h-spot);font-weight:700}.index-page .pixel-study p{margin:0 0 24px;font-size:1rem}@media (width<=1280px){.index-page .game-feature{column-gap:40px}.index-page .first-step{gap:40px}}@media (width<=900px){.index-page .feature-intro :is(h1,h2){font-size:4rem}.index-page .feature-intro p,.index-page .feature-copy>p{font-size:1.25rem}.index-page .game-feature{column-gap:24px}.index-page .first-step{grid-template-columns:1fr}}@media (width<=740px){.index-page .game-feature{grid-template-columns:1fr;gap:24px;padding-top:24px}.index-page .game-art{display:none}.index-page .game-result{grid-area:1/1;justify-self:center}.index-page .feature-intro{grid-area:2/1}.index-page .feature-intro :is(h1,h2){font-size:3rem}.index-page .feature-name{grid-row:3}.index-page .feature-copy{grid-area:4/1}.index-page .first-step h2{font-size:2.5rem}.index-page .development,.index-page .first-step,.index-page .routes{padding-block:48px}.index-page .pixel-study{padding:24px}.index-page .actions{gap:20px}.index-page .feature-name h2{font-size:2rem}}@media (width>=352px) and (width<=399px){.index-page .game-result{justify-self:start;margin-inline:calc(50vw - 200px)}.index-page .capture{max-width:none}}@media (width<=351px){.index-page .capture,.index-page .capture img{width:100vw;height:auto}.index-page .game-result{justify-self:start;margin-inline:-24px}.index-page .capture figcaption{padding-inline:16px}.index-page .pixel-study{padding:16px}.index-page .feature-intro :is(h1,h2){font-size:3rem}.index-page .action{gap:16px;max-width:100%}.index-page .pixel-study pre{font-size:.875rem}}@media (width>=1100px){.index-page .game-feature{grid-template-columns:352px minmax(0,1fr) 352px;gap:24px 32px}.index-page .feature-intro{grid-area:1/1/auto/-1}.index-page .feature-intro :is(h1,h2){white-space:normal}.index-page .feature-intro p{margin-top:16px;font-size:1.25rem}.index-page .feature-intro p br{display:none}.index-page .game-art{grid-area:2/1/4}.index-page .game-result{grid-area:2/3/4}.index-page .feature-name{grid-area:2/2;align-self:start}.index-page .feature-name h2{font-size:2rem}.index-page .feature-copy{grid-area:3/2;align-self:start}.index-page .feature-copy>p{font-size:1.25rem;line-height:1.6}.index-page .feature-copy .actions{gap:16px;margin-top:24px}}.index-page .system-routes,.index-page .learning,.index-page .system-games{border-bottom:1px solid var(--h-line);padding:64px 0}.index-page .system-route-list{grid-template-columns:1fr 1fr;column-gap:48px;margin-bottom:24px;display:grid}.index-page .system-route-list a{border-top:1px solid var(--h-line);padding:24px 0;text-decoration:none}.index-page .system-route-list strong{font-size:1.5rem;line-height:1.3;display:block}.index-page .system-route-list span{color:var(--h-ink-body);margin-top:8px;font-size:1rem;display:block}.index-page .learning-feature{border-block:1px solid var(--h-ink);grid-template-columns:1fr 1fr;gap:64px;padding-block:32px;display:grid}.index-page .learning h3{margin-bottom:16px;font-size:2rem;line-height:1.3}.index-page .learning h3 a{text-decoration:none}.index-page .learning-feature p,.index-page .learning-pair p{margin-bottom:24px}.index-page .learning-example{background:var(--h-ground);align-self:center;padding:32px}.index-page .learning-example h4{margin:0;font-size:1.25rem;line-height:1.4}.index-page .learning-example p{margin:20px 0 0;font-size:1rem}.index-page .number-study{flex-wrap:wrap;gap:40px;margin:24px 0 0;display:flex}.index-page .number-study dt{color:var(--h-ink-muted);font-size:1rem}.index-page .number-study dd{font:1.5rem var(--h-font-mono);margin:8px 0 0}.index-page .learning-pair{grid-template-columns:1fr 1fr;gap:64px;padding:40px 0;display:grid}.index-page .learning-library a{border-top:1px solid var(--h-line);grid-template-columns:1fr 1fr;gap:64px;padding:24px 0;text-decoration:none;display:grid}.index-page .learning-library strong{font-size:1.5rem}.index-page .learning-library span{color:var(--h-ink-body);font-size:1rem}.index-page .entry-note{margin-top:24px;font-size:1rem}.index-page .system-game{grid-template-columns:minmax(0,1fr) var(--capture-width);border-top:1px solid var(--h-line);align-items:center;gap:48px;padding:40px 0;display:grid}.index-page .system-game h3{font-size:2rem;line-height:1.3}.index-page .system-game .target{margin:8px 0 24px;font-size:1rem}.index-page .system-game-copy>p:not(.target){max-width:38ch}.index-page .system-game .action{margin-top:24px}.index-page .system-capture{width:min(var(--capture-width),100vw)}.index-page .system-capture img{width:100%;height:auto}.index-page .system-capture figcaption{font-size:.875rem}@media (width<=1200px){.index-page .system-game{grid-template-columns:minmax(0,1fr);gap:32px}.index-page .system-capture{justify-self:center}.index-page .learning-feature,.index-page .learning-pair{gap:40px}}@media (width<=740px){.index-page .system-routes,.index-page .learning,.index-page .system-games{padding-block:48px}.index-page .system-route-list,.index-page .learning-feature,.index-page .learning-pair,.index-page .learning-library a{grid-template-columns:1fr;gap:24px}.index-page .system-route-list{gap:0}.index-page .learning-example{padding:24px}.index-page .learning h3{font-size:1.5rem}.index-page .learning-library a{gap:8px}.index-page .system-capture{justify-self:start;position:relative;left:50%;transform:translate(-50%)}.index-page .system-game h3{font-size:1.5rem}.index-page .number-study{gap:24px}}.index-page .game-feature .capture{width:min(var(--capture-width),100vw)}.index-page .game-feature .capture img{width:100%;height:auto}.index-page .feature-copy .action{max-width:100%}@media (width>=1100px){.index-page .game-feature{grid-template-columns:256px minmax(0,1fr) 416px}.index-page .feature-name h2{font-size:2rem}}@media (width>=741px) and (width<=1099px){.index-page .game-feature{grid-template-columns:minmax(0,1fr) 416px}.index-page .feature-intro{grid-column:1/-1}.index-page .game-art{grid-area:2/1}.index-page .feature-name{grid-area:3/1}.index-page .game-result{grid-area:2/2/4}.index-page .feature-copy{grid-area:4/1/auto/-1}}@media (width<=740px){.index-page .game-feature{grid-template-columns:minmax(0,1fr)}.index-page .game-result{justify-self:start;width:100%;min-width:0;margin-inline:0}.index-page .game-result .capture{position:relative;left:50%;transform:translate(-50%)}.index-page .game-result .capture figcaption{padding-inline:16px}.index-page .feature-name{grid-row:3}.index-page .feature-copy{grid-row:4}}.index-page .beginner-entry{border-bottom:1px solid var(--h-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;margin-bottom:48px;padding:24px 0;display:grid}.index-page .beginner-entry h2{margin-bottom:12px;font-size:1.5rem;line-height:1.3}.index-page .beginner-entry p{max-width:62ch;font-size:1rem}.index-page .beginner-entry .action{max-width:100%}@media (width<=740px){.index-page .beginner-entry{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:40px}.index-page .beginner-entry .action{justify-self:start}}.index-page .first-step.magazine-section>div>h2{font-family:var(--h-font-mag);font-style:italic;font-weight:900}.index-page .first-step.magazine-section>div>h2 em{font-style:inherit;color:var(--h-spot-ink)}.index-page .machine-route{border-top:1px solid var(--h-line);min-width:0;padding:24px 0}.index-page .system-route-list .machine-choice{border:0;padding:0;display:block}.index-page .machine-choice img{aspect-ratio:3/2;object-fit:contain;object-position:center;background:#fff;width:100%;height:auto;margin-bottom:20px}.index-page .machine-choice:hover strong{text-underline-offset:5px;text-decoration:underline}.index-page .photo-credit{max-width:100%;margin-top:12px;font-size:.875rem;font-style:italic;line-height:1.45}.index-page .system-route-list .photo-credit a{border:0;padding:0;text-decoration:underline}.index-page .learning-pair .capture{width:min(var(--capture-width),100vw);margin-bottom:28px}.index-page .learning-pair .capture img,.index-page .vault-moment .capture img{width:100%;height:auto}.index-page .vault-moment{border-top:1px solid var(--h-line);gap:32px;padding:32px 0 40px;display:grid}.index-page .vault-moment>div{max-width:70ch}.index-page .vault-moment p{margin-bottom:20px}.index-page .vault-moment .capture{width:min(var(--capture-width),100vw);justify-self:center}.index-page .learning-pair article{min-width:0}@media (width<=1155px){.index-page .vault-moment .capture{justify-self:start;position:relative;left:50%;transform:translate(-50%)}}@media (width<=740px){.index-page .learning-pair .capture{position:relative;left:50%;transform:translate(-50%)}.index-page .learning-pair .capture figcaption,.index-page .vault-moment .capture figcaption{padding-inline:16px}}.index-page .vault-moment{grid-template-columns:minmax(0,1fr)}.index-page .system-game-copy .game-learning{margin-top:20px;font-size:1rem;line-height:1.5}.index-page .closing-invitation{padding:64px 0}.index-page .closing-invitation .actions{margin-top:32px}@media (width<=740px){.index-page .closing-invitation{padding-block:48px}}.index-page .movement-preview{background:var(--h-ground);border:1px solid var(--h-line);padding:20px}.index-page .movement-preview .movement-question{color:var(--h-ink);margin:0 0 16px;font-size:1.25rem;font-weight:700}.index-page .movement-lane{border-top:1px solid var(--h-line);padding-top:10px}.index-page .movement-lane p{justify-content:space-between;gap:12px;margin:0 0 4px;font-size:1rem;line-height:1.4;display:flex}.index-page .movement-lane span{color:var(--h-ink-muted);font-size:.875rem}.index-page .movement-lane svg{width:100%;height:auto;margin-bottom:8px;display:block;overflow:visible}.index-page .movement-lane .track{fill:none;stroke:var(--h-line);stroke-width:2px}.index-page .movement-lane .target{fill:var(--h-wash);stroke:var(--h-ink-muted);stroke-width:1px}.index-page .movement-lane g{fill:var(--h-spot)}.index-page .movement-lane svg{margin-bottom:0}.index-page .movement-lane .movement-marker{width:max-content;color:var(--h-ink-muted);margin-bottom:8px;font-size:11px;line-height:1.4;display:block;position:relative;left:62.2222%;transform:translate(-50%)}.index-page .action{background:var(--h-spot);color:#fff}.index-page .action.secondary{color:var(--h-ink);background:0 0}.index-page{scroll-behavior:smooth;background:var(--h-page);color:var(--h-ink);font:1.25rem/1.6 var(--h-font-ui);scrollbar-color:var(--h-spot) var(--h-page);scroll-padding-top:24px}@media (prefers-reduced-motion:reduce){.index-page{scroll-behavior:auto}}.index-page{padding-bottom:32px}}