@font-face {
    font-family: "Card Signature";
    src: url("fonts/Hurricane-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

.card-portlet {
    width: 252px;
    height: 350px;
    position: relative;
    color: #493600;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    border: none !important;
    outline: none !important;
}
/* Цвет текста для загруженных фонов (задаётся в админке на каждый фон) */
.card-portlet--custom-bg:not(.gold):not(.card-tots) .card-portlet-gamertag,
.card-portlet--custom-bg:not(.gold):not(.card-tots) .card-portlet-position .pos,
.card-portlet--custom-bg:not(.gold):not(.card-tots) .card-portlet-position .overall {
    color: var(--card-text-color, #1a1a1a) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.card-portlet--custom-bg:not(.gold):not(.card-tots) .card-portlet-stats-val .sp-val:first-child,
.card-portlet--custom-bg:not(.gold):not(.card-tots) .card-portlet-stats-val .sp-val:last-child {
    color: var(--card-text-color, #1a1a1a) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.card-portlet--custom-bg.card-portlet__updated:not(.gold):not(.card-tots) .card-portlet-gamertag,
.card-portlet--custom-bg.card-portlet__updated:not(.gold):not(.card-tots) .card-portlet-position .pos,
.card-portlet--custom-bg.card-portlet__updated:not(.gold):not(.card-tots) .card-portlet-position .overall,
.card-portlet--custom-bg.card-portlet__updated:not(.gold):not(.card-tots) .card-portlet-stats-val .sp-val {
    color: var(--card-text-color, #1a1a1a) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.card-portlet-image {
    width: 252px;
    height: 350px;
    position: relative;
    z-index: 5;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    border: none !important;
    outline: none !important;
}
.card-portlet-image > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    border: none !important;
    outline: none !important;
    vertical-align: top;
}
.card-portlet-logo {
    top: 32px;
    left: 54px;
    position: absolute;
    z-index: 3;
    width: 162px;
    height: 162px;
    overflow: hidden;
}
.card-portlet-logo > img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center top;
    display: block;
}
.card-portlet-playstyles {
    position: absolute;
    top: 181px;
    left: 11px;
    z-index: 8;
    width: 32px;
    height: 32px;
    pointer-events: auto;
}
.card-portlet-playstyle {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 32px;
    height: 32px;
    max-width: none;
    object-fit: contain;
}
.card-portlet-playstyle:nth-child(2) {
    top: -33px;
}
.card-portlet-playstyle:nth-child(3) {
    top: 33px;
}
.card-portlet-alternative-positions {
    position: absolute;
    top: 98px;
    right: 9px;
    z-index: 7;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    pointer-events: none;
}
.card-portlet-alternative-position {
    display: block;
    min-width: 27px;
    padding: 0 3px;
    border: 1px solid var(--card-position-badge-text-color, #1a1a1a);
    border-radius: 5px;
    background: var(--card-position-badge-color, #1a1a1a);
    color: var(--card-position-badge-text-color, #fff);
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
    text-shadow: none;
    box-sizing: border-box;
}
.card-portlet-gamertag-stats {
    position: absolute;
    top: 65%;
    bottom: auto;
    left: 0;
    right: 0;
    width: 100%;
    height: calc(252px * 0.33);
    max-width: 175px;
    margin-left: auto;
    margin-right: auto;
    z-index: 6;
    transform: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/*
 * Имя и статы внутри flex-контейнера — relative.
 * Absolute (top:0 / top:28px) на экране ок, но при скачивании
 * fixCardCaptureLayout переводит статы в relative, и ник наезжает на них.
 */
.card-portlet-gamertag-stats .card-portlet-gamertag {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: translateY(-4px) !important;
    width: 100% !important;
}
.card-portlet-gamertag-stats .card-portlet-stats {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    margin-top: 2px;
}
.card-portlet--signature .card-portlet-gamertag-stats {
    max-width: 225px;
}
.card-portlet-signature {
    position: relative;
    z-index: 7;
    width: 225px;
    min-height: 34px;
    margin-top: -2px;
    color: var(--card-signature-color, #1a1a1a);
    font-family: "Card Signature", "Segoe Script", "Brush Script MT", cursive;
    font-size: var(--card-signature-font-size, 30px);
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -1.2px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
    white-space: nowrap;
    overflow: visible;
    transform: translateY(var(--card-signature-offset-y, 5px)) rotate(-4deg);
    transform-origin: center;
}
.card-portlet-signature__text {
    display: inline-flex;
    align-items: baseline;
    transform: scaleX(var(--card-signature-scale-x, 1));
    transform-origin: center;
}
.card-portlet-signature__initial {
    display: inline-block;
    font-size: 1.32em;
    line-height: 0.72;
    margin-right: -0.08em;
    transform: translateY(0.06em);
    transform-origin: right bottom;
}
.card-portlet-signature__rest {
    display: inline;
}
.card-portlet--signature.gold .card-portlet-signature,
.card-portlet--signature.card-tots .card-portlet-signature {
    color: var(--card-signature-color, #ffd700);
}
.card-portlet--signature .card-portlet-info-row {
    gap: 7px;
    transform: translateY(-6px);
}
.card-portlet--signature .card-portlet-info-row .card-portlet-info-nation,
.card-portlet--signature .card-portlet-info-row .card-portlet-info-club {
    width: 28px;
    height: 28px;
}
.card-portlet-gamertag-stats .card-portlet-stats ul {
    display: table;
    table-layout: fixed;
    width: 180px;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    border-spacing: 0;
    white-space: normal;
}
.card-portlet-gamertag-stats .card-portlet-stats ul > li {
    display: table-cell;
    width: 30px;
    max-width: 30px;
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: top;
    text-align: center;
}
/* Ряд флаг + клуб внизу блока (как на Futbin) */
.card-portlet-info-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: auto;
    flex-shrink: 0;
    padding-top: 4px;
}
.card-portlet-info-row .card-portlet-info-nation,
.card-portlet-info-row .card-portlet-info-club {
    width: 22px;
    height: 22px;
    object-fit: contain;
    display: block;
    border-radius: 2px;
}
.card-portlet-info-row .card-portlet-info-club-link {
    display: block;
    line-height: 0;
}
.card-portlet-info-row .card-portlet-info-club-link img {
    border-radius: 50%;
}
.card-portlet-gamertag {
    text-align: center;
    top: 245px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    width: 216px;
    z-index: 6;
    overflow: visible;
    height: auto;
    min-height: 20px;
    left: 50%;
    transform: translateX(-50%);
    text-shadow: none;
    color: #1a1a1a;
    letter-spacing: 0.5px;
    white-space: nowrap;
}
/* Для TOTW карточек - золотой текст имени */
.card-portlet.gold .card-portlet-gamertag {
    color: #ffd700;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
/* TOTS: ник — тот же золотистый, что и значения статов (#ffee73) */
.card-tots .card-portlet-gamertag {
    color: #ffee73 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
.card-portlet-tourteam {
    position: absolute;
    bottom: 25px;
    left: 23px;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    z-index: 6;
}
.card-portlet-stats {
    position: absolute;
    width: 180px;
    z-index: 6;
    top: 240px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 13px;
    font-weight: bold;
}
.card-portlet-stats ul {
    margin: 0;
    margin-left: 0 !important;
    padding: 0;
    font-size: 0;
    display: block;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 0;
    word-spacing: 0;
}
.card-portlet-stats ul li {
    font-size: 12px;
}
.card-portlet-stats li,
.card-portlet-stats ul.list-inline > li {
    width: 30px;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    letter-spacing: 0;
    word-spacing: 0;
}
/* Скрываем пустые элементы для вратарей */
.card-portlet-stats li:empty {
    display: none !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.card-portlet-position {
    position: absolute;
    top: 50px;
    left: 1px;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    z-index: 6;
    text-align: center;
}
.card-portlet-position .pos {
    vertical-align: middle;
    font-size: 1em;
    font-weight: 600;
    color: #1a1a1a;
    text-shadow: none;
    text-transform: uppercase;
}
.card-portlet-position .overall{
    line-height: 15px;
    font-size: 2.1373em;
    font-weight: 700;
    color: #1a1a1a;
    text-shadow: none;
}
/* Для TOTW карточек - золотой текст позиции и рейтинга */
.card-portlet.gold .card-portlet-position .pos,
.card-portlet.gold .card-portlet-position .overall {
    color: #ffd700;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
/* TOTS: позиция и рейтинг — как у статов */
.card-tots .card-portlet-position .pos,
.card-tots .card-portlet-position .overall {
    color: #ffee73 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
.card-portlet-club {
    position: absolute;
    top: 120px;
    z-index: 6;
    left: 1px;
    border-radius: 50%;
    width: 39px;
    height: 39px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.1);
    padding: 2px;
    box-sizing: border-box;
}
.card-portlet-club a {
    display: block;
    width: 100%;
    height: 100%;
}
.card-portlet-club a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    border-radius: 50%;
}
.card-portlet-flag {
    position: absolute;
    z-index: 4;
    left: 1px;
    top: 173px;
    width: 40px;
    height: 28px;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.card-portlet-flag img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.card-portlet-stats-val {
    font-size: 12px;
    text-align: center;
    line-height: 1.2;
}
.card-portlet-stats-val .sp-val {
    display: block;
}
/* Название атрибута (SHO, PAS и т.д.) - темное для светлых карточек */
.card-portlet-stats-val .sp-val:first-child {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 3px;
    color: #2c2c2c;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
/* Значение атрибута - жирное, крупное, темное для светлых карточек */
.card-portlet-stats-val .sp-val:last-child {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    color: #1a1a1a;
    letter-spacing: 0;
}
/* Для TOTW карточек (черный фон) - золотой текст */
.card-portlet.gold .card-portlet-stats-val .sp-val:first-child {
    color: #ffd700;
    opacity: 0.9;
}
.card-portlet.gold .card-portlet-stats-val .sp-val:last-child {
    color: #ffd700;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
/* Для TOTS карточек - золотой текст */
.card-tots .card-portlet-stats-val .sp-val:first-child {
    color: #ffee73 !important;
    opacity: 0.9;
}
.card-tots .card-portlet-stats-val .sp-val:last-child {
    color: #ffee73 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
.card-portlet-stats-val .sp-desc {
    padding-left: 2px;
    /*width: 36px;*/
    /*display: inline-block;*/
}


.card-portlet__updated .card-portlet-stats
{
left: 50%;
transform: translateX(-50%);
width: 100%;
font-size: 13px;
}

.card-portlet__updated .card-portlet-gamertag
{
left: 50%;
transform: translateX(-50%);
width: 100%;
overflow: visible;
height: auto;
min-height: 20px;
white-space: nowrap;
color: #1a1a1a;
text-shadow: none;
}
/* Для TOTW обновленных карточек - золотой текст */
.card-portlet__updated.gold .card-portlet-gamertag {
    color: #ffd700;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
.card-portlet__updated.gold .card-portlet-position .pos,
.card-portlet__updated.gold .card-portlet-position .overall {
    color: #ffd700;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
.card-portlet__updated.gold .card-portlet-stats-val .sp-val:first-child {
    color: #ffd700;
    opacity: 0.9;
}
.card-portlet__updated.gold .card-portlet-stats-val .sp-val:last-child {
    color: #ffd700;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
/* Для обновленных карточек - темный текст рейтинга и позиции (кроме TOTW и TOTS) */
.card-portlet__updated:not(.gold):not(.card-tots) .card-portlet-position .pos,
.card-portlet__updated:not(.gold):not(.card-tots) .card-portlet-position .overall {
    color: #1a1a1a;
    text-shadow: none;
}
/* TOTS + updated: ник, позиция, рейтинг — как значения статов */
.card-portlet__updated.card-tots .card-portlet-gamertag,
.card-portlet__updated.card-tots .card-portlet-position .pos,
.card-portlet__updated.card-tots .card-portlet-position .overall {
    color: #ffee73 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

/*
 * Кастомная карточка (премиум): выбранный цвет текста не должен перезаписываться
 * спец-стилями TOTW/TOTS.
 */
.card-portlet--custom-bg.gold .card-portlet-gamertag,
.card-portlet--custom-bg.gold .card-portlet-position .pos,
.card-portlet--custom-bg.gold .card-portlet-position .overall,
.card-portlet--custom-bg.gold .card-portlet-stats-val .sp-val:first-child,
.card-portlet--custom-bg.gold .card-portlet-stats-val .sp-val:last-child,
.card-portlet--custom-bg.card-tots .card-portlet-gamertag,
.card-portlet--custom-bg.card-tots .card-portlet-position .pos,
.card-portlet--custom-bg.card-tots .card-portlet-position .overall,
.card-portlet--custom-bg.card-tots .card-portlet-stats-val .sp-val:first-child,
.card-portlet--custom-bg.card-tots .card-portlet-stats-val .sp-val:last-child,
.card-portlet--custom-bg.card-portlet__updated.gold .card-portlet-gamertag,
.card-portlet--custom-bg.card-portlet__updated.gold .card-portlet-position .pos,
.card-portlet--custom-bg.card-portlet__updated.gold .card-portlet-position .overall,
.card-portlet--custom-bg.card-portlet__updated.gold .card-portlet-stats-val .sp-val:first-child,
.card-portlet--custom-bg.card-portlet__updated.gold .card-portlet-stats-val .sp-val:last-child,
.card-portlet--custom-bg.card-portlet__updated.card-tots .card-portlet-gamertag,
.card-portlet--custom-bg.card-portlet__updated.card-tots .card-portlet-position .pos,
.card-portlet--custom-bg.card-portlet__updated.card-tots .card-portlet-position .overall,
.card-portlet--custom-bg.card-portlet__updated.card-tots .card-portlet-stats-val .sp-val:first-child,
.card-portlet--custom-bg.card-portlet__updated.card-tots .card-portlet-stats-val .sp-val:last-child {
    color: var(--card-text-color, #1a1a1a) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.card-portlet__updated.card-portlet__sp_5 .card-portlet-stats,
.card-portlet.card-portlet__sp_5 .card-portlet-stats
{
left: 50%;
transform: translateX(-50%);
width: auto;
max-width: 216px;
}
/* Четыре характеристики вратаря выравниваются в один ряд. */
.card-portlet__updated.card-portlet__sp_5 .card-portlet-stats li,
.card-portlet.card-portlet__sp_5 .card-portlet-stats li
{
width: 44px;
display: inline-block;
vertical-align: top;
}
/* Вратарь: четыре стата в ряд — table-layout надёжнее inline-block/flex (в т.ч. TOTW и html2canvas) */
.card-portlet.card-portlet__sp_5 .card-portlet-gamertag-stats,
.card-portlet__updated.card-portlet__sp_5 .card-portlet-gamertag-stats {
    max-width: 216px;
}
.card-portlet.card-portlet__sp_5 .card-portlet-gamertag-stats .card-portlet-stats,
.card-portlet__updated.card-portlet__sp_5 .card-portlet-gamertag-stats .card-portlet-stats {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    max-width: 216px;
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    align-self: center;
}
.card-portlet.card-portlet__sp_5 .card-portlet-gamertag-stats .card-portlet-stats ul,
.card-portlet__updated.card-portlet__sp_5 .card-portlet-gamertag-stats .card-portlet-stats ul {
    display: table !important;
    table-layout: fixed;
    width: 176px;
    margin-left: auto !important;
    margin-right: auto !important;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0 !important;
    white-space: normal;
}
.card-portlet.card-portlet__sp_5 .card-portlet-gamertag-stats .card-portlet-stats ul > li,
.card-portlet__updated.card-portlet__sp_5 .card-portlet-gamertag-stats .card-portlet-stats ul > li {
    display: table-cell !important;
    width: 44px !important;
    max-width: 44px;
    vertical-align: top;
    text-align: center;
    padding: 0 !important;
    margin: 0 !important;
}

.dv-card-mobile__wrapper
{
margin: 3rem auto;
}

.dv-card-mobile__wrapper .card-portlet
{
margin: 0 !important;
padding: 0 !important;
}
.dv-card-mobile__wrapper .card-portlet-image,
.dv-card-mobile__wrapper .card-portlet-image > img
{
margin: 0 !important;
padding: 0 !important;
}
/* Убираем отступы у контейнеров puller */
.puller .card-portlet,
.puller-inner-250 .card-portlet
{
margin: 0 !important;
padding: 0 !important;
}
.puller .card-portlet-image,
.puller .card-portlet-image > img,
.puller-inner-250 .card-portlet-image,
.puller-inner-250 .card-portlet-image > img
{
margin: 0 !important;
padding: 0 !important;
}

.card-portlet__updated .card-portlet-position
{
    left: 17%;
    top: 22%;
}
.card-portlet__updated .card-portlet-club
{
border-radius: 50%;
left: 30px;
top: 112px;
width: 39px;
height: 39px;
overflow: hidden;
background: rgba(255, 255, 255, 0.1);
padding: 2px;
box-sizing: border-box;
}
.card-portlet__updated .card-portlet-club a {
    display: block;
    width: 100%;
    height: 100%;
}
.card-portlet__updated .card-portlet-club a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50%;
}
.card-portlet__updated .card-portlet-flag
{
top: 169px;
left: 30px;
width: 39px;
height: 28px;
z-index: 6;
border-radius: 2px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.card-portlet__updated .card-portlet-flag img
{
position: relative;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
}


.card-portlet__updated .card-portlet-logo
{
left: 22%;
top: calc(17.4% - 2px);
width: 64.29%;
aspect-ratio: 1;
height: auto;
z-index: 6;
overflow: hidden;
}
.card-portlet__updated .card-portlet-logo > img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center top;
    display: block;
}

.card-portlet__updated.gold, .card-portlet__updated .gold
{
color: #ceb14c;
}

.card-tots {
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    border: none !important;
    outline: none !important;
    /* Как у обычной карточки: 252×350 (раньше TOTS был 220×310 и визуально «меньше») */
    width: 252px !important;
    min-width: 252px !important;
    height: 350px !important;
    min-height: 350px !important;
}

.card-tots .card-portlet-image {
    width: 252px !important;
    height: 350px !important;
    position: relative;
    z-index: 5;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    border: none !important;
    outline: none !important;
}

.card-tots .card-portlet-image > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    border: none !important;
    outline: none !important;
    vertical-align: top;
    position: relative;
}

.card-tots .card-portlet-stats-val .sp-val {
    display: block;
}
.card-tots .card-portlet-stats-val .sp-val:first-child {
    color: #ffee73 !important;
    opacity: 0.9;
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 3px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.card-tots .card-portlet-stats-val .sp-val:last-child {
    color: #ffee73 !important;
    font-size: 16px;
    font-weight: 700;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

.card-tots .card-portlet-stats li {
    width: 30px;
    padding: 0px;
}

.card-tots .card-portlet-stats li.card-portlet-stats-tots__gk {
    width: 55px;
    display: inline-block;
    vertical-align: top;
}
/* Для TOTS вратарей центрируем блок статистики (только legacy-разметка без gamertag-stats) */
.card-tots.card-portlet__sp_5:not(:has(.card-portlet-gamertag-stats)) .card-portlet-stats,
.card-tots.card-portlet__updated.card-portlet__sp_5:not(:has(.card-portlet-gamertag-stats)) .card-portlet-stats {
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto;
    max-width: 180px;
}
/* Для TOTS вратарей элементы в один ряд */
.card-tots.card-portlet__sp_5 .card-portlet-stats li,
.card-tots.card-portlet__updated.card-portlet__sp_5 .card-portlet-stats li {
    width: 55px;
    display: inline-block;
    vertical-align: top;
}

.card-tots .card-portlet-stats-val {
    font-size: 12px;
    text-align: center;
}

.card-tots:not(:has(.card-portlet-gamertag-stats)) .card-portlet-stats {
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 180px;
    top: 240px;
    font-size: 13px;
}

.card-tots .card-portlet-gamertag {
    left: 40px !important;
    top: 210px;
    color: #ffee73 !important;
    font-weight: 700;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    letter-spacing: 0.5px;
}

/*
 * TOTS (команда сезона): старые top:210px / 240px были для разметки без .card-portlet-gamertag-stats.
 * Сейчас имя, статы и флаг внутри flex-контейнера — абсолютное позиционирование с большим top
 * считается от gamertag-stats (~83px), из-за чего всё «съезжает» ниже рамки карты.
 */
.card-tots .card-portlet-gamertag-stats,
.card-tots.card-portlet__updated .card-portlet-gamertag-stats {
    top: 65%;
    bottom: auto;
    height: calc(252px * 0.33);
    overflow: hidden;
}
.card-tots .card-portlet-gamertag-stats .card-portlet-gamertag {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: translateY(-4px) !important;
    width: 100% !important;
    color: #ffee73 !important;
    font-weight: 700;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    letter-spacing: 0.5px;
}
.card-tots .card-portlet-gamertag-stats .card-portlet-stats {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    font-size: 13px;
    margin-top: 2px;
}
.card-tots.card-portlet__sp_5 .card-portlet-gamertag-stats,
.card-tots.card-portlet__updated.card-portlet__sp_5 .card-portlet-gamertag-stats {
    max-width: 216px;
}
.card-tots.card-portlet__sp_5 .card-portlet-gamertag-stats .card-portlet-stats,
.card-tots.card-portlet__updated.card-portlet__sp_5 .card-portlet-gamertag-stats .card-portlet-stats {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    max-width: 216px;
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    align-self: center;
}
/* TOTS-вратарь: четыре стата в ряд — table-layout надёжнее inline-block/flex в html2canvas */
.card-tots.card-portlet__sp_5 .card-portlet-gamertag-stats .card-portlet-stats ul,
.card-tots.card-portlet__updated.card-portlet__sp_5 .card-portlet-gamertag-stats .card-portlet-stats ul {
    display: table !important;
    table-layout: fixed;
    width: 176px;
    margin-left: auto !important;
    margin-right: auto !important;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0 !important;
    white-space: normal;
}
.card-tots.card-portlet__sp_5 .card-portlet-gamertag-stats .card-portlet-stats ul > li,
.card-tots.card-portlet__updated.card-portlet__sp_5 .card-portlet-gamertag-stats .card-portlet-stats ul > li {
    display: table-cell !important;
    width: 44px !important;
    max-width: 44px;
    vertical-align: top;
    text-align: center;
    padding: 0 !important;
    margin: 0 !important;
}
.card-portlet__updated.card-tots .card-portlet-gamertag-stats .card-portlet-gamertag {
    color: #ffee73 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

/* Кнопка «Скачать карточку» и оверлей подгрузки */
.profile-card-download-actions {
    margin-top: 10px;
    text-align: center;
}
.profile-card-download-actions .js-download-profile-card .ico-download2 {
    margin-right: 4px;
}
.profile-card-download-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.profile-card-download-overlay__backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}
.profile-card-download-overlay__box {
    position: relative;
    background: #fff;
    padding: 24px 32px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    min-width: 220px;
}
.profile-card-download-overlay__spinner {
    width: 40px;
    height: 40px;
    border: 3px solid #e0e0e0;
    border-top-color: #337ab7;
    border-radius: 50%;
    animation: profile-card-download-spin 0.8s linear infinite;
}

/* Кастомный фон: ник тоже всегда кастомного цвета (даже если TOTW/TOTS) */
.card-portlet--custom-bg.gold .card-portlet-gamertag,
.card-portlet--custom-bg.gold .card-portlet-gamertag-stats .card-portlet-gamertag,
.card-portlet--custom-bg.card-portlet__updated.gold .card-portlet-gamertag,
.card-portlet--custom-bg.card-portlet__updated.gold .card-portlet-gamertag-stats .card-portlet-gamertag,
.card-portlet--custom-bg.card-tots .card-portlet-gamertag,
.card-portlet--custom-bg.card-tots .card-portlet-gamertag-stats .card-portlet-gamertag,
.card-portlet--custom-bg.card-portlet__updated.card-tots .card-portlet-gamertag,
.card-portlet--custom-bg.card-portlet__updated.card-tots .card-portlet-gamertag-stats .card-portlet-gamertag {
    color: var(--card-text-color, #1a1a1a) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.profile-card-download-overlay__text {
    margin: 0;
    font-size: 14px;
    color: #333;
}
@keyframes profile-card-download-spin {
    to { transform: rotate(360deg); }
}