.main-container {
    width: 660px;
    margin: auto;
    text-align: center;
}

.player-info table thead th {
    width: 33%;
}

.map {
    display: grid;
    overflow: visible; 
    border: 10px solid green;
    border-radius: 5px;
}

.tile {
    height: 32px;
    width: 32px;
    background-color: rgb(0, 200, 0);
    overflow: visible;
    position: relative;
}

.map .player-position {
    position: absolute;
    top: -6px;
    left: 0px;
    cursor: default;
}

.city-name {
    position: absolute;
    right: 0px;
    z-index: 1000;
    cursor: default;
}