/* Отдельная тема серверного хаба боевых направлений. */
.battle-crossroads-theme {
    background:
        radial-gradient(circle at 78% 22%, #b44e3938, transparent 20%),
        linear-gradient(125deg, #171111 28%, #392524 70%, #191313);
}

.battle-crossroads-theme::before {
    background:
        linear-gradient(90deg, transparent 0 58%, #100a0a88 58% 100%),
        repeating-linear-gradient(
            45deg,
            transparent 0 34px,
            #f0c5a508 35px 37px
        );
    clip-path: polygon(
        58% 26%,
        68% 13%,
        76% 28%,
        85% 9%,
        94% 25%,
        100% 20%,
        100% 100%,
        58% 100%
    );
}

.battle-locations-panel {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    width: 100%;
}

.battle-location-card {
    position: relative;
    display: grid;
    align-content: start;
    gap: 5px;
    min-height: 112px;
    padding: 12px;
    overflow: hidden;
    border: 1px solid #b8756140;
    border-radius: 11px;
    color: #e5e0dc;
    background:
        radial-gradient(circle at 100% 0, #b65b3d18, transparent 44%),
        #15171c;
    text-align: left;
    cursor: pointer;
}

.battle-location-number {
    position: absolute;
    top: 8px;
    right: 8px;
    min-width: 18px;
    padding: 2px 5px;
    border: 1px solid #d3aa5955;
    border-radius: 5px;
    color: #e8c47f;
    background: #0d1015cc;
    font-size: 8px;
    font-weight: 800;
    text-align: center;
}

.battle-location-card.locked {
    border-color: #ffffff0d;
    color: #747982;
    filter: saturate(0.45);
}

.battle-location-icon {
    font-size: 27px;
}

.battle-location-card strong {
    font: 600 15px Georgia, serif;
}

.battle-location-card small {
    color: #8f949c;
    font-size: 10px;
    line-height: 1.4;
}

.battle-location-meta {
    display: grid;
    gap: 5px;
    margin-top: auto;
}

.battle-location-shop {
    display: block;
}

.battle-location-meta span {
    padding: 4px 6px;
    border: 1px solid #ffffff0d;
    border-radius: 6px;
    color: #aeb2b8;
    background: #0d1015;
    font-size: 9px;
}

.battle-locations-message {
    grid-column: 1 / -1;
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: 28px 14px;
    color: #8e949d;
    text-align: center;
}

.battle-locations-message button {
    padding: 7px 12px;
    border: 1px solid #a9665055;
    border-radius: 7px;
    color: #d9c6bd;
    background: #211715;
    cursor: pointer;
}

@media (max-width: 9999px) {
    .battle-locations-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
    }

    .battle-location-card {
        min-height: 104px;
        padding: 10px;
    }

    .battle-location-icon {
        font-size: 22px;
    }

    .battle-location-card strong {
        font-size: 12px;
    }
}