html:has(.sprite-guide){scrollbar-gutter:auto;background:#f6f1df}

.sprite-guide{--ink:#24352c;--paper:#f6f1df;--pink:#f5a9c7;--yellow:#ecd272;--line:#d4d2bd;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65;width:100%;font-size:17px}.sprite-guide *{box-sizing:border-box}.sprite-guide [hidden]{display:none!important}.sprite-guide a{color:inherit}.sprite-guide button,.sprite-guide input{font:inherit}.sprite-guide a,.sprite-guide button,.sprite-guide input{touch-action:manipulation}.sprite-guide :focus-visible{outline:3px solid #bd3265;outline-offset:5px}.sprite-guide h1,.sprite-guide h2,.sprite-guide h3,.sprite-guide p{margin:0}.sprite-guide h1,.sprite-guide h2,.sprite-guide h3{font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-weight:800}.sprite-guide button{cursor:pointer}.ss-stage{width:100%;background:#142925;padding:32px 24px 15px;border-bottom:7px solid #a8bb83}.ss-stage-inner{max-width:1140px;margin:auto;display:grid;grid-template-columns:1fr 76px 1fr;align-items:center}.ss-screen{position:relative;border:1px solid #536746;background:#162c2b;box-shadow:6px 6px 0 #0c201c}.ss-screen img{display:block;width:100%;height:auto;image-rendering:pixelated}.ss-screen-tag{position:absolute;z-index:1;left:18px;top:12px;color:#d7e0b5;font:11px monospace;letter-spacing:1.4px}.ss-remix .ss-screen-tag{color:var(--pink)}.ss-arrow{text-align:center;color:var(--yellow);font:46px monospace}.sprite-guide .ss-stage-caption{text-align:center;color:#acbda3;font:10px monospace;letter-spacing:1.5px;margin:18px 0 0}.ss-wrap{max-width:1200px;padding:0 38px;margin:auto}.ss-topline{display:flex;justify-content:space-between;gap:20px;padding:26px 0;border-bottom:1px solid var(--line);font:11px monospace;letter-spacing:1.2px}.ss-topline a{text-decoration:none;font-weight:bold}.ss-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;padding:58px 0 34px;align-items:end}.sprite-guide .ss-kicker{font:11px monospace;letter-spacing:1.5px;font-weight:bold;margin-bottom:15px}.sprite-guide h1{font-size:clamp(42px,4.9vw,70px);line-height:1.04;letter-spacing:-3px}.sprite-guide h1 span{color:#c6527f}.ss-intro-copy>p{font-size:18px;line-height:1.65;margin-bottom:23px}.ss-button{display:inline-flex;gap:32px;justify-content:space-between;align-items:center;background:var(--ink);color:var(--paper)!important;border:1px solid var(--ink);padding:13px 22px;font-size:14px;font-weight:bold;text-decoration:none;box-shadow:4px 4px 0 #9fa985}.ss-button:hover{background:#405644}.ss-read-time{display:block;font:10px monospace;letter-spacing:1px;margin-top:18px}.ss-demo-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 35px;border-bottom:1px solid var(--line);font-size:13px}.ss-demo-controls button{border:1px solid #52644d;padding:8px 14px;background:transparent;font-size:12px;white-space:nowrap}.ss-demo-controls button:hover{background:#e7e6cd}.ss-glossary{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:42px 0 46px;border-bottom:1px solid var(--line)}.ss-glossary article{position:relative;padding-top:5px}.ss-term-icon{display:block;font-size:28px;line-height:1;margin-bottom:18px;color:#476643}.ss-glossary .ss-kicker{font-size:9px;margin-bottom:8px;letter-spacing:1px}.ss-glossary h2{font-size:25px;letter-spacing:-.7px;margin-bottom:10px}.ss-glossary p:last-child{font-size:14px;line-height:1.7;max-width:310px}.sprite-guide code{font-size:.86em;padding:2px 4px;background:#e5e4cd;border-radius:2px;overflow-wrap:anywhere}.ss-guide-grid{display:grid;grid-template-columns:235px minmax(0,1fr);gap:68px;padding:64px 0 0;scroll-margin-top:25px}.ss-map{position:sticky;top:30px;align-self:start}.ss-map h2{font-size:25px;line-height:1.15;letter-spacing:-.7px}.ss-map nav{display:grid;gap:0;margin:27px 0 30px}.ss-map nav a{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;text-decoration:none}.ss-map nav a:hover{text-decoration:underline}.ss-map nav b{font:12px monospace;margin-right:10px;color:#8b4261}.ss-kit{background:#e6e7cf;padding:20px;transform:rotate(-2deg);margin:25px 0}.ss-kit>span{font-size:30px;color:#486141}.ss-kit p{font-size:13px;line-height:1.7}.sprite-guide .ss-small{font-size:12px;line-height:1.7;color:#526047}.ss-chapter{padding-bottom:54px;margin-bottom:48px;border-bottom:1px solid var(--line);scroll-margin-top:30px}.ss-chapter h2,.ss-faq h2{font-size:34px;letter-spacing:-1.2px;line-height:1.15;margin-bottom:23px}.ss-chapter>p{margin:17px 0;font-size:16px}.ss-chapter h3{font-size:20px;margin:28px 0 12px;line-height:1.3;letter-spacing:-.4px}.ss-resource{border:1px solid var(--ink);display:flex;align-items:center;gap:20px;padding:20px 24px;margin:24px 0;text-decoration:none;background:#e8ead5;box-shadow:4px 4px 0 #b6bfa1}.ss-resource>span:last-child{margin-left:auto;font-size:24px}.ss-resource strong{font-size:24px;display:block;line-height:1.3}.ss-resource small{font:11px monospace}.ss-resource-icon{font:40px monospace}.ss-text-link{font-size:13px;text-decoration:underline;text-underline-offset:4px}.ss-game-card{background:#ede6cc;border:1px solid #d5caa5;padding:27px;margin-top:30px}.ss-game-card h3{margin:0 0 12px}.ss-game-card>p:not(.ss-kicker){font-size:14px;margin:15px 0}.ss-game-card .ss-small{margin-bottom:0!important;font-size:12px!important}.ss-button-light{background:var(--paper);color:var(--ink)!important;box-shadow:3px 3px 0 #c6b987;font-size:12px;margin:5px 0}.ss-button-light:hover{background:#fff9e7}.ss-steps{list-style:none;counter-reset:steps;padding:0;margin:25px 0}.ss-steps li{counter-increment:steps;position:relative;padding:0 0 24px 44px;font-size:16px}.ss-steps li:before{content:counter(steps);position:absolute;left:0;top:2px;width:27px;height:27px;border:1px solid var(--ink);font:13px monospace;display:grid;place-items:center;background:#e9d682}.ss-steps strong{display:block}.ss-prompt{margin:26px 0;background:#24372f;color:#eeeedd;border:1px solid #24372f;box-shadow:5px 5px 0 #c5c7ad}.ss-prompt-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 23px 10px}.ss-prompt-top span{font:10px monospace;color:#efb2c8;letter-spacing:1px}.ss-prompt-top h3{color:#fff7e3;font-size:19px;margin:7px 0 0}.ss-prompt-top button{flex-shrink:0;background:#f2adc5;border:0;padding:9px 12px;color:#26372d;font-size:11px;font-weight:bold}.ss-prompt-top button span{color:inherit;letter-spacing:0}.ss-prompt-top button:hover{background:#ffcadb}.sprite-guide .ss-prompt-note{font-size:12px;line-height:1.6;color:#c4cdbb;padding:0 23px 17px}.ss-prompt pre{font:13px/1.85 monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;border-top:1px solid #4b5e4d;padding:20px 23px 24px;color:#f3eed7}.ss-story{border:1px solid #c8c9ae;background:#e9e9d5;margin:26px 0}.sprite-guide summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-weight:bold;align-items:center}.sprite-guide summary::-webkit-details-marker{display:none}.ss-story summary{font-size:14px;padding:18px 22px}.ss-story blockquote{border-left:3px solid #b04a76;margin:0 22px 20px;padding:4px 0 4px 18px;font:14px/1.8 monospace}.ss-story>p{font-size:14px;padding:0 22px 20px}.ss-character label{display:block;font-size:14px;font-weight:bold;margin-bottom:10px}.ss-character input{width:100%;border:1px solid #879478;padding:12px 14px;background:#fffaf0;font-size:14px;color:var(--ink);border-radius:0}.ss-character .ss-small{margin-top:10px}.ss-note{border-left:4px solid #b24c77;padding:3px 0 3px 19px;margin-top:32px;font-size:14px}.ss-note p{margin-top:8px}.ss-checklist{min-width:0;padding:24px;border:1px solid #b6bca0;background:#e9ead3;margin:33px 0}.ss-checklist legend{font-weight:bold;padding:0 8px;font-size:18px}.ss-checklist>p{font-size:12px;margin:0 0 18px}.ss-checklist>label{display:flex;gap:12px;align-items:start;margin:14px 0;font-size:14px;cursor:pointer}.ss-checklist input{width:19px;height:19px;accent-color:#365b43;flex-shrink:0;margin-top:2px}.ss-checklist input:checked+span{text-decoration:line-through;color:#65765b}.ss-check-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #c5cbb1;padding-top:17px;margin-top:22px;font:11px monospace}.ss-check-bottom button{background:none;border:0;text-decoration:underline;font:11px monospace;color:inherit}.ss-video{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding:20px 0 60px}.ss-video-art{aspect-ratio:16/10;background:repeating-linear-gradient(0deg,transparent 0 3px,#13292022 3px 5px),#2f4437;border:7px solid #c4c7a8;outline:1px solid #8c9a7b;color:#c5d2ac;display:flex;flex-direction:column;justify-content:space-between;padding:20px;font:10px monospace;letter-spacing:1px;text-align:center;box-shadow:6px 6px 0 #dedcc2}.ss-rec{text-align:left;color:#f2abc5}.ss-video-symbol{font-size:65px;line-height:1;color:#efcf7c}.ss-video h2{font-size:34px;line-height:1.15;letter-spacing:-1px;margin-bottom:20px}.ss-video p:not(.ss-kicker){font-size:15px;line-height:1.7}.ss-video-badge{display:inline-block;border:1px solid #84906f;font:10px monospace;letter-spacing:1px;padding:7px 10px;margin-top:20px}.ss-faq{max-width:820px;margin:0 auto;padding:42px 0 60px;border-top:1px solid var(--line)}.ss-faq details{border-bottom:1px solid var(--line)}.ss-faq summary{padding:20px 0;font-size:16px}.ss-faq details p{padding:0 25px 24px 0;font-size:15px}.ss-footer{border-top:1px solid var(--line);padding:28px 0 40px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.ss-footer>a{font:11px monospace;text-decoration:none;letter-spacing:1px}.ss-footer>p{font-size:12px}.ss-footer small{flex-basis:100%;font-size:10px;color:#526047;max-width:800px}.ss-toast{position:fixed;z-index:10;bottom:20px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);background:#fae19c;color:#23372c;box-shadow:3px 3px 0 #172f24;border:1px solid #24372f;padding:13px 20px;font-size:13px}.ss-toast:empty{display:none}
@media(max-width:800px){.ss-wrap{padding:0 25px}.ss-intro{gap:25px;grid-template-columns:1fr;padding-top:35px}.sprite-guide h1{font-size:55px}.ss-intro-copy{max-width:570px}.ss-guide-grid{grid-template-columns:1fr;gap:32px;padding-top:35px}.ss-map{position:static}.ss-map h2,.ss-map .ss-kit,.ss-map>.ss-small{display:none}.ss-map nav{display:grid;grid-template-columns:1fr 1fr;margin:0}.ss-map .ss-kicker{margin-bottom:10px}.ss-map nav a{padding-right:8px}.ss-chapter{margin-bottom:35px}.ss-video{gap:27px}.ss-video h2{font-size:27px}.ss-stage{padding-top:23px}.ss-stage-inner{grid-template-columns:1fr 40px 1fr}.ss-arrow{font-size:30px}.ss-screen-tag{font-size:8px;left:10px;top:8px;letter-spacing:.5px}}
@media(max-width:520px){.ss-stage{padding:20px 12px 12px}.ss-stage-inner{grid-template-columns:1fr 23px 1fr}.ss-arrow{font-size:23px}.ss-screen-tag{font-size:7px;left:6px;top:6px;letter-spacing:0}.sprite-guide .ss-stage-caption{font-size:7px;letter-spacing:.4px;margin-top:13px}.ss-wrap{padding:0 21px}.ss-topline{font-size:9px;gap:10px;padding:20px 0}.ss-topline>span:nth-child(2){display:none}.sprite-guide h1{font-size:44px;letter-spacing:-2px}.ss-intro{padding-top:29px;gap:22px}.ss-intro-copy>p{font-size:16px}.ss-demo-controls{align-items:start;flex-direction:column;gap:12px;font-size:12px}.ss-glossary{grid-template-columns:1fr;gap:25px;padding:30px 0}.ss-glossary article{padding-left:49px}.ss-term-icon{position:absolute;left:0;top:7px}.ss-glossary h2{font-size:23px;margin-bottom:5px}.ss-glossary p:last-child{max-width:none}.ss-glossary .ss-kicker{margin-bottom:5px}.ss-chapter h2,.ss-faq h2{font-size:29px}.ss-chapter>p,.ss-steps li{font-size:15px}.ss-prompt-top{padding:18px 16px 10px;gap:10px}.ss-prompt-top h3{font-size:17px}.ss-prompt-top button{font-size:10px;padding:9px}.sprite-guide .ss-prompt-note{padding-left:16px;padding-right:16px}.ss-prompt pre{padding:17px 16px;font-size:12px}.ss-game-card{padding:20px}.ss-resource{padding:17px;gap:14px}.ss-resource strong{font-size:22px}.ss-resource small{font-size:9px}.ss-checklist{padding:18px}.ss-check-bottom{font-size:10px}.ss-video{grid-template-columns:1fr;padding-bottom:40px}.ss-video-art{aspect-ratio:16/9}.ss-video h2{font-size:29px}.ss-faq{padding-top:32px}.ss-faq summary{font-size:14px}.ss-footer>p{width:100%}}
@media(prefers-reduced-motion:reduce){.sprite-guide *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.ss-video-intro{grid-template-columns:1.6fr 1fr;padding:40px 0;border-bottom:1px solid var(--line)}.ss-video-player{width:100%;aspect-ratio:16/9;background:#142925;box-shadow:5px 5px 0 #c5c7ad}.ss-video-player iframe{display:block;width:100%;height:100%;border:0}.ss-video-intro .ss-text-link{display:inline-block;margin-top:17px}@media(max-width:800px){.ss-video-intro{grid-template-columns:1fr;gap:27px}}