@font-face{font-family:Bedstead;src:url(/fonts/bedstead.otf)format("opentype");font-display:block}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tt-red:red;--tt-green:#0f0;--tt-yellow:#ff0;--tt-blue:#00f;--tt-magenta:#f0f;--tt-cyan:#0ff;--tt-white:#fff;--tt-black:#000}*{box-sizing:border-box}html,body{color:#ddd;background:#0b0b0e;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{min-height:100vh}.stage{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100dvh;padding:12px 8px;display:flex}.tv{background:#000;padding:12px;position:relative}.screen{cursor:default;background:#000;display:block}.sr-only{clip:rect(0 0 0 0);white-space:pre;width:1px;height:1px;position:absolute;overflow:hidden}.stale{color:#a66;letter-spacing:.08em;font:11px/1 ui-monospace,monospace;position:absolute;bottom:-16px;left:12px}.tv.crt{border-radius:18px/24px;overflow:hidden;box-shadow:0 0 0 6px #17171c,inset 0 0 40px #000c,0 20px 60px #0009}.tv.crt .screen{filter:blur(.3px)saturate(1.2)brightness(1.05)}.tv.crt:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#00000047 2px 3px),radial-gradient(#0000 55%,#00000073 100%);position:absolute;inset:0}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;display:flex}.fastkeys{gap:8px;display:flex}.fk{cursor:pointer;border:0;border-radius:7px;width:46px;height:28px;box-shadow:inset 0 -3px #00000059}.fk-r{background:#d42}.fk-g{background:#2b2}.fk-y{background:#dc2}.fk-c{background:#2bc}.fk:active{box-shadow:none;transform:translateY(1px)}.keypad{grid-template-columns:repeat(8,46px);gap:6px;display:grid}.keypad button{color:#ddd;cursor:pointer;touch-action:manipulation;background:#17171c;border:1px solid #2a2a33;border-radius:7px;height:34px;font:600 14px/1 ui-monospace,SF Mono,Menlo,monospace}.keypad button.fn{color:#9aa;letter-spacing:.04em;font-size:11px}.keypad button:hover{background:#22222a}.keypad button.on{color:#fff;background:#3a3ed6;border-color:#3a3ed6}.keypad button:disabled{opacity:.35;cursor:default}@media (max-width:640px){html,body{height:100%;overflow:hidden}.stage{padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:flex-start;gap:8px;height:100dvh;min-height:0}.tv{padding:4px}.tv.crt{border-radius:10px;box-shadow:0 0 0 3px #17171c}.controls{flex-flow:column;flex:1;gap:8px;width:100%;max-width:480px;min-height:0}.fastkeys{gap:6px;width:100%}.fk{flex:1;width:auto;height:32px}.keypad{flex:1;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:6px;width:100%;min-height:0}.keypad button{height:auto;min-height:36px;font-size:18px}.keypad button.fn{font-size:13px}}