:root{color-scheme:dark;--bg:#111914;--panel:#1c261f;--line:#344036;--muted:#a1aa9c;--text:#e9edde;--green:#b9df83;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;background-image:radial-gradient(ellipse at 50% 22%,#23302755,transparent 70%)}button,a,summary{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--green);outline-offset:4px}button:disabled{cursor:default}.shell{max-width:1120px;padding:0 40px 32px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.home{text-decoration:none;color:var(--text);font-size:27px;font-weight:700;letter-spacing:-2px}.home>span:first-child{color:var(--green)}.home .back{font:12px var(--mono);letter-spacing:0;color:var(--muted);margin-left:16px}.edition,.eyebrow,.level-label>span,.machine-top,.tool-label,.machine-bottom,.footer-mark{font:10px var(--mono);letter-spacing:1.6px}.edition{color:var(--muted)}i{display:inline-block;width:6px;height:6px;background:var(--green);margin-right:8px}.intro{display:flex;align-items:center;justify-content:space-between;padding:44px 0 36px}.eyebrow{color:var(--green);margin:0 0 13px}h1{font-size:76px;line-height:1;letter-spacing:-5px;margin:0;font-weight:800}.title-dot{color:var(--green)}.subtitle{font-size:16px;color:var(--muted);margin:15px 0 0}.level-label{border-left:1px solid var(--line);padding-left:27px;margin-top:18px;min-width:218px}.level-label>span{color:var(--green)}.level-label h2{font-size:24px;letter-spacing:-.7px;margin:10px 0 8px}.level-label p{color:var(--muted);font-size:12px;margin:0}.machine{border:1px solid #4b5749;border-radius:10px;background:var(--panel);padding:12px;box-shadow:0 18px 60px #0004}.machine-top{display:flex;justify-content:space-between;padding:7px 8px 16px;color:#c9d1bd;font-size:10px}.muted{color:#657160;margin:0 5px}.screen-wrap{position:relative;background:#080e0d;border:1px solid #3f4c3e;overflow:hidden}canvas{display:block;width:100%;image-rendering:pixelated;image-rendering:crisp-edges;cursor:crosshair;touch-action:manipulation}.screen-caption{position:absolute;top:13%;left:23%;right:8%;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:#cbd6b67a;pointer-events:none}.screen-caption>span:last-child{transform:translateY(246%)}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#08100bd1;backdrop-filter:blur(2px)}.overlay[hidden]{display:none}.brief{text-align:center;max-width:400px;padding:20px}.brief h2{font-size:42px;letter-spacing:-1.5px;margin:0 0 10px}.brief>p:not(.eyebrow){color:#c4ccbb;line-height:1.6;font-size:13px;margin:0}.brief-stats{display:flex;justify-content:center;gap:28px;margin:20px 0;color:var(--muted);font:10px var(--mono)}.brief-stats b{display:block;color:var(--text);font-size:20px;font-weight:500;margin-bottom:5px}.primary{background:var(--green);border:0;border-radius:4px;color:#182315;min-height:46px;padding:0 26px;font-size:14px;font-weight:700;min-width:190px}.primary:hover{background:#d0f0a3}.primary span{margin-left:24px}.brief .brief-note{font-size:10px!important;margin-top:14px!important;color:#a1ac97!important}.stats{display:flex;gap:48px;padding:18px 16px;border-bottom:1px solid var(--line)}.stats>div{display:flex;align-items:baseline;gap:12px}.stats>div>span{font:10px var(--mono);letter-spacing:1px;color:var(--muted)}.stats strong{font:23px var(--mono);color:var(--green);font-weight:400}.stats strong span{font-size:12px;color:#a6b19c;margin-left:3px}.stats .timer{margin-left:auto}.toolbar{display:flex;align-items:stretch;gap:14px;padding:17px 8px}.release{display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line);padding-right:14px;flex-shrink:0}.tool-label{font-size:8px;color:var(--muted);letter-spacing:.6px;margin-bottom:8px;text-align:center}.release>div{display:flex;align-items:center}.release button{border:1px solid #42503d;color:var(--text);background:#263024;width:28px;height:32px;font-size:18px;border-radius:3px}.release output{font:17px var(--mono);width:34px;text-align:center}.skills{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;flex:1;min-width:0}.skill{position:relative;min-width:0;background:#222c23;border:1px solid #475440;border-radius:4px;padding:5px 2px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#9aa28f}.skill:disabled{opacity:.45}.skill[aria-pressed=true]{background:#b9df8317;border-color:var(--green);color:var(--green);box-shadow:inset 0 -2px var(--green)}.skill canvas{width:32px;height:32px;cursor:inherit;image-rendering:pixelated}.skill-count{font:11px var(--mono);align-self:flex-end;margin-right:5px}.skill-name{font:8px var(--mono)}.play-controls{border-left:1px solid var(--line);padding-left:14px;display:flex;gap:5px;align-items:center}.play-controls button{width:36px;height:46px;background:#293426;border:1px solid #485440;color:#d0d8c4;border-radius:4px;font-size:23px}.play-controls button[aria-pressed=true]{color:var(--green);border-color:var(--green)}button:not(:disabled):hover{filter:brightness(1.15)}.machine-bottom{padding:8px 8px 1px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;letter-spacing:.3px;color:var(--muted);font-size:9px;min-height:30px}.machine-bottom p{margin:0}.machine-bottom>span{white-space:nowrap;margin-left:12px;font-size:8px;color:#c7d1b8}.instructions{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:30px 0 32px}.instructions>div{display:flex;gap:13px}.step{color:#829272;font:10px var(--mono);padding-top:3px}.instructions p{margin:0;font-size:12px}.instructions b{display:block;font-weight:500;color:#d7ddcd;margin-bottom:8px}.instructions p span{display:block;font-size:11px;color:var(--muted);line-height:1.6}footer{display:flex;align-items:baseline;gap:20px;border-top:1px solid var(--line);padding:23px 0 35px;color:#929d89;font-size:11px}footer>p{margin:0;font-family:Georgia,serif;font-style:italic}footer details{max-width:340px;font-size:10px;line-height:1.7}summary{cursor:pointer}footer a{color:var(--green)}.footer-mark{margin-left:auto;font-size:8px;white-space:nowrap;color:#929d89}#game:focus-visible{outline-offset:-3px}.paused .screen-wrap:after{content:'PAUSED · P TO RESUME';position:absolute;inset:0;display:grid;place-items:center;background:#08100b99;font:14px var(--mono);letter-spacing:2px;pointer-events:none}
@media(min-width:1400px){.shell{max-width:1200px}.intro{padding-top:52px;padding-bottom:40px}}@media(max-width:900px){.shell{padding:0 24px}header{height:78px}h1{font-size:64px}.stats{gap:24px}.toolbar{gap:8px;padding-left:0;padding-right:0}.release{padding-right:8px}.release button{width:23px}.release output{width:28px}.play-controls{padding-left:8px;gap:4px}.play-controls button{width:29px}.skill-name{font-size:7px}.instructions{gap:18px}.edition{font-size:8px;letter-spacing:1px}}@media(max-width:660px){.shell{padding:0 14px}.edition{display:none}header{height:65px}.intro{padding:28px 0 25px}h1{font-size:49px;letter-spacing:-3px}.eyebrow{font-size:8px;letter-spacing:1px}.subtitle{font-size:12px;margin-top:10px}.level-label{min-width:auto;padding-left:14px;margin-left:12px}.level-label>span{font-size:8px}.level-label h2{font-size:19px;margin-top:8px}.level-label p{display:none}.machine{padding:7px;border-radius:7px}.machine-top{padding:5px 4px 11px;font-size:8px;letter-spacing:1px}.screen-wrap{aspect-ratio:1.65}#game{height:100%;object-fit:fill;object-position:center}.screen-caption{display:none}.brief{padding:8px}.brief .eyebrow{margin-bottom:7px}.brief h2{font-size:30px;margin-bottom:6px}.brief>p:not(.eyebrow){font-size:11px}.brief-stats{gap:22px;margin:12px 0}.brief-stats b{font-size:16px}.brief-stats span{font-size:8px}.brief .brief-note{display:none}.primary{min-height:40px;font-size:12px}.stats{gap:0;justify-content:space-between;padding:12px 4px}.stats>div{gap:5px;flex-direction:column}.stats>div>span{font-size:8px}.stats strong{font-size:19px}.stats .timer{margin-left:0}.toolbar{flex-wrap:wrap;justify-content:space-between;padding:11px 0;gap:9px}.skills{order:3;flex-basis:100%;gap:4px}.skill{min-height:74px}.skill canvas{width:28px;height:28px}.skill-name{font-size:6px}.release{border:0;padding:0;flex-direction:row;gap:8px;align-items:center}.tool-label{margin:0;font-size:7px}.release button{height:32px;width:32px}.release output{font-size:14px}.play-controls{border:0;padding:0}.play-controls button{height:32px;width:35px;font-size:20px}.machine-bottom{padding:8px 3px 2px;font-size:8px;min-height:32px;line-height:1.5}.instructions{grid-template-columns:1fr;gap:17px;padding:24px 5px}.instructions b{margin-bottom:4px}footer{flex-wrap:wrap;padding:20px 0;gap:14px}.footer-mark{display:none}footer details{max-width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}