@font-face{font-family:VT323;src:url(/fonts/vt323.woff2)format("woff2");font-display:block}:root{--ega-black:#000;--ega-blue:#00a;--ega-green:#0a0;--ega-cyan:#0aa;--ega-red:#a00;--ega-magenta:#a0a;--ega-brown:#a50;--ega-light-gray:#aaa;--ega-dark-gray:#555;--ega-light-blue:#55f;--ega-light-green:#5f5;--ega-light-cyan:#5ff;--ega-light-red:#f55;--ega-light-magenta:#f5f;--ega-yellow:#ff5;--ega-white:#fff;--scale:1;--px:calc(var(--scale) * 1px)}*{box-sizing:border-box}html,body{background:var(--ega-black);height:100%;color:var(--ega-white);-webkit-text-size-adjust:100%;margin:0;font-family:VT323,ui-monospace,monospace}body{place-items:center;display:grid;overflow-x:hidden}#monitor{--px:calc(var(--scale) * 1px);width:calc(320 * var(--px));position:relative}#screen{width:calc(320 * var(--px));height:calc(200 * var(--px));background:var(--ega-black);font-size:calc(10 * var(--px));line-height:1.05;position:relative;overflow:hidden}#scene{width:calc(320 * var(--px));height:calc(200 * var(--px));position:absolute;inset:0}#scene canvas{image-rendering:pixelated;width:calc(320 * var(--px))!important;height:calc(200 * var(--px))!important}#statusbar{height:calc(10 * var(--px));padding:0 calc(4 * var(--px));background:var(--ega-blue);color:var(--ega-light-cyan);font-size:calc(9 * var(--px));z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}#statusbar:empty{display:none}#window{left:calc(4 * var(--px));right:calc(4 * var(--px));top:calc(96 * var(--px));bottom:calc(4 * var(--px));padding:calc(4 * var(--px)) calc(6 * var(--px));background:var(--ega-black);border:var(--px) solid var(--ega-light-cyan);box-shadow:0 0 0 var(--px) var(--ega-blue);z-index:2;position:absolute;overflow-y:auto}#window.full{top:calc(14 * var(--px))}#window:empty{display:none}[data-orientation=portrait] #screen{height:auto;overflow:visible}[data-orientation=portrait] #scene{height:calc(96 * var(--px));position:relative;inset:auto;overflow:hidden}[data-orientation=portrait] #window{margin:calc(2 * var(--px)) calc(4 * var(--px)) 0;min-height:50vh;font-size:calc(12 * var(--px));position:relative;inset:auto}[data-orientation=portrait] #window.full{top:auto}#crt{pointer-events:none;box-shadow:inset 0 0 calc(30 * var(--px)) #0009;z-index:5;background:repeating-linear-gradient(#00000040 0 1px,#0000 1px 3px);position:absolute;inset:0}[data-crt=off] #crt{display:none}#corner{z-index:10;gap:6px;display:flex;position:fixed;top:8px;right:8px}[data-input=touch] .kbd-only,[data-input=keyboard] .touch-only{display:none!important}.title{color:var(--ega-yellow)}.dim{color:var(--ega-dark-gray)}.err{color:var(--ega-light-red);white-space:pre-line}.msg{white-space:pre-line}.blink{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.btn{font:inherit;color:var(--ega-black);background:var(--ega-light-gray);padding:0 calc(4 * var(--px));cursor:pointer;min-height:calc(12 * var(--px));border:0}.btn:focus-visible{outline:var(--px) solid var(--ega-yellow);outline-offset:var(--px)}.btn:disabled{background:var(--ega-dark-gray);color:var(--ega-black);cursor:default}.btn-go{background:var(--ega-green);color:var(--ega-white)}.btn-stop{background:var(--ega-red);color:var(--ega-white)}[data-input=touch] .btn{min-width:44px;min-height:44px}.row{align-items:center;gap:calc(4 * var(--px));display:flex}.sel{background:var(--ega-blue);color:var(--ega-white)}.spread{justify-content:space-between;gap:calc(4 * var(--px));display:flex}.c-yellow{color:var(--ega-yellow)}.c-light-cyan{color:var(--ega-light-cyan)}.c-light-green{color:var(--ega-light-green)}.c-light-red{color:var(--ega-light-red)}.c-light-gray{color:var(--ega-light-gray)}.c-white{color:var(--ega-white)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn-value{font:inherit;color:var(--ega-white);padding:0 calc(2 * var(--px));cursor:pointer;background:0 0;border:0;min-width:3ch}[data-input=touch] .btn-value{min-height:44px;font-size:1.4em;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.order .row.sel{background:var(--ega-blue)}#help{inset:calc(14 * var(--px)) calc(4 * var(--px)) calc(4 * var(--px));padding:calc(4 * var(--px)) calc(6 * var(--px));background:var(--ega-black);border:var(--px) solid var(--ega-yellow);z-index:4;position:absolute;overflow-y:auto}[data-orientation=portrait] #help{font-size:calc(12 * var(--px));position:fixed;inset:8px}#window p,#help p{margin:0 0 calc(3 * var(--px))}.big{font-size:2em}.center{text-align:center}.center-row{justify-content:center}.tabs{flex-wrap:wrap}.btn.sel{background:var(--ega-blue);color:var(--ega-white)}.board{border-collapse:collapse;width:100%}.board td{padding:0 calc(2 * var(--px))}.board .num{text-align:right}.initials-input{font:inherit;letter-spacing:.5em;background:var(--ega-blue);width:5ch;color:var(--ega-yellow);border:var(--px) solid var(--ega-light-cyan);text-transform:uppercase;padding:0 0 0 .5em;font-size:2em}.human{min-height:calc(16 * var(--px))}
