*{box-sizing:border-box}[hidden]{display:none!important}:root{color-scheme:dark;--paper:#edeadc;--accent:#f4bc5b;--ink:#10151a}body{margin:0;background:#10151a;color:var(--paper);font:15px/1.7 'IBM Plex Mono',monospace}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}a:focus-visible,button:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffd773;outline-offset:4px}.exhibit-nav{max-width:1300px;margin:auto;padding:22px 28px;display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff25;font-size:12px}.exhibit{max-width:1244px;margin:auto;padding:50px 28px 70px}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--accent)}h1{font:400 clamp(48px,8vw,110px)/.98 'Instrument Serif',Georgia,serif;letter-spacing:-.035em;margin:20px 0}h1 em{color:var(--accent)}h2{font:400 clamp(28px,3vw,42px)/1.15 'Instrument Serif',Georgia,serif;margin:12px 0 20px}.intro-copy{max-width:72ch;font-size:16px;color:#bcc9cb;margin:24px 0 40px}.exhibit-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:40px;align-items:start}.rainbow-line{height:7px;width:150px;background:linear-gradient(90deg,#f33 25%,#ee3 25% 50%,#3e4 50% 75%,#2dd 75%)}.game-cabinet{background:#040808;border:1px solid #45595d;box-shadow:0 20px 60px #0005}.cabinet-bar{display:flex;justify-content:space-between;padding:12px 16px;align-items:center;background:#d3d9cf;color:#102326;gap:12px}.cabinet-bar h2{font:13px/1.5 'IBM Plex Mono',monospace;margin:0}.cabinet-bar span{font-size:9px;white-space:nowrap}#hunchCanvas{display:block;width:100%;aspect-ratio:4/3;image-rendering:pixelated;background:#000;touch-action:none}#gameStatus{font-size:12px;padding:0 18px;color:#f4d276;min-height:42px}.game-controls{display:flex;gap:8px;padding:0 16px}.game-controls button{flex:1;min-height:56px;background:#193537;border:1px solid #487577;color:#dbf6e7;font-size:19px;user-select:none;touch-action:none}.game-controls button:last-child{flex:2}.game-options{display:flex;gap:8px;flex-wrap:wrap;padding:16px}.game-options button{min-height:44px;background:transparent;border:1px solid #57726d;color:#d6e7d6;padding:8px 12px;font-size:12px}.micro{font-size:11px;line-height:1.7;color:#a9babc;padding:0 16px}.walkthrough .micro{padding:0}.walkthrough ol{padding-left:20px;font-size:13px}.walkthrough li{padding:0 0 18px 6px}.walkthrough b{display:block;color:#fff}.action{display:block;text-decoration:none;text-align:left;padding:16px 20px;margin:12px 0;border:1px solid var(--accent);background:var(--accent);color:#142024;width:100%;font-size:13px;min-height:52px}.action.secondary{background:transparent;color:var(--accent)}.state-readout{display:flex;flex-wrap:wrap;gap:12px;padding:20px 0;font-size:11px;color:#7debda}.record-note{margin-top:60px;border-top:1px solid #ffffff30;padding-top:30px;max-width:90ch;font-size:14px}.record-note p{color:#bbcace}.record-note details{border:1px solid #ffffff30;padding:16px;margin:24px 0}.record-note summary{cursor:pointer}.record-note pre{overflow:auto;font-size:12px;white-space:pre-wrap}.source-links{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px}.machine-section{margin:50px 0;padding:30px;border:1px solid #ffffff30}.machine-top{display:flex;align-items:start;justify-content:space-between;gap:30px}.machine-art{font:14px/1.1 monospace;white-space:pre;color:#68e0db;margin:0}.game-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;list-style:none;padding:0}.game-list li{border:1px solid #ffffff20;padding:18px;font-size:12px}.game-list strong{display:block;font:24px 'Instrument Serif',serif;margin-bottom:8px}.machine-section.cpc{border-top:5px solid #3bc650;background:#051a17}.machine-section.amiga{border-top:5px solid #719bea;background:#152437}.machine-section.pc{border-top:5px solid #acb9c1;background:#191c28}.era-breadcrumbs{display:flex;gap:10px;flex-wrap:wrap}.era-breadcrumbs a{border:1px solid #697777;padding:8px 12px;text-decoration:none;font-size:12px}.lab-step{border:1px solid #456167;padding:22px;margin:12px 0}.lab-step pre{padding:16px;background:#0006;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 monospace}.lab-step p{color:#bdcbcf}.lab-step label{display:block;margin:12px 0}.lab-step input,.lab-step select{width:100%;background:#091114;color:white;border:1px solid #6e898b;padding:12px}.lab-step button{padding:12px 18px;background:#e1bd73;color:#19282e;border:0;margin:8px 0}.lab-status{border:1px solid #456167;padding:20px}.lab-status dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px}.lab-status dd{margin:0;color:#75dec6}.demo-progress{width:100%;accent-color:#e1bd73}.lab-status video{width:100%;margin:12px 0}.lab-status .micro{padding:0}.notice{border-left:3px solid #e1bd73;padding:12px 20px;background:#e1bd730d;font-size:13px}.lab-step code{overflow-wrap:anywhere}table{border-collapse:collapse;width:100%;font-size:12px}td,th{padding:12px;border-bottom:1px solid #456167;text-align:left;vertical-align:top}
@media(max-width:760px){.exhibit-nav{padding:16px;flex-wrap:wrap;font-size:11px}.exhibit{padding:30px 16px 50px}.exhibit-grid{grid-template-columns:1fr;gap:28px}.intro-copy{font-size:14px}.machine-section{padding:20px 16px}.machine-top{flex-direction:column;gap:16px}.machine-art{font-size:12px}.cabinet-bar{padding:10px;font-size:10px}.cabinet-bar h2{font-size:10px}.cabinet-bar span{font-size:8px}.walkthrough{padding:0 8px}.game-list{grid-template-columns:1fr 1fr;gap:8px}.game-list li{padding:12px}.game-list strong{font-size:22px}.record-note{margin-top:36px}.lab-step{padding:16px}table{font-size:10px}td,th{padding:8px 5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}