html,body{background:#05040f;height:100%;margin:0;overflow:hidden}canvas{width:100vw;height:100vh;image-rendering:pixelated;display:block}canvas.link{cursor:pointer}canvas.idle{cursor:none}#error{color:#c9d2ff;white-space:pre-wrap;place-items:center;padding:24px;font:14px/1.5 ui-monospace,Menlo,monospace;display:none;position:fixed;inset:0}#about{color:#c9d2ff;background:#05040f99;place-items:center;padding:16px;font:15px/1.5 ui-monospace,Menlo,monospace;display:grid;position:fixed;inset:0}#about[hidden]{display:none}#about .panel{background:#0d0b24;border:2px solid #3a3570;max-width:36em;max-height:calc(100vh - 32px);padding:20px 24px;overflow:auto;box-shadow:6px 6px #000}#about h1{letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:20px}#about h2{letter-spacing:.08em;text-transform:uppercase;color:#8d8ab8;margin:16px 0 4px;font-size:13px}#about p,#about ul{margin:0}#about ul{padding-left:1.2em}#about li{margin:6px 0}#about a{color:#9fd3ff}#about .panel:focus{outline:none}#about a:focus-visible,#about button:focus-visible{outline-offset:2px;outline:2px solid #ffd27a}#about .close{font:inherit;color:inherit;cursor:pointer;background:#1d1a44;border:2px solid #3a3570;margin-top:16px;padding:4px 14px}