/* ==========================================================================
   redesign-light.css — светлая тема премиум-редизайна.
   Включается классом html.rd-light (ставит инлайн-скрипт в head до отрисовки,
   выбор хранится в localStorage: rd-theme = light | dark; по умолчанию тёмная).

   Палитра снята с референса (fashion-лендинг MELANI) — те же пропорции цвета:
   — холст: светлый и ЧИСТЫЙ (светло-серые секции ~#eee…#f6), лёгкий
     вертикальный градиент от светлого к чуть темнее-серому; контраст даёт
     не мутный серый, а связка «сочный красный + угольные якоря»;
   — карточки: почти белые — «выступают» над светло-серым холстом (ритм
     белых секций MELANI); полупрозрачные слои тёмной темы заменены сплошными;
   — красный: сочный fashion-red #cc0024 (не бордо; контраст на белом 5.85:1,
     проходит AA), hover темнеет до #a80020;
   — «бренд-хром» (шапка, футер, моб. меню) и шоу-блок .rd-prize остаются
     тёмными якорями: им локально возвращаются тёмные токены (как в тёмной
     теме — при переключении хром не мигает). Шапке убрана прозрачность.
   Тёмную тему НЕ трогаем. Админка (body.rd-admin) всегда тёмная.
   ========================================================================== */

