.battle-records {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px; /* Отступы между элементами по 15px */
    height: 88px;
    background-size: 150% 100%;
    margin-top: 40px;
}

.tanks-image.win .battle-records {
    background: url("../../style/images/wot/battleresults/linewin.d4dcec2364bf.webp") no-repeat center;
    background-size: 105% 100%
}

.tanks-image.defeat .battle-records {
    background: url("../../style/images/wot/battleresults/linelose.e2d9f56e1569.png") no-repeat center;
    background-size: 105% 100%
}

.tanks-image.draw .battle-records {
    background: url("../../style/images/wot/battleresults/linedraw.6971031b1675.png") no-repeat center;
    background-size: 105% 100%
}

/* Левая часть (достижения не в бою) - 7 равных секций */
.battle-records .achievements {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr)); /* 7 равных секций */
    grid-auto-flow: dense; /* Автоматическое заполнение пустых секций */
    direction: rtl; /* Справа налево - заполнение от центра */
    width: 42%;
    height: 88px;
}

/* Правая часть (достижения в бою) - 6 равных секций */
.battle-records .dossier {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr)); /* 6 равных секций */
    width: 42%;
    height: 88px;
}

/* Контейнеры для значков - занимают свою секцию полностью */
.battle-records .achievements > div,
.battle-records .dossier > div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
    overflow: visible; /* Изображения могут выходить за границы секции */
    direction: ltr; /* Вернуть нормальное направление для содержимого */
}

/* Знак мастерства - всегда слева от остальных значков */
.battle-records .achievements .mastery {
    /* Не указываем grid-column - элемент займет следующую доступную секцию */
    /* В RTL-режиме с grid-auto-flow: dense он будет последним в заполнении = слева от остальных */
}

/* Изображения значков - квадратные, занимают всю высоту */
.battle-records .achievements > div img,
.battle-records .dossier > div img {
    height: 88px;
    width: 88px;
    max-width: none; /* Отменить ограничение Tailwind */
    object-fit: contain;
}

/* Знак мастерства чуть меньше */
.battle-records .achievements .mastery img {
    height: 80px;
    width: 65px;
    max-width: none;
}

.battle-records .dossier div.badge, .battle-records .achievements div.badge {
    position: relative
}

.battle-records .dossier div.badge img, .battle-records .achievements div.badge img {
    position: relative;
    z-index: 11
}

.battle-records .dossier div.badge .ribbon, .battle-records .achievements div.badge .ribbon {
    background: url("../../style/images/wot/battleresults/battleResults-27.2f47f0dce2fa.png") no-repeat center;
    background-size: 77px 100%;
    position: absolute;
    width: 97px;
    height: 87px;
    z-index: 10;
    top: -1px;
    left: 50%;
    margin-left: -48px
}

.battle-records .income {
    color: white;
    font-family: "Oswald", sans-serif;
    font-size: 25px;
    text-align: center;
    padding-top: 8px;
    line-height: 33px;
    text-shadow: 1px 1px 5px #000;
    display: inline-block;
    vertical-align: top
}

.battle-records .income .credit img {
    vertical-align: top;
    margin-top: 10px
}

.battle-records .income.bond {
    font-size: 22px;
    line-height: 26px;
    padding-top: 2px
}

.battle-records .income.bond .credit img {
    margin-top: 6px
}

.battle-records .income.bond .xp img {
    vertical-align: top;
    margin-top: 3px
}

.battle-records .income.bond .bond img {
    height: 28px;
    vertical-align: top;
    margin-top: -1px;
    margin-left: 5px
}

.titles-line {
    display: flex;
    height: 34px;
    border-bottom: 1px solid black;
    background: #26251E;
    border-top: 1px solid black;
    color: #bcbdbe;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000
}

.titles-line .battle-type {
    padding-left: 10px;
    line-height: 34px
}

.tanks-image {
    height: 220px;
    background-size: 100%;
    position: relative
}

.tanks-image .map-battle-info {
    position: absolute;
    top: 10px;
    left: 15px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    z-index: 10;
    padding: 8px 12px;
    border-radius: 4px;
    backdrop-filter: blur(3px)
}

.tanks-image .map-battle-info .map-name {
    color: #f0ad4e
}

