.game-board {
    display: grid;
    gap: 4px;
    margin: 20px auto;
    background: #444;
    padding: 4px;
    border-radius: 4px;
}

.cell {
    aspect-ratio: 1 / 1; /* Čtvercová políčka */
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    cursor: pointer;
}

.status{
    background:white;
    padding:10px;
    font-size:1.4em;
}

.cell.x { color: #e74c3c; }
.cell.o { color: #3498db; }
.game-board.over .cell { cursor: default; }