/* --- Светлые токены контента --------------------------------------------- */
html.rd-light body.rd:not(.rd-admin) {
    color-scheme: light;

    /* Холст: тёплый серый с фактурой «старой бумаги» (значения подобраны
       тюнером; градиент+зерно ниже) */
    --rd-bg:        #e6dcd6;
    --rd-bg-2:      #ded4ce;
    --rd-bg-3:      #d2c7bf;

    /* Карточки: почти белые — «белые секции» MELANI, выступают над холстом */
    --rd-surface:   #fdfbfa;
    --rd-surface-2: #f5f2ef;
    --rd-surface-3: #ece7e2;

    /* Линии: чёткие тёмные hairline */
    --rd-line:      rgba(28, 20, 22, .12);
    --rd-line-2:    rgba(28, 20, 22, .20);
    --rd-line-red:  rgba(204, 0, 36, .32);

    /* Подсветки-hover: на тёмной теме белесые, тут — тёмные */
    --rd-tint-2: rgba(28, 20, 22, .04);
    --rd-tint:   rgba(28, 20, 22, .06);
    --rd-tint-3: rgba(28, 20, 22, .09);

    /* Красный: сочный fashion-red MELANI */
    --rd-red:       #cc0024;
    --rd-red-2:     #a80020;   /* hover: на светлом акцент темнеет, не светлеет */
    --rd-red-hi:    #e51e40;   /* блик металлического градиента */
    --rd-red-deep:  #8a0019;
    --rd-red-glow:  rgba(204, 0, 36, .20);
    --rd-red-soft:  rgba(204, 0, 36, .09);
    --rd-red-soft2: rgba(204, 0, 36, .045);

    /* Текст: тёплый почти-чёрный — editorial-контраст */
    --rd-text:   #221c1d;
    --rd-text-2: #5f5457;
    --rd-text-3: #8f8487;

    /* Тени: двухслойные — резкий контакт + мягкая глубина */
    --rd-shadow:     0 1px 2px rgba(28, 20, 22, .07), 0 26px 50px -22px rgba(28, 20, 22, .28);
    --rd-shadow-sm:  0 1px 2px rgba(28, 20, 22, .06), 0 10px 24px -12px rgba(28, 20, 22, .20);
    --rd-shadow-red: 0 14px 34px -14px rgba(204, 0, 36, .30);

    /* Градиент заголовков: уголь → сочный красный */
    --rd-grad-text: linear-gradient(180deg, #241b1e 0%, #9a0021 52%, var(--rd-red) 100%);
}

/* Холст: тёплый серый градиент от светлого (верх) к темнее-серому (низ);
   зерно-фактура «старой бумаги» — ПЕРВЫМ слоем фона (за карточками): контент
   непрозрачен и перекрывает зерно, поэтому шершавость только на фоне, карточки
   чистые. Плюс мягкие тёплые пятна-«старение» и красное свечение сверху.
   SVG-зерно (подобрано тюнером): полупрозрачные крапины — feColorMatrix задаёт
   нейтрально-серый цвет #4f4f4f + альфу из шума; baseFrequency 0.65, тайл 130px. */
html.rd-light body.rd:not(.rd-admin) {
    background-color: var(--rd-bg);
    background-image:
        url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'200'%20height%3D'200'%3E%3Cfilter%20id%3D'p'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'0.65'%20numOctaves%3D'3'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%200.31%200%200%200%200%200.31%200%200%200%200%200.31%200%200%200%200.88%20-0.38'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23p)'%2F%3E%3C%2Fsvg%3E"),
        radial-gradient(1100px 520px at 16% 10%, rgba(120, 92, 64, .06), transparent 55%),
        radial-gradient(940px 500px at 86% 34%,  rgba(70, 52, 44, .05),  transparent 55%),
        radial-gradient(1200px 620px at 50% -8%, rgba(204, 0, 36, .045), transparent 60%),
        linear-gradient(180deg, #f1ece9 0%, #e6dcd6 34%, #d8cac0 100%);
    background-size: 130px 130px, auto, auto, auto, auto;
    background-repeat: repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}
/* Подложка под html — зоны, не покрытые zoom-ом body (низ градиента) */
html.rd-light:has(body.rd:not(.rd-admin)) { background-color: #d8cac0; }

/* --- Тёмными остаются: шапка, футер, моб. меню и шоу-блоки ---------------- */
/* Все их стили написаны на var(--rd-*), поэтому достаточно локально вернуть
   тёмные значения токенов. .rd-prize («Главный турнир года») — тёмная витрина. */
html.rd-light body.rd:not(.rd-admin) header,
html.rd-light body.rd:not(.rd-admin) .site-footer,
html.rd-light body.rd:not(.rd-admin) .mobile-nav,
html.rd-light body.rd:not(.rd-admin) .rd-prize,
html.rd-light body.rd:not(.rd-admin) .club-header {
    color-scheme: dark;

    --rd-bg:        #0a0607;
    --rd-bg-2:      #0f0a0b;
    --rd-bg-3:      #140c0e;
    --rd-surface:   #151011;
    --rd-surface-2: #1c1416;
    --rd-surface-3: #241a1d;
    --rd-line:      rgba(255, 255, 255, .07);
    --rd-line-2:    rgba(255, 255, 255, .12);
    --rd-line-red:  rgba(255, 59, 59, .22);
    --rd-tint-2:    rgba(255, 255, 255, .02);
    --rd-tint:      rgba(255, 255, 255, .03);
    --rd-tint-3:    rgba(255, 255, 255, .04);
    --rd-red:       #ff3b3b;
    --rd-red-2:     #ff5a4d;
    --rd-red-hi:    #ff7a63;
    --rd-red-deep:  #b81212;
    --rd-red-glow:  rgba(255, 59, 59, .38);
    --rd-red-soft:  rgba(255, 59, 59, .12);
    --rd-red-soft2: rgba(255, 59, 59, .06);
    --rd-text:      #f5efef;
    --rd-text-2:    #b9adad;
    --rd-text-3:    #837778;
    --rd-shadow:     0 24px 60px -24px rgba(0, 0, 0, .85);
    --rd-shadow-sm:  0 8px 24px -12px rgba(0, 0, 0, .8);
    --rd-shadow-red: 0 18px 50px -18px rgba(255, 59, 59, .45);
    --rd-grad-text:  linear-gradient(180deg, #fff 0%, #ffd9d4 45%, var(--rd-red) 100%);

    /* color наследуется вычисленным значением, а не переменной — возвращаем явно */
    color: var(--rd-text);
}

/* Шапка: БЕЗ прозрачности. В тёмной теме она полупрозрачная с blur — на
   светлом фоне сквозь неё просвечивал холст и тёмное меню бледнело. */
html.rd-light body.rd:not(.rd-admin) header,
html.rd-light body.rd.rd-scrolled:not(.rd-admin) header {
    background: #0d0809;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: 0 1px 0 rgba(30, 22, 24, .3), 0 12px 28px -18px rgba(30, 22, 24, .4);
}

/* Тёмной витрине приза — контактная тень + мягкая глубина */
html.rd-light body.rd:not(.rd-admin) .rd-prize {
    box-shadow: 0 2px 4px rgba(30, 22, 24, .18), 0 30px 60px -24px rgba(30, 22, 24, .45),
                inset 0 1px 0 rgba(255, 255, 255, .04);
}

/* --- Капитальный слой панелей: все крупные блоки на сплошной поверхности -- */
/* В тёмной теме карточки — градиенты полупрозрачных слоёв; на светлом холсте
   блоку нужен сплошной светлый корпус, заметная рамка и точная тень. */
html.rd-light body.rd:not(.rd-admin) :is(
    .rd-card, .rd-champ, .rd-feature, .rd-tcard, .rd-club-card,
    .rd-hof-card, .rd-catcard, .rd-vcard
) {
    /* не плоский белый, а лёгкий вертикальный градиент — «объём бумаги» */
    background: linear-gradient(180deg, var(--rd-surface) 0%, var(--rd-surface-2) 100%);
    border-color: var(--rd-line-2);
    box-shadow: var(--rd-shadow-sm);
}
html.rd-light body.rd .auth-container {
    background: linear-gradient(180deg, var(--rd-surface) 0%, var(--rd-surface-2) 100%);
    border-color: var(--rd-line-2);
}

/* Статы hero (18 клубов / 1389 игроков / 149 турниров): в тёмной теме фон —
   белёсый градиент, на светлом он исчезал. Сплошная карточка с градиентом. */
html.rd-light body.rd .rd-stat {
    background: linear-gradient(180deg, var(--rd-surface) 0%, var(--rd-surface-2) 100%);
    border-color: var(--rd-line-2);
    box-shadow: var(--rd-shadow-sm);
}

/* Переключатели-табы (UPCOMING/PAST и т.п.): сплошной корпус */
html.rd-light body.rd .rd-tabs {
    background: var(--rd-surface);
    border-color: var(--rd-line-2);
}

/* Пилюли-бейджи (VIP/PRO): сплошной тон вместо белёсого */
html.rd-light body.rd .rd-pill {
    background: var(--rd-surface-3);
}

/* Плашки статов в шапке клуба: белёсый tint не читается — сплошной тон */
html.rd-light body.rd .stat-item {
    background: var(--rd-surface-2);
    border-color: var(--rd-line-2);
}

/* Пагинация: hover в тёмной теме красит текст в белый — на светлом наоборот */
html.rd-light body.rd .rd-pager__btn:hover {
    color: var(--rd-text);
    background: var(--rd-surface);
}

/* --- Точечные фиксы тёмных хардкодов ------------------------------------- */
/* Hero: свечение красного акцента заголовка мягче (на светлом «мылит») */
html.rd-light body.rd .rd-hero__title .accent {
    filter: drop-shadow(0 3px 12px rgba(204, 0, 36, .16));
}

/* Обводка красного акцента заголовков (.accent = градиент-клип): тёмный контур
   + мягкая серая тень → акцент читается «эмблемой», стильно на светлом.
   paint-order: stroke fill — обводка снаружи, не съедает градиент-заливку. */
html.rd-light body.rd:not(.rd-admin) :is(.rd-h2, .rd-hero__title) .accent {
    -webkit-text-stroke: .8px rgba(18, 12, 14, .55);
    paint-order: stroke fill;
    text-shadow: 0 1px 0 rgba(70, 58, 60, .22), 0 2px 7px rgba(28, 20, 22, .22);
}

/* Эмблема hero: вместо «клубничного» свечения — графитовые кольца-циферблат
   и сдержанный бордовый отсвет под логотипом */
html.rd-light body.rd .rd-emblem {
    background:
        radial-gradient(circle at 50% 40%, rgba(204, 0, 36, .13), transparent 60%),
        conic-gradient(from 140deg, rgba(204, 0, 36, .07), transparent 30%, rgba(138, 0, 25, .09) 65%, transparent 80%);
    box-shadow: inset 0 0 60px rgba(204, 0, 36, .10);
}
html.rd-light body.rd .rd-emblem::before { border-color: rgba(30, 22, 24, .25); }
html.rd-light body.rd .rd-emblem::after  { border-color: rgba(30, 22, 24, .13); }
html.rd-light body.rd .rd-emblem__logo {
    filter: drop-shadow(0 16px 28px rgba(204, 0, 36, .35));
}
html.rd-light body.rd .rd-emblem__glow {
    background: radial-gradient(circle, rgba(204, 0, 36, .12), transparent 62%);
}

/* Editorial-акцент: ghost-кнопки с чёрной hairline-рамкой, hover — заливка */
html.rd-light body.rd:not(.rd-admin) .rd-btn--ghost {
    background: var(--rd-surface);
    border-color: rgba(30, 22, 24, .45);
    color: var(--rd-text);
}
html.rd-light body.rd:not(.rd-admin) .rd-btn--ghost:hover {
    background: #1e1719;
    border-color: #1e1719;
    color: #f6f2ef;
}

/* Primary-кнопка: hover-тень в redesign.css захардкожена под яркий красный */
html.rd-light body.rd .rd-btn--primary:hover {
    box-shadow: 0 16px 36px -16px rgba(204, 0, 36, .45);
}

/* --- Красные кнопки → «краснотёмная» гамма как у акцента .accent ----------- */
/* Базовый --rd-grad-red — яркий диагональный (розоватый hi-угол): на светлом
   кнопки читались светлее акцента. Даём глубокий вертикальный красный→бордо. */
html.rd-light body.rd:not(.rd-admin) :is(
    .rd-btn--primary, .rd-club-card__btn, .rd-pager__btn.is-active
) {
    background: linear-gradient(160deg, #cc0024 0%, #9a0020 55%, #7a0015 100%);
}
html.rd-light body.rd:not(.rd-admin) .rd-btn--primary:hover {
    background: linear-gradient(160deg, #d40a28 0%, #a30720 55%, #83001a 100%);
}

/* Профиль игрока: clm.css красит .data-wrapper чёрной плёнкой rgba(0,0,0,.6) —
   на светлом это серая плита (клуб/турнир уже обнулены в redesign.css) */
html.rd-light body.rd.rd-player-show .data-wrapper { background: var(--rd-tint-2); }

/* --- Турнир, вкладка «Игры»: иерархия вместо «серого в сером» ------------- */
/* Обёртка трёх стат-плиток: прозрачная, без рамки — рамки только у плиток */
html.rd-light body.rd :is(#tournament-games-content, #tournament-games-data) .stats-panel {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none;
    padding: 0 !important;
}
/* Плитки статов: ТЁМНЫЙ угольный корпус-якорь (как блок $25k) — светлые
   подписи, крупные красные цифры. Три тёмные плитки на светлом холсте задают
   ритм страницы, а не «серое в сером». */
html.rd-light body.rd :is(#tournament-games-content, #tournament-games-data) .stat-item {
    background: linear-gradient(180deg, #1d1719 0%, #131010 100%);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: .7rem;
    box-shadow: 0 1px 2px rgba(28, 20, 22, .14), 0 20px 40px -22px rgba(28, 20, 22, .5);
}
/* Красная кромка сверху плитки: на тёмном — яркий акцент */
html.rd-light body.rd :is(#tournament-games-content, #tournament-games-data) .stat-item::before {
    opacity: 1;
}
/* Подпись плитки — светло-серая, число — светло-красное (читаемо на тёмном) */
html.rd-light body.rd :is(#tournament-games-content, #tournament-games-data) .evening-stat-label {
    color: #b9adad !important;
}
html.rd-light body.rd :is(#tournament-games-content, #tournament-games-data) .evening-stat-value {
    color: #ff5147 !important;
    -webkit-text-fill-color: #ff5147 !important;
}
/* Заголовок дня: красный на белом кричит — тёмный текст, красной остаётся линия */
html.rd-light body.rd :is(#tournament-games-content, #tournament-games-data) .data-title {
    color: var(--rd-text) !important;
}

/* Баннер турнирной карточки → ТЁМНЫЙ угольный якорь с красным отсветом.
   Каждая карточка турнира: тёмная «шапка» + светлое тело (ритм dark→light). */
html.rd-light body.rd .rd-tcard__banner {
    background-color: #171214;
    background-image:
        radial-gradient(circle at 50% 30%, rgba(204, 0, 36, .30), transparent 60%),
        linear-gradient(160deg, #201a1c 0%, #130f10 100%);
}
/* Иконка-трофей заглушки — красная на тёмном */
html.rd-light body.rd .rd-tcard__banner-ph { color: #ff5147; opacity: .92; }
/* Бейджи поверх баннера: светлый текст */
html.rd-light body.rd .rd-tcard__badge { color: #e8dcdd; }

/* Плашка исхода «Мафия»: сплошной тёмный корпус + светлый текст */
html.rd-light body.rd .win-badge.win-badge--black {
    background: #241a1c !important;
    color: #ece2e3 !important;
}

/* Золото главы клуба: светло-жёлтый #ffd54f не читается на светлом — янтарь */
html.rd-light body.rd .role-badge-owner {
    color: #96700a;
    border-color: rgba(150, 112, 10, .35);
    background: rgba(150, 112, 10, .08);
}

/* --- Фиксы слоя эффектов (redesign-fx.css) -------------------------------- */
/* Плёночное зерно-оверлей (redesign-fx: body.rd::before, fixed поверх ВСЕГО,
   вкл. карточки) в светлой теме ОТКЛЮЧАЕМ: пользователь просил контент чистым.
   Фактуру «старой бумаги» даёт слой фона холста (см. выше) — он ЗА контентом,
   непрозрачные карточки его перекрывают, шершавость только на фоне. */
html.rd-light body.rd::before { display: none; }

/* Cursor-spotlight: тёплый бордовый, едва заметный */
html.rd-light body.rd .fx-spot::before {
    background: radial-gradient(220px circle at var(--mx, 50%) var(--my, 50%),
                rgba(204, 0, 36, .06), transparent 62%);
}

/* Кнопка «наверх»: фон в fx-слое захардкожен тёмным */
html.rd-light body.rd .rd-totop { background: rgba(251, 250, 248, .9); }

/* ==========================================================================
   ЯКОРЯ: тёмные и красные блоки для логического членения (ритм MELANI).
   Светлого в контенте больше, но тёмные/красные «этикетки» и полосы не дают
   странице стать плоской бело-серой. Тёмные острова на светлом фоне — как
   блок $25k: сам светлый холст доминирует, тёмные пятна структурируют.
   ========================================================================== */

/* --- Шапки блоков-списков (ТОП-10 игроков/клубов) → тёмная угольная полоса -- */
/* .rd-board = .rd-card padding:8px, overflow:hidden, radius:22 — шапку выпускаем
   отрицательным margin к краям карточки; тело карточки остаётся светлым. */
html.rd-light body.rd:not(.rd-admin) .rd-board__head {
    margin: -8px -8px 8px;
    padding: 15px 20px;
    background: linear-gradient(180deg, #1d1719 0%, #141010 100%);
    border-bottom: 2px solid var(--rd-red);
}
html.rd-light body.rd:not(.rd-admin) .rd-board__title { color: #f6f2ef; }
html.rd-light body.rd:not(.rd-admin) .rd-board__head a { color: #ff6a5f; }
html.rd-light body.rd:not(.rd-admin) .rd-board__head a:hover { color: #ff8a80; }

/* --- Активная вкладка (клуб/турнир) → сплошной красный (был бледно-розовый) - */
/* Базовый redesign.css красит активный таб red-soft+red-2 через !important —
   бьём тем же !important. */
html.rd-light body.rd:not(.rd-admin) .club-tab.active {
    background: var(--rd-red) !important;
    color: #fff !important;
    border-color: var(--rd-red);
    box-shadow: 0 8px 20px -8px rgba(204, 0, 36, .5);
}
html.rd-light body.rd:not(.rd-admin) .club-tab.active a,
html.rd-light body.rd:not(.rd-admin) .club-tab.active span { color: #fff !important; }

/* --- Шапки таблиц → тёмная полоса-этикетка (единый «тёмный заголовок») ------ */
/* Класс .table-head общий: колонки «Стол N» на вкладке «Игры» И шапки-строки
   div-таблиц .content-table (standings: клуб/турнир «Таблица»). */
html.rd-light body.rd:not(.rd-admin) .table-head {
    background: linear-gradient(180deg, #1d1719 0%, #141010 100%);
    border-bottom: 2px solid var(--rd-red);
}
html.rd-light body.rd:not(.rd-admin) .table-head,
html.rd-light body.rd:not(.rd-admin) .table-head * { color: #f6f2ef; }

/* Рейтинг-таблица клуба/турнира (.cr-rating-table): шапка = первый ряд
   .club-rating-row (у строк данных есть доп. классы rd-award-row и т.п.) */
html.rd-light body.rd:not(.rd-admin) .cr-rating-table > .club-rating-row:first-child {
    background: linear-gradient(180deg, #1d1719 0%, #141010 100%);
    border-bottom: 2px solid var(--rd-red);
    border-radius: 10px 10px 0 0;
}
html.rd-light body.rd:not(.rd-admin) .cr-rating-table > .club-rating-row:first-child,
html.rd-light body.rd:not(.rd-admin) .cr-rating-table > .club-rating-row:first-child * { color: #cdbfc1; }

/* --- Лидеры (топ-3 рейтинга) → лёгкий красный отсвет-разделитель ----------- */
/* На странице «Рейтинг» модификатор --top несут только первые три ряда. */
html.rd-light body.rd.rd-players .rd-prow--top {
    background: linear-gradient(90deg, rgba(204, 0, 36, .06), transparent 62%);
}

/* --- Hall of Fame: тёмные шапки-этикетки карточек -------------------------- */
/* .rd-hof-card padding:0, overflow:hidden — __head уже у краёв. */
html.rd-light body.rd:not(.rd-admin) .rd-hof-card__head {
    background: linear-gradient(180deg, #1d1719 0%, #141010 100%);
    border-bottom: 2px solid var(--rd-red);
    padding: 14px 20px;
}
html.rd-light body.rd:not(.rd-admin) .rd-hof-card__title { color: #f6f2ef; }
html.rd-light body.rd:not(.rd-admin) .rd-hof-card__head .material-symbols-outlined { color: #ff6a5f; }

/* --- Рейтинг: тёмная шапка колонок (ИГРОК/РЕЙТИНГ/ИГРЫ/ТУРНИРЫ) ------------ */
/* .rd-plist-wrap padding:10, radius:22, overflow:visible — шапку выпускаем к
   краям и скругляем верхние углы (12px), чтобы не торчала за карточку. */
html.rd-light body.rd:not(.rd-admin) .rd-plist__head {
    margin: -10px -10px 6px;
    padding: 14px 18px;
    background: linear-gradient(180deg, #1d1719 0%, #141010 100%);
    border-bottom: 2px solid var(--rd-red);
    border-radius: 12px 12px 0 0;
}
html.rd-light body.rd:not(.rd-admin) .rd-plist__head,
html.rd-light body.rd:not(.rd-admin) .rd-plist__head * { color: #b9adad; }

/* --- Галереи (судьи/клубы): маленькие тёмные чипы-акценты вместо белёсых ---- */
/* Категория судьи → тёмный чип со светло-красным текстом (ритм на светлой сетке) */
html.rd-light body.rd:not(.rd-admin) .rd-judge__cat {
    background: #1d1719;
    color: #ff8f86;
    border-color: transparent;
}
/* Топ-3 клуба → красный кант-акцент лидера */
html.rd-light body.rd:not(.rd-admin) .rd-club-card--top {
    border-color: var(--rd-line-red);
    box-shadow: 0 0 0 1px rgba(204, 0, 36, .12), var(--rd-shadow-sm);
}

/* ==========================================================================
   Вкладки турнира (за auth): их контент захардкожен под тёмный фон —
   полупрозрачные белёсые/цветные тинты и белый текст. На светлом бледнеет и
   мылится. Чиним: вымытые пилюли → сплошные/тёмные; блок результатов (весь
   текст в нём белый) → тёмная карта-остров (как и просил пользователь).
   ========================================================================== */

/* --- Рассадка (seating) --------------------------------------------------- */
/* Заголовок стола: была бледно-розовая пилюля (red-soft) → тёмная полоса */
html.rd-light body.rd:not(.rd-admin) .seat-table__head {
    background: linear-gradient(180deg, #1d1719 0%, #141010 100%);
    border-color: transparent;
    color: #f6f2ef;
}
/* Под-заголовок игры: был почти невидимый tint → сплошной тон + красный акцент */
html.rd-light body.rd:not(.rd-admin) .seat-game__head {
    background: var(--rd-surface-3);
    border-bottom-color: var(--rd-line-2);
    color: var(--rd-text);
    box-shadow: inset 3px 0 0 var(--rd-red);
}
/* Номер слота: был бледно-розовый кружок → сплошной красный + белая цифра */
html.rd-light body.rd:not(.rd-admin) .seat-num {
    background: var(--rd-red);
    border-color: var(--rd-red);
    color: #fff;
}

/* --- Тоггл «Таблица / Номинации» ------------------------------------------ */
/* Инлайн-стиль: тёмный #1a1a1a, активный красный с нечитаемым текстом на
   светлом. → светлый сегмент-контрол со сплошным красным активным. */
html.rd-light body.rd:not(.rd-admin) .results-view-tabs {
    background: var(--rd-surface-3);
    border: 1px solid var(--rd-line-2);
}
html.rd-light body.rd:not(.rd-admin) .results-view-tab { color: var(--rd-text-2); }
html.rd-light body.rd:not(.rd-admin) .results-view-tab:hover { color: var(--rd-text); }
html.rd-light body.rd:not(.rd-admin) .results-view-tab.active {
    background: var(--rd-red);
    color: #fff;
}

/* --- Результаты игр (game-results) → тёмные карты-острова ------------------ */
/* Внутри блока ВСЁ захардкожено под тёмное (имена #fff, судья/шапки белые,
   роли-тинты, зелёная подсветка команды-победителя). Вместо переопределения
   каждого текста — делаем сам блок тёмным: дизайн заработает как задуман. */
html.rd-light body.rd:not(.rd-admin) .game-result-block {
    background: #17110f;
    border: 1px solid rgba(255, 255, 255, .08);
    box-shadow: 0 1px 2px rgba(28, 20, 22, .14), 0 20px 40px -22px rgba(28, 20, 22, .5);
    /* цифры Сумма/Штраф/Допы своего цвета не имеют — наследуют тёмный текст
       страницы и на тёмном блоке пропадают; задаём светлый базовый текст */
    color: #ded2d3;
}
/* Шапка блока: был тёплый оранжевый tint → тёмная полоса-этикетка */
html.rd-light body.rd:not(.rd-admin) .game-result-header {
    background: #241a1c;
    border-bottom-color: rgba(255, 255, 255, .08);
}

/* --- Смена темы: плавный кросс-фейд через View Transitions ---------------- */
::view-transition-old(root),
::view-transition-new(root) { animation-duration: .4s; }