body {
    background:#1e1e1e;
    color:white;
    font-family:Arial, sans-serif;
    display:flex;
    flex-direction:column;
    align-items:center;
}

h1 { margin:10px; }
#status { margin:10px; font-size:18px; }

.board {
    display:grid;
    grid-template-columns:repeat(8,64px);
    border:4px solid #333;
}

.square {
    width:64px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:42px;
    cursor:pointer;
}

.light { background:#f0d9b5; }
.dark { background:#b58863; }
.selected { outline:3px solid red; }
.move { outline:3px solid lime; }