:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{margin:0;width:100%;height:100%;container:root-container/size}#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:row;justify-content:center;position:absolute}#maze-canvas{width:auto;height:100%;aspect-ratio:1}#info{position:absolute;right:1em;padding:1em}ul{margin:0;text-indent:0;list-style:none;display:flex;flex-direction:column}ul li{display:flex;flex-direction:row;gap:1em;text-align:right}ul li code{width:4em}#keys .doc{margin:auto 0}#state{margin-top:2em}#state span{font-style:italic}@container root-container (aspect-ratio < 1){#root{flex-direction:column}#root #maze-canvas{width:100%;height:auto}}