.tanks-image .map-battle-info .battle-type {
    color: #bcbdbe
}

.tanks-image.win {
    background: url("../../style/images/wot/battleresults/win.5bf62339a445.webp")
}

.tanks-image.defeat {
    background: url("../../style/images/wot/battleresults/defeat.89e1dab2a964.png")
}

.tanks-image.draw {
    background: url("../../style/images/wot/battleresults/draw.8f78c0678151.png")
}

.tanks-image.girls, .tanks-image.halloween, .tanks-image.halloween2, .tanks-image.soccer {
    -webkit-box-shadow: inset 0 0 55px 29px rgba(20, 18, 14, 1);
    -moz-box-shadow: inset 0 0 55px 29px rgba(20, 18, 14, 1);
    box-shadow: inset 0 0 55px 29px rgba(20, 18, 14, 1);
    background-size: 100%
}

.tanks-image.girls .battle-records {
    background-size: 100% 100%
}

.tanks-image.win.girls {
    background: url("../../style/images/wot/battleresults/win_girls.9e96115b5407.png")
}

.tanks-image.defeat.girls {
    background: url("../../style/images/wot/battleresults/defeat_girls.3fa4829005a8.png")
}

.tanks-image.draw.girls {
    background: url("../../style/images/wot/battleresults/draw_girls.3d29c87608b9.png")
}

.tanks-image.halloween.win {
    background: url("../../style/images/wot/battleresults/halloween_win.e5dcd3479a83.png")
}

.tanks-image.halloween.defeat {
    background: url("../../style/images/wot/battleresults/halloween_defeat.c7ec8d77d5b9.png")
}

.tanks-image.halloween.draw {
    background: url("../../style/images/wot/battleresults/halloween_draw.2138e51f305b.png")
}

.tanks-image.halloween2.win {
    background: url("../../style/images/wot/battleresults/halloween_win2.8bf4b4e1dbdb.png")
}

.tanks-image.halloween2.defeat {
    background: url("../../style/images/wot/battleresults/halloween_defeat2.bd668b91ca9c.png")
}

.tanks-image.halloween2.draw {
    background: url("../../style/images/wot/battleresults/halloween_draw2.57672b666688.png")
}

.tanks-image.soccer.win {
    background: url("../../style/images/wot/battleresults/soccer_win.28e6c0467ac4.jpg")
}

.tanks-image.soccer.defeat {
    background: url("../../style/images/wot/battleresults/soccer_defeat.ad714ec00fa2.jpg")
}

.tanks-image.soccer.draw {
    background: url("../../style/images/wot/battleresults/soccer_draw.f8da09354ad4.jpg")
}

.tanks-image .winner-team {
    color: #fff;
    font-size: 40px;
    text-align: center;
    vertical-align: top;
    font-family: "Oswald", sans-serif;
    text-shadow: 0 0 5px #000;
    text-transform: uppercase;
    padding-top: 10px;
    margin-bottom: 15px;
    position: relative
}

.tanks-image .winner-team .reason {
    font-size: 17px
}

.map-stat {
    position: relative;
    background: rgb(20, 18, 14);
    height: 98px
}

