table {
    width: 100%;
}

td.win {
    background-color: #28a745;
    color: white;
}

td.loss {
    background-color: #dc3545;
    color: white;
}

td.draw {
    background-color: #ffc107;
    color: black;
}

.circle {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;  /* Makes it circular */
    margin-right: 5px;
}

.circle.win {
    background-color: #28a745;
}

.circle.loss {
    background-color: #dc3545;
}

.circle.draw {
    background-color: #ffc107;
}