:root{--text:#000;--secondary-text:#dcdcdc;--background-color:#fff;--primary-color:teal;--primary-color-text:#fff;--gutter-width:14ch}@media(max-width:30em){:root{--gutter-width:1ch}}*{box-sizing:border-box}body{background-color:var(--background-color);color:var(--text);padding:0;margin:0}button,html,input{font-family:Courier,monospace;font-size:13px;line-height:1}button,input[type=submit]{background-color:var(--primary-color);color:var(--primary-color-text);cursor:pointer;border:0;padding:.2em .4em}button:hover,input[type=submit]:hover{filter:brightness(1.5)}input[type=text]{border:0;padding:.2em .4em}main{text-align:center;padding-top:100px}.grid{display:grid;grid-template-columns:300px auto}.grid .left-column{width:100%;border-right:1px solid #dcdcdc}.draw.svelte-cn17ai.svelte-cn17ai,div.svelte-19el4zg{border-top:.2em solid var(--primary-color)}.draw.svelte-cn17ai.svelte-cn17ai{padding:20px 0;background:#fffaf0;width:100%;border-bottom:.2em solid var(--primary-color)}.draw.svelte-cn17ai form.svelte-cn17ai{width:100%}.draw.svelte-cn17ai form.svelte-cn17ai input{margin:3px;width:90%}.draw.svelte-cn17ai form.svelte-cn17ai .autocomplete{width:100%}.draw.svelte-cn17ai form.svelte-cn17ai .autocomplete.select.is-fullwidth:after{display:none}form.svelte-jv8321{padding:10px;width:100%;background:#fffaf0;border-top:.2em solid var(--primary-color)}.board.svelte-js4crv.svelte-js4crv{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);grid-column-gap:0;grid-row-gap:0;grid-gap:1px;background-color:#000;margin:50px auto;border:1px solid #000;max-width:800px;min-height:500px}.board.svelte-js4crv p.no-squares.svelte-js4crv{grid-column:1/span 5;grid-row:1/span 5;height:100%;margin:0;padding:100px 50px}.board.svelte-js4crv p.no-squares.svelte-js4crv,.square.svelte-1fzxatp{background-color:#fff;display:flex;align-items:center;justify-content:center}.square.svelte-1fzxatp{width:100%;min-height:130px;padding:20px}.square.drawn.svelte-1fzxatp{background-color:#d3d3d3}.navbar.svelte-ykczfr.svelte-ykczfr{display:inline;position:absolute;top:0;left:0;width:100%;text-align:center;align-items:center}.navbar.svelte-ykczfr a.svelte-ykczfr{cursor:pointer;color:#00f}h2.svelte-1e7eior{text-decoration:underline}p.svelte-1e7eior{font-size:16px}h2.svelte-mzq41i{text-decoration:underline}p.svelte-mzq41i{font-size:16px}