#board-wrapper{width:calc(min(100vw - 1rem, 600px));aspect-ratio:1 / 1;resize:horizontal;overflow:auto;min-width:280px;min-height:280px;max-width:100%}#board{width:100%;height:100%;touch-action:manipulation}.board-column{width:fit-content}.board-manipulation-buttons{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:0.5rem}.board-manipulation-buttons .btn-group{justify-content:space-between}.board-manipulation-buttons .board-manipulation-button{flex:1 1 auto}.current-position{background-color:#ececbd}#move-list-wrapper{display:flex;flex-direction:column;min-height:0;max-height:calc(min(100vw - 1rem, 600px))}.move-list{height:calc(min(100vw - 1rem, 600px));width:100%;overflow-y:auto;overflow-x:hidden;font-size:1.25rem;border:1px solid black;padding:0.5rem}.move-text{box-sizing:border-box;border:1px solid transparent}.move-text:hover{cursor:pointer;border:1px solid black}.move-list.move-list--inline{display:block;white-space:normal}.move-list.move-list--inline .move-text{display:inline-block;white-space:nowrap;margin-right:0.25rem;vertical-align:top}.move-list.move-list--table{display:grid;grid-template-columns:max-content 1fr;column-gap:1rem;row-gap:0.25rem;align-content:start;justify-content:start}.move-list.move-list--table .move-number{flex:0 0 auto}.move-list.move-list--table .move-text{display:block;width:fit-content;text-wrap:nowrap}.move-list.move-list--table .move-text.current-position{display:inline-block;width:fit-content;border-radius:0.25rem}.move-list.move-list--table .move-text:nth-child(odd){grid-column:1}.move-list.move-list--table .move-text:nth-child(even){grid-column:2}.selected-square{box-shadow:inset 0 0 3px 3px #ff0}