.main-block {
    margin: var(--size-64px) auto;
    margin-top: calc(var(--size-32px) + var(--size-64px));
    width: 62.5%;
    text-align: center;
}
.main-block-title {
    font-variation-settings: "wdth" 200;
}
.iframe-map {
    width: auto;
    aspect-ratio: 2;
    padding: 0;
}
.player-list {
    display: flex;
    justify-content: center;
    gap: -16px;
    margin-top: var(--size-16px);
    flex-wrap: wrap;
    max-width: 100%;
    transform: translateX(var(--size-8px));
}
.player:first-child {
    margin-left: 0;
}
.player-face {
    border-radius: 50%;
    aspect-ratio: 1;
    width: var(--size-48px);
    image-rendering: pixelated;
    flex-shrink: 0;
    margin-left: calc(-1 * var(--size-16px));
    position: relative;
    border: var(--size-4px) solid var(--color-dark-9);
    transition: 0.4s;
}
.player-face:hover {
    z-index: 1;
    transform: scale(1.1);
    cursor: pointer;
}
.servers-online {
    text-align: center;
    font-variation-settings: "wdth" 200;
    font-weight: 400;
    margin: var(--size-16px) auto;
}