tbody:where(.astro-gjzadp75) th:where(.astro-gjzadp75){font-family:var(--font-body);font-size:var(--text-sm);text-transform:none;letter-spacing:0;font-weight:600}tbody:where(.astro-gjzadp75) th:where(.astro-gjzadp75) a:where(.astro-gjzadp75){color:var(--color-ink)}@media (width<=40rem){table:where(.astro-gjzadp75),tbody:where(.astro-gjzadp75),tr:where(.astro-gjzadp75),th:where(.astro-gjzadp75),td:where(.astro-gjzadp75){display:block}thead:where(.astro-gjzadp75){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}tr:where(.astro-gjzadp75){padding-block:var(--space-sm);border-bottom:var(--rule-thin) solid var(--color-rule)}tbody:where(.astro-gjzadp75) th:where(.astro-gjzadp75),td:where(.astro-gjzadp75){padding:var(--space-2xs) 0!important;border:0!important}}.hero:where(.astro-lcdefpme){gap:var(--space-2xl);padding-block:var(--space-3xl) var(--space-xl);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.hero-copy:where(.astro-lcdefpme){gap:var(--space-lg);min-width:0;display:grid}.hero-copy:where(.astro-lcdefpme) h1:where(.astro-lcdefpme){font-size:var(--text-hero);overflow-wrap:normal}.sdk-chip:where(.astro-lcdefpme){gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-ink-2);flex-wrap:wrap;align-items:baseline;display:flex}.hero-note:where(.astro-lcdefpme){font-size:var(--text-sm)}.hero-figure:where(.astro-lcdefpme){gap:var(--space-sm);min-width:0;margin:0;display:grid}.hero-figure:where(.astro-lcdefpme) figcaption:where(.astro-lcdefpme){font-size:var(--text-sm)}.sprite-code:where(.astro-lcdefpme){gap:var(--space-md);border:var(--rule-thin) solid var(--color-rule);background:var(--color-paper-2);padding:var(--space-md);min-width:0;display:grid}.sprite-code:where(.astro-lcdefpme) pre{font-size:var(--text-xs);margin:0;line-height:1.45;overflow-x:auto;background:0 0!important}.sprite-out:where(.astro-lcdefpme){align-items:center;gap:var(--space-md);display:flex}.map:where(.astro-lcdefpme){gap:var(--space-md);counter-reset:layer;margin:0;padding:0;list-style:none;display:grid}.layer:where(.astro-lcdefpme){gap:var(--space-sm);padding:var(--space-md) var(--space-md) var(--space-md) var(--space-xl);border:var(--rule-thin) solid var(--color-rule);background:var(--color-paper-2);min-width:0;display:grid;position:relative}.layer:where(.astro-lcdefpme):before{content:"";left:var(--space-sm);width:var(--rule-pixel);background:repeating-linear-gradient(var(--color-accent) 0 6px, transparent 6px 10px);position:absolute;top:0;bottom:0}.layer:where(.astro-lcdefpme):not(:last-child):after{content:"";left:calc(var(--space-sm) - 4px);bottom:calc(-1 * var(--space-md) / 2 - 5px);background:var(--color-accent);z-index:1;width:10px;height:10px;position:absolute}.layer-head:where(.astro-lcdefpme){gap:var(--space-2xs);display:grid}.layer-head:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){font-family:var(--font-display);font-weight:500;font-size:var(--text-xl)}.layer-head:where(.astro-lcdefpme) p:where(.astro-lcdefpme){font-size:var(--text-sm);max-width:var(--measure)}.nodes:where(.astro-lcdefpme){gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.node:where(.astro-lcdefpme){padding:var(--space-2xs) var(--space-sm);border:var(--rule-pixel) solid var(--color-rule);font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-paper);gap:2px;min-width:0;display:inline-grid}.node:where(.astro-lcdefpme) a:where(.astro-lcdefpme),.node:where(.astro-lcdefpme) span:where(.astro-lcdefpme):first-child{color:var(--color-ink);white-space:nowrap;text-decoration:none}.node:where(.astro-lcdefpme) a:where(.astro-lcdefpme){align-items:center;min-height:32px;display:inline-flex}.node:where(.astro-lcdefpme) a:where(.astro-lcdefpme):hover{color:var(--color-accent)}.node-note:where(.astro-lcdefpme){font-size:var(--text-xs);color:var(--color-ink-3)}.node:where(.astro-lcdefpme).owned{border-color:var(--color-accent)}.node:where(.astro-lcdefpme).game{border-color:var(--game)}.node:where(.astro-lcdefpme).game a:where(.astro-lcdefpme){color:var(--game)}.node:where(.astro-lcdefpme).third{background:0 0;border-style:dashed}.node:where(.astro-lcdefpme).third span:where(.astro-lcdefpme){color:var(--color-ink-2);white-space:normal}.node:where(.astro-lcdefpme).custom{border-color:var(--color-exploring);border-style:dashed}.node:where(.astro-lcdefpme).custom a:where(.astro-lcdefpme){color:var(--color-exploring)}.node:where(.astro-lcdefpme):has(a:focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}.node:where(.astro-lcdefpme) a:where(.astro-lcdefpme):focus-visible{outline:none}.legend:where(.astro-lcdefpme){margin:var(--space-md) 0 0;gap:var(--space-xs) var(--space-xl);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.legend:where(.astro-lcdefpme) div:where(.astro-lcdefpme){gap:var(--space-xs);align-items:center;display:flex}.legend:where(.astro-lcdefpme) dt:where(.astro-lcdefpme){gap:var(--space-xs);align-items:center;font-weight:600;display:inline-flex}.legend:where(.astro-lcdefpme) dd:where(.astro-lcdefpme){color:var(--color-ink-2);margin:0}.swatch:where(.astro-lcdefpme){border:var(--rule-pixel) solid var(--color-accent);width:14px;height:14px}.swatch:where(.astro-lcdefpme).third{border-color:var(--color-rule);border-style:dashed}.swatch:where(.astro-lcdefpme).custom{border-color:var(--color-exploring);border-style:dashed}.map-more:where(.astro-lcdefpme){margin-top:var(--space-lg)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.layer:where(.astro-lcdefpme){animation:linear both ink-on view();animation-range:entry entry 40%}}}@keyframes ink-on{0%{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}.demo-grid:where(.astro-lcdefpme){gap:var(--space-lg);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.demo-card:where(.astro-lcdefpme){border:var(--rule-thin) solid var(--color-rule);border-top:4px solid var(--game);background:var(--color-paper-2);transition:transform var(--dur-mid) var(--ease-out), border-color var(--dur-mid) var(--ease-out);display:grid;position:relative}.demo-card:where(.astro-lcdefpme):hover,.demo-card:where(.astro-lcdefpme):focus-within{border-color:var(--game);transform:translateY(-3px)}.demo-card:where(.astro-lcdefpme) img:where(.astro-lcdefpme){aspect-ratio:16/9;object-fit:cover;width:100%;image-rendering:pixelated}.demo-card-body:where(.astro-lcdefpme){gap:var(--space-xs);padding:var(--space-md) var(--space-lg) var(--space-lg);display:grid}.demo-card:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){font-family:var(--font-display);font-weight:500;font-size:var(--text-xl)}.demo-card:where(.astro-lcdefpme) h3:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--color-ink);text-decoration:none}.demo-card:where(.astro-lcdefpme) h3:where(.astro-lcdefpme) a:where(.astro-lcdefpme):after{content:"";position:absolute;inset:0}.demo-card:where(.astro-lcdefpme) h3:where(.astro-lcdefpme) a:where(.astro-lcdefpme):focus-visible{outline:none}.demo-card:where(.astro-lcdefpme):has(a:focus-visible){outline:3px solid var(--color-focus);outline-offset:3px}.demo-card:where(.astro-lcdefpme) .label:where(.astro-lcdefpme){color:var(--game)}.content-kind:where(.astro-lcdefpme){font-size:var(--text-sm);color:var(--color-ink-2)}.ways:where(.astro-lcdefpme){font-size:var(--text-xs);color:var(--color-ink-3);text-transform:uppercase;letter-spacing:.04em}.split:where(.astro-lcdefpme){gap:var(--space-xl);align-items:start;display:grid}.split:where(.astro-lcdefpme)>:where(.astro-lcdefpme){min-width:0}.split:where(.astro-lcdefpme) .section-head:where(.astro-lcdefpme){margin-bottom:0}.code-panel{padding:var(--space-md);font-size:var(--text-xs);border:var(--rule-thin) solid var(--color-rule);margin:0;overflow-x:auto}.steps:where(.astro-lcdefpme){gap:var(--space-sm);margin:0;padding:0;list-style:none;display:grid}.steps:where(.astro-lcdefpme) li:where(.astro-lcdefpme){gap:var(--space-2xs);padding:var(--space-sm) var(--space-md);border:var(--rule-thin) solid var(--color-rule);background:var(--color-paper-2);min-width:0;display:grid}.steps:where(.astro-lcdefpme) code:where(.astro-lcdefpme){white-space:nowrap;font-size:var(--text-sm);padding-bottom:var(--space-2xs);overflow-x:auto}.not-yet:where(.astro-lcdefpme){gap:var(--space-sm);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.not-yet:where(.astro-lcdefpme) li:where(.astro-lcdefpme){padding-left:var(--space-lg);color:var(--color-ink-2);max-width:var(--measure);position:relative}.not-yet:where(.astro-lcdefpme) li:where(.astro-lcdefpme):before{content:"";background:var(--color-partial);width:8px;height:8px;position:absolute;top:.6em;left:0}.not-yet:where(.astro-lcdefpme) strong:where(.astro-lcdefpme){color:var(--color-ink);font-weight:600}@media (width>=48rem){.demo-grid:where(.astro-lcdefpme){grid-template-columns:repeat(2,minmax(0,1fr))}.layer:where(.astro-lcdefpme){align-items:start;gap:var(--space-lg);padding-left:var(--space-2xl);grid-template-columns:minmax(0,14rem) minmax(0,1fr)}}@media (width>=64rem){.hero:where(.astro-lcdefpme){padding-top:var(--space-4xl);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.sprite-code:where(.astro-lcdefpme){grid-template-columns:minmax(0,1fr) auto;align-items:center}.sprite-out:where(.astro-lcdefpme){flex-direction:column}.split:where(.astro-lcdefpme){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}@media (prefers-reduced-motion:reduce){.demo-card:where(.astro-lcdefpme):hover,.demo-card:where(.astro-lcdefpme):focus-within{transform:none}}