:root{color-scheme:dark;--cream:#c6b681;--ink:#342c19;--amber:#d8a23f}
.timing{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:20px;padding:14px;border:2px solid #968153}.timing label{display:block;font-size:10px;letter-spacing:.08em;font-weight:bold}.timing output{float:right;font-weight:normal}.timing select{margin-top:10px;font-size:10px}.timing p{grid-column:1/-1;font-size:10px;line-height:1.5;margin:3px 0 0}.timing input:disabled{opacity:.35;cursor:default}@media(max-width:540px){.timing{grid-template-columns:1fr;gap:14px}.timing input[type=range]{margin-top:20px}}
*{box-sizing:border-box}body{margin:0;background:#1b1912;color:var(--ink);font-family:'Courier New',monospace;padding:32px 14px 24px;background-image:none}
button,input,select{font:inherit}button,select,input{touch-action:manipulation}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #b94b22;outline-offset:4px}
.machine{position:relative;max-width:790px;margin:auto;padding:30px 32px 28px;border:2px solid #827047;background:#c2b17b;box-shadow:inset 0 0 0 2px #d0be88,4px 4px 0 #0d0c08}
.machine:after{content:'';position:absolute;inset:5px;pointer-events:none;border:1px solid #5d492c33;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%234e3710' fill-opacity='.035' d='M0 0h1v1H0zM4 4h1v1H4z'/%3E%3C/svg%3E")}
.screw{position:absolute;width:10px;height:10px;border:2px solid #776547;background:#a28d62;box-shadow:1px 1px 0 #d5c38c;border-radius:0}.screw:after{content:'';position:absolute;left:0;top:2px;width:6px;height:2px;background:#4a3f2a;transform:none}.tl{top:11px;left:11px}.tr{top:11px;right:11px}.bl{bottom:11px;left:11px}.br{bottom:11px;right:11px}
.maker,.model{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.13em;font-weight:bold}.maker{margin-bottom:15px}.maker span{font-weight:normal}.model{margin:12px 0 20px;font-size:9px;color:#57492b}
.badge{position:relative;isolation:isolate;padding:10px 12px;border:2px solid #887449;background:#a28f5e;box-shadow:0 1px 0 #dccb97;overflow:hidden}
.paper{padding:14px 20px 12px;background:#ded5b3;box-shadow:inset 0 2px 0 #b8aa7e;transform:none;text-align:center;color:#383226}.paper>span{font-size:9px;letter-spacing:.22em}.paper>div{font-size:10px;letter-spacing:.24em}.paper h1{font-size:clamp(42px,10vw,78px);line-height:1.1;letter-spacing:.17em;margin:2px 0 3px 0;text-shadow:none;font-weight:900}
.paper h1 img{display:block;width:100%;max-width:600px;height:auto;margin:12px auto 14px;image-rendering:pixelated}
.badge:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;border:2px solid #b9aa7966;box-shadow:inset 0 2px 0 #f1e4b94d,inset 0 -2px 0 #4d381626}
.monitor{background:#191a0e;border:2px solid #796740;box-shadow:0 1px 0 #dcc78d;padding:16px 20px 14px;color:var(--amber);position:relative}.monitor:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 3px 4px)}
.monitor-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em}.monitor-top i{display:inline-block;width:6px;height:6px;background:#5b4c26}.running .monitor-top i{background:#e1a13a;box-shadow:none}.digits{display:flex;align-items:baseline;gap:20px;margin:12px 0}.digits>span:first-child{font-size:clamp(40px,9vw,62px);letter-spacing:.06em;line-height:1;text-shadow:none;font-variant-numeric:tabular-nums}.digits-label{font-size:9px;letter-spacing:.15em}.progress{height:5px;background:#39301a;margin:10px 0 14px}.progress div{height:100%;width:0;background:#b98029}.readings{display:flex;justify-content:space-between;font-size:10px;color:#ad843e}.readings b{color:#d5a14c;font-weight:normal}.meters{display:flex;gap:24px;margin-top:13px}.meters label{display:flex;align-items:center;gap:10px;font-size:9px;flex:1}.meters meter{width:100%;height:8px;min-width:0}meter::-webkit-meter-bar{background:#3a311c;border:0;border-radius:0}meter::-webkit-meter-optimum-value{background:repeating-linear-gradient(90deg,#b78937 0 5px,#221e11 5px 7px)}
.transport{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;margin:19px 0 23px}button{color:#443820;background:#cdbb85;border:2px solid #887449;box-shadow:0 2px 0 #76603d;min-height:53px;font-size:12px;font-weight:bold;letter-spacing:.15em;cursor:pointer}button:hover:not(:disabled){background:#ddca92}button:active:not(:disabled){transform:translateY(2px);box-shadow:none}.symbol{margin-right:8px}.listen .symbol{color:#954222}button:disabled{color:#746746;cursor:default}.running .listen{box-shadow:none;border-color:#78633d;background:#b3a06a}
.controls{display:grid;grid-template-columns:1fr 1fr;border:2px solid #968153;box-shadow:none}.control{padding:18px 17px 12px;background:#e2cf9912;min-width:0}.control:nth-child(odd){border-right:1px solid #8d774c}.control:nth-child(-n+2){border-bottom:1px solid #8d774c}.control label{display:flex;align-items:center;gap:9px;font-size:10px;color:#766239}.control strong{color:#42351e;font-size:11px;letter-spacing:.08em}.control output{margin-left:auto;color:#3b2d17;font-size:12px;font-weight:bold;white-space:nowrap}.control p{font-size:10px;line-height:1.4;color:#5e4c2c;min-height:14px;margin:12px 0 0}
input[type=range]{appearance:none;width:100%;height:9px;margin:25px 0 15px;background:#756441;border:2px solid #968153;box-shadow:none;border-radius:0;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:24px;height:32px;background:linear-gradient(90deg,#cabb8b 0 9px,#665638 9px 11px,#cabb8b 11px);border:2px solid #786643;box-shadow:1px 1px 0 #a08a58;border-radius:0}input[type=range]::-moz-range-thumb{width:22px;height:28px;background:linear-gradient(90deg,#cabb8b 0 9px,#665638 9px 11px,#cabb8b 11px);border:2px solid #786643;border-radius:0}.scale{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#685732}select{width:100%;margin-top:16px;background:#baaa79;color:#3b2d17;border:2px solid #968153;border-radius:0;padding:8px;font-size:12px;min-height:37px}select:disabled{opacity:.6}
.notice{border-bottom:1px solid #8e7748;padding:12px 0 10px;min-height:48px}.notice p{font-size:11px;line-height:1.5;margin:0;color:#4c3d21}footer{display:flex;align-items:center;gap:20px;padding-top:20px}.grille{width:115px;height:33px;flex-shrink:0;display:grid;grid-template-rows:repeat(6,3px);gap:3px;opacity:.8}.grille span{background:linear-gradient(90deg,#57482e 0 calc(50% - 7px),transparent calc(50% - 7px) calc(50% + 7px),#57482e calc(50% + 7px))}.grille .solid{background:#57482e}.instructions{font-size:8px;line-height:1.8;letter-spacing:.06em;flex:1}.sticker{background:#c6c0a0;color:#655e45;font-size:9px;padding:6px 8px;transform:none;box-shadow:0 1px 0 #97845a}
aside{max-width:720px;margin:24px auto;color:#a4997d;font-size:11px;line-height:1.7}aside>p{max-width:590px}aside a{display:inline-block;color:#aa9b7a;text-decoration:none;font-size:10px;letter-spacing:.15em;margin-top:17px}summary{cursor:pointer;color:#b9aa89}details p{max-width:640px}aside a:hover{color:#d9bd80}
@media(max-width:540px){body{padding:12px 9px}.machine{padding:27px 17px 24px}.maker span{display:none}.paper{padding:14px 6px}.paper>span{font-size:7px}.paper>div{font-size:8px;letter-spacing:.09em}.badge{padding:7px}.monitor{padding:13px 11px}.digits{gap:12px}.digits-label{font-size:8px;max-width:90px;line-height:1.7}.readings{font-size:8px}.transport{gap:8px}button{font-size:10px;letter-spacing:.07em}.symbol{margin-right:3px}.control{padding:15px 10px}.control label{flex-wrap:wrap;gap:5px}.control strong{font-size:10px}.control output{font-size:11px}.control p{font-size:9px;min-height:25px}.grille{width:66px}.instructions{font-size:7px}.sticker{display:none}footer{gap:12px}.model{font-size:8px}aside{padding:0 10px}}