@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-sans-condensed-latin-600-normal-CRd5VyFf.woff2) format("woff2"),url(./ibm-plex-sans-condensed-latin-600-normal-6XnkKYvF.woff) format("woff")}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./ibm-plex-sans-condensed-latin-700-normal-D8r4s4aS.woff2) format("woff2"),url(./ibm-plex-sans-condensed-latin-700-normal-D3enqrvP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(./ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff) format("woff")}:root{--case: #121418;--case2: #181b20;--well: #08090b;--line: #2b3038;--line2: #3a414b;--ink: #eef1f5;--ink2: #b4bcc7;--mute: #7f8994;--dark: #0b0c0e;--a: #34a865;--b: #e8a23a;--c: #e5484d;--off: #c7ccd4;--ok: #3fd07f;--warn: #f0b03f;--bad: #ff5c5c;--f-cond: "IBM Plex Sans Condensed", "Arial Narrow", sans-serif;--f-mono: "IBM Plex Mono", Consolas, monospace}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:transparent;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;font-family:var(--f-cond);color:var(--ink)}.unit{position:fixed;width:248px;background:var(--case);border:1px solid var(--line);border-radius:4px;box-shadow:0 2px #000,0 8px 24px #0000008c;overflow:hidden}.u-head{display:flex;align-items:center;gap:8px;height:28px;padding:0 12px;background:var(--case2);border-bottom:1px solid var(--line);color:var(--ink2)}.u-title{font:700 11px/1 var(--f-cond);letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}.u-name{margin-left:auto;font:600 11px/1 var(--f-cond);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.m-a .u-head svg{color:var(--a)}.m-b .u-head svg{color:var(--b)}.m-c .u-head svg{color:var(--c)}.m-a .u-name,.m-b .u-name,.m-c .u-name{color:var(--ink)}.u-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px}.key{height:30px;display:flex;align-items:center;justify-content:center;background:#1d2126;border:1px solid var(--line2);border-radius:3px;box-shadow:inset 0 -2px #00000059;font:700 14px/1 var(--f-cond);letter-spacing:.08em;color:var(--mute);transition:background-color 80ms linear,color 80ms linear}.key.k-off{font-size:12px}.key.lit{color:var(--dark);box-shadow:none}.key.lit.k-off{background:var(--off);border-color:var(--off)}.key.lit.k-a{background:var(--a);border-color:var(--a)}.key.lit.k-b{background:var(--b);border-color:var(--b)}.key.lit.k-c{background:var(--c);border-color:var(--c);color:#fff}.u-read{display:flex;align-items:stretch;margin:0 8px 8px;background:var(--well);border:1px solid var(--line);border-radius:3px}.u-read small,.pit-data em{font:600 10px/1 var(--f-cond);letter-spacing:.14em;color:var(--mute);font-style:normal}.r-spd,.r-cap{display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:8px 12px}.r-spd{flex:1}.r-spd div{display:flex;align-items:baseline;gap:6px}.r-spd b{font:600 34px/.8 var(--f-mono);color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.r-spd em{font:600 10px/1 var(--f-cond);letter-spacing:.12em;color:var(--ink2);font-style:normal}.r-cap{width:80px;border-left:1px solid var(--line)}.r-cap b{font:600 18px/.8 var(--f-mono);color:var(--ink2)}.pit{display:flex;gap:12px;padding:8px 12px 12px;border-top:1px solid var(--line)}.schem{width:56px;height:88px;flex:none;background:var(--well);border:1px solid var(--line);border-radius:3px}.schem .lane{stroke:#262b32;stroke-width:1;stroke-dasharray:4 4}.schem .car{fill:none;stroke-width:1.5}.schem .car.them{stroke:var(--ink2);fill:#1a1e24}.schem .car.ghost{stroke:#2f353e;stroke-dasharray:3 3}.schem .car.us{stroke:var(--ink);fill:#262b33}.schem .bar{fill:var(--a)}.m-c .schem .bar{fill:var(--c)}.m-b .schem .bar{fill:var(--b)}.schem .q{fill:none;stroke:var(--warn);stroke-width:1}.schem .q.on{fill:var(--ok);stroke:var(--ok);stroke-dasharray:none}.pit-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.pit-top{display:flex;align-items:center;gap:6px;color:var(--ink2);font:700 11px/1 var(--f-cond);letter-spacing:.16em}.pit-top .side{margin-left:auto;font:700 12px/1 var(--f-cond);letter-spacing:.12em;padding:3px 6px;border-radius:2px;background:var(--ink);color:var(--dark)}.pit-status{font:700 15px/1 var(--f-cond);letter-spacing:.06em;text-transform:uppercase}.pit-status.ok,.pit-status.bad{align-self:flex-start;padding:3px 6px;margin:-3px 0 -3px -6px;border-radius:2px;color:var(--dark)}.pit-status.ok{background:var(--ok)}.pit-status.warn{color:var(--warn)}.pit-status.bad{background:var(--bad)}.pit-status.idle{color:var(--ink2)}.leds{display:flex;gap:8px}.led{display:flex;align-items:center;gap:4px;font:600 10px/1 var(--f-cond);letter-spacing:.1em;color:var(--mute)}.led i{width:8px;height:8px;border-radius:1px;background:#2a3038;border:1px solid #39404a}.led.on{color:var(--ink)}.led.on i{background:var(--ok);border-color:var(--ok)}.pit-data{display:flex;gap:12px;font:600 13px/1 var(--f-mono);color:var(--ink)}.pit-data span{display:flex;align-items:baseline;gap:4px}body.preview{background:#2a2f36 center / cover no-repeat}.gallery{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px;padding:24px}.g-cell{display:flex;flex-direction:column;gap:8px}.g-cell .unit{position:relative}.g-cell code{font:600 12px/1 var(--f-mono);color:#fff;background:#000;padding:4px 6px;align-self:flex-start}
