/* ==========================================================================
   Typer — motyw MeczRealu w stylu Składu (Królewska XI) (MR-20261019-TYPER2, wersja 3).
   Prośba właściciela: „ZMIEŃ UKŁAD W TYPERZE, ZRÓB COŚ BARDZIEJ W STYLU SKŁADU,
   CHODZI MI O UKŁAD, STYLE CSS ITP.” (wcześniej - wersja 2, MR-20261018-TYPER1:
   ciemny motyw z zielonym akcentem w stylu Kart).
   Zasady jak w Składzie: granatowe tło z poświatą u góry, granatowe panele
   z niebieską ramką, akcent cyjan (aktywne pozycje, czas meczu, punkty),
   główne przyciski z niebiesko-cyjanowym gradientem, nagłówki i liczby - Outfit;
   komputer: logo i poziome zakładki z podkreśleniem przypięte u góry (zamiast
   menu z lewej), telefon: dolny pasek jak dotąd. Tylko ciemny motyw portalu -
   jasny bez zmian (typer-light.css). Ładowany na końcu (index.php).
   ========================================================================== */

html:not([data-mr-theme="light"]) {
  color-scheme: dark;
  --k-bg: #070c19;
  --k-s1: rgba(13, 24, 48, .82); /* panel - granat jak w Składzie */
  --k-s2: #13213f;            /* wyróżniona powierzchnia / najechanie */
  --k-s3: #18294d;            /* przycisk drugorzędny */
  --k-line: rgba(140, 175, 255, .16);
  --k-line2: rgba(140, 175, 255, .28);
  --k-txt: #eef3ff;
  --k-mut: #8fa0c2;
  --k-faint: #63739a;
  --k-acc: #36d6ff;           /* cyjan akcentu (Skład) */
  --k-acc-hi: #7fe6ff;
  --k-acc-ink: #04122a;       /* tekst na cyjanie */
  --k-acc-soft: rgba(54, 214, 255, .12);
  --k-acc-line: rgba(54, 214, 255, .5);
  --k-head: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --k-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  /* zmienne Typera (typer-theme.css, index.php) */
  --bg: #070c19;
  --bg2: #0a1226;
  --card: #0d1830;
  --line: rgba(140, 175, 255, .16);
  --text: #eef3ff;
  --muted: #8fa0c2;
  --accent: #2f7bff;
  --link: #7fe6ff;
  --green: #2ee59d;            /* wygrana / zdobyte punkty - zieleń jak w Kartach */
  --surface-hover: #13213f;
  --surface-selected: rgba(54, 214, 255, .12);
  --radius: 14px;
  --tp-scroll-track: #070c19;
  --tp-scroll-thumb: #24365e;
  --tp-scroll-thumb-hover: #30477a;
  background: #070c19;
}

