.machine-teaser{display:block;width:fit-content;margin-top:22px;text-decoration:none;font-size:1rem;color:var(--gold)}.machine-section{background:#101514;border-top:1px solid var(--line)}.machine-intro{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:42px}.machine-intro>p{max-width:350px;color:#b9c2b8;font-size:1.25rem;line-height:1.8;margin-bottom:10px}.exhibit{border:1px solid #3e483f;background:#18201c;overflow:hidden}.exhibit-top{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #3e483f;gap:16px}.exhibit button,.exhibit input,.exhibit select,.challenge-panel button{font-family:var(--sans);font-size:1.125rem}.exhibit button,.challenge-panel button{cursor:pointer;transition:background .2s,color .2s,transform .15s}.exhibit button:active,.challenge-panel button:active{transform:translateY(1px)}.exhibit button:disabled{opacity:.4;cursor:default}.exhibit button:focus-visible,.exhibit input:focus-visible,.exhibit select:focus-visible,.challenge-panel button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.mode-switch{display:flex;padding:3px;background:#0e1411;border:1px solid #3e483f;border-radius:4px;gap:2px}.mode-switch button{padding:9px 14px;border:0;border-radius:2px;background:transparent;color:#c3cabf}.mode-switch button[aria-pressed=true]{background:#e9ce98;color:#172119}.exhibit-main{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(310px,1fr)}.machine-view{min-width:0;background:radial-gradient(ellipse at 50% 42%,#303d32,#141c18 78%);position:relative}.scene{height:495px;position:relative;isolation:isolate}.scene canvas{display:block;width:100%;height:100%;touch-action:none}.scene>p{position:absolute;left:25%;right:25%;top:40%;text-align:center;line-height:1.7;color:#c4cabb;font-size:1rem;pointer-events:none}.scene-toolbar{display:flex;align-items:center;gap:9px;padding:0 20px 18px;flex-wrap:wrap}.scene-toolbar button,.part-buttons button,.chapter-actions button{background:transparent;color:#cbd0c4;border:1px solid #596451;border-radius:3px;padding:8px 10px}.scene-toolbar button[aria-pressed=true]{border-color:#dfbf83;color:#efc77c}.scene-toolbar span{font-size:1rem;color:#a6b29f;margin-left:auto}.part-buttons{display:flex;gap:7px;padding:17px 20px 0;border-top:1px solid #3e483f;flex-wrap:wrap}.part-buttons button{border:0;padding:6px 7px;color:#abb8aa}.part-buttons button[aria-pressed=true]{color:#f0cb8b;background:#313c2c}.part-note{padding:14px 26px 22px;min-height:150px}.part-note h3{font-size:20px;margin:0 0 10px}.part-note p{font-size:1rem;line-height:1.75;margin:0;color:#bac4b5}.operator{padding:25px;border-left:1px solid #3e483f}.operator-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.operator-heading .small-label{font-size:1.125rem}.operator-heading .mono{font-size:1rem;color:#c4caba}.operator h3{font-family:var(--serif);font-weight:400;font-size:29px;line-height:1.2;margin:20px 0 12px}.operator #phase-description{font-size:1rem;line-height:1.75;color:#b6c1b2;min-height:74px}.window-display{display:flex;gap:11px;margin-top:20px}.window-display>div{flex:1;text-align:center}.window-display span{font:1rem var(--mono);color:#c2caba;display:block;margin-bottom:7px}.window-display strong{display:block;border:1px solid #859078;border-radius:4px;background:#e0e1cc;color:#172016;box-shadow:inset 0 3px 5px #19201155;font:38px var(--mono);padding:4px}.window-display strong.moved{animation:window-turn .35s ease-out}.stepping-note{font-size:1rem;line-height:1.6;color:#b6c1ac;min-height:38px;margin:10px 0 18px}.keypress-readout{display:flex;gap:22px;align-items:center;border-block:1px solid #3e483f;padding:14px 0}.keypress-readout>div{flex:1}.keypress-readout span{font:1rem var(--mono);color:#a7b4a1;display:block}.keypress-readout strong{font:40px var(--mono);color:#f1cc89}.keypress-readout>div:last-child strong{color:#a7dad8}.replay-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:20px}.replay-controls .button{padding:13px 15px;border:0;flex:1;justify-content:center;white-space:nowrap}.outline-button{padding:11px 13px;border:1px solid #7b896b;background:transparent;color:#e5dfcc;border-radius:3px}.outline-button:hover{background:#344330}.text-button{padding:10px 0;border:0;background:transparent;color:#d4d7c6;text-decoration:underline;text-underline-offset:4px}.machine-status{font-size:1rem;line-height:1.65;color:#ead6ae;min-height:44px;margin:14px 0}.scrub-label{font-size:1.125rem;color:#aab8a3;display:block;margin-bottom:10px}#replay-position{width:100%;accent-color:#efc77c}.chapter-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 20px}.chapter-actions button{font-size:1.125rem;padding:7px}#settings{border-top:1px solid #3e483f;margin-top:15px}#settings summary{font-size:1.125rem;padding:16px 0}#settings form label,#text-form label{font-size:1.125rem;display:block;line-height:1.5;color:#c7d0bd;margin-bottom:10px}#settings input,#settings select,#free-text{box-sizing:border-box;display:block;width:100%;border:1px solid #7b896b;background:#101813;color:#e7e5ce;border-radius:3px;padding:10px 7px;margin-top:6px;font:1.125rem var(--mono)}.rotor-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}#settings-error{font-size:1rem;color:#ffbcaa;line-height:1.5}#text-form label span{color:#9dab97}.input-line{display:flex;gap:6px;align-items:center}.input-line input{min-width:0}#text-form .outline-button{flex-shrink:0;padding:10px}.keyboard{margin:15px -8px 10px}.keyboard-row{display:flex;justify-content:center;gap:4px;margin-bottom:5px}.keyboard button{border:1px solid #738469;background:#111b14;color:#e7e7d6;border-radius:50%;height:29px;width:29px;flex-shrink:0;padding:0;font:1.125rem var(--mono)}.keyboard button:hover{background:#5c633e}.tiny-note{font-size:1rem;line-height:1.75;color:#a9b7a1}.message-tapes{padding:22px 25px;border-top:1px solid #3e483f;background:#111912}.message-tapes>div{display:grid;grid-template-columns:180px 1fr;gap:20px;padding-block:10px}.message-tapes .small-label{font-size:1.125rem;padding-top:5px}.letter-tape{display:flex;flex-wrap:wrap;gap:1px 0;margin:0;align-content:start;min-height:28px}.letter-tape span{display:inline-block;font:1.125rem var(--mono);padding:4px 3px;color:#869780;min-width:15px;text-align:center}.letter-tape .done{color:#e3e8d5}.letter-tape .current{background:#e8cc95;color:#172116;border-radius:2px}.letter-tape .uncertain{border-bottom:2px dotted #e2bd77}.letter-tape .crib{background:#284341;color:#b2e3df}.letter-tape .editorial{color:#ffbc9f}#output-tape .done{color:#a9d9d1}#output-tape .current{color:#152420;background:#a9d9d1}#tape-note{font-size:1rem;line-height:1.6;color:#b9c3ad;margin:13px 0 0}.circuit-panel{padding:25px;border-top:1px solid #3e483f}.circuit-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.circuit-heading h3{font-size:20px;margin:8px 0 20px}.circuit-heading .small-label{font-size:1.125rem}.circuit-heading .outline-button{white-space:nowrap;font-size:1.125rem}.circuit-path{display:flex;gap:4px;overflow-x:auto;padding:4px 0 12px}.circuit-path button{flex:1;min-width:67px;padding:10px 4px;border:1px solid #4e6148;background:#1c291e;color:#a3b29a;border-radius:3px}.circuit-path button span{font-size:1.125rem;display:block;white-space:nowrap}.circuit-path button strong{font:1.25rem var(--mono);display:block;margin-top:9px}.circuit-path button.reached{color:#e9c487;border-color:#907342}.circuit-path button.return.reached{color:#a5d4d0;border-color:#51837c}.circuit-path button.selected{background:#374735;outline:1px solid #e1d2ae}.circuit-panel>p{font-size:1rem;line-height:1.7;color:#c2c9b6;margin-bottom:0;min-height:22px}.challenge-panel{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;margin-top:55px;padding-top:42px;border-top:1px solid #3e483f}.challenge-panel h3{font:36px/1.2 var(--serif);margin:10px 0 20px}.challenge-panel h3 em{color:var(--gold)}.challenge-panel p{font-size:1rem;line-height:1.8;color:#b8c3ae}.challenge-actions{display:flex;gap:18px;flex-wrap:wrap}.challenge-panel .tiny-note{font-size:1rem}.challenge-panel .mono{overflow-wrap:anywhere;letter-spacing:2px;color:#eedbb4;font-size:1.125rem}.model-note{font-size:1rem;line-height:1.8;color:#a5b19c;margin:30px 0 0;max-width:960px}.model-note a{color:#d4cca9}.exhibit [hidden]{display:none!important}@keyframes window-turn{0%{transform:translateY(-3px);opacity:.45}100%{transform:translateY(0);opacity:1}}@media(max-width:1050px){.exhibit-main{grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr)}.scene{height:430px}.scene-toolbar span{margin:5px 0 0;width:100%}.machine-intro{gap:30px}.machine-intro>p{max-width:280px}.operator{padding:20px}.circuit-path{justify-content:start}.circuit-path button{min-width:68px}.challenge-panel{gap:35px}.exhibit-top{padding-inline:18px}}@media(max-width:780px){.machine-intro{display:block}.machine-intro>p{max-width:100%;font-size:1.125rem}.exhibit-main{grid-template-columns:1fr}.operator{border-left:0;border-top:1px solid #3e483f}.scene{height:420px}.part-note{min-height:0}.exhibit-top{align-items:start;flex-direction:column;gap:12px}.mode-switch{width:100%}.mode-switch button{flex:1}.operator #phase-description{min-height:0}.window-display{max-width:300px}.stepping-note{min-height:0}.keypress-readout{max-width:350px}.replay-controls{max-width:450px}.machine-status{min-height:0}.message-tapes>div{grid-template-columns:1fr;gap:8px}.message-tapes{padding:20px}.circuit-panel{padding:20px}.circuit-heading{align-items:start}.circuit-heading h3{font-size:1.25rem}.circuit-heading .outline-button{font-size:1.125rem;white-space:normal;max-width:115px}.challenge-panel{grid-template-columns:1fr;gap:20px}.challenge-panel h3{font-size:32px}.keyboard{max-width:360px;margin-inline:0}.keyboard button{height:32px;width:32px}.operator-heading .small-label,.message-tapes .small-label,.circuit-heading .small-label{font-size:1.125rem}}@media(max-width:420px){.scene{height:320px}.scene-toolbar{padding-inline:14px}.scene-toolbar button{font-size:1.125rem}.part-buttons{padding-inline:12px;gap:2px}.part-buttons button{font-size:1.125rem}.part-note{padding-inline:20px}.operator{padding:20px 16px}.letter-tape span{font-size:1rem;min-width:13px;padding-inline:2px}.challenge-actions{gap:12px}.exhibit .button{font-size:1.125rem}.keyboard button{width:27px;height:27px}.keyboard-row{gap:3px}.circuit-heading{gap:10px}.mode-switch button{font-size:1.125rem}}@media(prefers-reduced-motion:reduce){.window-display strong.moved{animation:none}}

@media(max-width:720px){nav{flex-wrap:wrap;justify-content:flex-start;gap:12px 22px}nav a{white-space:nowrap}.scene-toolbar button,.part-buttons button,.chapter-actions button,.circuit-heading .outline-button{font-size:1.125rem}.part-buttons{gap:4px}.keyboard button{font-size:1.125rem}}