:root{--bg:#000;--fg:#aaa;--dim:#555;--accent:#55f}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0;font:14px/1.4 ui-monospace,Cascadia Mono,Consolas,monospace}main{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100%;padding:16px;display:flex}.monitor{aspect-ratio:4/3;width:min(100%,133.333vh - 160px,1280px);position:relative}#screen{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;cursor:default;display:block}#start{color:var(--fg);pointer-events:none;place-items:center;margin:0;display:grid;position:absolute;inset:0}#start[hidden]{display:none}.keypad{grid-template-columns:repeat(6,1fr);gap:6px;width:min(100%,480px);display:none}.keypad button{font:inherit;color:var(--fg);border:1px solid var(--dim);touch-action:manipulation;background:#111;border-radius:4px;padding:10px 0}.keypad button:active{background:#222}.keypad .wide{grid-column:span 6}#typing{opacity:0;width:1px;height:1px;position:fixed;top:0;left:-100px}@media (pointer:coarse){.keypad{display:grid}}.credit{text-align:center;max-width:72ch;color:var(--dim);margin:0;font-size:12px}.credit a{color:var(--accent)}