/* ---------- tło i czcionki ---------- */
html:not([data-mr-theme="light"]) body,
html:not([data-mr-theme="light"]) body.tp-ux-v4 {
  --tp-panel: #0d1830;
  --tp-line: rgba(140, 175, 255, .16);
  --tp-muted: #8fa0c2;
  --tp-blue: #2f7bff;
  background: radial-gradient(1100px 520px at 50% -12%, #1f3a72 0%, #0f1d3d 42%, #070c19 100%) fixed no-repeat, #070c19;
  color: var(--k-txt);
  font-family: var(--k-body);
}
html:not([data-mr-theme="light"]) :is(.game-main, .tp-ux-v4 .game-main) { background: transparent; }
html:not([data-mr-theme="light"]) :is(.screen-head h1, .view-heading h2, .mb-gtitle, .bm-when b, .bm-name, .rk-total, .mcard-col-head b,
  .tp-eng-kpis b, .tp-postmatch-fixture > strong, .tp-postmatch-points, .manager-brand-copy b, .game-main h2, .game-main h3) {
  font-family: var(--k-head);
}

/* ---------- paski przewijania ---------- */
html:not([data-mr-theme="light"]) * { scrollbar-color: #24365e transparent; }
html:not([data-mr-theme="light"]) ::-webkit-scrollbar-track { background: transparent; }
html:not([data-mr-theme="light"]) ::-webkit-scrollbar-thumb { background: #24365e; border: 2px solid #070c19; border-radius: 9999px; }
html:not([data-mr-theme="light"]) ::-webkit-scrollbar-thumb:hover { background: #30477a; }

/* ==========================================================================
   MENU (komputer: pasek z zakładkami u góry, telefon: dolny pasek)
   ========================================================================== */
html:not([data-mr-theme="light"]) :is(.game-sidebar, .tp-ux-v4 .game-sidebar) { background: #08101f; border-right-color: var(--k-line); }
html:not([data-mr-theme="light"]) .manager-brand { border-bottom-color: var(--k-line); }
/* logo MeczRealu zamiast ikonki tarczy */
html:not([data-mr-theme="light"]) .manager-brand-mark {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 0;
  background: url("/content/themes/xngine/images/mr-logo-cards.webp?v=1") center / contain no-repeat;
  box-shadow: none;
}
html:not([data-mr-theme="light"]) .manager-brand-mark > i { display: none; }
html:not([data-mr-theme="light"]) .manager-brand-copy b { font-size: 17px; font-weight: 700; line-height: 1.05; color: #fff; }
html:not([data-mr-theme="light"]) .manager-brand-copy span { color: var(--k-acc); font-size: 10px; font-weight: 700; letter-spacing: .16em; }
html:not([data-mr-theme="light"]) .nav-label { color: var(--k-faint); font-weight: 700; letter-spacing: .08em; }
html:not([data-mr-theme="light"]) .game-sidebar .tab,
html:not([data-mr-theme="light"]) .game-sidebar .tab .tab-icon { color: var(--k-mut); }
html:not([data-mr-theme="light"]) :is(.game-sidebar .tab, .tp-ux-v4 .game-sidebar .tab) { font-weight: 600; }
html:not([data-mr-theme="light"]) :is(.game-sidebar .tab, .tp-ux-v4 .game-sidebar .tab):hover { background: var(--k-s2); color: #fff; }
html:not([data-mr-theme="light"]) :is(.game-sidebar .tab.active, .tp-ux-v4 .game-sidebar .tab.active) { background: var(--k-s2); color: #fff; font-weight: 700; box-shadow: none; }
html:not([data-mr-theme="light"]) .game-sidebar .tab.active .tab-icon { color: var(--k-acc); }
/* komputer: układ Składu - u góry logo, pod nim poziome zakładki z podkreśleniem (zamiast menu z lewej) */
@media (min-width: 800px) {
  html:not([data-mr-theme="light"]) :is(.app.game-shell, .tp-ux-v4 .app.game-shell) { display: block; max-width: 1240px; margin: 0 auto; }
  html:not([data-mr-theme="light"]) :is(.game-sidebar, .tp-ux-v4 .game-sidebar) {
    position: sticky;
    top: 0;
    z-index: 40;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "brand brand" "tabs tabs";
    align-items: center;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0 0 18px;
    padding: 10px 24px 0;
    border: 0;
    border-bottom: 1px solid var(--k-line);
    background: rgba(8, 16, 31, .9);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }
  html:not([data-mr-theme="light"]) .manager-brand { grid-area: brand; display: flex; align-items: center; gap: 10px; margin: 0; padding: 0 0 8px; border: 0; }
  html:not([data-mr-theme="light"]) .manager-brand-mark { flex: 0 0 34px; width: 34px; height: 34px; }
  html:not([data-mr-theme="light"]) .manager-brand-copy { display: flex; flex-direction: column; }
  html:not([data-mr-theme="light"]) .manager-brand-copy b { font-size: 18px; }
  html:not([data-mr-theme="light"]) .manager-brand-copy span { font-size: 9px; }
  html:not([data-mr-theme="light"]) :is(.sidebar-profile, .sidebar-guest) { display: none; }
  html:not([data-mr-theme="light"]) :is(.game-sidebar .tabs-wrap, .tp-ux-v4 .game-sidebar .tabs-wrap) { grid-area: tabs; position: static; display: block; flex: none; min-height: 0; margin: 0; padding: 0; border: 0; background: transparent; overflow: hidden; }
  html:not([data-mr-theme="light"]) :is(.game-sidebar .tabs, .tp-ux-v4 .game-sidebar .tabs) {
    display: flex;
    flex-direction: row;
    gap: 2px;
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;
  }
  html:not([data-mr-theme="light"]) .game-sidebar .tabs::-webkit-scrollbar { display: none; }
  /* więcej zakładek w prawo - delikatne wygaszenie przy krawędzi */
  html:not([data-mr-theme="light"]) .game-sidebar .tabs { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 40px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 40px), transparent); padding-right: 32px; }
  html:not([data-mr-theme="light"]) .game-sidebar .nav-label { display: none; }
  html:not([data-mr-theme="light"]) :is(.game-sidebar .tab, .tp-ux-v4 .game-sidebar .tab) {
    position: relative;
    flex: none;
    width: auto;
    min-height: 44px;
    padding: 10px 13px 12px;
    gap: 7px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--k-mut);
    font-family: var(--k-head);
    font-size: 14px;
    font-weight: 600;
  }
  html:not([data-mr-theme="light"]) .game-sidebar .tab .tab-icon { width: auto; font-size: 13px; color: inherit; }
  html:not([data-mr-theme="light"]) :is(.game-sidebar .tab, .tp-ux-v4 .game-sidebar .tab):hover { background: transparent; color: #fff; }
  html:not([data-mr-theme="light"]) :is(.game-sidebar .tab.active, .tp-ux-v4 .game-sidebar .tab.active) { background: transparent; color: #fff; font-weight: 700; }
  html:not([data-mr-theme="light"]) .game-sidebar .tab.active .tab-icon { color: var(--k-acc); }
  /* aktywna zakładka: cyjanowe podkreślenie (jak w Składzie) */
  html:not([data-mr-theme="light"]) .game-sidebar .tab::before { display: none; }
  html:not([data-mr-theme="light"]) .game-sidebar .tab.active::after {
    content: "";
    display: block;
    position: absolute;
    left: 13px;
    right: 13px;
    top: auto;
    bottom: 0;
    width: auto;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: var(--k-acc);
    transform: none;
  }
  html:not([data-mr-theme="light"]) .game-sidebar .tab[data-tab="more"] { display: none; }
  /* treść: nagłówek ekranu (tytuł i plakietki) już nie przypięty - przypięty jest pasek z zakładkami */
  html:not([data-mr-theme="light"]) :is(.game-main, .tp-ux-v4 .game-main) { padding: 0 24px 60px; border: 0; }
  html:not([data-mr-theme="light"]) :is(.screen-head, .tp-ux-v4 .screen-head) {
    position: static;
    min-height: 0;
    margin: 0 0 18px;
    padding: 14px 18px;
    border: 1px solid var(--k-line);
    border-radius: 16px;
    background: var(--k-s1);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  html:not([data-mr-theme="light"]) .screen-head .screen-mark { display: grid; place-items: center; width: 40px; height: 40px; }
}
html:not([data-mr-theme="light"]) .sidebar-profile { border-color: var(--k-line); border-radius: 12px; background: var(--k-s1); }
html:not([data-mr-theme="light"]) .sidebar-profile img { border-radius: 50%; }
html:not([data-mr-theme="light"]) .sidebar-profile a { color: var(--k-acc-hi); }

@media (max-width: 799px) {
  html:not([data-mr-theme="light"]) :is(.game-sidebar .tabs-wrap, .tp-ux-v4 .game-sidebar .tabs-wrap) {
    background: rgba(7, 12, 25, .96);
    border-top: 1px solid var(--k-line);
    box-shadow: none;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
  html:not([data-mr-theme="light"]) :is(.game-sidebar .tab.active, .tp-ux-v4 .game-sidebar .tab.active) { background: transparent; color: #fff; }
  /* Kupon bez czarnego tła ze starego wyglądu */
  html:not([data-mr-theme="light"]) .game-sidebar .tab.tab-coins:not(.active) { background: transparent; }
  html:not([data-mr-theme="light"]) .game-sidebar .tab.active::before {
    content: "";
    position: absolute;
    left: 26%;
    right: 26%;
    top: 0;
    height: 3px;
    border-radius: 0 0 3px 3px;
    background: var(--k-acc);
  }
}

/* ==========================================================================
   NAGŁÓWEK EKRANU
   ========================================================================== */
html:not([data-mr-theme="light"]) :is(.screen-head, .tp-ux-v4 .screen-head) {
  background: rgba(7, 12, 25, .9);
  border-bottom-color: var(--k-line);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
html:not([data-mr-theme="light"]) .screen-head h1 { font-weight: 700; letter-spacing: -.2px; color: #fff; }
html:not([data-mr-theme="light"]) .screen-head p { color: var(--k-mut); }
html:not([data-mr-theme="light"]) :is(.screen-mark, .view-heading-icon) {
  border-radius: 12px;
  background: var(--k-acc-soft);
  color: var(--k-acc);
  box-shadow: inset 0 0 0 1px rgba(54, 214, 255, .35);
}
/* przyciski i plakietki w nagłówku */
html:not([data-mr-theme="light"]) :is(.tp-notify-btn, .tp-share-btn, .rank-pill, .mrc-pill-btn) {
  border-color: var(--k-line2);
  background: var(--k-s1);
  color: var(--k-txt);
  box-shadow: none;
}
html:not([data-mr-theme="light"]) :is(.tp-notify-btn, .tp-share-btn, .rank-pill, .mrc-pill-btn):hover { background: var(--k-s2); }
html:not([data-mr-theme="light"]) .rank-pill.pts { border-color: var(--k-line2); }
html:not([data-mr-theme="light"]) .rank-pill.pts i { color: var(--k-acc); }
html:not([data-mr-theme="light"]) .rank-pill span { color: var(--k-mut); }
html:not([data-mr-theme="light"]) .mrc-pill-btn { border-color: rgba(245, 197, 66, .3); }

/* ==========================================================================
   PANELE
   ========================================================================== */
html:not([data-mr-theme="light"]) :is(.panel, .mrl-card, .profile-inline, .ar-panel, .mb-wrap, .tp-balance, .tp-coin-tabs, .mrc-rows, .ar4-empty,
  .ar4-guide, .tp-eng-panel, .mrgn, .tp-first-visit, .rank-table-panel, .command-rail, .tp-dust-rules, .more-grid, .rules-card, .match, .rank-ctrl,
  .boot, .ar-duel, .wel-inline) {
  background: var(--k-s1);
  border-color: var(--k-line);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
}
html:not([data-mr-theme="light"]) #view-arena section { background: var(--k-s1); border-color: var(--k-line); border-radius: 14px; }
html:not([data-mr-theme="light"]) :is(.tp-mission, .tp-record, .dust, .tp-sprint-card, .tp-pass-level:not(.unlocked), .tp-eng-kpis > div) {
  background: var(--k-s2);
  border-color: var(--k-line);
  border-radius: 12px;
}
html:not([data-mr-theme="light"]) .tp-pass-level.unlocked { border-color: var(--k-acc-line); }
html:not([data-mr-theme="light"]) .more-grid { overflow: hidden; }
html:not([data-mr-theme="light"]) :is(.more-link, .mrc-row, .pi-item) { border-color: var(--k-line); }
html:not([data-mr-theme="light"]) :is(.more-link, .mrc-row):hover { background: var(--k-s2); }
html:not([data-mr-theme="light"]) .more-link > i:first-child {
  flex: none;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--k-s3);
  color: var(--k-acc);
}
html:not([data-mr-theme="light"]) .more-link small,
html:not([data-mr-theme="light"]) .view-heading p { color: var(--k-mut); }
html:not([data-mr-theme="light"]) .view-heading h2 { color: #fff; font-weight: 700; }
html:not([data-mr-theme="light"]) .tp-first-visit { border-color: rgba(54, 214, 255, .3); }

/* ==========================================================================
   TYPUJ: lista meczów - przebudowana karta meczu
   ========================================================================== */
html:not([data-mr-theme="light"]) .roundhdr { color: var(--k-mut); }
html:not([data-mr-theme="light"]) .bm {
  margin: 0 0 10px;
  background: var(--k-s1);
  border: 1px solid var(--k-line);
  border-radius: 14px;
  box-shadow: none;
  transition: border-color .15s, background .15s;
}
html:not([data-mr-theme="light"]) .bm:hover { border-color: var(--k-line2); background: #112040; }
/* zapisany typ - cyjanowa kreska z lewej */
html:not([data-mr-theme="light"]) .bm.has-bet { border-color: rgba(54, 214, 255, .35); background: var(--k-s1); box-shadow: inset 3px 0 0 var(--k-acc); }
html:not([data-mr-theme="light"]) .bm .bm-main { padding: 14px 16px; gap: 16px; min-height: 0; grid-template-columns: 78px minmax(0, 1fr) auto; }
/* data: dzień, data, godzina (godzina w kolorze akcentu) */
html:not([data-mr-theme="light"]) .bm-when {
  border: 0;
  border-right: 1px solid var(--k-line);
  border-radius: 0;
  background: transparent;
  padding: 2px 14px 2px 0;
}
html:not([data-mr-theme="light"]) .bm-when span { color: var(--k-mut); font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
html:not([data-mr-theme="light"]) .bm-when b { color: #fff; font-size: 18px; font-weight: 700; }
html:not([data-mr-theme="light"]) .bm-when small { color: var(--k-acc); font-size: 13px; font-weight: 700; }
/* drużyny: herb przy nazwie, nazwy przy środku */
html:not([data-mr-theme="light"]) .bm .bm-fixture { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 14px; }
html:not([data-mr-theme="light"]) .bm .bm-club { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-start; gap: 10px; min-width: 0; text-align: right; }
html:not([data-mr-theme="light"]) .bm .bm-club.away { justify-content: flex-end; text-align: left; }
html:not([data-mr-theme="light"]) .bm .bm-club img { flex: none; width: 34px; height: 34px; object-fit: contain; }
html:not([data-mr-theme="light"]) .bm .bm-name { min-width: 0; overflow: hidden; color: #fff; font-size: 16px; font-weight: 700; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
html:not([data-mr-theme="light"]) .bm-vs { border: 1px solid var(--k-line2); border-radius: 8px; background: var(--k-s2); color: var(--k-mut); font-size: 11px; font-weight: 700; }
html:not([data-mr-theme="light"]) :is(.bm-lock, .bm-sc) { border-color: var(--k-line2); background: var(--k-s2); color: var(--k-mut); }
html:not([data-mr-theme="light"]) .bm-prediction { border-color: var(--k-acc-line); background: var(--k-acc-soft); }
html:not([data-mr-theme="light"]) .bm-prediction b { color: #fff; }
html:not([data-mr-theme="light"]) .bm .bm-actions { gap: 8px; }
@media (max-width: 799px) {
  /* telefon: data w jednej linii nad meczem, herb nad nazwą, przyciski pod spodem */
  html:not([data-mr-theme="light"]) .bm .bm-main { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 12px 14px 14px; }
  html:not([data-mr-theme="light"]) .bm-when {
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-start;
    gap: 8px;
    padding: 0 0 10px;
    border-right: 0;
    border-bottom: 1px solid var(--k-line);
  }
  html:not([data-mr-theme="light"]) .bm-when b { margin: 0; font-size: 15px; }
  html:not([data-mr-theme="light"]) .bm-when small { margin-left: auto; font-size: 14px; }
  html:not([data-mr-theme="light"]) .bm .bm-fixture { grid-row: auto; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; }
  html:not([data-mr-theme="light"]) .bm .bm-club { flex-direction: column; justify-content: flex-start; gap: 6px; text-align: center; }
  html:not([data-mr-theme="light"]) .bm .bm-club.away { flex-direction: column-reverse; justify-content: flex-end; }
  html:not([data-mr-theme="light"]) .bm .bm-club img { width: 40px; height: 40px; }
  html:not([data-mr-theme="light"]) .bm .bm-name { max-width: 100%; font-size: 15px; white-space: normal; text-overflow: clip; overflow-wrap: anywhere; }
  html:not([data-mr-theme="light"]) .bm .bm-actions { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; }
  html:not([data-mr-theme="light"]) .bm .bm-actions:has(> :only-child) { grid-template-columns: 1fr; }
  html:not([data-mr-theme="light"]) .bm .bm-actions :is(.bm-btn, .bm-lock) { width: 100%; justify-content: center; }
}

/* ==========================================================================
   PRZYCISKI
   ========================================================================== */
/* główne: niebiesko-cyjanowy gradient jak w Składzie */
html:not([data-mr-theme="light"]) :is(.bm-btn:not(.ar-challenge):not(.edit), .ar-btn.primary, .tp-eng-primary, .submit, .wel-btn, .mrl-btn.is-main, .typer-admin .btn, .mrgn button) {
  border-color: transparent;
  background: linear-gradient(135deg, #36d6ff, #2f7bff);
  color: var(--k-acc-ink);
  font-weight: 700;
  box-shadow: 0 6px 18px rgba(47, 123, 255, .25);
}
html:not([data-mr-theme="light"]) :is(.bm-btn:not(.ar-challenge):not(.edit), .ar-btn.primary, .tp-eng-primary, .submit, .wel-btn, .mrl-btn.is-main, .mrgn button):hover { background: linear-gradient(135deg, #36d6ff, #2f7bff); filter: brightness(1.08); }
html:not([data-mr-theme="light"]) :is(.bm-btn:not(.ar-challenge):not(.edit), .ar-btn.primary, .tp-eng-primary, .submit, .wel-btn, .mrl-btn.is-main) i { color: inherit; }
html:not([data-mr-theme="light"]) .bm-btn { border-radius: 10px; }
/* wyzwanie (Arena) - obrys w fiolecie Areny */
html:not([data-mr-theme="light"]) .bm-btn.ar-challenge { background: transparent; border: 1px solid rgba(168, 85, 247, .45); color: #d8b4fe; }
html:not([data-mr-theme="light"]) .bm-btn.ar-challenge:hover { background: rgba(168, 85, 247, .1); }
/* edycja typu */
html:not([data-mr-theme="light"]) .bm-btn.edit { border: 1px solid var(--k-acc-line); background: transparent; color: var(--k-acc-hi); }
/* drugorzędne */
html:not([data-mr-theme="light"]) :is(.tp-button, .ar-btn.small, .ar-btn:not(.primary), .typed-match-toggle, .mrl-btn:not(.is-main), .rank-mode-btn, .command-link, .rvtab) {
  border-color: var(--k-line2);
  background: var(--k-s1);
  color: var(--k-txt);
  box-shadow: none;
}
html:not([data-mr-theme="light"]) :is(.tp-button, .ar-btn.small, .ar-btn:not(.primary), .typed-match-toggle, .mrl-btn:not(.is-main), .rank-mode-btn, .command-link, .rvtab):hover { background: var(--k-s2); }
/* aktywne: cyjanowa ramka i tekst */
html:not([data-mr-theme="light"]) :is(.command-link.active, .rank-mode-btn.on, .rvtab.on, .tp-coin-tabs button.on, .ar4-tab.active, .ar-subtab.active) {
  border-color: var(--k-acc-line);
  background: var(--k-acc-soft);
  color: #fff;
  box-shadow: none;
}
html:not([data-mr-theme="light"]) .game-shell :is(.command-links .command-link.active, .rank-mode-switch .rank-mode-btn.on) {
  border-color: var(--k-acc-line) !important;
  background: var(--k-acc-soft) !important;
}
html:not([data-mr-theme="light"]) :is(.command-link.active, .rank-mode-btn.on, .rvtab.on) :is(b, i) { color: var(--k-acc-hi); }
html:not([data-mr-theme="light"]) :is(.rfchip.on, .rfchip.rm.on, .lgchip.on, .rndchip.on) { border-bottom-color: var(--k-acc); color: #fff; }
html:not([data-mr-theme="light"]) :is(.bd-bar > span, .ar-meter-fill, .tp-mission-bar > i, .tp-pass-progress > span) { background: var(--k-acc); }
html:not([data-mr-theme="light"]) .tp-mission-bar { background: var(--k-s3); }
html:not([data-mr-theme="light"]) .ar-unread { background: var(--k-acc); color: var(--k-acc-ink); }
html:not([data-mr-theme="light"]) .prizes-trigger[aria-expanded="true"] { background: var(--k-acc-soft); border-color: var(--k-acc-line); color: #fff; }
html:not([data-mr-theme="light"]) .ar-user-option.selected { box-shadow: inset 3px 0 var(--k-acc); }

/* ==========================================================================
   FORMULARZ TYPU (rozwinięty mecz)
   ========================================================================== */
html:not([data-mr-theme="light"]) .mcard-col { border-color: var(--k-line); }
html:not([data-mr-theme="light"]) :is(.mcard-col-head, .tp-ux-v4 .mcard-col-head) { border-color: var(--k-line); background: var(--k-s2); }
html:not([data-mr-theme="light"]) .tp-ux-v4 .mcard-points .tp-stat-markets { border-color: var(--k-line); background: var(--k-s2); }
html:not([data-mr-theme="light"]) .tp-ux-v4 .mcard-points .tp-stat-markets .sl-label .pts { border-color: transparent; background: var(--k-acc-soft); color: var(--k-acc-hi); }
html:not([data-mr-theme="light"]) :is(.mc-head-icon, .mc-head-badge) { border-color: rgba(54, 214, 255, .35); background: var(--k-acc-soft); color: var(--k-acc-hi); }
html:not([data-mr-theme="light"]) .mlabel { color: var(--k-txt); font-weight: 600; }
html:not([data-mr-theme="light"]) :is(.pts, .mlabel .pts, .sl-label .pts) { border-color: transparent; background: var(--k-acc-soft); color: var(--k-acc-hi); font-weight: 700; }
html:not([data-mr-theme="light"]) .opt { border-color: var(--k-line2); background: var(--k-s2); color: var(--k-txt); font-weight: 600; }
html:not([data-mr-theme="light"]) .opt:hover { border-color: rgba(140, 175, 255, .4); }
html:not([data-mr-theme="light"]) .opt.sel { border-color: var(--k-acc); background: var(--k-acc); color: var(--k-acc-ink); }
html:not([data-mr-theme="light"]) :is(.opt.sel.no, .opt.sel.under) { border-color: #3a5288; background: #24365e; color: #fff; }
html:not([data-mr-theme="light"]) .numwrap input { font-family: var(--k-head); font-size: 20px; font-weight: 700; color: #fff; }
html:not([data-mr-theme="light"]) .sb { border-color: var(--k-line2); background: var(--k-s3); color: var(--k-txt); }
html:not([data-mr-theme="light"]) .sb:hover { border-color: var(--k-acc-line); color: var(--k-acc-hi); }
html:not([data-mr-theme="light"]) .tp-stat-heading span { color: var(--k-acc-hi); }
html:not([data-mr-theme="light"]) .banker-label .banker-multiplier { border-color: rgba(54, 214, 255, .4); background: var(--k-acc-soft); color: var(--k-acc-hi); }
html:not([data-mr-theme="light"]) .bankerbtn-main .banker-limit { color: var(--k-acc-hi); }

/* ==========================================================================
   POLA
   ========================================================================== */
html:not([data-mr-theme="light"]) .game-shell :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
  border-color: var(--k-line2);
  background: #0a1226;
  color: var(--k-txt);
}
html:not([data-mr-theme="light"]) .game-shell :is(input, select, textarea):focus { border-color: var(--k-acc); box-shadow: 0 0 0 1px var(--k-acc); outline: 0; }
html:not([data-mr-theme="light"]) .game-shell select option { background: #13213f; color: var(--k-txt); }
html:not([data-mr-theme="light"]) :is(input, select, textarea) { accent-color: #36d6ff; }
html:not([data-mr-theme="light"]) :where(button, a, input, select, textarea, summary, [tabindex]):focus-visible { outline-color: var(--k-acc); }

/* ==========================================================================
   RANKING (tła wymuszone przez coins.css - !important)
   ========================================================================== */
html:not([data-mr-theme="light"]) :is(#view-ranking, #view-coins, #view-arena, body) :is(.rank-table-panel.rank-grid, .rank-sync-ui.rank-sync-ui, .mrc-rank, .ar-rank-list) {
  background: var(--k-s1) !important;
  border-color: var(--k-line) !important;
}
html:not([data-mr-theme="light"]) :is(#view-ranking, #view-coins, #view-arena, body) .rank-sync-ui.rank-sync-ui :is(.rank-grid-row, .mrc-rank-row, .ar-rank-row):not(.mrc-row-skin):not(.rk-podium):not(.top) {
  background: transparent !important;
}
html:not([data-mr-theme="light"]) :is(#view-ranking, #view-coins, #view-arena, body) .rank-sync-ui.rank-sync-ui :is(.rank-grid-row, .mrc-rank-row, .ar-rank-row):not(.mrc-row-skin):not(.rk-podium):not(.top):hover {
  background: var(--k-s2) !important;
}
/* własny wiersz */
html:not([data-mr-theme="light"]) :is(#view-ranking, #view-coins, #view-arena, body) .rank-sync-ui.rank-sync-ui :is(.rank-grid-row, .mrc-rank-row, .ar-rank-row):is(.mine, .me):not(.mrc-row-skin) {
  background: rgba(54, 214, 255, .08) !important;
  box-shadow: inset 3px 0 0 var(--k-acc);
}
html:not([data-mr-theme="light"]) .rank-sync-ui.rank-sync-ui .rank-grid-head { background: transparent !important; border-color: var(--k-line) !important; color: var(--k-faint); }
html:not([data-mr-theme="light"]) .rk-main.rank-grid-row { border-color: var(--k-line); }
html:not([data-mr-theme="light"]) .rk-total { color: #fff; font-weight: 700; }

/* ==========================================================================
   SEZON I MISJE
   ========================================================================== */
html:not([data-mr-theme="light"]) .tp-mission > i:first-child { border-radius: 10px; background: var(--k-s3); color: var(--k-acc); }
html:not([data-mr-theme="light"]) .tp-mission > mark { border-radius: 10px; background: var(--k-s3); color: var(--k-txt); }
html:not([data-mr-theme="light"]) .tp-mission-chip { border-color: var(--k-line2); background: var(--k-s3); color: var(--k-txt); }
html:not([data-mr-theme="light"]) .tp-mission-chip.reward { color: var(--k-acc-hi); }
html:not([data-mr-theme="light"]) .tp-eng-section-head span:first-child { color: var(--k-acc); }

/* ==========================================================================
   OKNA (dialogi)
   ========================================================================== */
html:not([data-mr-theme="light"]) :is(.tp-eng-dialog, .ar-dialog) {
  border-color: var(--k-line2);
  border-radius: 18px;
  background: #0b1530;
  color: var(--k-txt);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .7);
}
html:not([data-mr-theme="light"]) :is(.tp-eng-dialog, .ar-dialog)::backdrop { background: rgba(0, 0, 0, .6); }
html:not([data-mr-theme="light"]) .tp-postmatch-label { color: var(--k-acc); }
html:not([data-mr-theme="light"]) .tp-postmatch-points { color: var(--k-acc); }

/* ==========================================================================
   POWIADOMIENIA NA TELEFON (includes/game_notifications/settings.css)
   ========================================================================== */
html:not([data-mr-theme="light"]) .mrgn input[type="checkbox"] { accent-color: #36d6ff !important; }
html:not([data-mr-theme="light"]) .mrgn :is(.mrgn-group, .mrgn-enable) { border-color: var(--k-line); }
html:not([data-mr-theme="light"]) .mrgn :is(input[type="search"], select) { border-color: var(--k-line2); background: #0a1226; }
html:not([data-mr-theme="light"]) .mrgn .mrgn-device { background: var(--k-s2); color: var(--k-txt); }
html:not([data-mr-theme="light"]) .mrgn :is(p, .mrgn-summary-state, .mrgn-selection-count) { color: var(--k-mut); }
html:not([data-mr-theme="light"]) .mrgn summary::after { color: var(--k-mut); }
html:not([data-mr-theme="light"]) .game-shell a:not([class]) { color: var(--k-acc-hi); }