[data-theme=sprite]{color-scheme:light;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--text-xs:0.8125rem;--text-sm:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.75rem;--text-display-s:clamp(2.25rem,2.4vw + 1.1rem,3.25rem);--text-section:clamp(1.875rem,1.6vw + 1.1rem,2.75rem);--text-title:clamp(1.125rem,0.4vw + 1rem,1.375rem);--text-lead:clamp(1.0625rem,0.3vw + 0.95rem,1.25rem);--font-body:var(--font-geist),"Geist",ui-sans-serif,system-ui,sans-serif;--font-mono:var(--font-geist-mono),"Geist Mono",ui-monospace,monospace;--font-pixel:var(--font-silkscreen),"Silkscreen",monospace;--ease-out:cubic-bezier(0.22,1,0.36,1);--dur-micro:140ms;--dur-short:220ms;--container:1360px;--gutter:48px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--z-sticky-nav:300;--color-paper:oklch(98.6% 0.003 240);--color-paper-2:oklch(96.6% 0.005 240);--color-paper-3:oklch(93.6% 0.007 240);--color-surface:oklch(100% 0 0);--color-ink:oklch(22% 0.02 245);--color-ink-2:oklch(37% 0.018 245);--color-muted:oklch(48% 0.016 245);--color-rule:oklch(90.5% 0.007 240);--color-rule-2:oklch(85% 0.009 240);--color-field-edge:oklch(66% 0.013 240);--color-accent:oklch(52% 0.09 198);--color-accent-hover:oklch(46% 0.09 198);--color-accent-wash:oklch(95.5% 0.022 195);--color-accent-ink:oklch(99% 0.004 198);--color-focus:oklch(52% 0.09 198);--color-band:oklch(22% 0.02 245);--color-band-ink:oklch(96.5% 0.005 240);--color-band-muted:oklch(80% 0.01 240);--color-check-a:oklch(100% 0 0);--color-check-b:oklch(94.5% 0.006 240);--color-grid-line:oklch(45% 0.02 245/0.45);--color-error:oklch(52% 0.17 28);--color-error-wash:oklch(96.5% 0.02 28);--color-warn-ground:oklch(96.5% 0.035 80);--color-warn-ink:oklch(42% 0.08 65);--color-warn-edge:oklch(85% 0.06 75);--color-success:oklch(52% 0.1 160);--color-shadow:oklch(22% 0.02 245/0.1);--color-overlay:oklch(100% 0 0/0.82);--radius-control:6px;--radius-card:8px;--rule-hair:1px;--pixel-border:2px;--pixel-ink:oklch(22% 0.02 245);--pixel-shadow:4px 4px 0 oklch(22% 0.02 245)}@media (max-width:60rem){[data-theme=sprite]{--gutter:24px;--section-gap-s:80px;--section-gap:96px}}@media (max-width:40rem){[data-theme=sprite]{--gutter:16px;--section-gap-s:64px;--section-gap:72px;--gap-columns:16px}}.px-wordmark{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-pixel);font-weight:400;font-size:1.125rem;line-height:1;letter-spacing:0;white-space:nowrap;color:var(--pixel-ink)}.px-wordmark-mark{display:block;width:32px;height:32px;background:url(/sprites/logo-mark.svg) 50%/contain no-repeat;image-rendering:pixelated}.px-wordmark--large{font-size:1.5rem}.px-wordmark--large .px-wordmark-mark{width:48px;height:48px}.px-diagram{margin:0;display:grid;justify-items:start;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-card)}.px-diagram-frames{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--space-xs);width:100%;max-width:472px;margin:0;padding:0;list-style:none}.px-diagram-frames li{aspect-ratio:1;display:grid;place-items:center;background:var(--color-surface);border:var(--pixel-border) solid var(--pixel-ink)}.px-diagram-frames img,.px-diagram-sheet img{display:block;width:100%;height:auto;image-rendering:pixelated}.px-diagram-arrow{display:block;width:24px;height:32px;margin-left:var(--space-md);color:var(--pixel-ink);shape-rendering:crispEdges}.px-diagram-sheet{position:relative;width:100%;max-width:404px;padding:var(--space-xs);background-color:var(--color-check-a);background-image:conic-gradient(var(--color-check-b) 25%,transparent 0 50%,var(--color-check-b) 0 75%,transparent 0);background-size:16px 16px;border:var(--pixel-border) solid var(--pixel-ink);box-shadow:var(--pixel-shadow)}.px-diagram-sheet--sliced{padding:0}.px-diagram-slice-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);pointer-events:none}.px-diagram-slice-grid span{border-right:2px dashed var(--color-accent);border-bottom:2px dashed var(--color-accent)}.px-diagram-slice-grid span:nth-child(4n){border-right:0}.px-diagram-slice-grid span:nth-child(n+5){border-bottom:0}.px-diagram-gif-row{display:flex;align-items:center;gap:var(--space-md);width:100%;max-width:404px}.px-diagram-gif-box{position:relative;width:88px;height:88px;flex-shrink:0;display:grid;place-items:center;background-color:var(--color-check-a);background-image:conic-gradient(var(--color-check-b) 25%,transparent 0 50%,var(--color-check-b) 0 75%,transparent 0);background-size:16px 16px;border:var(--pixel-border) solid var(--pixel-ink);box-shadow:var(--pixel-shadow)}.px-diagram-gif-box img{width:64px;height:64px;image-rendering:pixelated}.px-diagram-badge{position:absolute;top:-12px;left:8px;padding:4px 8px;background:var(--pixel-ink);color:var(--color-surface);font-family:var(--font-pixel);font-size:.75rem;line-height:1}.px-diagram-filmstrip{display:grid;grid-template-columns:repeat(4,56px);gap:var(--space-2xs);margin:0;padding:var(--space-2xs);list-style:none;background:var(--color-surface);border:var(--pixel-border) solid var(--pixel-ink)}.px-diagram-filmstrip li{aspect-ratio:1;display:grid;place-items:center;background:var(--color-paper-2);border:1px dashed var(--color-field-edge)}.px-diagram-filmstrip img{width:48px;height:48px;image-rendering:pixelated}.px-diagram-frames--quad{grid-template-columns:repeat(4,68px);max-width:304px}.px-diagram-atlas-row{display:grid;grid-template-columns:1fr 112px;gap:var(--space-sm);align-items:stretch;width:100%;max-width:424px}.px-diagram-sheet--compact{max-width:none}.px-diagram-atlas-card{position:relative;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:var(--space-sm);background:var(--color-surface);border:var(--pixel-border) solid var(--pixel-ink);box-shadow:var(--pixel-shadow)}.px-diagram-atlas-lines{display:grid;gap:8px}.px-diagram-atlas-lines span{display:block;height:8px;background:var(--color-accent-wash);border:var(--rule-hair) solid var(--color-accent)}.px-diagram-atlas-lines span:nth-child(2){width:85%}.px-diagram-atlas-lines span:nth-child(3){width:70%}.px-diagram-atlas-lines span:nth-child(4){width:90%}.px-diagram-caption{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-lg);margin-top:var(--space-xs);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-muted)}.px-diagram-caption strong{color:var(--color-ink);font-weight:600}.px-notfound{display:grid;justify-items:start;gap:var(--space-lg);padding-block:var(--space-3xl) var(--section-gap-s)}.px-notfound-figure{display:flex;gap:var(--space-xs)}.px-notfound-cell{width:72px;height:72px;border:var(--pixel-border) solid var(--pixel-ink);background:var(--color-surface) url(/sprites/demo/frame-03.png?fox-run-v1) center /48px 48px no-repeat;image-rendering:pixelated}.px-notfound-cell--empty{background:transparent;border-style:dashed}.px-notfound-code{font-family:var(--font-pixel);font-size:2.5rem;line-height:1;color:var(--pixel-ink)}.px-notfound-message{font-size:var(--text-section);max-width:20ch}.game-demo-title{display:grid;gap:6px;width:100%}.game-demo-title>span{font-size:var(--text-xs);color:var(--color-accent)}.game-demo-title strong{font-size:var(--text-md);color:var(--color-ink)}.game-inventory-demo{background:#fbf8f0;gap:16px}.game-inventory-sheet{justify-self:center;max-width:276px}.game-inventory-sheet .px-diagram-slice-grid span{border-bottom:1px dashed #a48a54;border-right:1px dashed #a48a54}.game-inventory-sheet .px-diagram-slice-grid span:nth-child(4n){border-right:0}.game-inventory-sheet .px-diagram-slice-grid span:nth-child(n+13){border-bottom:0}.game-extracted-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%}.game-extracted-items>div{display:grid;justify-items:center;gap:6px;min-width:0}.game-extracted-items img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.game-extracted-items span{font-size:10px;color:var(--color-muted);text-align:center}.game-slime-demo{background:#eff8fb}.game-dragon-demo .sprite-run-stage,.game-slime-demo .sprite-run-stage{width:100%;margin:0}.game-gif-output{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;width:100%}.game-gif-output .px-diagram-sheet{max-width:252px;box-shadow:none;border:1px solid var(--color-rule-2)}.game-gif-spec{display:grid;gap:6px;font-size:var(--text-xs);color:var(--color-muted)}.game-gif-spec strong{color:var(--color-accent)}.game-dragon-demo{background:#f9f4ed}.game-source-strip{width:100%;background:var(--color-surface);border:1px solid var(--color-rule-2);border-radius:4px;padding:10px}.game-flight-result>div>span,.game-source-strip span{display:block;font-size:var(--text-xs);color:var(--color-muted);margin-bottom:8px}.game-source-strip img{display:block;width:100%;height:auto;image-rendering:pixelated}.game-flight-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center;width:100%}.game-flight-result .px-diagram-sheet{box-shadow:none;border:1px solid var(--color-rule-2);margin-bottom:12px}.game-flight-result .sprite-run-stage{height:196px}.game-flight-result .sprite-run-stage img{width:160px;height:160px}.game-dragon-demo .px-diagram-arrow{width:16px;height:24px}@media (max-width:440px){.game-gif-output{grid-template-columns:minmax(0,1fr);gap:10px}.game-gif-spec{display:flex;flex-wrap:wrap;gap:6px 12px}.game-flight-result{gap:10px}.game-flight-result .sprite-run-stage{height:160px}.game-flight-result .sprite-run-stage img{width:128px;height:128px}}body,html{overflow-x:clip}.sprite-site{background:var(--color-paper);color:var(--color-ink);min-height:100dvh;font-family:var(--font-body);font-size:var(--text-md);line-height:1.55;-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);scrollbar-color:var(--color-rule-2) var(--color-paper)}.sprite-site *,.sprite-site :after,.sprite-site :before{box-sizing:border-box}.sprite-site ::selection{background:var(--color-accent-wash);color:var(--color-ink)}.sprite-site :focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}:where(.sprite-site) a{color:inherit;text-decoration:none}:where(.sprite-site) button,:where(.sprite-site) input,:where(.sprite-site) select{font:inherit}:where(.sprite-site) button,:where(.sprite-site) summary{cursor:pointer}:where(.sprite-site) button:disabled{cursor:not-allowed;opacity:.5}:where(.sprite-site) p{margin:0;text-wrap:pretty}:where(.sprite-site) h1,:where(.sprite-site) h2,:where(.sprite-site) h3{margin:0;font-family:var(--font-body);font-weight:600;letter-spacing:-.02em;line-height:1.1;overflow-wrap:break-word;min-width:0;text-wrap:balance;font-synthesis:none}:where(.sprite-site) b,:where(.sprite-site) strong{font-weight:600}:where(.sprite-site) img{max-width:100%;height:auto}.sprite-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sprite-container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.sprite-skip{position:fixed;left:var(--space-md);top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-ink);color:var(--color-paper);border-radius:var(--radius-control);font-weight:600;z-index:var(--z-sticky-nav);transform:translateY(-200%)}.sprite-skip:focus{transform:none}.sprite-header{position:sticky;top:0;z-index:var(--z-sticky-nav);border-bottom:var(--rule-hair) solid var(--color-rule);background:var(--color-paper)}.sprite-header-row{min-height:60px;display:flex;align-items:center;gap:var(--space-lg)}.sprite-brand{display:inline-flex;align-items:center;min-height:44px}.sprite-nav{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md);flex:1;font-size:var(--text-sm);font-weight:500}.sprite-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-muted);white-space:nowrap;box-shadow:inset 0 -2px 0 transparent;transition:color var(--dur-micro) var(--ease-out),box-shadow var(--dur-micro) var(--ease-out)}.sprite-nav a:hover{color:var(--color-ink)}.sprite-nav a[aria-current=page]{color:var(--color-ink);box-shadow:inset 0 -2px 0 var(--color-accent)}.sprite-button,.sprite-guide-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--space-md);border-radius:var(--radius-control);font-weight:600;font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.sprite-button{min-height:48px;padding:0 var(--space-lg);font-size:var(--text-md);background:var(--color-accent);color:var(--color-accent-ink);border:var(--rule-hair) solid var(--color-accent-hover)}.sprite-button:hover{background:var(--color-accent-hover)}.sprite-guide-link{border:var(--rule-hair) solid var(--color-rule-2);background:var(--color-surface);color:var(--color-ink)}.sprite-guide-link:hover{border-color:var(--color-field-edge)}.sprite-button:active,.sprite-guide-link:active{transform:translateY(1px)}.sprite-hero{padding-block:var(--space-xl) var(--space-lg)}.sprite-hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-xl);align-items:center}.sprite-hero h1{font-size:clamp(2rem,2.1vw + 1rem,2.875rem);line-height:1.08;letter-spacing:-.03em;max-width:24ch}.sprite-lead{margin-top:var(--space-md)!important;font-size:var(--text-md);line-height:1.55;color:var(--color-ink-2);max-width:58ch}.sprite-hero-visual{min-width:0}.sprite-hero-visual .sprite-run-stage{height:160px}.sprite-hero-visual .sprite-run-stage img{width:160px;height:160px}.sprite-parameters{margin-block:var(--space-xl);font-size:var(--text-sm)}.sprite-parameters table{width:100%;border-collapse:collapse;text-align:left}.sprite-parameters caption{text-align:left;font-size:var(--text-lg);font-weight:600;padding-bottom:var(--space-md)}.sprite-parameters td,.sprite-parameters th{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-rule);vertical-align:top}.sprite-parameters th{width:27%;font-weight:600}.sprite-evidence-links,.sprite-local-check{margin-top:var(--space-md)!important;color:var(--color-ink-2)}.sprite-evidence-links a{text-decoration:underline;text-underline-offset:3px}.sprite-local-check summary{min-height:44px;padding-block:var(--space-sm)}.sprite-local-check ol{padding-left:var(--space-lg)}.sprite-local-check li+li{margin-top:var(--space-xs)}.sprite-site .sprite-consent{background:var(--color-paper);color:var(--color-ink);border-color:var(--color-rule-2);max-width:620px;padding:12px}.sprite-site .sprite-consent>div{gap:8px}.sprite-site .sprite-consent p{color:var(--color-ink-2);font-size:12px;line-height:1.4}.sprite-site .sprite-consent p+p{margin-top:4px}.sprite-site .sprite-consent button{min-height:40px;color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule-2)}.sprite-site .sprite-consent button:first-child{color:var(--color-paper);background:var(--color-accent);border-color:var(--color-accent)}.sprite-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md) var(--space-lg);margin-top:var(--space-lg)}.sprite-trust{display:flex;flex-wrap:wrap;gap:var(--space-xs) 0;margin:0;padding:0;list-style:none;font-size:var(--text-sm);color:var(--color-muted)}.sprite-trust li{padding-inline:var(--space-md);border-left:var(--rule-hair) solid var(--color-rule-2)}.sprite-trust li:first-child{padding-left:0;border-left:0}.sprite-run-demo{margin:0;padding:20px;background:var(--color-surface);border:1px solid var(--color-rule-2);border-radius:var(--radius-card)}.sprite-run-caption{display:grid;gap:6px}.sprite-run-caption>span{font-size:var(--text-xs);color:var(--color-accent)}.sprite-run-caption strong{font-size:var(--text-md)}.sprite-run-stage{position:relative;display:grid;place-items:center;height:216px;margin-block:16px;background:var(--color-paper-2);border-radius:var(--radius-control)}.sprite-run-stage img{width:192px;height:192px;object-fit:contain;image-rendering:pixelated}.sprite-run-stage button{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:44px;height:44px;background:var(--color-surface);color:var(--color-accent);border:1px solid var(--color-rule-2);border-radius:50%}.sprite-run-frames{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}.sprite-run-frames li{background:var(--color-paper-2);border-radius:4px;aspect-ratio:1}.sprite-run-frames img{display:block;width:100%;image-rendering:pixelated}.sprite-run-facts{gap:4px 16px;margin-top:12px;font-size:var(--text-xs);color:var(--color-muted)}.sprite-run-facts,.sprite-walkthrough-heading{display:flex;flex-wrap:wrap;justify-content:space-between}.sprite-walkthrough-heading{align-items:center;gap:20px;margin-bottom:28px}.sprite-walkthrough-heading .sprite-head{margin-bottom:0}.sprite-walkthrough-heading .sprite-guide-link{display:inline-flex}.sprite-walkthrough-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}.sprite-walkthrough-steps li{min-width:0}.sprite-walkthrough-steps a{display:block;border:1px solid var(--color-rule-2);border-radius:var(--radius-card);overflow:hidden}.sprite-walkthrough-steps img{display:block;width:100%;height:auto}.sprite-walkthrough-steps h3{display:flex;gap:12px;font-size:18px;margin-block:20px 12px}.sprite-walkthrough-steps h3 span{font-family:var(--font-mono);color:var(--color-accent);font-size:var(--text-sm)}.sprite-walkthrough-steps p{font-size:var(--text-sm);color:var(--color-muted);line-height:1.65}@media (max-width:760px){.sprite-site #sprite-workbench,.sprite-site .sprite-walkthrough{scroll-margin-top:128px}.sprite-walkthrough-steps{grid-template-columns:minmax(0,1fr);gap:32px}}.sprite-tool{padding-bottom:var(--space-xs)}#sprite-workbench{scroll-margin-top:84px}.sprite-first-time{display:table;margin:var(--space-sm) 0 0 auto;min-height:44px;line-height:44px;font-weight:500;font-size:var(--text-sm);color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.sprite-first-time:hover{color:var(--color-accent-hover)}.sprite-content{padding-bottom:var(--section-gap-s)}.sprite-section{padding-top:var(--section-gap-s);scroll-margin-top:var(--space-lg)}.sprite-section--steps{padding-top:var(--section-gap)}.sprite-head{margin-bottom:var(--space-xl)}.sprite-head h2{font-size:var(--text-section);line-height:1.08;max-width:24ch}.sprite-section-intro{margin-top:var(--space-md)!important;font-size:var(--text-lead);color:var(--color-ink-2);max-width:60ch}.sprite-section h3{font-size:var(--text-title);line-height:1.25;letter-spacing:-.01em}.sprite-ledger p,.sprite-prose p,.sprite-steps p,.sprite-well p{color:var(--color-ink-2);max-width:68ch;line-height:1.65}.sprite-ledger p+p,.sprite-prose p+p,.sprite-steps p+p,.sprite-well p+p{margin-top:var(--space-md)}.sprite-prose{margin-bottom:var(--space-xl)}.sprite-prose:last-child{margin-bottom:0}.sprite-steps{list-style:none;margin:0;padding:0;counter-reset:step}.sprite-steps li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,4fr) minmax(0,7fr);gap:var(--gap-columns);align-items:baseline;padding-block:var(--space-xl);border-top:var(--rule-hair) solid var(--color-rule-2)}.sprite-steps li:last-child{border-bottom:var(--rule-hair) solid var(--color-rule-2)}.sprite-step{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:500;font-variant-numeric:tabular-nums;color:var(--color-accent)}.sprite-faq-grid,.sprite-section--ledger>.sprite-container{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:var(--gap-columns);align-items:start}.sprite-faq-grid>.sprite-head,.sprite-section--ledger>.sprite-container>.sprite-head{grid-column:1;grid-row:1/span 4;position:sticky;top:var(--space-xl);margin-bottom:0}.sprite-section--ledger>.sprite-container>:not(.sprite-head){grid-column:2}.sprite-faq-grid .sprite-head h2,.sprite-section--ledger .sprite-head h2{font-size:var(--text-2xl);line-height:1.15}.sprite-ledger-row{display:grid;gap:var(--space-sm);padding-block:var(--space-xl);border-top:var(--rule-hair) solid var(--color-rule)}.sprite-ledger-row:first-child{padding-top:0;border-top:0}.sprite-quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.sprite-well{display:grid;align-content:start;gap:var(--space-sm);padding:var(--space-xl);background:var(--color-surface);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card)}.sprite-code-split{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--gap-columns);align-items:start}.sprite-code-split .sprite-prose{margin-bottom:0}.sprite-section pre{margin:0;padding:var(--space-lg);overflow:auto;background:var(--color-band);border-radius:var(--radius-card);color:var(--color-band-ink);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7}.sprite-section--split{margin-top:var(--section-gap-s);padding-block:var(--section-gap-s);background:var(--color-paper-2);border-block:var(--rule-hair) solid var(--color-rule)}.sprite-section--split>.sprite-container{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--gap-columns)}.sprite-section--split>.sprite-container>.sprite-head{grid-row:1/span 3;margin-bottom:0}.sprite-section--split>.sprite-container>:not(.sprite-head){grid-column:2}.sprite-section--band{margin-top:var(--section-gap);padding-block:var(--section-gap-s);background:var(--color-band);color:var(--color-band-ink)}.sprite-section--band .sprite-head h2{max-width:20ch}.sprite-section--band .sprite-prose{columns:30ch 2;column-gap:var(--space-2xl)}.sprite-section--band .sprite-prose p{color:var(--color-band-muted);break-inside:avoid}.sprite-section--band .sprite-section-links a{color:var(--color-band-ink)}.sprite-section--band+.sprite-section,.sprite-section--split+.sprite-section{padding-top:var(--section-gap-s)}.sprite-section-links{display:flex;flex-wrap:wrap;gap:0 var(--space-xl);margin-top:var(--space-lg)}.sprite-section-links a{display:inline-flex;align-items:center;min-height:44px;font-weight:500;color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.sprite-section-links a:hover{color:var(--color-accent-hover)}.sprite-faq-list details{border-top:var(--rule-hair) solid var(--color-rule-2)}.sprite-faq-list details:last-child{border-bottom:var(--rule-hair) solid var(--color-rule-2)}.sprite-faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);min-height:64px;padding-block:var(--space-md);list-style:none}.sprite-faq summary::-webkit-details-marker{display:none}.sprite-faq summary h3{font-size:var(--text-lg);font-weight:500;letter-spacing:-.01em}.sprite-faq summary:hover h3{color:var(--color-accent)}.sprite-faq-mark{position:relative;flex:none;width:14px;height:14px;transition:transform var(--dur-short) var(--ease-out)}.sprite-faq-mark:after,.sprite-faq-mark:before{content:"";position:absolute;inset:6px 0;background:var(--color-muted)}.sprite-faq-mark:after{transform:rotate(90deg)}.sprite-faq details[open] .sprite-faq-mark{transform:rotate(45deg)}.sprite-faq details>p{padding-bottom:var(--space-lg);color:var(--color-ink-2);max-width:68ch;line-height:1.65}.sprite-related{border-top:var(--rule-hair) solid var(--color-rule-2)}.sprite-related a{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gap-columns);align-items:baseline;padding:var(--space-lg) var(--space-md);margin-inline:calc(var(--space-md) * -1);border-bottom:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-control);transition:background-color var(--dur-micro) var(--ease-out)}.sprite-related a>span{font-size:var(--text-title);font-weight:600;letter-spacing:-.01em}.sprite-related p{color:var(--color-muted)}.sprite-related a:hover{background:var(--color-paper-2)}.sprite-related a:hover>span{color:var(--color-accent)}.sprite-document{max-width:820px;margin:auto;padding:var(--space-3xl) var(--gutter) var(--section-gap-s)}.sprite-document h1{font-size:var(--text-display-s);line-height:1.05;margin-bottom:var(--space-xl)}.sprite-document section{margin:var(--space-xl) 0}.sprite-document h2{font-size:var(--text-2xl);margin-bottom:var(--space-md)}.sprite-document p{color:var(--color-ink-2);line-height:1.65;margin-bottom:var(--space-md);max-width:68ch}.sprite-document a{color:var(--color-accent);text-decoration:underline;text-underline-offset:4px}.sprite-footer{margin-top:var(--section-gap-s);padding-block:var(--space-3xl) var(--space-xl);border-top:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2)}.sprite-footer-row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-lg) var(--gap-columns);align-items:end}.sprite-footer-brand{grid-column:1/-1}.sprite-footer-line{color:var(--color-ink-2);max-width:44ch}.sprite-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0 var(--space-lg);font-weight:500;font-size:var(--text-sm)}.sprite-footer nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-ink-2)}.sprite-footer nav a:hover{color:var(--color-ink);text-decoration:underline;text-underline-offset:4px}.sprite-footer-legal{grid-column:1/-1;padding-top:var(--space-lg);border-top:var(--rule-hair) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-sm)}@media (max-width:80rem){.sprite-header-row{flex-wrap:wrap;gap:0 var(--space-lg);padding-block:var(--space-xs)}.sprite-nav{flex:1 0 100%;flex-wrap:wrap;justify-content:flex-start;gap:0 var(--space-lg)}}@media (max-width:60rem){.sprite-header-row{flex-wrap:wrap;gap:0 var(--space-lg);padding-block:var(--space-xs)}.sprite-brand{flex:1}.sprite-nav{order:3;flex:1 0 100%;flex-wrap:nowrap;overflow-x:auto;gap:0 var(--space-lg)}.sprite-hero{padding-block:var(--space-lg) var(--space-md)}.sprite-hero-visual{display:none}.sprite-site .sprite-consent>div>div:last-child{flex-direction:row}.sprite-site .sprite-consent button{flex:1}.sprite-code-split,.sprite-faq-grid,.sprite-footer-row,.sprite-hero-grid,.sprite-section--ledger>.sprite-container,.sprite-section--split>.sprite-container{grid-template-columns:minmax(0,1fr);row-gap:var(--space-lg)}.sprite-faq-grid>.sprite-head,.sprite-section--ledger>.sprite-container>.sprite-head,.sprite-section--split>.sprite-container>.sprite-head{position:static;grid-row:auto}.sprite-section--ledger>.sprite-container>:not(.sprite-head),.sprite-section--split>.sprite-container>:not(.sprite-head){grid-column:1}.sprite-steps li{grid-template-columns:minmax(0,1fr) minmax(0,8fr);row-gap:var(--space-sm)}.sprite-steps li>div{grid-column:2}.sprite-quad,.sprite-related a{grid-template-columns:minmax(0,1fr)}.sprite-related a{gap:var(--space-2xs)}.sprite-footer nav{justify-content:flex-start}}@media (max-width:40rem){.sprite-hero{padding-block:var(--space-md) var(--space-sm)}.sprite-hero h1{font-size:1.625rem}.sprite-hero .sprite-lead{font-size:14px;line-height:1.45}.sprite-hero-actions{display:none}.sprite-parameters td,.sprite-parameters th{padding-inline:var(--space-xs);overflow-wrap:anywhere}.sprite-guide-link{display:none}.sprite-hero-actions .sprite-button{width:100%}.sprite-well{padding:var(--space-lg)}.sprite-steps li>div{grid-column:1/-1}.sprite-first-time{margin-left:0}}@media (prefers-reduced-motion:reduce){.sprite-site *,.sprite-site :after,.sprite-site :before{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.sprite-run-stage{height:264px;background-size:cover;background-position:50%;overflow:hidden}.sprite-run-stage img{width:256px;height:256px;max-width:100%;position:relative;z-index:1}.sprite-run-stage button{z-index:2}.sprite-demo-stage--maker{background-color:#dfe5e8}.sprite-demo-stage--maker img{position:absolute;bottom:9%}.sprite-demo-stage--gif{height:216px;background-color:#d9edf3}.sprite-demo-stage--gif img{width:208px;height:208px;position:absolute;bottom:10%}.sprite-demo-stage--image{background-color:#e8d9cb}.sprite-game-demo--maker .sprite-run-frames li{background:#edf0f3}