@font-face{font-family:AppleII;src:url(./AppleII-O06mxf_v.ttf)}@font-face{font-family:Fix15MonoBold;src:url(./Fix15Mono-Bold-X74E5ygY.woff)}@font-face{font-family:White Rabbit;src:url(./whitrabt-zV4krn2l.ttf)}body{font-family:AppleII,monospace;padding:0;margin:0;background:#383633}main{min-height:100vh;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}canvas{image-rendering:pixelated;image-rendering:crisp-edges}#screen{transition:all .5s ease-in-out}#screen canvas{background:#000;width:100%;height:100%}button{font-size:1em;font-family:Courier New,Courier,monospace;font-weight:700;line-height:1.5em;padding:.3em 1em;margin:.2em;border:solid 1px black;background:#0004;color:#888683}button:active{margin:.4 .5em 0 .5em;background:#000;color:#f8f6f3}#buttons{display:flex;align-items:center;gap:.5em}#dir-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:.2em;justify-items:center;align-items:center}.up-key{grid-row:1;grid-column:2}.left-key{grid-row:2;grid-column:1}.down-key{grid-row:2;grid-column:2}.right-key{grid-row:2;grid-column:3}