/* mobile.css — адаптив для экранов до 768px */

html {
    overflow-x: hidden;
}
body {
    overflow-x: hidden;
    max-width: 100%;
}

/* ── Навигация (app.php) ──────────────────────────────────── */

.dzr-burger { display: none; }
.dzr-nav-title { display: none; }

@media (max-width: 768px) {

    /* Скрываем десктопные ссылки */
    .dzr-nav-links {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #161616;
        border-bottom: 1px solid #424242;
        flex-direction: column;
        padding: 8px 0;
        z-index: 100;
    }
    .dzr-nav-links.mobile-open {
        display: flex;
    }
    .dzr-nav-links a,
    .dzr-nav-links .dzr-dropdown,
    .dzr-nav-links > div {
        width: 100%;
        padding: 12px 20px;
        border-bottom: 1px solid rgba(255,255,255,.05);
    }
    .dzr-nav-links > div[x-data="notifBell()"] {
        border-bottom: none;
        padding: 8px 20px;
    }
    .dzr-nav-links > div[x-data="notifBell()"] a {
        border: none !important;
        border-radius: 0 !important;
        background: none !important;
        box-shadow: none !important;
        width: auto;
        padding: 6px;
    }
    .dzr-nav-links a {
        color: rgba(242,242,242,.7);
        font-size: 15px;
    }

    /* Порядок элементов: профиль наверх */
    .dzr-nav-links .dzr-dropdown { order: 1; }
    .dzr-nav-links a,
    .dzr-nav-links > div:not(.dzr-dropdown) { order: 2; }

    /* Кнопка бургера */
    .dzr-burger {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
        width: 30px;
        height: 23px;
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
    }
    .dzr-burger span {
        display: block;
        width: 30px;
        height: 5px;
        background: #f2f2f2;
        border-radius: 2px;
        transition: transform .25s, opacity .25s;
    }
    .dzr-burger.is-open span:nth-child(1) { transform: translateY(9px) rotate(45deg); }
    .dzr-burger.is-open span:nth-child(2) { opacity: 0; }
    .dzr-burger.is-open span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }

    /* nav — фиксированный хедер */
    .dzr-nav {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 200;
    }
    .dzr-nav {
        background: #212121;
        border-bottom: none;
        box-shadow: 0 4px 4px rgba(0,0,0,.25);
    }
    .dzr-nav-inner {
        height: 60px;
        max-width: 390px;
    }
    .dzr-logo img {
        height: 35px;
    }
    .dzr-nav-title {
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        font-family: 'Jura', sans-serif;
        font-size: 16px;
        font-weight: 600;
        color: rgba(242,242,242,.55);
        pointer-events: none;
        white-space: nowrap;
    }
    .dzr-burger {
        width: 30px;
        height: 30px;
    }
    .dzr-main {
        padding-top: 83px;
    }
    .dzr-flash {
        margin-top: 76px;
        margin-bottom: -50px;
        padding: 0 16px;
    }

    /* Бейдж уведомлений */
    .ntf-bell-badge {
        top: 0 !important;
        right: 0 !important;
        transform: translate(30%, -30%);
        line-height: 1 !important;
        padding-top: 1px !important;
    }

    /* Dropdown пользователя в мобильном меню */
    .dzr-nav-links .dzr-dropdown-btn {
        width: 100%;
        justify-content: flex-start;
        padding: 0;
        background: none;
        border: none;
    }
    .dzr-nav-links .dzr-dropdown-menu {
        position: static;
        box-shadow: none;
        border: none;
        background: none;
        padding: 4px 0 0 16px;
    }

}

