.guide{max-width:1160px;margin:auto;padding:0 40px}header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line)}header>span,header>a:last-child{font-size:11px;letter-spacing:.06em}header>span{color:var(--muted)}header>a:last-child{text-decoration:none;color:var(--text)}.intro-guide{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:80px 0 65px}.intro-guide h1{font-size:clamp(65px,8vw,105px);line-height:.95;margin:20px 0 28px;color:var(--accent)}.intro-guide p:not(.eyebrow){max-width:380px;font-size:15px}.eyebrow{font-size:10px;letter-spacing:.1em}.start{display:inline-flex;gap:30px;color:var(--text);font-size:12px;margin-top:18px;text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:10px}.start span{color:var(--accent)}.hero-art{position:relative;min-width:0}.hero-art>img{display:block;width:100%;border:1px solid #465043;image-rendering:pixelated}.hero-art>p{font-size:11px;text-align:right;margin:12px 0 0}.mode-strip{display:flex;justify-content:space-between;font-size:10px;color:var(--text);margin-bottom:15px}.mode-strip b{color:var(--accent);font-weight:400}.chapter-nav{display:flex;justify-content:space-between;gap:12px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;flex-wrap:wrap}.chapter-nav a{text-decoration:none;color:var(--muted)}.chapter-nav a:hover{color:var(--accent)}.chapter{margin:0;padding:58px 0;border-bottom:1px solid var(--line);scroll-margin-top:25px}.chapter-title{display:flex;align-items:baseline;gap:22px;margin-bottom:32px}.chapter-title>span{font-family:'Pixelify Sans',monospace;font-size:34px;color:var(--accent)}.chapter h2{font-family:'Pixelify Sans',monospace;font-size:33px;margin:0}.lesson{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.visual{min-width:0;background:#191622;position:relative;min-height:270px;display:flex;align-items:center;justify-content:center;flex-direction:column}.screenshot{padding:0;background:#101a14;min-height:0}.screenshot>img{display:block;width:100%;image-rendering:pixelated}.callout{position:absolute;background:var(--accent);color:var(--bg);font-size:9px;padding:2px 8px;box-shadow:3px 3px #12111a}.c-top{top:6%;left:37%}.instructions h3{font-size:15px;margin:22px 0 8px;color:var(--text)}.instructions h3:first-child{margin-top:0}.instructions p{font-size:13px;line-height:1.9;margin-bottom:18px}.instructions .aside{font-size:11px;border-left:2px solid var(--line);padding-left:14px;margin:25px 0 0}.key{display:inline-flex;align-items:center;gap:6px;color:var(--text);white-space:nowrap}.key img,.inline-icon{width:18px;height:18px;vertical-align:middle;image-rendering:pixelated}.device-switch,.scale-switch{display:flex;gap:6px;margin-bottom:20px}button{cursor:pointer;font:inherit;font-size:11px;background:transparent;border:1px solid var(--line);border-radius:0;padding:7px 15px;color:var(--muted)}button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#312737}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.orbit{width:75%}.orbit svg{width:100%;display:block}.gesture-labels{display:flex;gap:35px;font-size:10px;margin:16px 0 0;color:var(--muted)}.tool-map{padding:26px}.large-key{padding:14px;background:#3f4d3c;border:2px solid #879780;box-shadow:4px 4px #0d1110}.large-key img{width:35px;height:35px;display:block;image-rendering:pixelated}.tool-map>span{font-size:9px;color:var(--muted);margin-top:16px}.tool-row{display:flex;gap:40px;margin:26px 0 18px}.tool-row>div{display:flex;align-items:center;flex-direction:column;gap:10px}.tool-row img{width:25px;height:25px;image-rendering:pixelated}.tool-row b{font-size:9px;font-weight:400;color:var(--muted)}.axis-row{display:flex;gap:8px}.axis-row b{border:1px solid var(--line);padding:1px 12px;font-size:10px;font-weight:400}.axis-row b:first-child{background:#8a6030;color:#ffe2a7}.swatch-strip{position:absolute;bottom:8%;display:flex;gap:5px;padding:8px;background:#17201b;box-shadow:3px 3px #0d1110}.swatch-strip i{width:21px;height:21px;background:#c4c4b2}.swatch-strip i:nth-child(2){background:#e6b75e}.swatch-strip i:nth-child(3){background:#879780}.swatch-strip i:nth-child(4){background:#725f78}.swatch-strip i:nth-child(5){background:#e9e5d3}.pixel-demo{padding:28px}.pixel-demo>p,.finish>p{font-size:9px;letter-spacing:.05em;margin:0;color:var(--muted)}.pixel-demo svg{width:75%;max-width:240px;margin:8px 0}.pixel-demo output{font-family:'Pixelify Sans',monospace;font-size:32px;color:var(--accent);margin-bottom:16px}.scale-switch{margin-bottom:12px}.export-path{display:flex;align-items:center;gap:28px;font-size:13px}.export-path img{width:30px;height:30px;image-rendering:pixelated}.direction-row{display:flex;gap:14px;margin:32px 0}.direction-row span{width:40px;height:40px;border:1px solid #6c657a;display:grid;place-items:center;font-size:11px;color:var(--accent)}.end{text-align:center;padding:70px 0}.end h2{font-family:'Pixelify Sans',monospace;font-size:42px}.end p{font-size:13px}.end a{display:inline-block;font-size:11px;margin:18px 16px 0}.guide footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}[hidden]{display:none!important}@media(max-width:760px){.guide{padding:0 22px}header{padding:24px 0}header>span{display:none}.intro-guide{gap:35px;padding:45px 0;grid-template-columns:1fr}.intro-guide h1{font-size:76px}.hero-art{max-width:500px}.intro-guide p:not(.eyebrow){max-width:420px}.chapter-nav{gap:14px 22px;justify-content:flex-start}.lesson{grid-template-columns:1fr;gap:26px}.chapter{padding:36px 0}.chapter-title{gap:15px;margin-bottom:24px}.chapter h2{font-size:29px}.visual{min-height:230px}.screenshot{min-height:0}.instructions p{font-size:14px}.instructions h3{font-size:16px}.end{padding:48px 0}.end h2{font-size:34px}.guide footer{gap:25px;font-size:9px}}

.cube-start svg{width:75%;max-width:300px}.cube-start p{font-size:9px;letter-spacing:.08em;color:var(--muted)}.hero-art>img[src="crate.svg"]{border:0;width:100%;image-rendering:pixelated}.screenshot>img[src="crate.svg"]{max-height:340px;object-fit:contain;background:#12111a}.gesture-lessons{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.gesture-lesson{min-width:0}.gesture-pixels{background:#191622;margin-bottom:22px;padding:12px}.gesture-pixels svg{width:100%;max-height:120px;display:block}.gesture-lesson h3{font-size:15px;margin:0 0 12px}.gesture-lesson p{font-size:13px;line-height:1.9}.gesture-lesson .try{font-size:11px;color:var(--accent)}.navigation-note{font-size:11px;padding:18px 0 0;margin:22px 0 0;border-top:1px solid var(--line);max-width:760px}@media(max-width:760px){.gesture-lessons{grid-template-columns:1fr;gap:28px}.gesture-lesson{display:grid;grid-template-columns:110px 1fr;column-gap:20px}.gesture-pixels{grid-row:1/4;margin:0;align-self:start;padding:10px}.gesture-lesson h3{margin:0 0 8px}.gesture-lesson p{margin-bottom:10px}.gesture-lesson .try{grid-column:2}.navigation-note{font-size:12px}}
.hero-art>img[src="/assets/tutorial-building.svg"]{border:0;width:100%;image-rendering:pixelated}.screenshot>img[src="/assets/tutorial-building.svg"]{max-height:340px;object-fit:contain;background:#12111a}

.input-note{font-size:11px;max-width:760px;margin:0 0 25px;color:var(--muted)}

.guide footer nav{display:flex;flex-wrap:wrap;gap:18px}.guide footer a{color:var(--muted);text-decoration:none}.guide footer a:hover{color:var(--accent)}