@font-face{font-family:Inside;src:url(../inside.woff) format("woff");font-display:swap}:root{--desktop:#172323;--frame:#333e3e;--panel:#485454;--button:#a8b3b3;--ink:#080c0c;--teal:#284f50;--cyan:#55ffff;--dos:#0000aa;--white:#e7efdf;--yellow:#ffff55}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--desktop);color:#ddd}body{display:grid;place-items:center;min-height:100svh;padding:18px 12px;background-image:radial-gradient(#2b3b3b .7px,transparent .7px);background-size:4px 4px;font-family:Inside,monospace}#app{width:100%;min-width:0}button{font:inherit;cursor:pointer;touch-action:manipulation;border-radius:0}.window{width:min(100%,1040px);margin:auto;padding:5px;border:1px solid #b0baba;outline:2px solid #050909;outline-offset:2px;background:var(--frame)}.titlebar{height:32px;display:flex;border:1px solid #080c0c;background:#8c9999;color:#f5ffff}.system{width:34px;min-width:34px;height:30px;border:0;background:var(--button);color:#080c0c;font-size:24px;line-height:1}.stripe{display:flex;justify-content:center;align-items:center;flex:1;background:repeating-conic-gradient(#182424,#182424 25%,#a9b5b5 0%,#a9b5b5 50%) 0 0/2px 2px}.stripe span{font-size:20px;line-height:26px;padding:0 18px;background:#060b0b;border-inline:2px solid #a9b5b5}.series{display:flex;justify-content:space-between;gap:8px;padding:10px 9px 8px;border:1px solid #080c0c;border-top:0;background:var(--teal);color:#cff;font-size:11px;line-height:12px}.monitor{background:#000;border:2px solid #0b1010;padding:4px;margin-top:5px;position:relative;line-height:0}canvas{display:block;width:100%;aspect-ratio:4/3;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;outline:none;background:#000}canvas:focus-visible{outline:1px solid #55ffff;outline-offset:1px}.keys{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;padding:7px 4px 4px;margin-top:5px;border:1px solid #111b1b;background:var(--panel)}.keys button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #070c0c;border-bottom:3px solid #070c0c;background:var(--button);color:#101818;padding:8px 1px 6px;min-height:50px;line-height:12px;font-size:9px}.keys span{display:block;font-size:16px;line-height:16px;margin-bottom:6px}.keys #fullscreen{background:#c8d6d6}button:hover,button:focus-visible{background:#d2e2e2;color:#000;outline:2px solid #55ffff;outline-offset:0}.keys button:active,.system:active{background:#4a6666;color:#fff}footer{display:flex;justify-content:space-between;font-size:9px;padding:10px 5px 5px;color:#9cb1af;gap:8px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.minimized .monitor,.minimized .keys,.minimized footer{display:none}@media(min-width:700px){.window{max-width:calc((100svh - 190px)*4/3)}}@media(max-width:600px){body{padding:12px 6px;align-items:start}.window{padding:3px}.titlebar{height:28px}.system{height:26px;width:28px;min-width:28px}.stripe span{font-size:18px;line-height:24px;padding:0 12px}.series{font-size:8px;line-height:10px;padding:8px 5px}.monitor{padding:2px;margin-top:4px}.keys{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:6px 3px 3px}.keys button{min-height:51px;font-size:9px}.keys span{font-size:16px}footer{font-size:7px;line-height:11px}}.monitor:fullscreen,.monitor.program-fullscreen{background:#000;border:0;padding:0;margin:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.monitor.program-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;width:100vw;height:100svh}.monitor:fullscreen canvas,.monitor.program-fullscreen canvas{width:min(100vw,calc(100svh * 4 / 3));height:auto;max-width:100%;max-height:100%;aspect-ratio:4/3;object-fit:contain}.screen-surface{position:relative;width:100%;line-height:0}.dos-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.dos-controls button{position:absolute;opacity:0;pointer-events:auto;padding:0;margin:0;border:0;min-width:0;min-height:0}.date-open #date-input{clip:auto!important;width:76.875%!important;height:7%!important;left:11.25%;top:36%;opacity:0;font-size:16px;margin:0!important;padding:0!important;pointer-events:auto}.monitor:fullscreen .screen-surface,.monitor.program-fullscreen .screen-surface{width:min(100vw,calc(100svh * 4 / 3));max-width:100%;aspect-ratio:4/3}.monitor:fullscreen canvas,.monitor.program-fullscreen canvas{width:100%;height:100%;max-height:none}.dos-controls{overflow:hidden}.dos-controls button{overflow:hidden;white-space:nowrap;font-size:1px;line-height:1px}.exit-full{display:none;position:absolute;right:4px;bottom:4px;z-index:20;background:#aaa;color:#000;border:2px solid #fff;padding:7px;font-size:12px;line-height:14px}.full-active .exit-full{display:block}.monitor:fullscreen .screen-surface,.monitor.program-fullscreen .screen-surface{flex:none;width:min(100vw,calc(100dvh * 4 / 3));height:min(100dvh,75vw);max-height:none;aspect-ratio:4/3}.monitor:fullscreen canvas,.monitor.program-fullscreen canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto;object-fit:fill}.screen-surface,.dos-controls button{touch-action:none}@media(max-width:600px){.keys #restart{grid-column:span 2}.keys #fullscreen{grid-column:1/-1}}