: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{background-color:var(--bg);width:100vw;height:100%;color:var(--fg);font-size:14px;font-family:var(--font);margin:0;padding:0}body{overscroll-behavior:none;display:flex;overflow:hidden}body>div{border:1px solid #adff2f}#penArea{background-color:hsl(var(--hue) 100% 5%);touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}.mono{font-family:var(--mono-font)}section{padding:var(--padding)}.infoArea{padding:var(--padding-l);flex-grow:2;max-width:20em}.cell{width:3em}#helpArea{color:#000;background-color:#fff;width:100vw;height:100vh;padding:2em;display:none;position:absolute}#helpArea>div{max-width:40vw;height:100%;margin:auto;overflow:scroll}