.mr-machine{--ink:#26211b;--paper:#fffbf2;--card:#f1e6c8;--steel-0:#eeeae0;--steel-100:#dcd6c8;--steel-200:#c9c2b1;--steel-400:#9e9787;--steel-600:#6f695d;--steel-800:#3e3a33;--sage:#aeb596;--bakelite:#2e211a;--bakelite-hi:#5a4234;--chrome-hi:#faf7f0;--chrome-mid:#c9c4b8;--chrome-lo:#7d786d;--tape:#5b3420;--tape-edge:#3a2116;--tape-sheen:#8a5638;--phos-base:#0f2219;--phos:#7cffb0;--phos-core:#b9ffd6;--lamp-red:#e0473a;--lamp-amber:#f2a33a;--lamp-green:#8bc34a;--lamp-white:#f5ecd7;--lamp-off:#3b352c;--ease-print:cubic-bezier(0.2,0.8,0.2,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-overshoot:cubic-bezier(0.34,1.56,0.64,1);container:machine/size;position:relative;color:var(--ink);min-width:0}.mr-machine[data-fit=fill]{flex:1 1 0%;min-height:0;height:100%}.mr-machine[data-fit=contained]{height:clamp(560px,calc(100dvh - 12rem),820px)}.mr-grid{display:grid;height:100%;gap:8px;--desc-lines:2}.mr-rightcol{display:contents}.mr-readout{grid-area:readout;min-width:0}.mr-library{grid-area:library}.mr-drive,.mr-library{min-height:0;min-width:0}.mr-drive{grid-area:drive}.mr-crt{grid-area:crt;min-height:0;min-width:0}.mr-panel{grid-area:panel;min-width:0}.mr-grid{grid-template-columns:minmax(0,1fr) clamp(88px,30cqw,116px);grid-template-rows:clamp(112px,31cqh,208px) auto auto minmax(108px,1fr);grid-template-areas:"crt drive" "panel panel" "readout readout" "library library"}@container machine (min-width: 600px){.mr-grid{--desc-lines:5;gap:12px;grid-template-columns:clamp(156px,23cqw,200px) minmax(0,1fr) minmax(0,1.25fr);grid-template-rows:minmax(0,1.3fr) auto minmax(0,1fr);grid-template-areas:"drive crt crt" "panel panel panel" "readout readout library"}}@container machine (min-width: 960px){.mr-grid{--desc-lines:4;grid-template-columns:clamp(200px,19cqw,252px) minmax(0,1fr) clamp(296px,29cqw,372px);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"drive crt library" "drive panel library"}.mr-rightcol{grid-area:library;display:flex;flex-direction:column;gap:12px;min-height:0}.mr-readout{grid-area:auto;flex:none}.mr-library{grid-area:auto;flex:1 1 0%}}@container machine (min-width: 960px) and (min-height: 600px){.mr-grid{--desc-lines:6}}@container machine (min-width: 960px) and (max-height: 480px){.mr-grid{--desc-lines:2}.mr-kicker{display:none}}@container machine (min-width: 600px) and (max-width: 959px) and (max-height: 640px){.mr-grid{--desc-lines:3;grid-template-rows:minmax(0,1.15fr) auto minmax(0,1fr)}}@container machine (max-width: 599px) and (max-height: 430px){.mr-grid{grid-template-rows:clamp(104px,28cqh,160px) auto auto minmax(104px,1fr);gap:6px}.mr-desc{--desc-lines:1}}.mr-only-h{display:none}@container machine (max-width: 599px){.mr-hide-h{display:none!important}.mr-only-h{display:revert}.mr-machine .mr-sr-h{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}.mr-drive{container:drive/inline-size}.mr-drive-mini{display:none}@container drive (max-width: 140px){.mr-drive-full{display:none!important}.mr-drive-mini{display:flex}}.mr-panel{container:panel/inline-size}@container panel (max-width: 619px){.mr-time{display:none}}.mr-empty{display:grid;place-items:center;height:100%}.mr-unit{border:2px solid var(--ink);border-radius:12px;box-shadow:4px 4px 0 0 var(--ink);overflow:hidden}.mr-steel{background-color:var(--steel-100)}.mr-putty,.mr-steel{background-image:var(--tex-speckle)}.mr-putty{background-color:#e6dfcd}.mr-stripes{flex:none;height:10px;border-bottom:2px solid var(--ink);background:linear-gradient(#5e7f6e 0 25%,#aeb596 25% 50%,#e5c98a 50% 75%,#cf7552 75%)}.mr-engraved{font-family:var(--font-mono),monospace;font-weight:500;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.2em;color:rgba(38,33,27,.8);text-shadow:0 1px 0 rgba(255,251,242,.6);white-space:nowrap}.mr-engraved-light{color:hsla(42,60%,90%,.82);text-shadow:0 -1px 0 rgba(0,0,0,.5)}.mr-drive{display:flex;flex-direction:column;height:100%}.mr-plate{flex:none;height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.mr-transport{display:block;width:100%;height:auto;aspect-ratio:200/136;flex:none}.mr-cols{position:relative;flex:1 1 0%;min-height:40px}.mr-col{position:absolute;top:-1px;bottom:8px;width:12%;overflow:hidden;border:1.5px solid var(--ink);border-top:0;border-radius:0 0 6px 6px;background:linear-gradient(115deg,transparent 30%,rgba(255,251,242,.35) 38%,transparent 47%),linear-gradient(90deg,#cfc9ba,#e7e2d6 50%,#cfc9ba);box-shadow:inset 0 0 6px rgba(0,0,0,.25)}.mr-col[data-side=L]{left:19%}.mr-col[data-side=R]{left:69%}.mr-loop{position:absolute;inset:0;--d:0.5}.mr-loop-sides{left:18%;right:18%;top:0;height:100%;border-inline:2px solid var(--tape);transform:translateY(calc((var(--d) - 1) * 100% - 12px))}.mr-loop-sides,.mr-loop-track{position:absolute;will-change:transform}.mr-loop-track{inset:0;transform:translateY(calc((var(--d) - 1) * 100%))}.mr-loop-cap{position:absolute;left:18%;right:18%;bottom:0;height:14px;border:2px solid var(--tape);border-top:0;border-radius:0 0 999px 999px}.mr-port{position:absolute;left:-1px;width:5px;height:5px;border-radius:999px;background:var(--steel-600);border:1px solid var(--ink)}.mr-baseplate{height:50px;display:flex;justify-content:space-between;gap:8px;padding:0 10px}.mr-baseplate,.mr-baseplate-mini{flex:none;align-items:center;border-top:2px solid var(--ink);background:var(--steel-200)}.mr-baseplate-mini{height:18px;justify-content:center}.mr-register{display:grid;grid-template-columns:repeat(8,8px);gap:3px}.mr-lamp{flex:none;display:inline-block;width:10px;height:10px;border-radius:999px;border:1px solid #1a1612;background-color:var(--lamp-off);box-shadow:inset 0 1px 2px rgba(0,0,0,.6);transition:background-color 80ms,box-shadow .12s,opacity .12s}.mr-lamp-sm{width:8px;height:8px}.mr-lamp[data-tone=red]{--lamp-c:var(--lamp-red);--lamp-g:rgba(224,71,58,.66)}.mr-lamp[data-tone=amber]{--lamp-c:var(--lamp-amber);--lamp-g:rgba(242,163,58,.66)}.mr-lamp[data-tone=green]{--lamp-c:var(--lamp-green);--lamp-g:rgba(139,195,74,.66)}.mr-lamp[data-tone=white]{--lamp-c:var(--lamp-white);--lamp-g:hsla(42,60%,90%,.66)}.mr-lamp[data-on=true]{background-color:var(--lamp-c);box-shadow:0 0 8px 2px var(--lamp-g),inset 0 -2px 2px rgba(0,0,0,.25)}.mr-lamp[data-dim=true]{opacity:.45}.mr-panel{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;box-shadow:2px 2px 0 0 var(--ink)}.mr-lampfield{height:30px;display:flex;align-items:center;gap:10px;padding:0 4px 0 3px;background:var(--bakelite);border-radius:6px;box-shadow:inset 0 2px 3px rgba(0,0,0,.55)}.mr-status{display:inline-flex;align-items:center;gap:4px}.mr-teletype{flex:1 1 0%;min-width:0;height:24px;display:flex;align-items:center;padding:0 8px;background:#f7efdc;border-radius:3px;font-family:var(--font-mono),monospace;font-size:11px;font-weight:500;letter-spacing:.06em;color:#2a241d;text-shadow:0 0 .4px currentColor;white-space:nowrap;overflow:hidden}.mr-caret{display:inline-block;width:.55em;height:1em;margin-left:2px;background:currentColor;animation:mr-blink 1s steps(1) infinite}.mr-keyrow{align-items:center;gap:12px}.mr-keyrow,.mr-keys{display:flex;min-width:0}.mr-keys{gap:8px}.mr-key{flex:0 1 68px;width:68px;min-width:44px;height:52px;margin-bottom:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:2px solid var(--ink);border-radius:6px;background-color:var(--cap-off);color:var(--cap-text,#f5ecd7);box-shadow:0 4px 0 0 var(--ink);font-family:var(--font-mono),monospace;font-weight:600;font-size:10px;letter-spacing:.16em;text-transform:uppercase;transition:transform .1s ease-out,box-shadow .1s ease-out,background-color .12s;touch-action:manipulation}.mr-key-glyph{font-size:13px;letter-spacing:0;line-height:1}.mr-key[data-tone=cream]{--cap-on:#f5ecd7;--cap-off:#b9b09a;--cap-glow:hsla(42,60%,90%,.5);--cap-text:var(--ink)}.mr-key[data-tone=green]{--cap-on:#8bc34a;--cap-off:#4f6a33;--cap-glow:rgba(139,195,74,.55)}.mr-key[data-tone=red]{--cap-on:#e0473a;--cap-off:#6b2a22;--cap-glow:rgba(224,71,58,.5)}.mr-key[data-tone=amber]{--cap-on:#f2a33a;--cap-off:#7a5420;--cap-glow:rgba(242,163,58,.55)}.mr-key[data-lit=true]{background-color:var(--cap-on);color:var(--ink);box-shadow:0 4px 0 0 var(--ink),inset 0 0 10px hsla(0,0%,100%,.45),0 0 12px 1px var(--cap-glow)}.mr-key:active{transform:translateY(3px);box-shadow:0 1px 0 0 var(--ink)}@container machine (min-width: 600px) and (max-width: 959px){.mr-key{flex-basis:84px;width:84px}}@container machine (max-width: 599px){.mr-panel{padding:6px;gap:0}.mr-keyrow,.mr-keys{flex:1 1 0%;gap:6px}.mr-key{flex:1 1 0%;width:auto;min-width:44px;height:44px;gap:1px;font-size:9px;letter-spacing:.1em}}.mr-counter{flex:none;display:inline-flex;align-items:center;gap:6px}.mr-drums{display:flex;gap:2px;padding:3px;border:1px solid var(--ink);border-radius:4px;background:linear-gradient(var(--chrome-hi),var(--chrome-mid) 55%,var(--chrome-lo))}.mr-drum{position:relative;width:18px;height:28px;overflow:hidden;border-radius:2px;background:#16130f;box-shadow:inset 0 4px 3px rgba(0,0,0,.75),inset 0 -4px 3px rgba(0,0,0,.75)}.mr-drum-strip{position:absolute;left:0;right:0;top:0;height:1100%;display:flex;flex-direction:column;will-change:transform}.mr-drum-strip>span{flex:1 1 0%;display:grid;place-items:center;color:#f5ecd7;font:500 15px/1 var(--font-mono),monospace}.mr-crt{display:flex;flex-direction:column;padding:12px;background-color:var(--sage);background-image:var(--tex-speckle);border-radius:14px}.mr-bezel{display:flex;padding:10px;border-radius:12px;background:var(--bakelite);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.08),inset 0 -3px 0 rgba(0,0,0,.35)}.mr-bezel,.mr-tubeslot{flex:1 1 0%;min-height:0}.mr-tubeslot{min-width:0;container-type:size;display:grid;place-items:center}.mr-tube{--glow:rgba(255,240,210,.18);position:relative;aspect-ratio:4/3;width:min(100cqw,133.333cqh);border-radius:9%/12%;overflow:hidden;background:#0b0f0c;isolation:isolate}.mr-tube[data-phos=green]{--glow:rgba(124,255,176,.25);background:var(--phos-base)}.mr-tube[data-phos=amber]{--glow:rgba(255,181,71,.22);background:#1e1408}.mr-screen{position:absolute;inset:0;transition:filter .2s ease-out,opacity .3s ease-out}.mr-screen[data-phase=standby]{filter:brightness(.35)}.mr-screen[data-phase=halted]{filter:brightness(.85)}.mr-screen[data-phase=ended]{filter:brightness(.6)}.mr-raster,.mr-raster-flicker{position:absolute;inset:0;transform-origin:50% 50%}.mr-media{position:absolute;inset:0;overflow:hidden}.mr-tube[data-phos=green] .mr-media{filter:grayscale(1) sepia(1) hue-rotate(70deg) saturate(2.6) brightness(1.05) contrast(1.2)}.mr-tube[data-phos=amber] .mr-media{filter:grayscale(1) sepia(1) hue-rotate(-12deg) saturate(3) brightness(1.05)}.mr-tube[data-phos=color] .mr-media{filter:saturate(.9) contrast(1.04)}.mr-tube .mr-media[data-native=true]{filter:none}.mr-media img,.mr-media video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.mr-media>.mr-fill{position:absolute;inset:0;width:100%;height:100%}.mr-media[data-plate=site]>.mr-fill{inset:12% 10%;width:80%;height:76%}.mr-media[data-plate=native]>.mr-fill{inset:12% 6% 10%;width:88%;height:78%}.mr-glowlayer{box-shadow:inset 0 0 28px var(--glow)}.mr-glowlayer,.mr-scanlines{position:absolute;inset:0;pointer-events:none}.mr-scanlines{background:repeating-linear-gradient(180deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px)}.mr-rollband{left:0;right:0;top:0;height:8%;background:linear-gradient(transparent,hsla(0,0%,100%,.22),transparent)}.mr-noise,.mr-rollband{position:absolute;pointer-events:none;opacity:0}.mr-noise{inset:0;background-image:var(--tex-grain);mix-blend-mode:screen}.mr-glass{inset:0;border-radius:inherit;background:linear-gradient(125deg,transparent 30%,rgba(255,251,242,.1) 36%,transparent 45%),radial-gradient(ellipse at center,transparent 58%,rgba(0,0,0,.45) 100%);box-shadow:inset 0 0 24px rgba(0,0,0,.8)}.mr-glass,.mr-osd{position:absolute;pointer-events:none}.mr-osd{z-index:2;font:500 10px/1 var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--phos);text-shadow:0 0 6px var(--phos),0 1px 1px rgba(0,0,0,.9);white-space:nowrap}.mr-tube[data-phos=amber] .mr-osd{color:#ffb547;text-shadow:0 0 6px #ffb547,0 1px 1px rgba(0,0,0,.9)}.mr-osd-tl{top:7%;left:7%;max-width:60%;overflow:hidden;text-overflow:ellipsis}.mr-osd-tr{top:7%;right:7%}.mr-osd-br{bottom:7%;right:7%;font-variant-numeric:tabular-nums}.mr-osd-center{inset:0;display:grid;place-items:center;font-size:12px;text-align:center}.mr-crt-strip{flex:none;height:44px;margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px 0 6px}.mr-knob{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:999px;background:transparent}.mr-knob-cap{width:30px;height:30px;border-radius:999px;border:2px solid var(--ink);background:radial-gradient(circle at 35% 30%,var(--bakelite-hi),var(--bakelite) 70%);box-shadow:0 2px 0 var(--ink);position:relative;transition:transform .2s var(--ease-print)}.mr-knob-cap:after{content:"";position:absolute;left:50%;top:3px;width:2px;height:9px;margin-left:-1px;border-radius:1px;background:var(--lamp-white)}.mr-knob-deco{width:24px;height:24px;border-radius:999px;border:2px solid var(--ink);background:var(--bakelite)}.mr-crt-tty{display:none}@container machine (max-width: 599px){.mr-crt{padding:6px;border-radius:10px}.mr-bezel{padding:4px;border-radius:8px}.mr-crt-strip{height:16px;margin-top:4px;padding:0 2px}.mr-crt-strip>:not(.mr-crt-tty){display:none}.mr-crt-tty{display:block;min-width:0;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 9px/16px var(--font-mono),monospace;letter-spacing:.06em;color:var(--ink)}.mr-osd{font-size:8px}.mr-osd-center{font-size:9px}}