:root{--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--mono-font: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;--hue: 210;--bg: hsl(var(--hue) 64% 37%);--faint: hsl(var(--hue) 100% 15%);--fg: hsl(var(--hue) 100% 90%);--padding: .3em;--padding-l: 1.2em}html,body{height:100%;width:100vw;margin:0;padding:0;background-color:var(--bg);color:var(--fg);font-size:14px;font-family:var(--font)}body{overscroll-behavior:none;overflow:hidden;display:flex}body>div{border:1px solid greenyellow}#penArea{flex-grow:1;background-color:hsl(var(--hue) 100% 5%);display:flex;flex-direction:column;touch-action:none;user-select:none;-webkit-user-select:none;align-items:center;justify-content:center}.mono{font-family:var(--mono-font)}section{padding:var(--padding)}.infoArea{flex-grow:2;padding:var(--padding-l);max-width:20em}.cell{width:3em}#helpArea{position:absolute;background-color:#fff;color:#000;padding:2em;width:100vw;display:none;height:100vh}#helpArea>div{overflow:scroll;height:100%;max-width:40vw;margin:auto}