#chessApp{
background:#111;
color:white;
padding:25px;
border-radius:12px;
max-width:700px;
font-family:Arial;
}

#chessApp h2{
text-align:center;
margin-bottom:15px;
}

.controls{
margin-bottom:15px;
}

.controls button{
background:#ff9800;
border:none;
color:white;
padding:6px 14px;
margin-left:5px;
border-radius:5px;
cursor:pointer;
}

.controls select{
padding:6px;
}

.game-area{
display:flex;
gap:20px;
}

#board{
width:400px;
}

#history{
background:#1e1e1e;
padding:10px;
width:150px;
max-height:400px;
overflow:auto;
}

#moveList{
font-size:14px;
line-height:1.6;
}