@media (max-width: 768px) {

    /* ── Страница игры (play.php) ─────────────────────────── */

    /* Хедер */
    .play-header {
        padding: 0 8px;
        height: 60px;
        display: flex;
        align-items: center;
    }
    .play-header-inner {
        height: 100%;
        align-items: center;
        max-width: none;
        margin: 0;
        width: 100%;
    }

    /* Скрываем лейбл "Команда:" — показываем только название */
    .play-team-label { display: none; }

    /* Логотип команды */
    .play-header-inner img[width="62"] { width: 40px; height: 40px; }
    .play-header-inner div[style*="width:62px"] { width: 40px !important; height: 40px !important; font-size: 18px !important; }

    /* Текст команды и задания */
    .play-team-name { font-size: 13px !important; }
    .play-task-info { font-size: 11px !important; }

    /* Таймер — в потоке flex-хедера */
    .play-timer-center {
        position: static !important;
        transform: none !important;
        pointer-events: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
    }
    .play-timer-label { display: none; }
    .play-timer {
        font-size: 20px;
        line-height: 1;
    }

    /* Логотип Dozor */
    .play-header-inner > a img {
        width: 40px;
        height: 40px;
    }

    /* Вкладки */
    .play-tabs {
        padding: 0 8px;
    }
    .play-tabs-inner {
        gap: 4px;
        padding-bottom: 8px;
    }
    .tab-btn {
        min-width: 0;
        padding: 6px 10px;
        font-size: 11px;
        flex: 1;
        text-align: center;
    }

    /* Контент */
    .play-inner {
        padding: 0 8px;
    }

    /* Межстрочный интервал */
    * {
        line-height: 1 !important;
    }

    /* Заголовок задания */
    .play-task-title-wrap {
        height: auto;
        min-height: 44px;
        padding: 10px 14px;
        margin-top: 12px;
    }
    .play-task-title {
        font-size: 18px;
        white-space: normal;
    }
    .play-task-desc-wrap {
        padding: 12px 14px;
    }

    /* Спойлеры */
    .spoiler-header {
        height: auto;
        min-height: 44px;
        padding: 10px 12px 10px 16px;
    }
    .spoiler-body {
        padding: 10px 12px;
    }

    /* Блок кодов */
    .codes-title-wrap {
        height: auto;
        min-height: 44px;
        padding: 8px 12px;
        flex-wrap: wrap;
        gap: 6px;
    }
    .codes-count {
        font-size: 16px !important;
    }
    .codes-body-wrap {
        padding: 12px;
    }
    .codes-sector-label {
        font-size: 13px;
        height: auto;
        padding: 4px 8px;
    }

    /* Подсказки */
    .hint-header {
        height: auto;
        min-height: 44px;
        padding: 10px 12px 10px 16px;
    }
    .hint-body {
        padding: 10px 12px;
    }

    /* Нижняя панель */
    .play-footer {
        margin: 0 8px 8px;
        padding: 10px 12px;
    }
    .play-form {
        gap: 8px;
    }
    /* ── Главная страница ─────────────────────────────────── */

    .hm-cards {
        flex-direction: column;
        gap: 24px;
    }
    .hm-card {
        flex-direction: row;
        align-items: center;
        text-align: left;
        padding: 0;
        gap: 16px;
    }
    .hm-card-icon {
        width: 60px;
        height: 60px;
        flex-shrink: 0;
        margin-bottom: 0;
    }

    .play-input {
        font-size: 16px; /* предотвращает zoom на iOS при фокусе */
    }
    .play-submit {
        padding: 12px 16px;
        font-size: 13px;
    }

    /* ── Список игр (games/index.php) ────────────────────────── */

    /* Фильтр по типу игры */
    .gm-type-filter {
        display: flex;
        gap: 8px;
        margin-top: -13px;
        margin-bottom: 12px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .gm-type-filter::-webkit-scrollbar { display: none; }
    .gm-type-btn {
        flex-shrink: 0;
        height: 30px;
        padding: 0 14px;
        background: #212121;
        border: 1px solid #424242;
        border-radius: 0 0 6px 6px;
        font-family: 'Jura', sans-serif;
        font-size: 13px;
        font-weight: 600;
        color: rgba(242,242,242,.6);
        cursor: pointer;
        white-space: nowrap;
    }
    .gm-type-btn-active {
        background: #FF8600;
        border-color: #FF8600;
        color: #ffffff;
        margin-top: 1px;
    }
    .gm-type-btn-locked {
        opacity: .35;
        cursor: default;
        padding: 0 10px;
    }
    .gm-lock-icon {
        width: 14px;
        height: 14px;
        display: block;
    }

    /* Кнопки над списком игр */
    .gm-header h1 { display: none; }
    .gm-header {
        justify-content: flex-start !important;
        margin-bottom: 12px !important;
    }
    .gm-header-btns {
        width: 100%;
        gap: 8px !important;
    }
    .gm-header-btn {
        flex: 1 !important;
        width: auto !important;
        height: 37px !important;
        font-size: 13px !important;
        border-radius: 6px !important;
    }
    .gm-archive-wrap {
        flex: 1;
        position: relative !important;
    }
    .gm-archive-wrap .gm-header-btn {
        width: 100% !important;
    }
    .gm-archive-wrap > div:first-child {
        left: auto !important;
        right: 5px !important;
        transform: none !important;
        width: auto !important;
        padding: 0 6px !important;
        border-radius: 6px 6px 0 0 !important;
    }

    /* Радиус всех рамок */
    .gm-card,
    .gm-hero,
    .gm-cover-img,
    .gm-cover-placeholder,
    .gm-desc-wrap > div:first-child,
    .gm-timer-wrap,
    .gm-tournament > div:first-child,
    .gm-tournament > div:last-child > div:first-child {
        border-radius: 6px !important;
    }

    /* Фон карточек */
    .gm-hero { background: #212121 !important; }
    .gm-desc-wrap > div:first-child { background: #212121 !important; }
    .gm-tournament > div:last-child > div:first-child { background: #212121 !important; }
    .gm-timer-label { background: #212121 !important; }
    .gm-timer-wrap:not(.is-live) [id^="gm-inner-"] { background: #161616 !important; }

    /* Полоска */
    .gm-stripe {
        width: 100% !important;
        height: 8px !important;
    }

    /* Обёртка карточки — из relative+fixed в block */
    .gm-game-wrap {
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    /* Хиро — верхний блок: аватар + название/дата + статус */
    .gm-hero {
        position: relative !important;
        width: 100% !important;
        height: 116px !important;
        display: flex !important;
        flex-direction: row;
        align-items: flex-start;
        gap: 12px;
        padding: 8px !important;
        box-sizing: border-box;
        overflow: hidden !important;
    }

    /* Обложка */
    .gm-cover-wrap {
        position: static !important;
        width: 153px !important;
        height: 100px !important;
        flex-shrink: 0;
        padding: 6px !important;
    }
    .gm-cover-img,
    .gm-cover-placeholder {
        width: 100% !important;
        height: 100% !important;
        border-radius: 6px;
        object-fit: cover;
    }

    /* Текстовая колонка рядом с обложкой */
    .gm-text-col {
        position: static !important;
        flex: 1;
        min-width: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 4px;
        padding-top: 6px;
    }

    /* Название */
    .gm-title {
        position: static !important;
        left: auto !important;
        top: auto !important;
        font-size: 15px !important;
        margin: 0 0 10px 0 !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Дата / Время */
    .gm-datetime {
        position: static !important;
        left: auto !important;
        top: auto !important;
        display: grid !important;
        grid-template-columns: 44px 1fr !important;
        grid-template-rows: auto auto !important;
        gap: 5px 10px;
    }
    /* Порядок в HTML: span[Дата] span[Время] span[11.05] span[13:50] */
    /* Переставляем через grid-area */
    .gm-datetime span:nth-child(1) { grid-row: 1; grid-column: 1; font-size: 14px !important; padding-bottom: 5px; }
    .gm-datetime span:nth-child(2) { grid-row: 2; grid-column: 1; font-size: 14px !important; }
    .gm-datetime span:nth-child(3) { grid-row: 1; grid-column: 2; font-size: 14px !important; padding-bottom: 5px; padding-left: 10px; }
    .gm-datetime span:nth-child(4) { grid-row: 2; grid-column: 2; font-size: 14px !important; padding-left: 10px; }

    /* Описание */
    .gm-desc-wrap {
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box;
    }
    .gm-desc-wrap > div:first-child {
        position: static !important;
        overflow: visible !important;
        height: auto !important;
    }
    [id^="gm-desc-scroll-"],
    [id^="ar-desc-scroll-"] {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
        padding: 8px !important;
    }
    [id^="gm-desc-scroll-"] p,
    [id^="ar-desc-scroll-"] p {
        line-height: 1.2 !important;
    }
    /* Скрываем скроллбар описания на мобилке */
    [id^="gm-desc-track-"],
    [id^="ar-desc-track-"] { display: none !important; }

    /* Sidebar — прячем тип, статус переезжает в правый угол хиро */
    .gm-sidebar {
        position: absolute !important;
        top: 91px !important;
        right: 0 !important;
        left: auto !important;
        display: flex;
        flex-direction: column;
        gap: 6px;
        width: auto !important;
    }
    .gm-type-badge {
        display: none !important;
    }
    .gm-status-badge {
        width: 85px !important;
        height: 25px !important;
        padding: 0 !important;
        font-size: 13px !important;
        border-radius: 6px 0 6px 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .gm-status-badge span { font-size: 13px !important; }

    /* Строка таймер + турнир */
    .gm-bottom-row {
        display: flex;
        flex-direction: row;
        gap: 8px;
        align-items: flex-start;
    }

    /* Таймер — обёртка без фона, колонка из двух карточек */
    .gm-timer-wrap {
        position: static !important;
        width: auto !important;
        flex: 1;
        order: 2;
        height: auto !important;
        padding: 0 !important;
        background: none !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    /* "До старта" — карточка */
    .gm-timer-label {
        height: 37px !important;
        display: flex;
        align-items: center !important;
        justify-content: center !important;
        background: #212121 !important;
        border: 1px solid #424242 !important;
        border-radius: 6px !important;
        font-size: 14px !important;
        line-height: 1 !important;
        box-sizing: border-box !important;
        box-shadow: 0 4px 4px rgba(0,0,0,.25) !important;
    }

    /* Блок с числом таймера — карточка (только когда игра не стартовала) */
    .gm-timer-wrap:not(.is-live) [id^="gm-inner-"] {
        width: calc(100% - 16px) !important;
        height: 44px !important;
        margin: -1px 8px 0 !important;
        border-radius: 0 0 6px 6px !important;
        box-sizing: border-box !important;
        position: relative !important;
        z-index: -1 !important;
    }
    [id^="gm-timer-"] {
        font-size: 20px !important;
    }

    /* Кнопка "Игра идёт" */
    .gm-inprogress-btn {
        width: 100% !important;
        height: 37px !important;
        margin: 0 !important;
        border-radius: 6px !important;
    }
    .gm-inprogress-btn .gm-inprogress-label,
    .gm-inprogress-btn span {
        font-size: 14px !important;
    }

    /* Место команды (архив) */
    .gm-place-wrap {
        position: static !important;
        width: auto !important;
        height: 37px !important;
        flex: 1;
        order: 2;
        border-radius: 6px !important;
        flex-direction: row !important;
        gap: 8px !important;
    }
    .gm-place-wrap span:first-child {
        font-size: 12px !important;
    }
    .gm-place-wrap .gm-place-num {
        font-size: 20px !important;
    }

    /* Турнир */
    .gm-tournament {
        position: static !important;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        gap: 0;
        flex: 1;
        order: 1;
    }
    .gm-tournament > div:first-child {
        display: none !important;
    }
    .gm-tournament > div:last-child {
        margin: 0 !important;
        flex: 1;
    }
    .gm-tournament > div:last-child > div:first-child {
        width: 100% !important;
        min-height: 0 !important;
        height: 37px !important;
        border-radius: 6px !important;
    }
    .gm-tournament > div:last-child > div:first-child span {
        font-size: 14px !important;
    }

}


/* ── profile/view.php ─────────────────────────────────────── */
@media (max-width: 768px) {

    /* Hero-карточка */
    .pv-hero-card {
        width: 100% !important;
        max-width: 358px !important;
        height: 225px !important;
        overflow: visible !important;
        border-radius: 10px !important;
    }
    .pv-hero-top-stripe {
        width: 103px;
        height: 7px;
        top: -8px;
        right: 25px;
        border-radius: 12px 12px 0 0;
        box-shadow: 0 4px 4px rgba(0,0,0,.25);
        z-index: 1;
    }

    /* Аватар: рамка 120×120, смещение -12px влево и вверх */
    .pv-avatar-frame {
        width: 120px !important;
        height: 120px !important;
        margin: -12px 0 0 -12px;
        position: relative;
        z-index: 2;
        border-radius: 10px !important;
    }

    /* Изображение / плейсхолдер внутри рамки */
    .pv-avatar-img {
        width: 110px !important;
        height: 110px !important;
        border-radius: 7px !important;
    }
    .pv-avatar-placeholder {
        width: 110px !important;
        height: 110px !important;
        font-size: 42px !important;
        border-radius: 7px !important;
    }

    /* Полоски: пропорционально 120/186 ≈ 0.645 → толщина 8px, длина 64px */
    .pv-strip-left,
    .pv-strip-right {
        width: 8px !important;
        height: 64px !important;
    }
    .pv-strip-top,
    .pv-strip-bottom {
        height: 8px !important;
        width: 64px !important;
    }

}

@media (max-width: 768px) {
    .pv-info-col {
        margin-top: -12px;
    }
}

@media (max-width: 768px) {
    .pv-info-col {
        margin-left: -16px;
    }
}

@media (max-width: 768px) {
    .pv-nickname {
        font-size: 14px !important;
    }
}

@media (max-width: 768px) {
    .pv-rank-name {
        font-size: 12px !important;
    }
}

@media (max-width: 768px) {
    .pv-nickname {
        margin-bottom: 6px !important;
    }
}

@media (max-width: 768px) {
    .pv-rank-row {
        top: 0 !important;
        margin-top: 6px;
    }
}

@media (max-width: 768px) {
    .pv-rank-icon {
        width: 30px !important;
        height: 30px !important;
    }
}

@media (max-width: 768px) {
    .pv-side-card {
        position: absolute !important;
        top: 16px !important;
        right: 16px !important;
        left: auto !important;
        width: 46px !important;
        height: 46px !important;
        margin-top: 0;
        z-index: 1;
    }
    .pv-side-card-icon {
        width: 44px !important;
        height: 44px !important;
        border-radius: 7px !important;
    }
}

@media (max-width: 768px) {
    .pv-vizitka {
        width: 100% !important;
        max-width: 336px !important;
        height: 120px !important;
        left: 14px !important;
        right: auto !important;
        top: 8px !important;
        border-radius: 7px !important;
        background: linear-gradient(to right, #161616 70%, #353535) !important;
    }
    .pv-vizitka-rank {
        display: none !important;
    }
    .pv-rank-position {
        display: block;
        font-family: 'Jura', sans-serif;
        font-size: 12px;
        font-weight: 700;
        color: #ffffff;
        margin-top: 6px;
    }
}

@media (max-width: 768px) {
    .pv-vizitka-rank {
        font-size: 9px !important;
    }
}

@media (max-width: 768px) {
    /* Скрываем карточку с мета-данными */
    .pv-meta-grid {
        display: none !important;
    }

    /* Мобильная строка мета: абсолютно позиционирована внутри pv-hero-card */
    .pv-mobile-meta {
        display: flex;
        position: absolute;
        top: 137px;
        left: 20px;
        right: 20px;
        gap: 0;
        box-sizing: border-box;
    }
    .pv-mobile-meta-col {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 3px;
        min-width: 0;
    }
    .pv-mobile-meta-label {
        color: rgba(242,242,242,.45);
        font-size: 10px;
    }
    .pv-mobile-meta-value {
        color: #f2f2f2;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .pv-mobile-meta-contact {
        color: #FF5E01;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-decoration: none;
    }
}

@media (max-width: 768px) {
    /* pv-page — flex-column, управляем порядком через order */
    .pv-page {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        overflow: visible;
    }
    .pv-hero-wrap    { order: 1; }
    .pv-level-row    { order: 2; }
    .pv-bottom-section { order: 3; }
    .pv-team-card-wrap,
    .pv-team-card,
    .pv-no-team      { order: 4; }
    .pv-team-stripe  { order: 5; display: none !important; }
    .pv-soon-card-lg { order: 6; }

    /* Карточка уровня */
    .pv-level-row {
        margin-top: -59px;
        padding: 0;
        margin-left: 14px;
        flex-direction: row;
        gap: 0;
    }
    .pv-level-card {
        border-radius: 8px !important;
        width: 100% !important;
        max-width: 330px !important;
        height: 75px !important;
        box-sizing: border-box;
    }
    .pv-level-name {
        font-size: 12px !important;
    }
    .pv-progress-text {
        font-size: 10px !important;
    }
    .pv-level-card .dash-progress-bar {
        height: 11px !important;
    }
    .pv-level-card .pv-progress-value-inline { display: none !important; }
    .pv-level-card .pv-progress-value-below {
        display: block;
        width: 100%;
        text-align: right;
        margin-top: 4px;
    }
    .pv-level-card {
        padding-left: 8px !important;
        padding-top: 9px !important;
    }
    .pv-level-title {
        margin-bottom: 5px !important;
        margin-top: 0px !important;
    }

    /* Карточка команды / заглушка */
    .pv-team-card-wrap {
        position: relative;
        margin: 8px 8px 0 14px;
        width: 100%;
        max-width: 330px;
    }
    .pv-team-card-stripe {
        width: 304px;
        height: 15px;
        position: absolute;
        bottom: -16px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 0 0 12px 12px;
        background: linear-gradient(to right, #FF7301, #FF9A00);
        box-shadow: 0 4px 4px rgba(0,0,0,.25);
        z-index: 1;
    }
    .pv-team-card,
    .pv-no-team {
        border-radius: 9px !important;
        position: relative !important;
        width: 100% !important;
        max-width: 330px !important;
        height: auto !important;
        overflow: visible !important;
        box-sizing: border-box;
        margin: 8px 8px 0 14px !important;
        top: auto !important;
        left: auto !important;
        padding: 10px 8px !important;
    }
    .pv-team-card .dash-team-body {
        max-height: 0;
        overflow: hidden;
        transition: max-height .6s ease-out;
    }
    .pv-team-card.open .dash-team-body {
        max-height: 513px;
        overflow: hidden !important;
        padding-bottom: 15px;
    }
    .pv-team-card.open.anim-done .dash-team-body {
        overflow: visible !important;
    }
    .pv-team-card .dash-team-header { padding: 0 !important; position: relative; gap: 8px !important; }
    .pv-team-card .pv-team-header-info .team-info-closed { display: none !important; }
    .pv-team-card .team-info-closed-mobile { display: flex !important; transition: opacity .25s ease; }
    .pv-team-card.open .pv-team-header-info .team-info-open { display: none !important; }
    .pv-team-card .team-info-open-mobile { transition: opacity .25s ease; width: 100%; }
    .pv-team-card.open .pv-team-divider { display: block !important; }
    .pv-team-card.open .pv-team-desktop-body { display: none !important; }
    .pv-team-card.open .pv-team-ach-mobile { display: flex !important; }
    .pv-team-card.open .pv-team-divider-2 { display: block !important; }
    .pv-team-card.open .pv-team-divider-3 { display: block !important; }
    .pv-team-card.open .pv-team-members-mobile { display: flex !important; }
    .pv-team-card.open .pv-team-btn { display: none !important; }
    .pv-team-card.open .pv-team-btn-open-mobile { display: flex !important; width: 200px !important; height: 21px !important; margin: 20px auto 0px; align-items: center; justify-content: center; background: linear-gradient(to right,#FF7301,#FF9A00); color: #fff; font-family: 'Jura',sans-serif; font-weight: 700; font-size: 11px; border-radius: 6px; text-decoration: none; opacity: 0; transition: opacity .2s ease; }
    .pv-team-card.open.anim-done .pv-team-btn-open-mobile { opacity: 1; }
    .pv-team-card.open { display: flex !important; flex-direction: column; }
    .pv-team-card.open.anim-done .dash-team-body { flex-direction: column; flex: 1; }
.pv-team-card.open .pv-team-stats-mobile { display: flex !important; }
    .pv-team-card.open .team-info-open-mobile span,
    .pv-team-card.open .team-info-open-mobile a { font-size: 12px !important; }
    .pv-team-card.open .pv-team-header-info { margin-top: 18px; }
    .pv-team-card.open .team-info-closed-mobile { display: none !important; }
    .pv-team-card .pv-team-btn {
        display: none !important;
    }
    .pv-team-btn-full { display: none; }
    .pv-team-btn-short { display: inline !important; }
    .pv-team-card .dash-team-img,
    .pv-team-card.open .dash-team-img { width: 54px !important; height: 54px !important; transition: none !important; }
    .pv-team-card .dash-team-logo,
    .pv-team-card.open .dash-team-logo { width: 54px !important; height: 54px !important; font-size: 22px !important; transition: none !important; }
    .pv-team-card .dash-team-header img[src*="rank_Icon_team"] { width: 22px !important; height: 22px !important; }
    .pv-team-card .dash-team-header p { font-size: 15px !important; }
    .pv-team-card .dash-team-header p img[src*="baby_noobs"] { width: 20px !important; height: 20px !important; }

    /* Bottom section */
    .pv-bottom-section {
        margin-top: -2px;
        padding: 0 0 0 14px;
        flex-direction: row;
        align-items: flex-start;
        gap: 7px;
    }
    .pv-left-col {
        flex: 0 0 153px;
        gap: 0;
    }
    .pv-right-col {
        flex: 0 0 170px;
        min-width: 0;
    }
    .pv-info-card {
        border-radius: 8px !important;
        width: 100% !important;
        max-width: 153px !important;
        height: 101px !important;
        box-sizing: border-box;
    }
    .pv-right-col {
        flex-direction: column !important;
        gap: 0 !important;
    }
    .pv-ach-col {
        width: 170px;
        max-width: 170px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .pv-ach-header-wrap {
        width: 170px;
    }
    .pv-right-col .pv-ach-header {
        border-radius: 8px !important;
        width: 170px !important;
        max-width: 170px !important;
        align-self: flex-start;
        height: 31px !important;
        flex-shrink: 0 !important;
        box-sizing: border-box;
        padding-right: 6px !important;
        padding-left: 6px !important;
    }
    .pv-ach-label {
        font-size: 10px !important;
    }
    .pv-ach-list {
        width: 100%;
        box-sizing: border-box;
    }
    .pv-ach-label {
        font-size: 10px !important;
    }
    .pv-ach-list {
        gap: 14px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        width: 100%;
        box-sizing: border-box;
    }
    .pv-ach-item {
        border-radius: 0 0 6px 6px !important;
        width: 100% !important;
        max-width: 70px !important;
        height: 53px !important;
        flex: 0 0 auto !important;
        box-sizing: border-box;
        min-width: 0;
        overflow: visible;
    }
    .pv-ach-item .pv-ach-stripe {
        width: 32px;
        height: 6px;
        bottom: -6px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 0 0 4px 4px;
        z-index: 1;
    }
    .pv-ach-item.open {
        height: 113px !important;
    }
    .pv-ach-item:nth-child(3) {
        display: none !important;
    }
    .pv-info-card {
        padding-left: 6px !important;
        padding-right: 6px !important;
        padding-top: 10px !important;
    }
    .pv-info-card-title {
        font-size: 10px !important;
    }
    .pv-info-card .dash-row {
        padding: 2px 0 !important;
    }
    .pv-info-card .dash-row span[style] {
        font-size: 12px !important;
    }
    .pv-stat-badge {
        font-size: 11px !important;
    }
    .pv-radar-header {
        border-radius: 8px !important;
        margin-top: 14px;
        width: 100% !important;
        max-width: 153px !important;
        height: 28px !important;
        box-sizing: border-box;
    }
    .pv-radar-header-text {
        font-size: 10px !important;
    }
    .pv-radar-header-inner {
        padding: 8px 0 0 8px !important;
        align-items: flex-start;
    }
    .pv-radar-body-wrap {
        width: calc(100% - 22px) !important;
        box-sizing: border-box;
        overflow: visible;
        margin-right: 11px !important;
    }
    .pv-radar-card {
        border-radius: 0 0 12px 12px !important;
        width: min(139px, 100%) !important;
        min-height: 144px !important;
        height: auto !important;
        padding: 0 !important;
        overflow: visible !important;
    }
    .pv-radar-stripe {
        width: 108px;
        height: 10px;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 0 0 12px 12px;
        z-index: 1;
    }
    .pv-radar-card #radarSvg {
        width: 100% !important;
        height: auto !important;
    }
    .pv-soon-card-sm {
        position: absolute !important;
        top: 162px;
        left: 0;
        right: 0;
        width: 100% !important;
        max-width: 170px !important;
        height: 134px !important;
        box-sizing: border-box;
        border-radius: 10px !important;
    }
    .pv-right-col {
        position: relative;
    }
    .pv-soon-card-lg-desktop {
        display: none !important;
    }
    .pv-soon-card-lg:not(.pv-soon-card-lg-desktop) {
        display: flex !important;
        width: 100% !important;
        max-width: 330px !important;
        height: 142px !important;
        margin: 8px 8px 0 14px;
        box-sizing: border-box;
        border-radius: 12px !important;
    }

    /* ── Dashboard ────────────────────────────────────────────── */

    /* Главный контейнер */
    .dash-page {
        max-width: 100% !important;
        gap: 0 !important;
        padding: 0;
        display: flex;
        flex-direction: column;
    }

    /* Банер приглашений */
    .dash-invite-banner {
        margin: 8px 0;
        border-radius: 8px;
        padding: 12px 14px;
        gap: 10px;
    }

    /* ── Hero-обёртка ── */
    .dash-hero-wrap {
        display: flex;
        flex-direction: column;
        position: relative;
    }

    /* Hero-карточка */
    .dash-hero-card {
        width: 100% !important;
        max-width: 358px !important;
        height: 225px !important;
        overflow: visible !important;
        border-radius: 10px !important;
        box-sizing: border-box;
    }
    .dash-hero-top-stripe {
        width: 103px !important;
        height: 7px !important;
        top: -8px !important;
        right: 25px !important;
        border-radius: 12px 12px 0 0 !important;
    }

    /* Аватар: рамка 120×120 */
    .dash-avatar-frame {
        width: 120px !important;
        height: 120px !important;
        margin: -12px 0 0 -12px;
        position: relative;
        z-index: 2;
        border-radius: 10px !important;
    }
    .dash-avatar-img {
        width: 110px !important;
        height: 110px !important;
        border-radius: 7px !important;
    }
    .dash-avatar-placeholder {
        width: 110px !important;
        height: 110px !important;
        font-size: 42px !important;
        border-radius: 7px !important;
    }

    /* Угловые полоски: пропорционально 120/186 */
    .dash-strip-left,
    .dash-strip-right {
        width: 8px !important;
        height: 64px !important;
    }
    .dash-strip-top,
    .dash-strip-bottom {
        height: 8px !important;
        width: 64px !important;
    }

    /* Инфо-колонка справа от аватара */
    .dash-info-col {
        margin-top: -12px;
        margin-left: -16px;
        height: auto !important;
        justify-content: flex-start !important;
        gap: 4px;
    }

    .dash-nickname {
        font-size: 14px !important;
        margin-bottom: 6px !important;
    }
    .dash-rank-row {
        top: 0 !important;
        margin-top: 6px;
    }
    .dash-rank-icon {
        width: 30px !important;
        height: 30px !important;
    }
    .dash-rank-name {
        font-size: 12px !important;
    }
    .dash-vizitka-rank { display: none !important; }
    .dash-edit-profile-link { bottom: 7px !important; right: 6px !important; font-size: 9px !important; }
    .dash-rank-position {
        display: block;
        font-family: 'Jura', sans-serif;
        font-size: 12px;
        font-weight: 700;
        color: #ffffff;
        margin-top: 6px;
    }

    /* Карточка справа от ника */
    .dash-side-card {
        top: 16px;
        right: 16px;
        left: auto;
        width: 46px;
        height: 46px;
    }
    .dash-side-card-icon {
        width: 44px !important;
        height: 44px !important;
        border-radius: 7px !important;
    }

    /* Мета-сетка (имя/город/контакт) — скрываем, показываем мобильную */
    .dash-meta-grid {
        display: none !important;
    }
    .dash-mobile-meta {
        display: flex !important;
        position: absolute;
        top: 137px;
        left: 20px;
        right: 20px;
        gap: 0;
        box-sizing: border-box;
    }
    .dash-mobile-meta-col {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 3px;
        min-width: 0;
    }
    .dash-mobile-meta-label {
        color: rgba(242,242,242,.45);
        font-size: 10px;
    }
    .dash-mobile-meta-value {
        color: #f2f2f2;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .dash-mobile-meta-contact {
        color: #FF5E01;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-decoration: none;
    }

    /* Визитка */
    .dash-vizitka {
        width: 100% !important;
        max-width: 336px !important;
        height: 120px !important;
        left: 14px !important;
        right: auto !important;
        top: 8px !important;
        border-radius: 7px !important;
        background: linear-gradient(to right, #161616 70%, #353535) !important;
    }
    .dash-vizitka-rank {
        display: none !important;
    }

    /* Строка уровень+команда */
    .dash-level-row {
        margin-top: -43px !important;
        padding: 0 !important;
        margin-left: 14px;
        flex-direction: column !important;
        gap: 8px !important;
        min-height: auto !important;
        align-items: flex-start !important;
    }

    /* Карточка уровня */
    .dash-level-card {
        border-radius: 8px !important;
        width: 100% !important;
        max-width: 330px !important;
        height: 75px !important;
        box-sizing: border-box;
        padding-left: 8px !important;
        padding-right: 8px !important;
        padding-top: 9px !important;
        padding-bottom: 6px !important;
        background: #212121 !important;
    }
    .dash-level-title,
    .dash-level-name {
        font-size: 12px !important;
    }
    .dash-level-title-row {
        margin-bottom: 5px !important;
        margin-top: 0px !important;
    }
    .dash-progress-text {
        font-size: 10px !important;
    }
    .dash-level-card .dash-progress-bar {
        height: 11px !important;
        margin-top: 8px !important;
    }
    /* Inline значение скрываем, под-баром показываем */
    .dash-level-card .dash-progress-inline { display: none !important; }
    .dash-level-card .dash-progress-below {
        display: block !important;
        width: 100%;
        text-align: right;
        font-size: 10px;
        color: #565656;
        margin-top: 4px;
        line-height: 1;
        padding-right: 4px;
        box-sizing: border-box;
    }

    /* Карточка команды */
    .dash-team-card-wrap {
        position: relative;
        margin: 16px 8px 0 14px;
        width: 100%;
        max-width: 330px;
        height: auto !important;
    }
    .dash-team-card {
        border-radius: 9px !important;
        width: 100% !important;
        max-width: 330px !important;
        height: auto !important;
        box-sizing: border-box !important;
        padding: 10px 8px !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
    }
    .dash-team-card .dash-team-body {
        max-height: 0;
        overflow: hidden;
        transition: max-height .6s ease-out;
    }
    .dash-team-card.open .dash-team-body {
        max-height: 900px;
        overflow: hidden !important;
        padding-bottom: 15px;
    }
    .dash-team-card.open.anim-done .dash-team-body {
        overflow: visible !important;
        max-height: none !important;
    }
    .dash-team-card .dash-team-header {
        padding: 0 !important;
        gap: 8px !important;
        min-height: auto !important;
        position: relative;
    }
    .dash-team-card .dash-team-img,
    .dash-team-card.open .dash-team-img { width: 54px !important; height: 54px !important; transition: none !important; }
    .dash-team-card .dash-team-logo,
    .dash-team-card.open .dash-team-logo { width: 54px !important; height: 54px !important; font-size: 22px !important; transition: none !important; }
    .dash-team-card .dash-team-header img[src*="rank_Icon_team"] { width: 22px !important; height: 22px !important; }
    .dash-team-card .dash-team-header p { font-size: 15px !important; }
    .dash-team-card.open .dash-team-header-info { margin-top: 18px; }
    .dash-team-btn-full { display: none !important; }
    .dash-team-btn-short { display: inline !important; }
    .dash-team-manage-btn { display: none !important; }
    .dash-team-desktop-body { display: none !important; }
    .dash-team-card .team-info-closed-mobile { display: flex !important; transition: opacity .25s ease; }
    .dash-team-card.open .team-info-closed-mobile { display: none !important; }
    .team-info-closed { display: none !important; }
    .team-info-open-mobile { transition: opacity .25s ease; width: 100%; }
    .dash-team-card.open .team-info-open-mobile { display: flex !important; }
    .dash-team-card.open .dash-team-members-mobile { display: flex !important; }
    .dash-team-card.open .dash-team-stats-mobile { display: flex !important; }
    .dash-team-card.open .dash-team-ach-mobile { display: flex !important; }
    .dash-team-card.open .dash-team-divider-mobile,
    .dash-team-card.open .dash-team-divider-mobile-2,
    .dash-team-card.open .dash-team-divider-mobile-3 { display: block !important; }
    .dash-team-card.open .dash-team-btn-open-mobile { display: flex !important; }
    .dash-team-btn-open-mobile {
        align-items: center;
        justify-content: center;
        background: linear-gradient(to right, #FF7301, #FF9A00);
        color: #ffffff;
        font-family: 'Jura', sans-serif;
        font-size: 13px;
        font-weight: 700;
        border-radius: 8px;
        text-decoration: none;
        box-sizing: border-box;
    }

    /* Нет команды */
    .dash-no-team {
        border-radius: 9px !important;
        width: 100% !important;
        max-width: 330px !important;
        height: auto !important;
        min-height: 75px !important;
        box-sizing: border-box !important;
        padding: 14px 8px !important;
        justify-content: flex-start !important;
    }
    .dash-no-team p {
        text-align: left !important;
        padding-left: 8px !important;
    }

    /* Полоска под командой — скрываем десктопную, показываем мобильную */
    .dash-team-stripe { display: none !important; }
    .dash-team-card::after { display: none !important; }
    .dash-team-stripe-mobile {
        width: 304px;
        height: 15px;
        background: linear-gradient(to right, #FF7301, #FF9A00);
        border-radius: 0 0 12px 12px;
        box-shadow: 0 4px 4px rgba(0,0,0,.25);
        pointer-events: none;
        margin-left: 13px;
    }

    /* ── Нижняя секция: левый + правый столбцы ── */
    .dash-bottom-section {
        display: flex;
        flex-direction: row;
        padding: 0 0 0 14px !important;
        gap: 7px !important;
        align-items: flex-start;
        margin-top: 14px;
    }

    /* Левый столбец */
    .dash-left-col {
        flex: 0 0 153px !important;
        width: 153px !important;
        gap: 0 !important;
    }

    /* Инфо-карточка */
    .dash-info-card {
        border-radius: 8px !important;
        width: 100% !important;
        max-width: 153px !important;
        height: 101px !important;
        box-sizing: border-box;
        padding-left: 6px !important;
        padding-right: 6px !important;
        padding-top: 10px !important;
    }
    .dash-info-card-title {
        font-size: 10px !important;
    }
    .dash-info-card .dash-row {
        padding: 2px 0 !important;
    }
    .dash-info-card .dash-row span:first-child {
        font-size: 12px !important;
    }
    .dash-stat-badge {
        font-size: 11px !important;
    }

    /* Радар */
    .dash-radar-header {
        border-radius: 8px !important;
        margin-top: 14px;
        width: 100% !important;
        max-width: 153px !important;
        height: 28px !important;
        box-sizing: border-box;
    }
    .dash-radar-header-text {
        font-size: 10px !important;
    }
    .dash-radar-header-inner {
        padding: 0 0 0 8px !important;
        align-items: center !important;
        height: 100% !important;
    }
    .dash-radar-body-wrap {
        width: calc(100% - 22px) !important;
        margin-left: 11px !important;
        box-sizing: border-box;
        overflow: visible;
        margin-bottom: 10px;
    }
    .dash-radar-card {
        border-radius: 0 0 12px 12px !important;
        width: min(139px, 100%) !important;
        min-height: 144px !important;
        height: auto !important;
        padding: 0 !important;
    }
    .dash-radar-card #radarSvg {
        width: 100% !important;
        height: auto !important;
    }
    .dash-radar-stripe {
        width: 108px !important;
        height: 10px !important;
        bottom: -10px !important;
        border-radius: 0 0 12px 12px !important;
    }

    /* Правый столбец */
    .dash-right-col {
        flex: 0 0 170px !important;
        min-width: 0;
        flex-direction: column !important;
        gap: 0 !important;
        align-items: flex-start !important;
        position: relative;
    }

    /* Достижения */
    .dash-ach-col {
        width: 170px;
        max-width: 170px;
    }
    .dash-ach-header {
        border-radius: 8px !important;
        width: 170px !important;
        max-width: 170px !important;
        height: 31px !important;
        flex-shrink: 0 !important;
        box-sizing: border-box;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    .dash-ach-label {
        font-size: 10px !important;
    }
    .dash-ach-list {
        gap: 14px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        width: 100%;
        box-sizing: border-box;
    }
    .dash-ach-item {
        border-radius: 0 0 6px 6px !important;
        width: 100% !important;
        max-width: 70px !important;
        height: 53px !important;
        flex: 0 0 auto !important;
        box-sizing: border-box;
        min-width: 0;
        overflow: visible;
    }
    .dash-ach-item .dash-ach-stripe {
        width: 32px !important;
        height: 6px !important;
        bottom: -6px !important;
        border-radius: 0 0 4px 4px !important;
    }
    .dash-ach-item.open {
        height: 113px !important;
    }
    .dash-ach-item:nth-child(3) {
        display: none !important;
    }

    /* Скоро-блоки — скрываем оба на мобилке, не влезают */
    .dash-soon-sm,
    .dash-soon-lg {
        display: none !important;
    }

    /* Мобильная заглушка "Скоро" — под достижениями */
    .dash-soon-mobile {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 6px;
        width: 170px !important;
        height: 134px;
        box-sizing: border-box;
        border-radius: 10px !important;
        position: absolute;
        top: 162px;
        left: 0;
    }

}

/* ══════════════════════════════════════════
   Страница профиля команды — /teams/{id}
   ══════════════════════════════════════════ */
@media (max-width: 768px) {

    .tm-back-teams { display: none !important; }
    .tm-hero-top-stripe { display: block !important; width: 103px !important; height: 7px !important; top: -8px !important; }
    .tm-hero-meta span:nth-child(-n+4),
    .tm-hero-meta a:nth-child(-n+4) { font-size: 10px !important; }
    .tm-hero-meta span:nth-child(n+5),
    .tm-hero-meta a:nth-child(n+5) { font-size: 12px !important; }
    .tm-action-btn { display: none !important; }
    .tm-action-btn-mobile { display: flex; justify-content: center; margin-top: 20px; }
    .tm-action-btn-mobile .tm-btn,
    .tm-action-btn-mobile button,
    .tm-action-btn-mobile > div { width: 200px !important; height: 38px !important; box-sizing: border-box; box-shadow: 0 4px 4px rgba(0,0,0,.25) !important; display: flex; align-items: center; justify-content: center; }
    .tm-edit-link { right: 14px !important; top: 110px !important; }
    .tm-team-name { font-size: 14px !important; color: #f2f2f2 !important; margin-top: 4px !important; }
    .tm-hero-info { padding-left: 8px !important; position: static !important; height: auto !important; }
    .tm-hero-meta {
        position: absolute !important;
        top: calc(120px + 20px) !important;
        left: 14px !important;
        margin-top: 0 !important;
        gap: 3px 24px !important;
    }
    .tm-hero-inner { gap: 0 !important; }

    .tm-logo-frame { width: 120px !important; height: 120px !important; z-index: 2; position: relative; }
    .tm-logo-inner { width: 108px !important; height: 108px !important; }
    .tm-logo-img   { width: 108px !important; height: 108px !important; border-radius: 7px !important; }
    .tm-logo-letter { width: 108px !important; height: 108px !important; font-size: 42px !important; }
    .tm-logo-corner { width: 38px !important; height: 38px !important; border-width: 7px !important; }

    .tm-hero-card {
        width: 100% !important;
        max-width: 358px !important;
        height: 225px !important;
        padding: 8px !important;
        border-radius: 10px !important;
        background: #161616 !important;
        box-shadow: 0 4px 4px rgba(0,0,0,.25) !important;
        position: relative !important;
    }

    /* Порядок карточек на мобилке */
    .tm-level-row {
        flex-direction: column !important;
        margin-top: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        gap: 10px !important;
    }
    .tm-left-col  { display: contents !important; }
    .tm-right-col { display: contents !important; }
    .tm-games-row { display: contents !important; }
    .tm-roster-wrap { width: 100% !important; }

    .tm-level-card        { order: 1; width: 100% !important; max-width: 342px !important; height: 120px !important; box-sizing: border-box; margin-top: -39px !important; margin-left: 8px !important; box-shadow: 0 4px 4px rgba(0,0,0,.25) !important; }
    .tm-stats-showcase-row { order: 2; display: flex !important; flex-direction: row !important; align-items: flex-start; gap: 8px; margin-left: 8px; }
    .tm-stats-card        { width: 186px !important; max-width: 186px !important; height: 136px !important; box-sizing: border-box; flex-shrink: 0 !important; border-radius: 8px !important; }
    .tm-showcase-mobile   { display: flex !important; flex-direction: column !important; flex-shrink: 0; background: none !important; border: none !important; box-shadow: none !important; padding: 0 !important; }
    .tm-showcase-header-mobile { width: 147px !important; height: 40px !important; border-radius: 8px !important; }
    .tm-showcase-body-mobile   { width: 127px !important; height: 287px !important; border-radius: 0 0 8px 8px !important; z-index: -1; position: relative; }
    .tm-showcase-body-mobile .tm-showcase-items > div { width: 34px !important; height: 34px !important; border-radius: 4px !important; box-shadow: 0 4px 4px rgba(0,0,0,.25) !important; }
    .tm-radar-wrap        { order: 4; margin-left: 8px; margin-top: -191px !important; }
    .tm-radar-card        { width: 161px !important; height: 144px !important; }
    .tm-radar-body > div:last-child { width: 116px !important; height: 10px !important; }
    .tm-games-card        { order: 5; width: 100% !important; max-width: 342px !important; height: 153px !important; box-sizing: border-box; margin-left: 8px !important; margin-top: 8px !important; }
    .tm-tournaments-card  { order: 6; width: 100% !important; max-width: 342px !important; height: 153px !important; box-sizing: border-box; margin-left: 8px !important; }
    .tm-roster-wrap       { order: 7; width: 100% !important; max-width: 342px !important; margin-left: 8px !important; }
    .tm-roster-card       { width: 100% !important; max-width: 342px !important; height: auto !important; box-sizing: border-box; }
    .tm-roster-stripe     { width: 304px !important; height: 15px !important; box-shadow: 0 4px 4px rgba(0,0,0,.25) !important; }
    .tm-wall-wrap         { display: none !important; }
    .tm-find-players-btn { display: none !important; }



    /* Визитка — внутри hero-карточки, за логотипом */
    .tm-vizitka {
        position: absolute !important;
        left: 12px !important;
        top: 8px !important;
        width: 100% !important;
        max-width: 336px !important;
        height: 120px !important;
        display: flex !important;
        box-sizing: border-box !important;
        background: linear-gradient(to right, #161616 70%, #353535) !important;
    }
    .tm-showcase-mobile {
        display: block !important;
        background: #161616;
        border: 1px solid #424242;
        border-radius: 10px;
        padding: 12px 14px;
        box-shadow: 0 4px 4px rgba(0,0,0,.25);
        box-sizing: border-box;
    }
    .tm-showcase-title { font-size: 12px !important; color: #666666 !important; margin-bottom: 8px; }
    .tm-showcase-header-mobile .tm-showcase-title { font-size: 14px !important; color: #f2f2f2 !important; margin: 0 !important; }
    .tm-showcase-items > div { width: 44px !important; height: 44px !important; }
    .tm-vizitka .tm-showcase { display: block !important; position: absolute !important; top: 28px !important; left: 117px !important; }
    .tm-vizitka .tm-showcase-items > div { width: 38px !important; height: 38px !important; border-radius: 4px !important; }
    .tm-vizitka .tm-showcase-item-extra { display: none !important; }
    .tm-vizitka > span:first-child { font-size: 12px !important; }
    .tm-game-row-extra { display: none !important; }
    .tm-tournament-row-extra { display: none !important; }
    .tm-games-divider { margin: 10px 0 6px !important; }
    .tm-tournaments-card > p:first-child { font-size: 14px !important; }
    .tm-tournaments-card table,
    .tm-games-card table { table-layout: fixed !important; width: 100% !important; }
    .tm-tournaments-card th:nth-child(1),
    .tm-games-card th:nth-child(1) { width: 130px !important; }
    .tm-tournaments-card th:nth-child(2),
    .tm-games-card th:nth-child(2) { width: 60px !important; }
    .tm-tournaments-card th:nth-child(3),
    .tm-games-card th:nth-child(3) { width: 80px !important; }
    .tm-tournaments-card th:nth-child(4),
    .tm-games-card th:nth-child(4) { width: 44px !important; }
    .tm-tournaments-card th { font-size: 12px !important; }
    .tm-tournaments-card td { font-size: 14px !important; padding-bottom: 10px !important; }
    .tm-roster-card a { gap: 10px !important; }
    .tm-roster-card > div { padding-left: 0 !important; }
    .tm-roster-card a > div { width: 42px !important; height: 42px !important; }
    .tm-roster-card a > div img:first-child,
    .tm-roster-card a > div > div { width: 42px !important; height: 42px !important; border-radius: 4px !important; }
    .tm-roster-card a > div img[src*="rank_Icon_user"] { width: 20px !important; height: 20px !important; top: auto !important; left: 50% !important; bottom: -10px !important; transform: translateX(-50%) !important; }
    .tm-stats-card { padding: 12px 16px 10px !important; }
    .tm-stats-card > p { margin-bottom: 10px !important; }
    .tm-stats-card .tm-row span:first-child { color: #666666 !important; }
    .tm-stats-card .tm-row span:last-child { width: 40px !important; height: 14px !important; }
    .tm-row { padding: 4px 0 !important; }
    .tm-games-title { font-size: 14px !important; }
    .tm-games-card th { font-size: 12px !important; }
    .tm-games-card td { font-size: 14px !important; padding-bottom: 10px !important; }
    .tm-level-card { padding: 14px 16px 14px !important; }
    .tm-level-card > div { gap: 15px !important; }
    .tm-level-title-block { margin-bottom: 15px !important; }
    .tm-level-card .tm-level-label { font-size: 14px !important; }
    .tm-level-card .tm-level-name  { font-size: 16px !important; color: #FF8600 !important; }
    .tm-level-score-row { display: none !important; }
    .tm-level-score-below { display: block !important; }
    .tm-level-next-text  { font-size: 12px !important; text-align: right !important; }

}