.container[data-v-58eecf0f]{--color-black: #252422;--color-square-light: #fffcf2;--color-square-dark: #ccc5b9;--color-highlighted-square: #ffe6a7;--color-active-border: #6f1d1b;--color-sidebar: #ffe6a7;font-size:12px;height:calc(100% - 2em);padding:1em;display:grid;gap:1em;grid-template-columns:2fr 1fr;grid-template-rows:100%}.board-container[data-v-58eecf0f]{aspect-ratio:1 / 1;height:100%;border:solid var(--color-black) 1px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}@media only screen and (max-width: 729px){.container[data-v-58eecf0f]{grid-template-rows:auto 1fr;grid-template-columns:100%}.board-container[data-v-58eecf0f]{height:auto;width:100%}}@media only screen and (max-width: 300px){.container[data-v-58eecf0f]{font-size:4vw}}.board-container .square[data-v-58eecf0f]{aspect-ratio:1 / 1;border:solid var(--color-black) 1px;padding:.5em}.board-container .row-1[data-v-58eecf0f]:nth-child(odd),.board-container .row-3[data-v-58eecf0f]:nth-child(odd),.board-container .row-5[data-v-58eecf0f]:nth-child(odd),.board-container .row-7[data-v-58eecf0f]:nth-child(odd){background-color:var(--color-square-light)}.board-container .row-1[data-v-58eecf0f]:nth-child(2n),.board-container .row-3[data-v-58eecf0f]:nth-child(2n),.board-container .row-5[data-v-58eecf0f]:nth-child(2n),.board-container .row-7[data-v-58eecf0f]:nth-child(2n){background-color:var(--color-square-dark)}.board-container .row-2[data-v-58eecf0f]:nth-child(odd),.board-container .row-4[data-v-58eecf0f]:nth-child(odd),.board-container .row-6[data-v-58eecf0f]:nth-child(odd),.board-container .row-8[data-v-58eecf0f]:nth-child(odd){background-color:var(--color-square-dark)}.board-container .row-2[data-v-58eecf0f]:nth-child(2n),.board-container .row-4[data-v-58eecf0f]:nth-child(2n),.board-container .row-6[data-v-58eecf0f]:nth-child(2n),.board-container .row-8[data-v-58eecf0f]:nth-child(2n){background-color:var(--color-square-light)}.board-container .square[data-v-58eecf0f]:hover{background-color:var(--color-highlighted-square);cursor:pointer}.board-container .square.active[data-v-58eecf0f]{color:#fff;background-color:var(--color-active-border);border-color:var(--color-active-border)}.sidebar-container[data-v-58eecf0f]{display:flex}.sidebar[data-v-58eecf0f]{border:solid var(--color-black) 1px;background-color:var(--color-sidebar);width:100%;padding:1em;display:flex;flex-direction:column}.selection-history[data-v-58eecf0f]{overflow-y:scroll;padding-left:14px}