:root { --ink:#242924;--body:#e5e6de;--red:#bc3925;--sans:'IBM Plex Sans',sans-serif;--mono:'IBM Plex Mono',monospace;--serif:'EB Garamond',Georgia,serif }
* { box-sizing:border-box }
html { scroll-behavior:smooth;scroll-padding-top:20px }
body { margin:0;color:var(--ink);background:#e3e6e0;font:14px var(--sans);-webkit-font-smoothing:antialiased }
a { color:inherit;text-decoration:none }
button { font:inherit;color:inherit }
button, a { -webkit-tap-highlight-color:transparent }
button { cursor:pointer }
a:focus-visible, button:focus-visible { outline:3px solid #2374bd;outline-offset:4px }
button:focus:not(:focus-visible), a:focus:not(:focus-visible) { outline:none }
[hidden] { display:none!important }
.machine { max-width:870px;margin:6px auto 0;background:linear-gradient(100deg,#eeeFE6,#fffef4 30%,#edeee4 80%,#dbddd2);border:1px solid #abb1a2;border-right:11px solid #bcc3b3;border-radius:12px 10px 3px 3px;box-shadow:inset 2px 1px 2px #fff,1px 5px 1px #9ca68f,0 22px 32px #28391d29;position:relative;padding:21px 24px 0 }
.top-cap { height:10px;background:linear-gradient(#cb462c,#a62716);position:absolute;top:-1px;left:18px;right:13px;border-radius:0 0 3px 3px;box-shadow:0 2px 1px #6125192e }
.marquee { display:flex;align-items:center;justify-content:space-between;padding:8px 13px 16px;margin:0 0 16px;border-bottom:2px solid #b5bdab }
.brand { font:58px/.9 var(--serif);letter-spacing:-2px;font-weight:500 }
.brand>span { font:italic 36px var(--serif);margin-left:6px;color:#76836b }
.marquee-note { font:9px/1.5 var(--mono);letter-spacing:.06em;border-left:2px solid var(--red);padding-left:15px;color:#627256 }
.machine-body { display:grid;grid-template-columns:minmax(0,1fr) 172px;gap:20px;align-items:stretch }
.controls { grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:17px;padding-top:4px }
.readout { background:linear-gradient(110deg,#122920,#172e25);border:5px solid #aab3a0;border-bottom-color:#d3d9cb;border-radius:3px;box-shadow:inset 0 3px 7px #0009,0 1px 0 #9aa58c;padding:15px 10px 12px;color:#c4ebaf;display:flex;flex-direction:column;gap:11px;min-height:124px }
.display-caption { font:8px var(--mono);color:#a9bd9d;letter-spacing:.06em }
.readout strong { font:22px var(--mono);letter-spacing:-1px;text-shadow:0 0 9px #b6eb9440 }
.display-count { font:8px/1.5 var(--mono);color:#a4bb96 }
.selectors { display:flex;flex-direction:column;gap:11px;padding:12px 9px;background:#d7dcd0;border:1px solid #aab69f;box-shadow:inset 0 2px 3px #7d8b7433;border-radius:4px }
.selector { display:flex;align-items:center;gap:8px;min-height:52px;width:100%;border:1px solid #9aa48f;border-bottom:4px solid #89967d;border-radius:4px;background:linear-gradient(#fffef6,#e4e9dc);padding:9px 10px;box-shadow:0 2px 1px #7c8b7055,inset 0 1px 0 white;position:relative;text-align:left;transition:transform .08s,box-shadow .08s }
.selector-number { font:8px var(--mono);color:#6a785d }
.selector-word { font:16px var(--sans);font-weight:500 }
.selector-lamp { margin-left:auto;width:6px;height:6px;border-radius:50%;background:#9ba38f;box-shadow:inset 0 1px 1px #3f4a3455 }
.selector[aria-pressed=true] { transform:translateY(3px);border-bottom-width:1px;background:#dce1d2;box-shadow:inset 0 2px 4px #56674620;padding-bottom:12px }
.selector[aria-pressed=true] .selector-lamp { background:#d85232;box-shadow:0 0 6px #ee6c4380 }
.selector[aria-pressed=true] .selector-word { color:#a63121 }
.selector:active { transform:translateY(3px);box-shadow:none }
.instruction { padding:10px 8px;display:grid;grid-template-columns:17px 1fr;gap:12px 7px;align-items:start }
.instruction p { font-size:11px;line-height:1.4;margin:0;color:#59664e }
.instruction-number { font:9px var(--mono);width:15px;height:15px;display:grid;place-content:center;border:1px solid #88977b;border-radius:50% }
.rail-bottom { margin-top:auto;padding:16px 9px 10px;font:9px/1.6 var(--mono);color:#66745b }
.vents { background:repeating-linear-gradient(180deg,#99a48d 0 2px,transparent 2px 7px);height:37px;width:63px;margin-bottom:20px;border-radius:3px }
.selection-bay { grid-column:1;grid-row:1;min-width:0;background:#cbd2c0;border:2px solid #a5b199;border-top:5px solid #869779;border-left:5px solid #94a287;border-radius:4px;padding:9px 12px 14px;box-shadow:inset 0 3px 5px #50663a28 }
.bay-heading { display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.04em;margin:0 0 9px;color:#46523d;padding:0 1px }
.inventory { min-height:638px }
.group-title { display:flex;justify-content:space-between;font:9px var(--sans);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#46543c;margin:17px 0 7px }
.group-title:first-child { margin-top:4px }
.worlds, .pieces { display:grid;grid-template-columns:1fr 1fr;gap:9px }
.choice { display:flex;flex-direction:column;min-width:0;position:relative;border:1px solid #89987a;border-bottom:4px solid #859276;border-radius:4px;background:#f9fae9;box-shadow:inset 0 0 0 2px #ffffff91,0 2px 2px #5c71454d;transition:transform .08s,box-shadow .08s;overflow:hidden }
.choice:before { content:'';position:absolute;inset:2px;pointer-events:none;border-radius:2px;border:1px solid #ffffffaf }
.label { display:flex;flex-direction:column;gap:10px;padding:11px 12px 12px;min-height:94px;background:linear-gradient(130deg,#fffef0,#f3f4df 78%,#e4e7cb);border-top:5px solid #bfc697 }
.label-top { font:8px var(--mono);display:flex;justify-content:space-between;gap:6px;color:#627051 }
.choice-title { font:500 17px/1.22 var(--sans);letter-spacing:-.25px }
.choice-desc { font:11px/1.4 var(--sans);color:#58634c }
.press-face { display:flex;align-items:center;gap:7px;justify-content:flex-end;font:9px var(--mono);color:#425137;padding:5px 11px;background:linear-gradient(#f8fbef,#d7dfc9);margin-top:auto;border-top:1px solid #ccd4bb;box-shadow:inset 0 1px 0 white }
.press-face>span:last-child { font:14px var(--sans);line-height:1 }
.light { margin-right:auto;width:24px;height:5px;background:#aeca77;border:1px solid #8eac59;box-shadow:inset 0 0 2px #eafaab,0 0 3px #a2c76b80;border-radius:2px }
.world .label, .collection .label { border-top-color:#c44730;background:linear-gradient(130deg,#fff4cf,#ede3b2) }
.world .choice-title, .collection .choice-title { font:500 24px/1.05 var(--serif);letter-spacing:-.2px }
.world .label, .collection .label { min-height:143px }
.choice:hover .label { filter:brightness(1.035) }
.choice:hover .light { background:#d7ec96;box-shadow:0 0 5px #aad365 }
.choice:active { transform:translateY(3px);box-shadow:inset 0 1px 2px #49563344;border-bottom-width:1px;margin-bottom:3px }
.build .label { min-height:131px }
.build .choice-title { font-size:17px }
.build .choice-desc { font-size:10px }
.service-panel { border-top:1px solid #a6b498;box-shadow:inset 0 1px 0 #fff;margin:24px -1px 0;padding:20px 10px 23px;display:flex;align-items:center;gap:22px }
.contact-port { padding:8px 11px 0;border:1px solid #a6b09b;border-bottom:6px solid #c2cbb6;border-radius:4px;background:linear-gradient(#e4e8dc,#f8faf0);box-shadow:0 2px 3px #74836033;width:254px }
.port-label { display:block;font:8px var(--sans);font-weight:600;letter-spacing:.1em;margin-bottom:6px;color:#58684b }
.port-paper { display:flex;justify-content:space-between;gap:10px;font:11px var(--mono);padding:10px 12px 9px;border-top:5px solid #2d3827;background:linear-gradient(#b9bda4 0,#f5f3cf 18%,#fffbdc);box-shadow:inset 0 0 4px #4d58334d;transition:padding .12s }
.contact-port:hover .port-paper { padding-bottom:13px }
.return-key { border:1px solid #a8b499;border-bottom:3px solid #96a584;border-radius:4px;background:linear-gradient(#f8faef,#dbe2d0);padding:9px 12px;font:10px var(--sans);box-shadow:0 2px 1px #9eaa9066 }
.service-mark { margin-left:auto;display:flex;flex-direction:column;gap:4px;text-align:right }
.service-mark>span { font:22px var(--serif);color:#536847 }
.service-mark small { font:7px var(--mono);letter-spacing:.09em;color:#6a7b5e }
.base { height:22px;margin:0 -24px;background:linear-gradient(#c9d0be,#b2bca5);border-top:1px solid #8a9a7a;position:relative }
.base:before, .base:after { content:'';position:absolute;bottom:-9px;width:44px;height:8px;background:#48553e;border-radius:0 0 2px 2px;box-shadow:0 3px 4px #24341930 }
.base:before { left:30px }
.base:after { right:30px }
.run-board { padding:35px 20px 20px;background:#f1f2dc;border:1px solid #a1af8d;box-shadow:inset 0 0 0 3px #fffbe8;text-align:center;min-height:550px }
.run-label { font:10px var(--mono);letter-spacing:.08em;color:#65754f }
.run-digits { margin-top:25px;font:54px var(--mono);letter-spacing:-4px;color:#3f5430 }
.run-digits>span { opacity:.6 }
.run-digits small { font:16px var(--mono);letter-spacing:0;margin-left:8px }
.run-board p { font:25px var(--serif);margin:25px 0 20px }
.orbit { width:210px;height:210px;margin:25px auto;position:relative;border:1px dashed #93a27c;border-radius:50% }
.planet { position:absolute;width:106px;height:106px;left:51px;top:51px;border:1px solid #597149;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 18px,#83a265 19px 20px),linear-gradient(90deg,#b7c790,#dce5b5);box-shadow:inset -16px -8px 22px #7e956b40;overflow:hidden }
.planet:before { content:'';position:absolute;inset:0 22px;border-radius:50%;border-left:1px solid #86a267;border-right:1px solid #86a267 }
.planet:after { content:'';position:absolute;left:50%;height:100%;border-left:1px solid #86a267 }
.orbit i { position:absolute;left:31px;top:20px;width:8px;height:8px;background:#bf422e;border-radius:50%;box-shadow:0 0 0 5px #c6493018 }
.moon { position:absolute;right:-5px;top:98px;width:12px;height:12px;border-radius:50%;background:#b0bba0;border:1px solid #8c9f78 }
.run-scale { display:flex;justify-content:space-between;font:9px var(--mono);color:#5e714b }
.run-board p.remaining { font-size:20px;margin:22px 0 }
.run-date { font:8px var(--mono);color:#6b7b5b }
.record-button { display:flex;justify-content:space-between;gap:12px;margin-top:12px;background:linear-gradient(#fffdeb,#e1e7ce);border:1px solid #8e9d79;border-bottom:4px solid #7b8d65;border-radius:3px;box-shadow:0 2px 1px #82916d44;padding:17px 15px;font:12px var(--sans) }
@media(max-width:900px) {
.machine { margin:5px 20px 0 }
.machine-body { grid-template-columns:minmax(0,1fr) 155px;gap:14px }
.machine { padding:21px 18px 0 }
.base { margin:0 -18px }
.selector-word { font-size:14px }
.selector-number { font-size:7px }
.selector { padding-inline:8px }
.controls { gap:15px }
}
@media(max-width:650px) {
.machine { margin:4px 10px 0;padding:17px 12px 0;border-right-width:6px;border-radius:8px 7px 2px 2px }
.top-cap { left:13px;right:9px;height:7px }
.marquee { padding:9px 7px 14px;margin-bottom:13px }
.brand { font-size:47px }
.brand>span { font-size:29px }
.marquee-note { font-size:8px;padding-left:10px }
.machine-body { display:flex;flex-direction:column;gap:14px }
.controls { order:0;display:grid;grid-template-columns:1fr;gap:10px;padding:0 }
.readout { min-height:71px;padding:8px 12px;display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;border-width:4px }
.display-caption { font-size:7px;grid-column:1;grid-row:1 }
.readout strong { font-size:22px;grid-column:1;grid-row:2 }
.display-count { font-size:8px;grid-column:2;grid-row:1/3;align-self:center;text-align:right }
.selectors { flex-direction:row;gap:7px;padding:8px }
.selector { padding:10px 8px;gap:6px;min-height:45px }
.selector-word { font-size:13px }
.selector-number { font-size:7px }
.selector-lamp { width:5px;height:5px }
.selector[aria-pressed=true] { padding-bottom:13px }
.instruction, .rail-bottom { display:none }
.selection-bay { order:1;padding:9px 8px 10px;border-left-width:3px;min-width:0 }
.bay-heading { font-size:8px }
.inventory { min-height:0 }
.group-title { font-size:9px;margin-top:14px }
.worlds, .pieces { gap:8px }
.label { padding:10px 9px 12px;min-height:107px;gap:10px }
.label-top { font-size:7px;gap:4px }
.choice-title { font-size:15px;line-height:1.2;letter-spacing:-.25px }
.world .choice-title, .collection .choice-title { font-size:22px }
.world .label, .collection .label { min-height:165px }
.choice-desc { font-size:10px }
.press-face { font-size:8px;padding:6px 8px }
.light { width:18px;height:4px }
.build .label { min-height:172px }
.build .choice-title { font-size:16px }
.build .choice-desc { font-size:10px }
.service-panel { gap:12px;flex-wrap:wrap;padding:16px 0;margin-top:17px }
.contact-port { width:calc(100% - 92px);padding:7px 8px 0 }
.port-paper { font-size:9px;padding:9px 7px 8px }
.return-key { font-size:9px;padding:10px 8px }
.service-mark { display:none }
.base { margin:0 -12px;height:17px }
.run-board { padding:26px 12px 17px;min-height:480px }
.run-digits { font-size:39px;letter-spacing:-3px }
.run-digits small { font-size:13px;letter-spacing:0 }
.run-label { font-size:9px }
.run-board p { font-size:23px }
.orbit { width:175px;height:175px }
.planet { width:92px;height:92px;top:40px;left:40px }
.orbit i { top:17px;left:24px }
.moon { top:78px }
.run-scale { font-size:8px }
.record-button { font-size:11px }
}
@media(prefers-reduced-motion:reduce) {
html { scroll-behavior:auto }
* { transition:none!important;animation:none!important }
}
@media(min-width:651px) {
.machine-c .label { min-height:76px;padding-top:9px;padding-bottom:10px;gap:8px }
.machine-c .world .label, .machine-c .collection .label { min-height:122px }
.machine-c .build .label { min-height:110px }
.machine-c .inventory { min-height:0 }
#running { display:flex;flex-direction:column }
.run-board { flex:1;display:flex;flex-direction:column;justify-content:center }
.run-scale { margin-top:auto }
.run-date { margin-top:12px }
}
@media(min-width:901px) {
.machine-c #building .pieces { grid-template-columns:repeat(3,minmax(0,1fr)) }
.machine-c .build .label { min-height:136px }
.machine-c .build .choice-title { font-size:15px }
.machine-c .build .choice-desc { font-size:10px }
}
@media(max-width:650px) {
.label-top { font-size:8px }
.display-caption { font-size:8px }
.machine-c .label-top { flex-wrap:wrap;gap:3px }
.run-date { font-size:9px }
}
.marquee-note { max-width:180px;line-height:1.65;font-size:8px }
.group-title { margin-top:14px }
@media(min-width:651px) {
.machine-c .pieces { grid-template-columns:repeat(3,minmax(0,1fr)) }
.machine-c .thought .label, .machine-c .archive .label { min-height:105px }
.machine-c .label-top { font-size:8px;flex-wrap:wrap;gap:4px }
.machine-c .choice-title { font-size:16px }
.machine-c .world .choice-title, .machine-c .collection .choice-title { font-size:24px }
.machine-c .build .label { min-height:107px }
.machine-c .inventory { min-height:600px }
.machine-c .run-board { min-height:500px }
}
@media(max-width:650px) {
.marquee-note { max-width:118px;font-size:7px }
.machine-c .build .label { min-height:104px }
.machine-c .brand { font-size:43px }
.machine-c .marquee { gap:12px }
.machine-c .brand>span { font-size:25px }
}
@media(min-width:651px) {
.inventory:not(#running) { display:flex;flex-direction:column }
.inventory .pieces { flex:1 }
}
body.machine-c { background:#e8ebec;color:#252b2e }
.machine-c .machine { background:linear-gradient(103deg,#f0f2f2,#fff 35%,#f4f5f4 88%,#e4e7e7);border-color:#a8b0b4;border-right-color:#bdc5c9;box-shadow:inset 2px 1px 2px #fff,1px 5px 1px #9ba5ab,0 22px 32px #26364026 }
.machine-c .top-cap { background:linear-gradient(#df5138,#c73522) }
.machine-c .marquee { border-color:#c0c7ca }
.machine-c .brand>span { color:#717c81 }
.machine-c .marquee-note { color:#607079;border-color:#d9422a }
.machine-c .selection-bay { background:linear-gradient(120deg,#d0d7da,#e0e5e7);border-color:#adb8bf;border-top-color:#8e9aa1;border-left-color:#9ba8af;box-shadow:inset 0 3px 5px #263c4b20 }
.machine-c .bay-heading, .machine-c .group-title { color:#475b65 }
.machine-c .choice { border-color:#9daab1;border-bottom-color:#8b9aa3;background:#fffef8;box-shadow:inset 0 0 0 2px #fff,0 2px 2px #354b5d33 }
.machine-c .label { background:linear-gradient(120deg,#fff,#fbfcfa 80%,#f1f3ee);border-top-color:#bdc9ce;color:#232e34 }
.machine-c .label-top { color:#62727a }
.machine-c .world .label, .machine-c .collection .label { background:linear-gradient(120deg,#fff8e1,#fff0bf);border-top-color:#d4432d }
.machine-c .choice-desc { color:#5c6970 }
.machine-c .press-face { background:linear-gradient(#fafcfb,#dfe6e7);border-color:#c4ced2;color:#465c68 }
.machine-c .light { background:#b5d9b6;border-color:#7fa783;box-shadow:inset 0 0 2px #ecffdd }
.machine-c .selectors { background:#d4dbde;border-color:#b4bfc4;box-shadow:inset 0 2px 3px #48637525 }
.machine-c .selector { background:linear-gradient(#fff,#e8ecee);border-color:#a3afb6;border-bottom-color:#8999a3;box-shadow:0 2px 1px #6b7c8855,inset 0 1px #fff;color:#33414b }
.machine-c .selector[aria-pressed=true] { background:#e2e7e8;box-shadow:inset 0 2px 4px #566a7626 }
.machine-c .selector[aria-pressed=true] .selector-word { color:#c03321 }
.machine-c .selector[aria-pressed=true] .selector-lamp { background:#ed4b2e;box-shadow:0 0 5px #f16a4880 }
.machine-c .selector-number { color:#73818a }
.machine-c .selector-lamp { background:#a2abb0 }
.machine-c .readout { border-color:#9da9b1;border-bottom-color:#d9e0e3;background:linear-gradient(110deg,#172d29,#1d3630);box-shadow:inset 0 3px 7px #0009,0 1px #86999c;color:#caf1dc }
.machine-c .display-count, .machine-c .display-caption { color:#aed1c2 }
.machine-c .instruction p, .machine-c .instruction-number, .machine-c .rail-bottom { color:#687b86;border-color:#98a9b4 }
.machine-c .vents { background:repeating-linear-gradient(180deg,#94a3ac 0 2px,transparent 2px 7px) }
.machine-c .service-panel { border-color:#bac5ca }
.machine-c .contact-port { background:linear-gradient(#e6eced,#f8faf9);border-color:#a8b5bd;border-bottom-color:#b6c2c8;box-shadow:0 2px 3px #58718033 }
.machine-c .port-label { color:#5d727f }
.machine-c .port-paper { background:linear-gradient(#a5acaf,#fffdf3 20%);border-top-color:#25373f;color:#3c4e57 }
.machine-c .return-key { background:linear-gradient(#fff,#e0e7ea);border-color:#a7b7c0;border-bottom-color:#8ea3af;color:#4b626f }
.machine-c .service-mark>span, .machine-c .service-mark small { color:#798c96 }
.machine-c .base { background:linear-gradient(#ccd4d8,#b7c2c8);border-color:#a2b1ba }
.machine-c .base:before, .machine-c .base:after { background:#44535d }
.machine-c .run-board { background:#f9fbf7;border-color:#a0b7b9;box-shadow:inset 0 0 0 3px #fff }
.machine-c .record-button { background:linear-gradient(#fff,#e1e8e8);border-color:#a3b4bd;border-bottom-color:#829aa7;color:#455c69 }
.machine-c .run-digits { color:#354e52 }
.machine-c .run-label, .machine-c .run-scale, .machine-c .run-date { color:#688083 }
.machine-c[data-finish=blue] .machine { background:linear-gradient(105deg,#3265a8,#1c4286 60%,#17366c);border-color:#16366d;border-right-color:#102953;box-shadow:inset 2px 1px 2px #77a3df77,1px 5px 1px #102849,0 22px 32px #233b5d35 }
.machine-c[data-finish=blue] .top-cap { background:#fff200;box-shadow:0 2px 1px #13234833 }
.machine-c[data-finish=blue] .brand { color:#fffcec }
.machine-c[data-finish=blue] .brand>span { color:#c6d9f1 }
.machine-c[data-finish=blue] .marquee { border-color:#6b8ab1 }
.machine-c[data-finish=blue] .marquee-note { color:#dce8f6;border-color:#fff200 }
.machine-c[data-finish=blue] .selectors { background:#173771;border-color:#123365;box-shadow:inset 0 2px 3px #061b4360 }
.machine-c[data-finish=blue] .selector[aria-pressed=true] .selector-word { color:#194578 }
.machine-c[data-finish=blue] .selector[aria-pressed=true] .selector-lamp { background:#fff200;box-shadow:0 0 6px #fff20080 }
.machine-c[data-finish=blue] .readout { border-color:#15396e;border-bottom-color:#507eb4 }
.machine-c[data-finish=blue] .world .label, .machine-c[data-finish=blue] .collection .label { border-top-color:#e2c64d }
.machine-c[data-finish=blue] .instruction p, .machine-c[data-finish=blue] .instruction-number, .machine-c[data-finish=blue] .rail-bottom { color:#c5d5e8;border-color:#87a4c7 }
.machine-c[data-finish=blue] .vents { background:repeating-linear-gradient(180deg,#123167 0 2px,transparent 2px 7px) }
.machine-c[data-finish=blue] .service-panel { border-color:#113265;box-shadow:inset 0 1px #5780b4 }
.machine-c[data-finish=blue] .service-mark>span, .machine-c[data-finish=blue] .service-mark small { color:#c8d9ed }
.machine-c[data-finish=blue] .base { background:linear-gradient(#254478,#163059);border-color:#0b254e }

body { padding: 32px 0 46px; }
@media(max-width:650px) { body { padding: 14px 0 32px; } }

/* Useful labels stay readable; only decorative serial markings remain tiny. */
.site-heading { margin: 0; font: inherit; line-height: 1; }
.machine-c .display-count { font-size: 10px; }
.machine-c .choice-desc, .machine-c .build .choice-desc { font-size: 11px; line-height: 1.45; }
.machine-c .label-top { font-size: 10px; }
.machine-c .press-face { font-size: 10px; }
.machine-c .return-key { min-height: 44px; display: inline-flex; align-items: center; }