.map-stat:before {
    content: ' ';
    width: 230px;
    height: 98px;
    /*background: url("../../style/images/wot/map/stats/overlay.ec4158a1d12f.png") no-repeat;*/
    top: 0;
    left: 0;
    z-index: 1;
    position: absolute;
    background: -moz-linear-gradient(left, rgba(20, 18, 14, 0) 0%, rgba(20, 18, 14, 0) 21%, rgba(20, 18, 14, 1) 82%, rgba(20, 18, 14, 1) 99%);
    background: -webkit-linear-gradient(left, rgba(20, 18, 14, 0) 0%, rgba(20, 18, 14, 0) 21%, rgba(20, 18, 14, 1) 82%, rgba(20, 18, 14, 1) 99%);
    background: linear-gradient(to right, rgba(20, 18, 14, 0) 0%, rgba(20, 18, 14, 0) 21%, rgba(20, 18, 14, 1) 82%, rgba(20, 18, 14, 1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0014120e', endColorstr='#14120e', GradientType=1);
}

.map-stat img.map {
    position: absolute;
    left: 0;
    top: 0;
    height: 97px
}

.map-stat .stat {
    position: relative;
    z-index: 5;
    float: left
}

.map-stat .stat .stat-tank {
    display: inline-block;
    position: relative;
    width: 252px;
    text-align: right
}

.map-stat .stat .stat-tank .name {
    position: absolute;
    right: 20px;
    bottom: 15px;
    text-align: right;
    color: rgb(237, 237, 237);
    text-shadow: 0 0 8px rgba(205, 205, 205, 0.8)
}

.map-stat .stat .stat-tank .name.premium {
    color: #C57338;
    text-shadow: 0 0 8px #B86D37
}

.map-stat .stat .stat-tank img.tank {
    height: 97px
}

.map-stat .stat .stat-tank img.tank.new {
    margin-right: 20px
}

.map-stat .stat .stat-tank img.level, .map-stat .stat .stat-tank img.type {
    position: absolute;
    z-index: 10
}

.map-stat .stat .stat-tank img.type {
    top: 5px;
    right: 15px
}

.map-stat .stat .stat-tank img.level {
    top: 5px;
    right: 30px
}

.map-stat .stat .map-name, .map-stat .stat .status {
    position: absolute;
    left: 15px;
    top: 5px;
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    text-shadow: 0 0 5px #FFFFFF, 0 0 5px #FFFFFF, 0 0 5px #FFFFFF;
    text-transform: uppercase;
    width: 130px
}

.map-stat .stat .status {
    top: 10px;
    font-size: 20px;
    width: 150px;
    text-align: center;
    color: white;
    text-shadow: 0 0 10px #5FA646, 0 0 10px #5FA646, 0 0 10px #5FA646, 1px 1px 1px #000, 1px 1px 1px #000
}

.map-stat .stat .status.defeat {
    text-shadow: 0 0 10px #911C21, 0 0 10px #911C21, 0 0 10px #911C21, 1px 1px 1px #000, 1px 1px 1px #000
}

.map-stat .stat .stat-text {
    display: inline-block;
    vertical-align: top;
    color: #959586;
    width: 240px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.map-stat .stat .stat-text .name a {
    text-decoration: none;
    color: #FEC264
}

.map-stat .stat .stat-text .name a:hover {
    text-decoration: underline
}

.map-stat .stat .death-reason {
    width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.map-stat .stat .stat-text .wn8 {
    margin-top: 10px;
    font-family: "Oswald", sans-serif;
    font-size: 16px
}

.map-stat .stat .stat-text .wn8 span {
    font-weight: bold;
    text-shadow: 0 0 3px #000
}

.map-stat .stat .stat-text .name {
    color: #FEC264;
    font-family: "Oswald", sans-serif;
    font-size: 17px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.map-stat .stat .stat-text .player-global-rating {
    color: #c9c3a9;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 1px 1px 1px #000;
    white-space: nowrap
}

.map-stat .stat .stat-text .player-global-rating span {
    color: #FEC264;
    font-weight: bold
}

.map-stat .stat .income {
    display: inline-block;
    vertical-align: top;
    padding: 15px 25px 20px 10px;
    line-height: 16px
}

.map-stat .stat .income table {
    font-size: 12px;
    color: #959586;
    text-align: right;
    border-collapse: collapse
}

.map-stat .stat .income table tr {
    border-bottom: 1px dotted rgba(67, 66, 61, 0.75);
    display: block;
    vertical-align: top
}

.map-stat .stat .income table tr:first-child {
    border: none;
    font-weight: bold
}

.map-stat .stat .income table tr.no-border {
    border-bottom: none
}

.map-stat .stat .income table td {
    width: 124px;
    position: relative;
    padding-right: 15px
}

.map-stat .stat .income table td img.credit {
    position: absolute;
    right: 0;
    top: 4px
}

.map-stat .stat .income table td img.xp {
    position: absolute;
    right: -3px;
    top: 0
}

.map-stat .stat .income table .desc {
    text-align: left;
    width: 225px;
    padding-right: 0
}

.map-stat .stat .income .inactive {
    opacity: 0.5
}

.map-stat .stat .income .inactive img {
    opacity: 0.5
}

.map-stat .stat .income .premium {
    color: #FEC264;
    margin-right: 34px
}

.map-stat .stat .income .premium-row td {
    padding-right: 0
}

.map-stat .stat .income .premium-row td br {
    display: none
}

.mission-section .mission-progress .condition {
    display: inline-block;
    width: 330px;
    color: #8b8b83
}

table.tank-list.score {
    table-layout: fixed;
    color: #7C7969;
    border: 0 solid rgb(14, 12, 9);
    border-collapse: separate;
    border-spacing: 0
}

table.tank-list.score tr:hover {
    cursor: url("../../style/images/wot/cursors/cursor-pointer.932fd2dba7b8.png"), pointer;
    color: rgb(116, 116, 116)
}

table.tank-list.score td {
    position: relative;
    height: 31px;
    border: none;
    border-bottom: 1px solid #26251E;
    background: rgb(20, 18, 14) url("../../style/images/wot/battleresults/row-bg-sprite.2804f1678a2c.png");
    background-repeat: no-repeat
}

table.tank-list.score td.player-platoon {
    background-position: 0 0
}

table.tank-list.score td.player-names {
    background-position: -33px 0
}

table.tank-list.score td.tanks-name {
    background-position: -172px 0
}

table.tank-list.score td.damage {
    background-position: -321px 0
}

table.tank-list.score td.kills {
    background-position: -386px 0
}

table.tank-list.score td.xp {
    background-position: -439px 0;
    text-align: right
}

table.tank-list.score tr:hover td.player-platoon {
    background-position: 0 -31px
}

table.tank-list.score tr:hover td.player-names {
    background-position: -33px -31px
}

table.tank-list.score tr:hover td.tanks-name {
    background-position: -172px -31px
}

table.tank-list.score tr:hover td.damage {
    background-position: -321px -31px
}

table.tank-list.score tr:hover td.kills {
    background-position: -386px -31px
}

table.tank-list.score tr:hover td.xp {
    background-position: -439px -31px
}

table.tank-list.score tr.dead td.player-platoon {
    background-position: 0 -62px
}

table.tank-list.score tr.dead td.player-names {
    background-position: -33px -62px
}

table.tank-list.score tr.dead td.tanks-name {
    background-position: -172px -62px
}

table.tank-list.score tr.dead td.damage {
    background-position: -321px -62px
}

table.tank-list.score tr.dead td.kills {
    background-position: -386px -62px
}

table.tank-list.score tr.dead td.xp {
    background-position: -439px -62px
}

table.tank-list.score tr.dead:hover td.player-platoon {
    background-position: 0 -93px
}

table.tank-list.score tr.dead:hover td.player-names {
    background-position: -33px -93px
}

table.tank-list.score tr.dead:hover td.tanks-name {
    background-position: -172px -93px
}

table.tank-list.score tr.dead:hover td.damage {
    background-position: -321px -93px
}

table.tank-list.score tr.dead:hover td.kills {
    background-position: -386px -93px
}

table.tank-list.score tr.dead:hover td.xp {
    background-position: -439px -93px
}

table.tank-list.score th {
    border-left: 1px solid #12110C;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

table.tank-list.score th:first-child {
    border-left: none
}

table.tank-list .sorting_1 {
    background: none
}

table.tank-list th:hover {
    box-shadow: inset 0 0 30px rgba(157, 122, 33, 0.12)
}

table.tank-list th.sorting_desc, table.tank-list th.sorting_asc {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.9)
}

table.tank-list.score td.tanks-name img {
    position: absolute;
    left: 0;
    top: 0;
    height: 48px;
    margin-top: -8px
}

table.tank-list.score td.player-names img {
    float: left;
    vertical-align: top;
    margin-bottom: -7px;
    margin-top: -5px;
    margin-left: -6px
}

table.tank-list.score tr.dead td img {
    opacity: 0.5
}

table.tank-list.score th.tanks-name, table.tank-list.score td.tanks-name {
    width: 140px !important;
    max-width: 140px !important
}

table.tank-list.score td.tanks-name {
    text-align: left;
    padding-left: 70px;
    padding-right: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    overflow: hidden
}

.tank-list.score td.tanks-name::after, .tank-list.score td.tanks-name::before {
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background-color: #040402
}

.tank-list.score td.tanks-name::after {
    top: auto;
    bottom: 0
}

table.tank-list.score td.tanks-name span {
    position: relative;
    z-index: 1
}

table.tank-list.score td.tanks-name .medal {
    position: absolute;
    top: 2px;
    left: 5px;
    height: 25px;
    width: 25px;
    background: url("../../style/images/wot/battleresults/battleResults-24.fefc38af0d41.png")
}

table.tank-list.score td.tanks-name .medal .num {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #000;
    padding: 0 3px 0 3px;
    border: 1px solid rgb(77, 77, 77);
    font-size: 10px;
    color: gray
}

table.tank-list.score th.player-platoon {
    width: 30px !important;
    max-width: 35px !important
}

table.tank-list.score td.player-platoon .number {
    color: white;
    padding-top: 5px;
    font-size: 9px;
    width: 31px;
    height: 24px;
    background-image: url("../../style/images/wot/results/platoon.857590ac044c.png");
    background-repeat: no-repeat;
    background-position: center;
}

table.tank-list.score td.player-platoon .number.own-platoon {
    background-image: url("../../style/images/wot/results/platoon_own.39c0aa8b29f6.png");
}

table.tank-list.score tr.dead td.player-platoon .number {
    opacity: 0.5
}

table.tank-list.score th.player-names {
    width: 130px !important;
    max-width: 140px !important
}

table.tank-list.score th.damage {
    width: 60px !important
}

table.tank-list.score th.kills {
    width: 50px !important
}

table.tank-list.score th.xp {
    width: 58px !important
}

@-moz-document url-prefix() {
    table.tank-list.score th.xp {
        width: 57px !important
    }
    table.tank-list.score td.xp {
        background-position: -439px 0
    }
    table.tank-list.score tr:hover td.xp {
        background-position: -439px -31px
    }
    table.tank-list.score tr.dead td.xp {
        background-position: -439px -62px
    }
    table.tank-list.score tr.dead:hover td.xp {
        background-position: -439px -93px
    }
    table.tank-list.score td.player-platoon .number {
        line-height: 8px
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    table.tank-list.score th.xp {
        width: 57px !important
    }
}

table.tank-list.score td.player-names {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 5px
}

table.tank-list.score td.xp .xp {
    display: inline-block;
    margin-right: 5px;
    background: url("../../style/images/wot/library/XpIcon.32423d952d59.png") no-repeat 50%;
    width: 20px;
    height: 15px;
    margin-top: -3px;
    vertical-align: middle
}

table.tank-list.score th {
    background: #26251E
}

table.tank-list.score th.sorting_asc, table.tank-list.score th.sorting_desc {
    background-image: url("../../style/images/wot/results/ascendingSortArrow.0fc56f2153e2.png");
    background-repeat: no-repeat;
    background-position: 3px 23px
}

table.tank-list.score th.sorting_desc {
    background-image: url("../../style/images/wot/results/descendingSortArrow.4ce2eee1b942.png");
    background-position: 3px 0
}

table.tank-list.score th.player-platoon div, table.tank-list.score th.player-names div, table.tank-list.score th.tanks-name div, table.tank-list.score th.damage div, table.tank-list.score th.kills div, table.tank-list.score th.xp div {
    background-repeat: no-repeat;
    background-position: center;
    height: 25px;
    width: 100%
}

table.tank-list.score th.player-platoon div {
    background-image: url("../../style/images/wot/results/tbl_ico__squad.77b9c8980957.png")
}

table.tank-list.score th.player-names div {
    background-image: url("../../style/images/wot/results/tbl_ico__user.7b0edfac4048.png")
}

table.tank-list.score th.tanks-name div {
    background-image: url("../../style/images/wot/results/tbl_ico__tank.b7eb30c8b561.png")
}

table.tank-list.score th.damage div {
    background-image: url("../../style/images/wot/results/tbl_ico__damage.205bc9189c21.png");
    width: 50px;
    margin: 0 auto
}

table.tank-list.score th.kills div {
    background-image: url("../../style/images/wot/results/tbl_ico__kills.71d9874067cb.png");
    width: 50px;
    margin: 0 auto
}

table.tank-list.score th.xp div {
    background-image: url("../../style/images/wot/results/tbl_ico__star.f65efd334a15.png")
}

