body { font-family: Arial; background-color: #f0f0f0; }
#lobby { margin: 20px; }
.table { border: 1px solid #333; padding: 10px; margin: 10px; display: inline-block; cursor: pointer; }
.table:hover { background-color: #ddd; }
#chessboard { display: grid; grid-template-columns: repeat(9, 60px); grid-template-rows: repeat(10, 60px); margin: 20px; }
.cell { width: 60px; height: 60px; border: 1px solid #000; display: flex; align-items: center; justify-content: center; font-size: 24px; }
#log { margin-top: 10px; height: 200px; overflow-y: scroll; background: #fff; padding: 5px; }