#rts-map-container {
    display: grid;
    grid-template-columns: repeat(50, 16px);
    grid-template-rows: repeat(50, 16px);
    width: 800px;
    height: 800px;
    border: 1px solid black;
}

.rts-tile {
    width: 16px;
    height: 16px;
}

.path {
    background-color: #ccc;
}

.enclosure {
    background-color: #8f8;
}

.wall {
    background-color: #333;
}

.rts-entity {
    position: absolute;
    width: 16px;
    height: 16px;
}

.player {
    background-color: blue;
}

.lion {
    background-color: yellow;
}

.tiger {
    background-color: orange;
}

.jaguar {
    background-color: #c60;
}

.snow_leopard {
    background-color: #ccf;
}

.wolf {
    background-color: #888;
}

.grizzly_bear {
    background-color: #a60;
}

.polar_bear {
    background-color: #fff;
}

.panda {
    background-color: #f0f;
}

#rts-sidebar {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    height: 100%;
    border-left: 1px solid black;
    padding: 10px;
}