@font-face{font-family:Bedstead;src:url(/fonts/bedstead-ext.woff) format("woff");font-display:block}:root{--k:#000;--r:#f00;--g:#0f0;--y:#ff0;--b:#00f;--m:#f0f;--c:#0ff;--w:#fff}*{box-sizing:border-box}body,html{margin:0;background:#000;color:#fff}body{font-family:Bedstead,ui-monospace,monospace}.tv{display:flex;flex-direction:column;align-items:center;padding:6px 0 0}.screen{font-size:min(calc((100vw - 8px) / 30),30px);line-height:1;width:30em;background:#000;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.row{display:block;height:1em;white-space:pre;overflow:hidden;margin:0;font:inherit;font-weight:400}.row.dh{height:2em}.row.dh .dhi{display:inline-block;transform:scaleY(2);transform-origin:top left}.dhi{white-space:pre}.sub[hidden]{display:none}a{text-decoration:none;color:inherit}a:focus-visible,a:hover{text-decoration:underline;outline:none}.fk{color:var(--k)}.fr{color:var(--r)}.fg{color:var(--g)}.fy{color:var(--y)}.fb{color:var(--b)}.fm{color:var(--m)}.fc{color:var(--c)}.fw{color:var(--w)}.bk{background:var(--k)}.br{background:var(--r)}.bg{background:var(--g)}.by{background:var(--y)}.bb{background:var(--b)}.bm{background:var(--m)}.bc{background:var(--c)}.bw{background:var(--w)}.flash{animation:fl 1s steps(1) infinite}@keyframes fl{50%{visibility:hidden}}.keypad{display:grid;grid-template-columns:repeat(3,4.2rem);grid-gap:.45rem;gap:.45rem;margin:1.1rem 0 0;justify-content:center;align-items:center;font-size:18px}.keypad button{font:inherit;background:#111;color:#fff;border:2px solid #444;height:2.6rem;cursor:pointer}.keypad button:active{background:#00f}.keypad .typed{text-align:center;color:var(--g)}.fastkeys{grid-column:1/span 3;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.45rem;gap:.45rem}.fastkeys a{height:1.4rem;display:block;border-radius:3px}.kr{background:var(--r)}.kg{background:var(--g)}.ky{background:var(--y)}.kb{background:var(--b)}.info{max-width:30em;font-size:min(calc((100vw - 16px) / 34),15px);line-height:1.5;color:#fff;padding:1.4rem .6rem 2.5rem;width:100%}.info h2{font:inherit;color:var(--y);margin:1.2em 0 .3em}.info p{margin:.4em 0}.info a{color:var(--c)}.info ul{list-style:none;padding:0;margin:.3em 0;column-count:2}.info li{page-break-inside:avoid;break-inside:avoid}.info .num{color:var(--y)}.info .small{color:#aaa}@media (max-width:520px){.info ul{column-count:1}.keypad{grid-template-columns:repeat(3,3.6rem)}}