*{padding:0;margin:0;border:none}*,*:before,*:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:transparent;background:none;cursor:pointer}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}input[type=file]{max-width:100%}body{background-color:#f0dab5}.app{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.board{width:532px;height:532px;display:flex;flex-wrap:wrap;border:10px solid #000;position:relative}.cell{width:64px;height:64px;display:flex;justify-content:center;align-items:center}.cell img{position:relative;width:60px;height:60px}.black{background-color:#b58763}.white{background-color:#f0dab5}.selected{background-color:#8b3a3a}.available{width:12px;height:12px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-color:#31b957}.coordinate-strip{position:absolute;width:64px;height:640px;background-color:#1b4d3e;display:flex;flex-direction:column-reverse;justify-content:center;color:#fff}.coordinate-strip li{width:64px;height:64px;display:flex;justify-content:center;align-items:center;font-size:30px;font-weight:700;font-family:Arial,Helvetica Neue,Helvetica,sans-serif}.coordinate-strip.horizontal{width:640px;height:64px;flex-direction:row;justify-content:center}.coordinate-strip.horizontal li{width:64px;height:64px}