/* MR Coins — kantor typera. Dokładamy się do ciemnego motywu z typer-theme.css. */
:root {
  --mrc-gold: #f5c451;
  --mrc-gold-soft: rgba(245, 196, 81, .14);
  --mrc-up: #54d69f;
  --mrc-down: #ff808a;
}

/* ── pigułka z saldem w nagłówku ── */
#mrc-pill { display: flex; }
.mrc-pill-btn {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 7px 13px; border: 1px solid #4a3a15; border-radius: 999px;
  background: #0a0a0a; color: var(--text); font-size: 13px; font-weight: 700; cursor: pointer;
}
.mrc-pill-place { color: var(--mrc-gold); }
.mrc-pill-sep { width: 1px; height: 14px; background: var(--line); }
.mrc-pill-btn:hover { background: var(--surface-hover); }
.mrc-pill-btn i { color: var(--mrc-gold); }
.mrc-pill-btn span { color: var(--muted); font-weight: 600; font-size: 11px; }
.mrc-pill-badge { padding: 2px 7px; border-radius: 999px; font-size: 10px; font-weight: 800; letter-spacing: .02em; }
.mrc-pill-badge.bankrut { background: #3a0d13; color: #ff9aa3; }
.mrc-pill-badge.noob { background: #17242f; color: #8fc4ff; }

/* ── portfel ── */
.mrc-wallet {
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 18px;
  padding: 20px; margin-bottom: 22px;
  border: 1px solid var(--line); border-radius: var(--radius); background: var(--card);
}
.mrc-wallet.is-broke { border-color: #5c1a22; background: linear-gradient(180deg, #150607, #060606 55%); }
.mrc-wallet-label { color: var(--muted); font-size: 12px; }
.mrc-balance { display: flex; align-items: baseline; gap: 8px; font-size: 44px; line-height: 1.05; font-weight: 800; letter-spacing: -1.2px; color: var(--mrc-gold); }
.mrc-balance span { font-size: 14px; font-weight: 700; letter-spacing: 0; color: var(--muted); }
.mrc-wallet-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 10px; font-size: 13px; color: var(--muted); }
.mrc-wallet-meta b { color: var(--text); }
.mrc-wallet-meta b.up, .mrc-net.up, .mrc-bet-money b.up { color: var(--mrc-up); }
.mrc-wallet-meta b.down, .mrc-net.down, .mrc-bet-money b.down { color: var(--mrc-down); }
.mrc-tierline { display: flex; align-items: center; gap: 10px; margin-top: 14px; flex-wrap: wrap; }
.mrc-tier { padding: 5px 12px; border-radius: 999px; font-size: 12px; font-weight: 700; background: var(--surface-selected); color: var(--text); }
.mrc-tier.t-legenda, .mrc-tier.t-rekin { background: var(--mrc-gold-soft); color: var(--mrc-gold); }
.mrc-tier.t-bankrut, .mrc-tier.t-minus { background: #2a0e12; color: #ff9aa3; }
.mrc-grants { font-size: 12px; color: var(--muted); }
.mrc-wallet-side { display: flex; flex-direction: column; gap: 12px; }

/* ranga Bankrut — celowo najgłośniejszy element całej zakładki */
.mrc-stamp {
  border: 2px solid #ff5a68; border-radius: 10px; padding: 14px 16px;
  background: repeating-linear-gradient(135deg, #240a0d 0 12px, #1b0709 12px 24px);
  text-align: center;
}
.mrc-stamp b { display: block; font-size: 30px; font-weight: 900; letter-spacing: 3px; text-transform: uppercase; color: #ff5a68; }
.mrc-stamp span { display: block; margin-top: 4px; font-size: 12px; color: #ffb3b9; }
.mrc-noob { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid #24405c; border-radius: 10px; background: #0b1620; }
.mrc-noob i { font-size: 22px; color: #8fc4ff; }
.mrc-noob b { display: block; font-size: 15px; color: #8fc4ff; }
.mrc-noob span { font-size: 12px; color: var(--muted); }
.mrc-claim {
  padding: 12px 16px; border: 0; border-radius: 10px; cursor: pointer;
  background: var(--mrc-gold); color: #1b1200; font-size: 15px; font-weight: 800;
}
.mrc-claim:hover { filter: brightness(1.08); }
.mrc-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: auto; }
.mrc-stats div { padding: 10px 8px; border: 1px solid var(--line); border-radius: 10px; text-align: center; }
.mrc-stats b { display: block; font-size: 16px; }
.mrc-stats span { font-size: 11px; color: var(--muted); }

/* ── lista meczów ── */
.mrc-subhead { margin: 26px 0 12px; font-size: 15px; font-weight: 700; }
.mrc-filters, .mrc-tabs { display: flex; gap: 8px; margin-bottom: 12px; flex-wrap: wrap; }
.mrc-filters button, .mrc-tabs button {
  padding: 8px 14px; border: 1px solid var(--line); border-radius: 999px;
  background: transparent; color: var(--muted); font-size: 13px; font-weight: 600; cursor: pointer;
}
.mrc-filters button.on, .mrc-tabs button.on { background: var(--surface-selected); color: var(--text); border-color: #3a3f44; }
/* lista meczów w zakładce „Postaw kupon” — dni, wiersze, wszystko zwinięte */
.mrc-list { display: flex; flex-direction: column; gap: 20px; max-width: 1080px; margin: 0 auto; }
.mrc-day-head {
  display: flex; align-items: baseline; gap: 10px; width: 100%; padding: 6px 2px 8px;
  border: 0; border-bottom: 1px solid var(--line); margin-bottom: 2px;
  background: transparent; color: var(--text); text-align: left; cursor: pointer;
}
.mrc-day-head:hover { border-bottom-color: #3a3f44; }
.mrc-day-head b { font-size: 14px; font-weight: 700; }
.mrc-day-head span { font-size: 12px; color: var(--muted); }
.mrc-day-head em { margin-left: auto; font-style: normal; font-size: 12px; color: var(--muted); }
.mrc-day-chevron { font-size: 11px; color: var(--muted); transition: transform .15s ease; }
.mrc-day.is-open .mrc-day-chevron { transform: rotate(180deg); }
.mrc-rows { border: 1px solid var(--line); border-radius: var(--radius); background: var(--card); overflow: hidden; }
.mrc-row + .mrc-row { border-top: 1px solid #17191c; }
.mrc-row.is-open { background: #080808; }
.mrc-row-head {
  display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 14px;
  border: 0; background: transparent; color: var(--text); text-align: left; cursor: pointer;
}
.mrc-row-head:hover { background: var(--surface-hover); }
.mrc-row-time { flex: none; width: 44px; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }
.mrc-row-teams { display: flex; align-items: center; gap: 9px; min-width: 0; flex: 1 1 auto; font-size: 14px; }
.mrc-row-teams b { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mrc-row-teams em { font-style: normal; color: var(--muted); }
.mrc-row-comp { flex: none; font-size: 11px; color: var(--muted); white-space: nowrap; }
.mrc-row-state {
  flex: none; padding: 4px 10px; border: 1px solid var(--line); border-radius: 999px;
  font-size: 11px; font-weight: 700; color: var(--muted); white-space: nowrap;
}
.mrc-row-state.on { border-color: #4a3a15; background: var(--mrc-gold-soft); color: var(--mrc-gold); }
.mrc-row-chevron { flex: none; font-size: 11px; color: var(--muted); transition: transform .15s ease; }
.mrc-row.is-open .mrc-row-chevron { transform: rotate(180deg); }
.mrc-row-body { padding: 2px 14px 14px; border-top: 1px solid #17191c; }
@media (max-width: 640px) {
  .mrc-row-head { flex-wrap: wrap; gap: 8px 10px; padding: 11px 12px; }
  .mrc-row-teams { flex-basis: calc(100% - 120px); font-size: 13px; }
  .mrc-row-comp { order: 5; }
  .mrc-row-body { padding: 4px 12px 14px; }
}
.mrc-empty { padding: 22px; border: 1px dashed var(--line); border-radius: var(--radius); color: var(--muted); text-align: center; }

/* ── kupon ── */
.mrc-odds { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.mrc-odd {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; padding: 7px 6px;
  border: 1px solid var(--line); border-radius: 10px; background: #080808; color: var(--text); cursor: pointer;
}
.mrc-odd:hover { background: var(--surface-hover); }
.mrc-odd.on { border-color: var(--mrc-gold); background: var(--mrc-gold-soft); }
.mrc-odd span { font-size: 11px; font-weight: 700; color: var(--muted); }
.mrc-odd b { font-size: 17px; font-weight: 800; line-height: 1.2; }
.mrc-odd.on b { color: var(--mrc-gold); }
.mrc-odd small { font-size: 10px; line-height: 1.2; color: var(--muted); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mrc-stake { display: flex; align-items: flex-end; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.mrc-field { display: flex; flex-direction: column; gap: 4px; font-size: 11px; color: var(--muted); }
.mrc-field input {
  width: 140px; padding: 9px 10px; border: 1px solid var(--line); border-radius: 8px;
  background: #080808; color: var(--text); font-size: 15px; font-weight: 700;
}
.mrc-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.mrc-chip { padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px; background: transparent; color: var(--muted); font-size: 12px; cursor: pointer; }
.mrc-chip:hover { color: var(--text); background: var(--surface-hover); }
.mrc-chip.all { color: var(--mrc-gold); border-color: #4a3a15; }
.mrc-calc {
  margin: 10px 0 8px; padding: 8px 11px; border: 1px solid var(--line);
  border-radius: 10px; background: #080808; font-size: 12px;
}
.mrc-calc > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 2px 0; color: var(--muted); }
.mrc-calc b { color: var(--text); font-weight: 600; font-variant-numeric: tabular-nums; }
.mrc-calc b.down { color: var(--mrc-down); }
.mrc-calc .total { margin-top: 4px; padding-top: 7px; border-top: 1px solid var(--line); font-size: 13px; }
.mrc-calc .total b { color: var(--mrc-gold); font-size: 15px; font-weight: 800; }
.mrc-place {
  width: 100%; padding: 11px; border: 0; border-radius: 10px; cursor: pointer;
  background: var(--mrc-gold); color: #1b1200; font-size: 14px; font-weight: 800;
}
.mrc-place:hover { filter: brightness(1.08); }
.mrc-place:disabled { background: #2a2a2a; color: var(--muted); cursor: not-allowed; }
.mrc-note, .mrc-hint { margin: 10px 0 0; font-size: 12px; color: var(--muted); }
.mrc-link { border: 0; background: none; padding: 0; color: var(--link); font: inherit; cursor: pointer; text-decoration: underline; }
.mrc-placed { display: flex; align-items: center; gap: 10px; padding: 8px 11px; margin-bottom: 8px; border: 1px solid #3a4a2a; border-radius: 10px; background: #0b1108; }
.mrc-placed-pick { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 8px; background: var(--mrc-gold); color: #1b1200; font-weight: 800; }
.mrc-placed b { font-size: 14px; }
.mrc-placed small { display: block; font-size: 11px; color: var(--muted); }
.mrc-placed i { margin-left: auto; color: var(--muted); }

/* panel w karcie meczu — dopasowany do bloku z kursami */
.mrc-panel .mrc-tag { margin-left: auto; padding: 4px 9px; border-radius: 999px; border: 1px solid var(--line); font-size: 11px; color: var(--muted); }
.mrc-panel .mrc-tag.on { border-color: #4a3a15; color: var(--mrc-gold); }
.mrc-panel .mrc-body { padding: 12px 14px 14px; }

/* ── kupony gracza ── */
.mrc-bet { display: flex; align-items: center; gap: 12px; padding: 10px 12px; margin-bottom: 8px; border: 1px solid var(--line); border-radius: 10px; background: var(--card); }
.mrc-bet-pick {
  min-width: 32px; height: 32px; flex: none; display: inline-flex; align-items: center; justify-content: center;
  padding: 0 8px; border-radius: 8px; background: var(--surface-selected); font-size: 13px; font-weight: 800;
}
.mrc-bet-pick.icon { padding: 0; width: 32px; font-size: 13px; }
.mrc-bet-pick.icon.cards { color: #dfbe66; }
.mrc-bet-pick.icon.offsides { color: #8fc4ff; }
.mrc-bet-pick.icon.combo { color: var(--mrc-gold); }
.mrc-bet.won { border-color: #2f5a45; }
.mrc-bet.won .mrc-bet-pick { background: #14311f; color: var(--mrc-up); }
.mrc-bet.lost .mrc-bet-pick { background: #2a0e12; color: var(--mrc-down); }
.mrc-bet-main { min-width: 0; flex: 1; }
.mrc-bet-main b { display: block; font-size: 14px; }
.mrc-bet-main small, .mrc-bet-money small { display: block; font-size: 11px; color: var(--muted); }
.mrc-bet-money { text-align: right; white-space: nowrap; }
.mrc-bet-money b { font-size: 14px; }

/* ── ranking ── */
.mrc-rank { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--card); }
.mrc-rank-head, .mrc-rank-row { display: grid; grid-template-columns: 44px minmax(0, 1fr) 132px 96px; gap: 14px; align-items: center; padding: 12px 16px; }
.mrc-rank-head { font-size: 11px; color: var(--muted); border-bottom: 1px solid var(--line); }
.mrc-rank-row + .mrc-rank-row { border-top: 1px solid #141618; }
.mrc-rank-row.me { background: var(--surface-selected); }
.mrc-rank-row.top .mrc-pos { color: var(--mrc-gold); font-weight: 800; }
.mrc-pos { font-size: 14px; color: var(--muted); }
.mrc-who { display: flex; align-items: center; gap: 12px; min-width: 0; }
.mrc-who-copy { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.mrc-who img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; background: #161616; flex: none; }
.mrc-who b { display: block; font-size: 14px; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mrc-who small { font-size: 11px; line-height: 1.3; color: var(--muted); }
.mrc-badge { display: inline-block; margin: 2px 4px 0 0; padding: 2px 8px; border-radius: 999px; font-size: 10px; font-weight: 800; }
.mrc-badge.bankrut { background: #ff5a68; color: #1b0003; }
.mrc-badge.noob { background: #17242f; color: #8fc4ff; }
.mrc-money { text-align: right; font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; }
.mrc-money-tier { display: block; margin-top: 3px; font-style: normal; font-size: 10px; font-weight: 700; letter-spacing: .02em; }
.mrc-money-tier.t-bog { color: #e0a8ff; }
.mrc-money-tier.t-magnat, .mrc-money-tier.t-milioner { color: #ffd977; }
.mrc-money-tier.t-rekin { color: #7fe0f0; }
.mrc-money-tier.t-gruba, .mrc-money-tier.t-inwestor { color: #7fe3b0; }
.mrc-money-tier.t-plus, .mrc-money-tier.t-stabilny { color: #8fc4ff; }
.mrc-money-tier.t-gra { color: #b9c6d4; }
.mrc-money-tier.t-ryzykant, .mrc-money-tier.t-minus { color: #f0b547; }
.mrc-money-tier.t-grosze { color: #ffb59a; }
.mrc-money-tier.t-bankrut { color: #ff9aa3; }
.mrc-net { text-align: right; font-size: 13px; font-weight: 700; }

/* ── archiwum i zasady ── */
.mrc-archive { padding: 14px; margin-bottom: 12px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--card); }
.mrc-archive h4 { margin: 0 0 10px; font-size: 14px; }
.mrc-archive-row { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 10px; padding: 5px 0; font-size: 13px; color: var(--muted); }
.mrc-archive-row b { color: var(--text); font-weight: 600; }
.mrc-rules { margin-top: 26px; padding: 16px 18px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--card); }
.mrc-rules h3 { margin: 0 0 10px; font-size: 15px; }
.mrc-rules ul { margin: 0; padding-left: 18px; color: var(--muted); font-size: 13px; }
.mrc-rules li { margin-bottom: 6px; }
.mrc-rules b { color: var(--text); }

@media (max-width: 799px) {
  .mrc-wallet { grid-template-columns: 1fr; padding: 16px; }
  .mrc-balance { font-size: 36px; }
  .mrc-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mrc-rank-head, .mrc-rank-row { grid-template-columns: 32px minmax(0, 1fr) 88px; }
  .mrc-rank-head span:last-child, .mrc-rank-row .mrc-net { display: none; }
  .mrc-pill-btn span { display: none; }
}

/* ── zakładki rynków w kuponie ── */
.mrc-mtabs { display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap; }
.mrc-mtabs button {
  flex: 1 1 auto; min-width: 62px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 8px;
  background: transparent; color: var(--muted); font-size: 12px; font-weight: 600; cursor: pointer;
}
.mrc-mtabs button.on { background: var(--surface-selected); color: var(--text); border-color: #3a3f44; }
.mrc-mtabs button.taken { opacity: .5; cursor: default; }
.mrc-odds-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mrc-odds-4 .mrc-odd span { font-size: 12px; }

/* ── dokładny wynik ── */
.mrc-score { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; }
.mrc-score-side { text-align: center; }
.mrc-score-side > span {
  display: block; margin-bottom: 6px; font-size: 11px; color: var(--muted);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mrc-step { display: flex; align-items: center; justify-content: center; gap: 8px; }
.mrc-step button {
  width: 32px; height: 32px; border: 1px solid var(--line); border-radius: 8px;
  background: #080808; color: var(--text); font-size: 17px; line-height: 1; cursor: pointer;
}
.mrc-step button:hover { background: var(--surface-hover); }
.mrc-step b { min-width: 26px; font-size: 24px; font-weight: 800; text-align: center; }
.mrc-score-mid { text-align: center; padding: 0 4px; }
.mrc-score-mid b { display: block; font-size: 20px; font-weight: 800; color: var(--mrc-gold); }
.mrc-score-mid small { font-size: 10px; color: var(--muted); }
.mrc-popular { margin-top: 12px; }
.mrc-chip.on { border-color: var(--mrc-gold); color: var(--mrc-gold); background: var(--mrc-gold-soft); }

/* ── saldo obok nicku w rankingu typera ── */
.mrc-rank-coins {
  display: inline-flex; align-items: center; gap: 5px; margin-left: 8px;
  padding: 2px 8px; border: 1px solid #4a3a15; border-radius: 999px;
  background: var(--mrc-gold-soft); color: var(--mrc-gold);
  font-size: 11px; font-weight: 700; vertical-align: middle; white-space: nowrap;
}
.mrc-rank-coins i { font-size: 10px; }
.mrc-rank-coins.broke { border-color: #5c1a22; background: #2a0e12; color: #ff9aa3; }
/* W klasyfikacji punktowej na telefonie kasa tylko zabierałaby miejsce nickowi —
   pełne saldo zostaje w rankingu zarobasów. */
@media (max-width: 799px) { .rank-identity .mrc-rank-coins { display: none; } }

/* ══════════════════════════════════════════════════════════════
   KARTA TYPOWANIA — przebudowa
   Jeden rytm dla całej karty: pasek informacyjny, hero z herbami,
   materiały jako dwa wąskie paski, a na dole dwie kolumny gry:
   punkty po lewej, MR Coins po prawej.
   ══════════════════════════════════════════════════════════════ */
.mcard { overflow: hidden; }
.mcard > .comp, .mcard > .teams, .mcard > .countdown { display: none; }

/* pasek nad meczem */
.mcard .mc-top {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 12px 16px; border-bottom: 1px solid var(--line); background: #050505;
}
.mcard .mc-kick, .mcard .mc-deadline {
  display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--muted);
}
.mcard .mc-kick i, .mcard .mc-deadline i { font-size: 11px; }
.mcard .mc-deadline { margin-left: auto; }
.mcard .mc-deadline b { color: var(--text); font-weight: 600; }
.mcard .mc-collapse {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px;
  border: 1px solid var(--line); border-radius: 999px; background: transparent;
  color: var(--muted); font-size: 12px; font-weight: 600; cursor: pointer;
}
.mcard .mc-collapse:hover { background: var(--surface-hover); color: var(--text); }

/* hero z herbami */
.mcard .mc-hero {
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 14px;
  padding: 18px 16px 16px;
}
.mcard .mc-side { display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 0; text-align: center; }
.mcard .mc-crest { width: 52px; height: 52px; object-fit: contain; }
.mcard .mc-name { font-size: 15px; font-weight: 700; line-height: 1.25; overflow-wrap: anywhere; }
.mcard .mc-vs { font-size: 12px; font-weight: 700; color: var(--muted); letter-spacing: .08em; }
.mcard .mc-side .team-form { margin: 0; }

/* materiały: dwa wąskie paski zamiast dwóch wielkich belek */
.mcard-tools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: stretch; padding: 0 16px 4px; }
.mcard-tools > *:not([open]) > summary { height: 100%; }
.mcard-tools > * { margin: 0 !important; }
.mcard-tools .match-odds, .mcard-tools .match-h2h {
  border-color: var(--line); border-radius: 10px; background: #080808; box-shadow: none;
}
.mcard-tools .match-odds[open], .mcard-tools .match-h2h[open] {
  grid-column: 1 / -1;                    /* otwarty panel dostaje pełną szerokość */
  border-color: #3a3f44; box-shadow: none;
}
.mcard-tools .match-odds > summary, .mcard-tools .match-h2h > summary {
  min-height: 44px; padding: 8px 12px; background: none; font-size: 13px;
}
.mcard-tools .match-odds > summary:hover, .mcard-tools .match-h2h > summary:hover { background: var(--surface-hover); }
.mcard-tools summary > i:first-child { width: 28px; height: 28px; flex: 0 0 28px; font-size: 13px; }
.mcard-tools .mo-heading span, .mcard-tools .match-h2h summary small { display: none; }
.mcard-tools .mo-heading b { font-size: 13px; font-weight: 600; }

/* dwie kolumny gry — obie ciągną się do tej samej wysokości */
.mcard-split {
  display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: 16px; align-items: stretch; padding: 14px 16px 16px;
}
.mcard-col { min-width: 0; display: flex; flex-direction: column; }
.mcard-points .markets { flex: 1 1 auto; }
.mcard-cash > .mrc-inline { flex: 1; display: flex; flex-direction: column; }
.mcard-cash > .mrc-inline > .mrc-body { flex: 1; }
.mcard-col-head, .mrc-inline > header {
  display: flex; align-items: center; gap: 11px; min-height: 58px; padding: 10px 14px;
  border: 1px solid var(--line); border-bottom: 0; border-radius: var(--radius) var(--radius) 0 0;
}
.mcard-col-head { border-color: #23334a; background: linear-gradient(90deg, #0b1420, #070707 70%); }
.mrc-inline > header { border-color: #3b3116; background: linear-gradient(90deg, #161104, #070707 70%); }
.mc-head-icon {
  width: 34px; height: 34px; flex: none; display: grid; place-items: center; border-radius: 10px;
  border: 1px solid #174f91; background: #0c1d32; color: #8fc4ff; font-size: 15px;
}
.mc-head-icon.coins { border-color: #4a3a15; background: #201705; color: var(--mrc-gold); }
.mc-head-copy { display: flex; flex-direction: column; min-width: 0; }
.mc-head-copy b, .mcard-col-head b, .mrc-inline > header b { font-size: 14px; font-weight: 700; line-height: 1.3; }
.mc-head-copy small, .mcard-col-head small, .mrc-inline > header small { font-size: 11px; color: var(--muted); }
.mc-head-badge {
  margin-left: auto; padding: 4px 10px; border: 1px solid #174f91; border-radius: 999px;
  background: #0c1d32; color: #8fc4ff; font-size: 12px; font-weight: 700; white-space: nowrap;
}

/* ── formularz punktowy: tabelka z pojedynczymi liniami ── */
.mcard-points .markets {
  display: block; height: auto; padding: 2px 14px 14px; gap: 0;
  border: 1px solid #23334a; border-top: 0; border-radius: 0 0 var(--radius) var(--radius);
  background: var(--card);
}
.mcard-points .markets > .mgrid2 { display: contents; }
/* Bazowy formularz ustawia .mrow na kolumnę — tu potrzebujemy wiersza,
   więc nadpisujemy każdą własność jawnie, bez polegania na wartościach domyślnych. */
.mcard-points .mrow {
  display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start;
  gap: 6px 14px; min-height: 0; padding: 10px 0; margin: 0;
  border: 0; border-top: 1px solid #17191c; border-radius: 0; background: transparent;
}
.mcard-points .markets > .mrow:first-child { border-top: 0; }
.mcard-points .mlabel {
  display: flex; flex: 1 1 140px; align-items: center; justify-content: flex-start;
  gap: 8px; min-width: 0; margin: 0; font-size: 13px; text-align: left;
}
.mcard-points .mlabel .pts { flex: none; margin: 0; padding: 1px 7px; font-size: 11px; }
.mcard-points .opts { display: flex; flex: 1 1 220px; align-items: stretch; gap: 6px; }
.mcard-points .opts > .opt { flex: 1 1 0; min-width: 0; min-height: 34px; padding: 4px 8px; font-size: 13px; border-radius: 7px; }
.mcard-points .opts-wrap, .mcard-points .opts-grid3 { flex-basis: 100%; flex-wrap: wrap; }
.mcard-points .opts-wrap > .opt { flex: 1 1 84px; }
.mcard-points .opts-grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mcard-points .scorebox { display: flex; flex: 1 1 220px; align-items: center; justify-content: flex-end; gap: 8px; }
.mcard-points .scorebox input { width: 44px; height: 38px; font-size: 17px; }
.mcard-points .numwrap { align-items: center; }
.mcard-points .spin { gap: 3px; }
.mcard-points .sb { width: 22px; height: 17px; }
.mcard-points .scorer-grid { flex: 1 1 100%; max-height: 190px; }
.mcard-points .korow { display: none; }
.mcard-points .korow.show { display: flex; }

/* blok statystyk — ten sam rytm linii, bez ramki i tła */
.mcard-points .statblock {
  display: block; padding: 0; margin: 0;
  border: 0; border-top: 1px solid #17191c; border-radius: 0; background: transparent;
}
.mcard-points .sb-head, .mcard-points .statline {
  display: grid; grid-template-columns: minmax(0, 1fr) 66px 12px 66px; align-items: center;
}
.mcard-points .sb-head { padding: 9px 0 3px; margin: 0; }
.mcard-points .sb-head .sb-title { font-size: 11px; letter-spacing: .06em; color: var(--muted); }
.mcard-points .sb-head .th { font-size: 11px; }
.mcard-points .statline { padding: 7px 0; border-top: 1px solid #131518; }
.mcard-points .sl-label { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; }
.mcard-points .sl-label .red-legacy-note {
  flex-basis: 100%; margin-top: 1px; font-size: 11px; font-weight: 400; line-height: 1.35; color: var(--muted);
}
.mcard-points .numwrap.mini input { width: 34px; height: 30px; }

/* akcenty zostają blokami, ale węższymi */
.mcard-points .bonusbox, .mcard-points .bankerbtn, .mcard-points .red-risk { margin-top: 10px; padding: 10px 12px; }
.mcard-points .submit { margin-top: 12px; width: 100%; }
.mcard-points .locked-note { padding: 14px 0; }

/* ── kolumna MR Coins ── */
.mrc-inline {
  border: 1px solid #3b3116; border-radius: var(--radius); background: var(--card); overflow: hidden;
}
.mrc-inline > header { flex-wrap: wrap; gap: 8px 11px; padding: 12px 14px; border: 0; border-bottom: 1px solid #3b3116; border-radius: 0; background: #100c03; }
.mrc-inline > header > i { color: var(--mrc-gold); }
.mrc-inline.is-off { border-color: var(--line); }
.mrc-inline.is-off > header { background: #080808; border-bottom-color: var(--line); }
.mrc-inline.is-off > header > i { color: var(--muted); }
.mrc-inline .mrc-body { padding: 16px 14px 18px; }
.mrc-inline .mrc-odds { gap: 8px; }
.mrc-inline .mrc-mtabs { margin: 4px 0 14px; }
.mrc-inline .mrc-placed + .mrc-placed { margin-top: 8px; }
.mrc-inline .mrc-placed:last-of-type { margin-bottom: 14px; }
.mrc-inline-balance {
  display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px;
  border: 1px solid #4a3a15; border-radius: 999px; background: var(--mrc-gold-soft);
  font-size: 12px; font-weight: 700; color: var(--mrc-gold); white-space: nowrap;
}
.mrc-inline .mrc-tag { margin-left: auto; }
.mrc-inline .mrc-tag + .mrc-inline-balance { margin-left: 8px; }
.mrc-inline > header > span + .mrc-inline-balance { margin-left: auto; }

/* ── herby w kuponach ── */
.mrc-crest { width: 30px; height: 30px; object-fit: contain; flex: none; }
.mrc-crest.sm { width: 24px; height: 24px; }
.mrc-crest.is-empty { display: inline-block; border-radius: 50%; background: #161616; }
.mrc-odd .mrc-crest { margin-bottom: 2px; }
.mrc-draw {
  display: grid; place-items: center; width: 26px; height: 26px; margin-bottom: 2px;
  border-radius: 50%; background: var(--surface-selected); color: var(--muted); font-size: 12px; font-weight: 800;
}
.mrc-odd.on .mrc-draw { background: var(--mrc-gold); color: #1b1200; }
.mrc-score-side > span { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.mrc-bet-main b.mrc-bet-teams { display: flex; align-items: center; gap: 8px; min-width: 0; }
.mrc-bet-main b.mrc-bet-teams .mrc-crest { width: 20px; height: 20px; }
.mrc-placed > .mrc-crest { width: 34px; height: 34px; }

/* Na telefonie panel kasy chowa się pod żółty przycisk — karta zostaje krótka,
   a kupon jest o jedno kliknięcie. Na desktopie przycisk nie istnieje. */
.mrc-mobile-toggle { display: none; }
@media (max-width: 1000px) {
  .mcard-split { grid-template-columns: 1fr; gap: 12px; padding: 12px 10px 14px; }
  .mcard-tools { grid-template-columns: 1fr; padding: 0 10px 4px; }
  .mcard .mc-hero { padding: 16px 10px 12px; }
  .mcard .mc-deadline { margin-left: 0; }
  .mcard-cash > .mrc-inline { border-color: #4a3a15; background: transparent; }
  .mrc-mobile-toggle {
    display: flex; align-items: center; gap: 12px; width: 100%; padding: 13px 14px;
    border: 0; background: var(--mrc-gold); color: #1b1200; cursor: pointer; text-align: left;
  }
  .mrc-mobile-toggle > i:first-child { font-size: 18px; }
  .mrc-mobile-toggle span { display: flex; flex-direction: column; min-width: 0; }
  .mrc-mobile-toggle b { font-size: 15px; font-weight: 800; }
  .mrc-mobile-toggle small { font-size: 11px; font-weight: 600; opacity: .75; }
  .mrc-mobile-chevron { margin-left: auto; transition: transform .15s ease; }
  .mrc-inline.is-open .mrc-mobile-chevron { transform: rotate(180deg); }
  .mrc-inline:not(.is-open) > header, .mrc-inline:not(.is-open) > .mrc-body { display: none; }
  .mrc-inline.is-off .mrc-mobile-toggle { background: var(--surface-selected); color: var(--muted); }
  .mcard-cash > .mrc-inline > .mrc-body { flex: none; }
}
@media (max-width: 640px) {
  .mcard .mc-crest { width: 44px; height: 44px; }
  .mcard-points .markets { padding: 0 12px 12px; }
  .mcard-points .mlabel { flex-basis: 100%; }
  .mcard-points .opts, .mcard-points .scorebox { flex-basis: 100%; justify-content: flex-start; }
  .mcard-points .sb-head, .mcard-points .statline { grid-template-columns: minmax(0, 1fr) 58px 10px 58px; }
}

/* ── pula tygodnia ── */
.mrc-pool {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 18px;
  margin: 18px 0; padding: 18px; border: 1px solid #4a3a15; border-radius: var(--radius);
  background: linear-gradient(180deg, #141004, var(--card) 60%);
}
.mrc-pool-label { font-size: 12px; color: var(--muted); }
.mrc-pool-main strong { display: flex; align-items: baseline; gap: 8px; font-size: 34px; font-weight: 800; letter-spacing: -1px; color: var(--mrc-gold); }
.mrc-pool-main strong span { font-size: 13px; font-weight: 700; letter-spacing: 0; color: var(--muted); }
.mrc-pool-main small { display: block; margin-top: 8px; font-size: 12px; color: var(--muted); }
.mrc-pool-carry { color: var(--mrc-gold) !important; }
.mrc-pool-mine { margin-top: 10px; font-size: 13px; color: var(--muted); }
.mrc-pool-mine b.up, .mrc-pool-row em.up { color: var(--mrc-up); }
.mrc-pool-mine b.down, .mrc-pool-row em.down { color: var(--mrc-down); }
.mrc-pool-head { font-size: 12px; color: var(--muted); margin-bottom: 8px; }
.mrc-pool-row { display: grid; grid-template-columns: 18px 26px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 5px 0; font-size: 13px; }
.mrc-pool-row + .mrc-pool-row { border-top: 1px solid #141618; }
.mrc-pool-row.me { color: var(--mrc-gold); }
.mrc-pool-row span { color: var(--muted); font-size: 12px; }
.mrc-pool-row img { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; background: #161616; }
.mrc-pool-row b { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mrc-pool-row em { font-style: normal; font-weight: 700; }
.mrc-pool-empty { padding: 10px 0; font-size: 13px; color: var(--muted); }
.mrc-pool .mrc-note { margin-top: 10px; }
@media (max-width: 799px) { .mrc-pool { grid-template-columns: 1fr; padding: 14px; } .mrc-pool-main strong { font-size: 28px; } }

/* przycisk „Zarobasy” w panelu rankingu */
.rvbtn i { margin-right: 5px; font-size: 11px; }

/* ── zakładka „Postaw kupon”: wyróżnienie i plakietka NEW ── */
.tab-new {
  display: inline-block; margin-left: 6px; padding: 1px 6px; border-radius: 999px;
  background: var(--mrc-gold); color: #1b1200; font-size: 9px; font-weight: 800; letter-spacing: .06em;
  vertical-align: middle;
}
.game-sidebar .tab-coins { color: var(--mrc-gold); font-weight: 700; }
.game-sidebar .tab-coins .tab-icon { color: var(--mrc-gold); }
.game-sidebar .tab-coins.active { background: var(--mrc-gold-soft); }
.more-coins { border-color: #4a3a15 !important; }
.more-coins > i { color: var(--mrc-gold); }

/* ── przełącznik widoków rankingu nad tabelą ── */
.rank-views { display: flex; gap: 8px; margin: 4px 0 14px; flex-wrap: wrap; }
.rank-views .rvtab {
  padding: 9px 16px; border: 1px solid var(--line); border-radius: 999px;
  background: transparent; color: var(--muted); font-size: 13px; font-weight: 600; cursor: pointer;
}
.rank-views .rvtab:hover { background: var(--surface-hover); color: var(--text); }
.rank-views .rvtab.on { background: var(--surface-selected); color: var(--text); border-color: #3a3f44; }
.rank-views .rvtab-coins { border-color: #4a3a15; color: var(--mrc-gold); }
.rank-views .rvtab-coins i { margin-right: 6px; font-size: 12px; }
.rank-views .rvtab-coins.on { background: var(--mrc-gold-soft); border-color: var(--mrc-gold); color: var(--mrc-gold); }

/* ── rozwinięty mecz na liście: wszystkie rynki naraz ── */
.mrc-full { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 22px; margin: 6px auto 8px; max-width: 900px; }
.mrc-msec { padding: 6px 0 0; }
.mrc-msec h5 {
  display: flex; align-items: baseline; justify-content: center; gap: 8px; margin: 0 0 8px;
  font-size: 12px; font-weight: 700; color: var(--muted);
}
.mrc-msec h5 span { font-size: 11px; font-weight: 400; }
/* Zwycięzca meczu i dokładny wynik biorą pełną szerokość i stoją na osi karty;
   kartki i spalone zostają obok siebie, bo to krótkie, czteroopcjowe rynki. */
.mrc-msec.m-x12, .mrc-msec.m-score, .mrc-msec:has(.mrc-score) { grid-column: 1 / -1; }
.mrc-msec.m-x12 .mrc-odds { max-width: 560px; margin-inline: auto; }
.mrc-msec.m-x12 .mrc-odd { padding: 10px 6px; }
.mrc-score.is-active .mrc-score-mid b { color: var(--mrc-gold); }
.mrc-row-body .mrc-stake { justify-content: center; margin-top: 14px; padding-top: 14px; border-top: 1px solid #17191c; }
.mrc-row-body .mrc-legs, .mrc-row-body .mrc-calc, .mrc-row-body .mrc-place, .mrc-row-body .mrc-placed { max-width: 900px; margin-inline: auto; }
.mrc-row-body .mrc-hint { text-align: center; }
.mrc-row-body .mrc-popular { justify-content: center; }
@media (max-width: 860px) { .mrc-full { grid-template-columns: 1fr; } }

/* ── ikona MR Coins ── */
.mrc-icon { width: 18px; height: 18px; flex: none; vertical-align: -3px; }
.mrc-icon.xs { width: 14px; height: 14px; vertical-align: -2px; }
.mc-head-icon .mrc-icon { width: 20px; height: 20px; }
.mrc-mobile-toggle > .mrc-icon { width: 22px; height: 22px; }

/* ── kupon łączony: lista typów ── */
.mrc-legs { margin-top: 10px; border: 1px solid var(--line); border-radius: 10px; background: #080808; overflow: hidden; }
.mrc-leg { display: grid; grid-template-columns: minmax(0, 1fr) auto auto 26px; gap: 8px; align-items: center; padding: 7px 4px 7px 11px; font-size: 12px; color: var(--muted); }
.mrc-leg + .mrc-leg { border-top: 1px solid #141618; }
.mrc-leg b { color: var(--text); font-weight: 600; }
.mrc-leg em { font-style: normal; font-weight: 700; color: var(--mrc-gold); font-variant-numeric: tabular-nums; }
.mrc-leg-x { width: 24px; height: 24px; border: 0; border-radius: 6px; background: transparent; color: var(--muted); cursor: pointer; font-size: 12px; }
.mrc-leg-x:hover { background: #2a0e12; color: var(--mrc-down); }
.mrc-legs-total { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 11px; border-top: 1px solid var(--line); background: var(--mrc-gold-soft); font-size: 12px; color: var(--mrc-gold); }
.mrc-legs-total b { font-size: 16px; font-weight: 800; }
.mrc-placed-pick.combo { width: auto; padding: 0 8px; font-size: 11px; letter-spacing: .04em; }
.mrc-placed-legs { color: var(--muted); font-size: 11px; }

/* ── rangi: dwanaście progów, każdy z własnym kolorem ── */
.mrc-tier, .mrc-badge { position: relative; overflow: hidden; }
.mrc-tier.sm { display: inline-block; padding: 1px 7px; border-radius: 999px; font-size: 10px; font-weight: 700; vertical-align: 1px; }
.mrc-tier.t-bog { background: linear-gradient(90deg, #4a1d5e, #8b2fb0); color: #f0c8ff; box-shadow: inset 0 0 0 1px #b565e0; }
.mrc-tier.t-magnat { background: linear-gradient(90deg, #3b2a05, #7a5a10); color: #ffe08a; box-shadow: inset 0 0 0 1px #a8741b; }
.mrc-tier.t-milioner { background: #2a2205; color: var(--mrc-gold); box-shadow: inset 0 0 0 1px #4a3a15; }
.mrc-tier.t-rekin { background: #0d2b33; color: #7fe0f0; box-shadow: inset 0 0 0 1px #1f5a68; }
.mrc-tier.t-gruba { background: #0e2418; color: #7fe3b0; box-shadow: inset 0 0 0 1px #2f5a45; }
.mrc-tier.t-inwestor { background: #10261c; color: #9fe0bd; box-shadow: inset 0 0 0 1px #2a5040; }
.mrc-tier.t-plus { background: #0c1d32; color: #8fc4ff; box-shadow: inset 0 0 0 1px #174f91; }
.mrc-tier.t-stabilny { background: #131a24; color: #a9c3e0; box-shadow: inset 0 0 0 1px #24354a; }
.mrc-tier.t-gra { background: #131c26; color: #b9c6d4; box-shadow: inset 0 0 0 1px #24313e; }
.mrc-tier.t-ryzykant { background: #2a1f0c; color: #e2b46a; box-shadow: inset 0 0 0 1px #4d3a14; }
.mrc-tier.t-minus { background: #2a1a0c; color: #f0b547; box-shadow: inset 0 0 0 1px #5c3a12; }
.mrc-tier.t-grosze { background: #2a1410; color: #ffb59a; box-shadow: inset 0 0 0 1px #5c2a1a; }
.mrc-tier.t-bankrut { background: #2a0e12; color: #ff9aa3; box-shadow: inset 0 0 0 1px #5c1a22; }
.mrc-tier.t-bog::after, .mrc-tier.t-magnat::after, .mrc-badge.bankrut::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,.35) 50%, transparent 65%);
  transform: translateX(-120%); animation: mrcShine 3.6s ease-in-out infinite;
}
@keyframes mrcShine { 0%, 70% { transform: translateX(-120%); } 100% { transform: translateX(120%); } }
@media (prefers-reduced-motion: reduce) { .mrc-tier::after, .mrc-badge::after { animation: none; } }
.mrc-next { font-size: 12px; color: var(--muted); }
.mrc-next b { color: var(--text); }
.mrc-rank-row.top.t1 .mrc-money { color: var(--mrc-gold); }
.mrc-rank-row.top.t1 { background: linear-gradient(90deg, rgba(245,196,81,.09), transparent 60%); }
.mrc-rank-row.top.t2 { background: linear-gradient(90deg, rgba(200,200,210,.07), transparent 60%); }
.mrc-rank-row.top.t3 { background: linear-gradient(90deg, rgba(205,127,50,.08), transparent 60%); }

/* saldo obok nicku w rankingu typera dostaje kolor swojej rangi */
.mrc-rank-coins .mrc-rank-tier { font-style: normal; font-weight: 700; opacity: .85; }
.mrc-rank-coins.t-bog { border-color: #b565e0; background: rgba(139,47,176,.16); color: #f0c8ff; }
.mrc-rank-coins.t-magnat, .mrc-rank-coins.t-milioner { border-color: #a8741b; background: var(--mrc-gold-soft); color: #ffe08a; }
.mrc-rank-coins.t-rekin { border-color: #1f5a68; background: rgba(31,90,104,.18); color: #7fe0f0; }
.mrc-rank-coins.t-gruba, .mrc-rank-coins.t-inwestor { border-color: #2f5a45; background: rgba(47,90,69,.18); color: #7fe3b0; }
.mrc-rank-coins.t-plus, .mrc-rank-coins.t-stabilny { border-color: #174f91; background: rgba(39,70,106,.2); color: #8fc4ff; }
.mrc-rank-coins.t-gra { border-color: #2a2e33; background: var(--surface-selected); color: var(--text); }
.mrc-rank-coins.t-ryzykant, .mrc-rank-coins.t-minus { border-color: #5c3a12; background: rgba(92,58,18,.2); color: #f0b547; }
.mrc-rank-coins.t-grosze { border-color: #5c2a1a; background: rgba(92,42,26,.2); color: #ffb59a; }
.mrc-rank-coins.t-bankrut, .mrc-rank-coins.broke { border-color: #5c1a22; background: #2a0e12; color: #ff9aa3; }

/* ── miejsca w rankingach w nagłówku ── */
.rank-pills { display: flex; gap: 8px; }
.rank-pill {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px;
  border: 1px solid var(--line); border-radius: 999px; background: #0a0a0a;
  color: var(--text); font-size: 12px; font-weight: 700; cursor: pointer;
}
.rank-pill span { color: var(--muted); font-size: 10px; font-weight: 600; }
.rank-pill:hover { background: var(--surface-hover); }
.rank-pill.pts { border-color: #174f91; color: #8fc4ff; }
.rank-pill.coins { border-color: #4a3a15; color: var(--mrc-gold); }
@media (max-width: 799px) { .rank-pill span { display: none; } }

/* ── nawigacja: Typuj i Ranking bez ozdobnych kresek/podkreśleń ── */
.game-sidebar .tab-key,
.game-sidebar .tab-key.active { box-shadow: none; }
.game-sidebar .tab-coins { box-shadow: inset 2px 0 0 #4a3a15; }
.game-sidebar .tab-coins.active { box-shadow: inset 2px 0 0 var(--mrc-gold); }

/* ── uporządkowany nagłówek aplikacji ── */
.screen-mobile-brand { display: none; }
.screen-actions {
  display: flex; align-items: center; gap: 8px; min-width: 0; margin-left: auto;
}
.screen-actions .updates-trigger { margin-left: 0; }
.screen-head .screen-user { margin-left: 0; flex: 0 0 auto; }

/* ── stawka pojedynku Areny ── */
.ar-tag.gold { border-color: #4a3a15; background: var(--mrc-gold-soft); color: var(--mrc-gold); }
.ar-tag.gold i { margin-right: 4px; }

/* Mobilny header 2.3.3: bez logo/nazwy Typer — akcje po lewej, avatar po prawej. */
@media (max-width: 799px) {
  .screen-head {
    position: sticky; top: 0; z-index: 72;
    display: grid; grid-template-columns: minmax(0,1fr) auto;
    grid-template-areas: "actions user";
    align-items: center; gap: 8px; min-height: 0;
    margin: 0 -8px 14px; padding: 8px;
    background: rgba(0,0,0,.98); border-bottom: 1px solid var(--line);
    backdrop-filter: none;
  }
  .screen-head .screen-mark, .screen-head .screen-copy, .screen-mobile-brand { display: none !important; }
  .screen-actions {
    grid-area: actions; display: flex; align-items: center; justify-content: flex-start; gap: 7px;
    width: 100%; min-width: 0; margin: 0; padding: 0;
    overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none;
  }
  .screen-actions::-webkit-scrollbar { display: none; }
  .screen-actions > * { flex: 0 0 auto; }
  .screen-actions .updates-trigger,
  .screen-actions .prizes-trigger {
    width: 36px; height: 36px; min-height: 36px; flex-basis: 36px; padding: 0; margin: 0;
    border-color: #252a30; background: #050505; color: #d9dde2;
  }
  .screen-actions .updates-trigger span { display: none; }
  .screen-actions .rank-pills { gap: 7px; }
  .screen-actions .rank-pill,
  .screen-actions .mrc-pill-btn {
    min-height: 36px; height: 36px; padding-top: 0; padding-bottom: 0;
    background: #050505; white-space: nowrap;
  }
  .screen-actions .rank-pill { padding-left: 10px; padding-right: 10px; }
  .screen-actions .mrc-pill-btn { padding-left: 10px; padding-right: 10px; }
  .screen-user {
    grid-area: user; justify-self: end; display: grid; place-items: center;
    width: 36px; height: 36px; margin: 0; padding: 0; border: 1px solid #252a30;
    border-radius: 50%; background: #050505; overflow: hidden;
  }
  .screen-user img { width: 32px; height: 32px; border: 0; border-radius: 50%; }
  .screen-user span, .screen-user .admin-link { display: none; }
}

/* ── Arena: pełnoekranowy panel zamiast ciasnego okienka ── */
.ar-dialog[open] { display: flex; flex-direction: column; }
.ar-dialog {
  width: min(900px, calc(100vw - 24px));
  height: min(940px, calc(100dvh - 32px));
  max-height: calc(100dvh - 32px);
}
.ar-dialog .ar-dialog-body { flex: 1; overflow: auto; }
.ar-dialog .ar-choice-list, .ar-dialog .ar-search-list { max-height: none; overflow: visible; }
.ar-dialog .ar-dialog-foot { flex-wrap: wrap; }
.ar-ready-toggle {
  width: 100%; margin-top: 8px; padding: 9px 12px; border: 1px dashed #303439; border-radius: 9px;
  background: transparent; color: var(--muted); font-size: 13px; cursor: pointer;
}
.ar-ready-toggle:hover { color: var(--text); border-color: #50555a; }
.ar-choice.not-ready { opacity: .72; }
.ar-choice.not-ready .ar-choice-copy small { color: #e2b46a; }
@media (max-width: 900px) {
  .ar-dialog { width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; border-radius: 0; border: 0; }
}

/* ── Arena: herby w liście meczów ── */
.ar-choice-teams { display: flex; align-items: center; gap: 8px; min-width: 0; flex-wrap: wrap; }
.ar-choice-teams em { font-style: normal; color: #92979c; }
.ar-choice-crest { width: 22px; height: 22px; object-fit: contain; flex: none; }
.ar-choice-crest.empty { display: inline-block; border-radius: 50%; background: #161616; }

/* ══════════════ ODZNAKI OSIĄGNIĘĆ ══════════════
   Każda odznaka ma własny kolor; zdobyte świecą, niezdobyte zostają wygaszone. */
.ar-badge { position: relative; transition: transform .15s ease, border-color .15s ease; }
.ar-badge:not(.locked) { border-color: currentColor; }
.ar-badge:not(.locked):hover { transform: translateY(-2px); }
.ar-badge .ar-badge-icon { transition: transform .15s ease; }
.ar-badge:not(.locked) .ar-badge-icon {
  color: inherit; border: 1px solid currentColor;
  box-shadow: 0 0 14px -4px currentColor, inset 0 0 12px -8px currentColor;
}
.ar-badge b, .ar-badge small { color: var(--text); }
.ar-badge small { color: var(--muted); }
.ar-badge.locked { color: var(--muted); opacity: .55; }
.ar-badge.bg-exact10 { color: #ff7a7a; }
.ar-badge.bg-arena5 { color: #ffd35c; }
.ar-badge.bg-firstwin { color: #b6a8ff; }
.ar-badge.bg-expert_laliga { color: #ff9f5c; }
.ar-badge.bg-expert_epl { color: #7fb6ff; }
.ar-badge.bg-expert_ekstraklasa { color: #ff8fa8; }
.ar-badge.bg-expert_seriea { color: #6fe3c4; }
.ar-badge.bg-expert_bundesliga { color: #e05c5c; }
.ar-badge.bg-real { color: #ffd977; }
.ar-badge.bg-real:not(.locked) { background: linear-gradient(160deg, rgba(255,217,119,.12), transparent 60%); }

/* mini odznaki przy nicku w rankingu — większe i kolorowe */
.ar-mini-badges { display: inline-flex; align-items: center; gap: 5px; margin-left: 7px; vertical-align: -1px; }
.ar-mini-badges > span {
  width: 22px; height: 22px; display: grid; place-items: center; border-radius: 7px;
  border: 1px solid currentColor; background: rgba(255,255,255,.04); font-size: 11px;
  box-shadow: 0 0 10px -4px currentColor;
}
.ar-mini-badges > span.bg-exact10 { color: #ff7a7a; }
.ar-mini-badges > span.bg-arena5 { color: #ffd35c; }
.ar-mini-badges > span.bg-firstwin { color: #b6a8ff; }
.ar-mini-badges > span.bg-expert_laliga { color: #ff9f5c; }
.ar-mini-badges > span.bg-expert_epl { color: #7fb6ff; }
.ar-mini-badges > span.bg-expert_ekstraklasa { color: #ff8fa8; }
.ar-mini-badges > span.bg-expert_seriea { color: #6fe3c4; }
.ar-mini-badges > span.bg-expert_bundesliga { color: #e05c5c; }
.ar-mini-badges > span.bg-real { color: #ffd977; box-shadow: 0 0 12px -3px #ffd977; }

/* ══════════════ KOSMETYKI ZE SKRZYNEK ══════════════ */
/* ramki avatara */
.mrc-av { border-radius: 50%; }
.mrc-av.f-bronze { box-shadow: 0 0 0 2px #a3703c; }
.mrc-av.f-steel { box-shadow: 0 0 0 2px #7c8894; }
.mrc-av.f-silver { box-shadow: 0 0 0 2px #d5dbe2, 0 0 10px -3px #d5dbe2; }
.mrc-av.f-gold { box-shadow: 0 0 0 2px var(--mrc-gold), 0 0 12px -2px var(--mrc-gold); }
.mrc-av.f-neon { box-shadow: 0 0 0 2px #38e8ff, 0 0 16px -2px #38e8ff; }
.mrc-av.f-fire { box-shadow: 0 0 0 2px #ff6a3d, 0 0 18px -2px #ff3d3d; }
.mrc-av.f-royal { box-shadow: 0 0 0 2px #b565e0, 0 0 18px -2px #8b2fb0; }
/* efekty */
.mrc-av.e-glow { filter: drop-shadow(0 0 6px rgba(143,196,255,.75)); }
.mrc-av.e-pulse { animation: mrcPulse 2.4s ease-in-out infinite; }
.mrc-av.e-shine { position: relative; animation: mrcHue 6s linear infinite; }
.mrc-av.e-flames { animation: mrcFlames 1.8s ease-in-out infinite; }
@keyframes mrcPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.07); } }
@keyframes mrcHue { 0% { filter: hue-rotate(0deg) saturate(1.1); } 100% { filter: hue-rotate(360deg) saturate(1.1); } }
@keyframes mrcFlames {
  0%, 100% { box-shadow: 0 0 0 2px #ff6a3d, 0 0 14px -2px #ff3d3d; }
  50% { box-shadow: 0 0 0 2px #ffb03d, 0 0 22px 0 #ff6a3d; }
}
@media (prefers-reduced-motion: reduce) { .mrc-av { animation: none !important; } }
/* kolory nicku */
.mrc-nick.n-sky { color: #7fb6ff; }
.mrc-nick.n-lime { color: #9ce86b; }
.mrc-nick.n-red { color: #ff7a7a; }
.mrc-nick.n-purple { color: #c99bff; }
.mrc-nick.n-gold { color: var(--mrc-gold); text-shadow: 0 0 12px rgba(245,196,81,.35); }
.mrc-nick.n-rainbow {
  background: linear-gradient(90deg, #ff7a7a, #ffd35c, #9ce86b, #38e8ff, #c99bff);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.rank-name.mrc-nick a, .rank-name.mrc-nick { color: inherit; }
/* tła wierszy */
.mrc-row-skin.r-navy { background: linear-gradient(90deg, rgba(39,70,106,.35), transparent 65%); }
.mrc-row-skin.r-green { background: linear-gradient(90deg, rgba(47,90,69,.4), transparent 65%); }
.mrc-row-skin.r-purple { background: linear-gradient(90deg, rgba(139,47,176,.32), transparent 65%); }
.mrc-row-skin.r-gold { background: linear-gradient(90deg, rgba(245,196,81,.22), transparent 65%); }
.mrc-row-skin.r-fire { background: linear-gradient(90deg, rgba(255,61,61,.28), rgba(255,176,61,.12) 40%, transparent 70%); }
/* ikona i tytuł przy nicku */
.mrc-nick-badge { margin-left: 6px; font-size: 14px; line-height: 1; vertical-align: -1px; }
.mrc-nick-badge.b-crown, .mrc-nick-badge.b-goat { filter: drop-shadow(0 0 6px rgba(245,196,81,.6)); }
.mrc-nick-title {
  display: inline-block; margin-left: 7px; padding: 1px 8px; border-radius: 999px;
  border: 1px solid #3a3f44; background: #0d0d0d; color: var(--muted);
  font-size: 10px; font-weight: 700; letter-spacing: .02em; vertical-align: 1px;
}
.mrc-nick-title.t-profesor, .mrc-nick-title.t-krol { border-color: #174f91; color: #8fc4ff; }
.mrc-nick-title.t-nostradamus { border-color: #5a3a7a; color: #c99bff; }
.mrc-nick-title.t-legenda { border-color: #a8741b; background: var(--mrc-gold-soft); color: #ffe08a; }

/* ══════════════ EKWIPUNEK ══════════════ */
.mrc-loot { margin-top: 4px; }
.mrc-loot-head {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  padding: 16px 18px; border: 1px solid #4a3a15; border-radius: var(--radius);
  background: linear-gradient(180deg, #141004, var(--card) 60%);
}
.mrc-loot-label { display: block; font-size: 12px; color: var(--muted); }
.mrc-loot-head strong { font-size: 32px; font-weight: 800; color: var(--mrc-gold); line-height: 1.1; }
.mrc-loot-head small { display: block; margin-top: 4px; font-size: 12px; color: var(--muted); }
.mrc-crate-open {
  padding: 13px 20px; border: 0; border-radius: 10px; cursor: pointer;
  background: var(--mrc-gold); color: #1b1200; font-size: 15px; font-weight: 800;
  animation: mrcCrate 2.6s ease-in-out infinite;
}
.mrc-crate-open:hover { filter: brightness(1.08); }
@keyframes mrcCrate { 0%, 100% { box-shadow: 0 0 0 0 rgba(245,196,81,.45); } 50% { box-shadow: 0 0 0 10px rgba(245,196,81,0); } }
@media (prefers-reduced-motion: reduce) { .mrc-crate-open { animation: none; } }
.mrc-crate-result {
  margin: 12px 0 4px; padding: 14px 16px; border: 1px solid var(--line); border-radius: var(--radius);
  text-align: center; background: var(--card);
}
.mrc-crate-result b { display: block; margin-top: 4px; font-size: 18px; }
.mrc-crate-rarity { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.mrc-crate-result.r-common { border-color: #2a2e33; color: #b9c6d4; }
.mrc-crate-result.r-rare { border-color: #174f91; color: #8fc4ff; box-shadow: 0 0 24px -12px #8fc4ff; }
.mrc-crate-result.r-epic { border-color: #5a3a7a; color: #c99bff; box-shadow: 0 0 26px -10px #c99bff; }
.mrc-crate-result.r-legendary { border-color: #a8741b; color: #ffe08a; box-shadow: 0 0 30px -8px var(--mrc-gold); }
.mrc-loot-log { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 0; padding: 0; list-style: none; }
.mrc-loot-log li { padding: 3px 9px; border: 1px solid var(--line); border-radius: 999px; font-size: 11px; color: var(--muted); }
.mrc-loot-log li.r-rare { border-color: #174f91; color: #8fc4ff; }
.mrc-loot-log li.r-epic { border-color: #5a3a7a; color: #c99bff; }
.mrc-loot-log li.r-legendary { border-color: #a8741b; color: #ffe08a; }
.mrc-slot { margin-top: 22px; }
.mrc-slot h4 { display: flex; align-items: baseline; gap: 8px; margin: 0 0 10px; font-size: 14px; }
.mrc-slot h4 span { font-size: 12px; color: var(--muted); }
.mrc-items { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; }
.mrc-item {
  display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 10px;
  border: 1px solid var(--line); border-radius: var(--radius); background: var(--card); text-align: center;
}
.mrc-item.r-rare { border-color: #174f91; }
.mrc-item.r-epic { border-color: #5a3a7a; }
.mrc-item.r-legendary { border-color: #a8741b; box-shadow: inset 0 0 26px -18px var(--mrc-gold); }
.mrc-item.locked { opacity: .42; }
.mrc-item.on { box-shadow: 0 0 0 1px var(--mrc-gold), 0 0 20px -12px var(--mrc-gold); }
.mrc-item-preview { display: grid; place-items: center; min-height: 34px; }
.mrc-item b { font-size: 12px; font-weight: 600; }
.mrc-item small { font-size: 10px; color: var(--muted); }
.mrc-item-btn {
  margin-top: 2px; padding: 6px 12px; border: 1px solid var(--line); border-radius: 999px;
  background: transparent; color: var(--text); font-size: 12px; font-weight: 700; cursor: pointer;
}
.mrc-item-btn:hover { background: var(--surface-hover); }
.mrc-item-btn.off { border-color: #4a3a15; color: var(--mrc-gold); }
.mrc-item-lock { font-size: 11px; color: var(--muted); }
.mrc-av-preview { width: 30px; height: 30px; border-radius: 50%; background: #2a2e33; }
.mrc-skin-preview { display: block; width: 92px; height: 24px; border-radius: 6px; }
.mrc-tab-dot {
  display: inline-block; min-width: 18px; padding: 0 5px; border-radius: 999px;
  background: var(--mrc-gold); color: #1b1200; font-size: 10px; font-weight: 800;
}


/* ══════════════ RANKING 2.2 — PUNKTY / ZAROBASY ══════════════ */
.rank-mode-switch {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
  margin: 2px 0 10px;
}
.rank-mode-btn {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #090909;
  color: var(--muted);
  font: inherit;
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
}
.rank-mode-btn:hover { background: #0d0d0d; color: var(--text); }
.rank-mode-btn.on { border-color: #0053cb; background: rgba(0,83,203,.14); color: #eef5ff; }
.rank-mode-btn.coins { color: #e4c36c; }
.rank-mode-btn.coins.on { border-color: #6a5320; background: #141004; color: #ffe08a; }
.rank-mode-btn i { font-size: 14px; }

.rank-point-tabs {
  display: flex;
  gap: 7px;
  margin: 0 0 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
}
.rank-point-tabs .rvtab {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.rank-point-tabs .rvtab:hover { background: #0d0d0d; color: var(--text); }
.rank-point-tabs .rvtab.on { border-color: #0053cb; background: rgba(0,83,203,.10); color: #fff; }
.rank-coins-layout { grid-template-columns: minmax(0,1fr) !important; }
.rank-coins-layout .command-content { max-width: none; }

.mrc-money-value {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
.mrc-money-value .mrc-icon { margin: 0; flex: none; }

/* ══════════════ SKRZYNKA 10 MECZÓW ══════════════ */
.mrc-crate-page,
.mrc-inventory { display: grid; gap: 14px; }

.mrc-crate-hero {
  display: grid;
  grid-template-columns: 104px minmax(0,1fr);
  gap: 18px;
  align-items: center;
  padding: 18px;
  border: 1px solid #2b2f34;
  border-radius: 12px;
  background: #090909;
}
.mrc-crate-art {
  position: relative;
  width: 92px;
  height: 92px;
  display: grid;
  place-items: center;
  border: 1px solid #5c491e;
  border-radius: 12px;
  background: #151105;
  color: var(--mrc-gold);
  font-size: 38px;
}
.mrc-crate-art b {
  position: absolute;
  right: -7px;
  top: -7px;
  min-width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  padding: 0 6px;
  border: 2px solid #090909;
  border-radius: 999px;
  background: var(--mrc-gold);
  color: #171000;
  font-size: 12px;
}
.mrc-crate-copy h3 { margin: 3px 0 7px; font-size: 20px; line-height: 1.22; }
.mrc-crate-copy p { margin: 0; max-width: 660px; color: var(--muted); font-size: 13px; line-height: 1.55; }

.mrc-crate-progress-card {
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--card);
}
.mrc-crate-progress-head,
.mrc-crate-progress-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.mrc-crate-progress-head { margin-bottom: 10px; font-size: 13px; }
.mrc-crate-progress-head span { color: var(--muted); }
.mrc-crate-progress-head b { font-size: 16px; font-variant-numeric: tabular-nums; }
.mrc-crate-progress {
  height: 9px;
  overflow: hidden;
  border: 1px solid #25292d;
  border-radius: 999px;
  background: #050505;
}
.mrc-crate-progress > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--mrc-gold);
}
.mrc-crate-progress-foot {
  margin-top: 9px;
  color: var(--muted);
  font-size: 11px;
}
.mrc-crate-progress-foot b { color: var(--text); }

.mrc-crate-action {
  min-height: 58px;
  display: grid;
  place-items: center;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #070707;
}
.mrc-crate-action .mrc-crate-open {
  min-width: min(100%, 280px);
  animation: none;
}
.mrc-crate-wait {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 650;
}
.mrc-crate-wait i { color: #68727e; }

.mrc-crate-history,
.mrc-crate-info {
  padding: 15px 17px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--card);
}
.mrc-crate-history h4 { margin: 0 0 8px; font-size: 13px; }
.mrc-crate-history .mrc-loot-log { margin-top: 0; }
.mrc-crate-info {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
.mrc-crate-info i { margin-top: 2px; color: #6ba4e6; }

/* ══════════════ OSOBNY EKWIPUNEK ══════════════ */
.mrc-inventory-summary {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,180px)) minmax(160px,1fr);
  gap: 10px;
  align-items: stretch;
}
.mrc-inventory-summary > div,
.mrc-inventory-summary > button {
  min-height: 70px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--card);
}
.mrc-inventory-summary > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px 14px;
}
.mrc-inventory-summary span { color: var(--muted); font-size: 11px; }
.mrc-inventory-summary b { margin-top: 3px; font-size: 23px; }
.mrc-inventory-summary > .mrc-item-btn {
  margin: 0;
  justify-self: stretch;
  border-radius: 10px;
  color: var(--mrc-gold);
}
.mrc-inventory-empty {
  min-height: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 28px;
  border: 1px dashed #30353a;
  border-radius: 12px;
  background: #080808;
  text-align: center;
}
.mrc-inventory-empty > i { font-size: 36px; color: #69727d; }
.mrc-inventory-empty strong { font-size: 18px; }
.mrc-inventory-empty span { max-width: 560px; color: var(--muted); font-size: 12px; line-height: 1.55; }
.mrc-inventory-empty .mrc-item-btn { margin-top: 4px; }
.mrc-inventory .mrc-slot { margin-top: 0; padding-top: 6px; }
.mrc-inventory .mrc-item { min-height: 132px; }

@media (max-width: 700px) {
  .rank-mode-switch { gap: 6px; }
  .rank-mode-btn { min-height: 44px; padding: 8px 9px; font-size: 12px; }
  .rank-point-tabs { margin-bottom: 10px; }
  .rank-point-tabs .rvtab { flex: 1; justify-content: center; }
  .mrc-crate-hero { grid-template-columns: 72px minmax(0,1fr); gap: 13px; padding: 14px; }
  .mrc-crate-art { width: 68px; height: 68px; font-size: 29px; }
  .mrc-crate-copy h3 { font-size: 17px; }
  .mrc-crate-progress-card { padding: 14px; }
  .mrc-crate-progress-foot { align-items: flex-start; flex-direction: column; gap: 3px; }
  .mrc-inventory-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mrc-inventory-summary > .mrc-item-btn { grid-column: 1 / -1; min-height: 46px; }
}
@media (max-width: 520px) {
  .mrc-rank-head, .mrc-rank-row { grid-template-columns: 30px minmax(0,1fr) 100px; gap: 7px; padding-left: 9px; padding-right: 9px; }
  .mrc-rank-head > :last-child, .mrc-rank-row > .mrc-net { display: none; }
  .mrc-who { gap: 7px; }
  .mrc-who img { width: 30px; height: 30px; }
  .mrc-who b { font-size: 12px; }
  .mrc-who small { font-size: 9px; }
  .mrc-money { font-size: 12px; }
  .mrc-money-tier { font-size: 8px; }
  .mrc-crate-hero { grid-template-columns: 1fr; text-align: center; }
  .mrc-crate-art { margin: 0 auto; }
  .mrc-crate-copy p { font-size: 12px; }
}


/* ══════════════ KOSMETYKI 2.3 — mocniejsze ramki, animacje i FA icons ══════════════ */
.mrc-av {
  position: relative;
  outline: 1px solid rgba(255,255,255,.04);
  outline-offset: 2px;
}
.mrc-av.f-bronze { box-shadow: 0 0 0 2px #a3703c, 0 0 9px -5px #a3703c; }
.mrc-av.f-steel { box-shadow: 0 0 0 2px #8b98a5, inset 0 0 0 1px rgba(255,255,255,.13); }
.mrc-av.f-silver { box-shadow: 0 0 0 2px #e4edf6, 0 0 14px -3px #d5dbe2; }
.mrc-av.f-ice { box-shadow: 0 0 0 2px #8be8ff, 0 0 11px #45bde8, 0 0 25px -8px #d8fbff; }
.mrc-av.f-gold { box-shadow: 0 0 0 2px #ffd75c, 0 0 15px -2px #f5c451; }
.mrc-av.f-neon { box-shadow: 0 0 0 2px #38e8ff, 0 0 10px #38e8ff, 0 0 25px -6px #38e8ff; }
.mrc-av.f-electric { box-shadow: 0 0 0 2px #6eb5ff, 0 0 9px #287dff, 0 0 24px -5px #72d9ff; animation: mrcFrameElectric 1.25s steps(2,end) infinite; }
.mrc-av.f-diamond { box-shadow: 0 0 0 2px #d7fbff, 0 0 8px #6de8ff, 0 0 20px -3px #b8f3ff; animation: mrcDiamond 2.2s ease-in-out infinite; }
.mrc-av.f-fire { box-shadow: 0 0 0 2px #ff6a3d, 0 0 11px #ff3d3d, 0 0 25px -5px #ff9a3d; }
.mrc-av.f-royal { box-shadow: 0 0 0 2px #d27cff, 0 0 10px #9734df, 0 0 26px -5px #c96cff; }
.mrc-av.f-galaxy { box-shadow: 0 0 0 2px #9d7cff, 0 0 9px #6c4cff, 0 0 26px -4px #d16cff; animation: mrcGalaxy 3s ease-in-out infinite; }
.mrc-av.f-madrid { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ffd75c, 0 0 24px -2px #ffd75c; animation: mrcMadrid 2.2s ease-in-out infinite; }

@keyframes mrcFrameElectric {
  0%,100% { box-shadow: 0 0 0 2px #6eb5ff, 0 0 8px #287dff, 0 0 22px -4px #72d9ff; }
  48% { box-shadow: 0 0 0 2px #e8f8ff, 0 0 16px #65caff, 0 0 30px 0 rgba(64,142,255,.75); }
  52% { box-shadow: 0 0 0 2px #6eb5ff, 0 0 5px #287dff, 0 0 15px -4px #72d9ff; }
}
@keyframes mrcDiamond {
  0%,100% { filter: brightness(1); box-shadow: 0 0 0 2px #d7fbff, 0 0 8px #6de8ff, 0 0 20px -3px #b8f3ff; }
  50% { filter: brightness(1.14); box-shadow: 0 0 0 2px #fff, 0 0 15px #84eeff, 0 0 32px -2px #d6fbff; }
}
@keyframes mrcGalaxy {
  0%,100% { box-shadow: 0 0 0 2px #916cff, 0 0 10px #6947df, 0 0 24px -4px #d16cff; }
  50% { box-shadow: 0 0 0 2px #df72ff, 0 0 14px #7f5cff, 0 0 34px -1px #8fe5ff; }
}
@keyframes mrcMadrid {
  0%,100% { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #d5aa31, 0 0 20px -3px #ffd75c; }
  50% { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ffe585, 0 0 32px 0 rgba(255,215,92,.65); }
}

/* efekty avatara: celowo bardziej widoczne niż same ramki */
.mrc-av.e-glow { animation: mrcGlow 2s ease-in-out infinite; }
.mrc-av.e-blink { animation: mrcBlink 1.9s steps(2,end) infinite; }
.mrc-av.e-pulse { animation: mrcPulseStrong 1.55s ease-in-out infinite; }
.mrc-av.e-shine { animation: mrcPrism 3.6s linear infinite; }
.mrc-av.e-aura { animation: mrcAura 2.4s ease-in-out infinite; }
.mrc-av.e-lightning { animation: mrcLightning 1.15s steps(3,end) infinite; }
.mrc-av.e-flames { animation: mrcFlamesStrong 1.35s ease-in-out infinite; }
.mrc-av.e-strobe { animation: mrcStrobe 1.1s steps(2,end) infinite; }
@keyframes mrcGlow { 0%,100%{filter:drop-shadow(0 0 3px #8fc4ff)}50%{filter:drop-shadow(0 0 11px #8fc4ff) brightness(1.12)} }
@keyframes mrcBlink { 0%,72%,100%{filter:brightness(1)}76%{filter:brightness(1.75) drop-shadow(0 0 12px #fff)}82%{filter:brightness(.92)}86%{filter:brightness(1.5)} }
@keyframes mrcPulseStrong { 0%,100%{transform:scale(1)}50%{transform:scale(1.09);filter:brightness(1.1)} }
@keyframes mrcPrism { 0%{filter:hue-rotate(0deg) saturate(1.25) drop-shadow(0 0 4px #b86cff)}100%{filter:hue-rotate(360deg) saturate(1.35) drop-shadow(0 0 10px #6ce8ff)} }
@keyframes mrcAura { 0%,100%{filter:drop-shadow(0 0 4px #6fe3c4)}50%{filter:drop-shadow(0 0 14px #6fe3c4) brightness(1.14)} }
@keyframes mrcLightning { 0%,100%{filter:drop-shadow(0 0 3px #70b8ff)}35%{filter:brightness(1.75) drop-shadow(0 0 15px #ccecff)}42%{filter:brightness(.95)}62%{filter:brightness(1.45) drop-shadow(0 0 10px #70b8ff)} }
@keyframes mrcFlamesStrong { 0%,100%{filter:drop-shadow(0 0 5px #ff4d36)}50%{filter:drop-shadow(0 0 15px #ff9a3d) brightness(1.16);transform:translateY(-1px)} }
@keyframes mrcStrobe { 0%,62%,100%{filter:brightness(1)}66%{filter:brightness(2) drop-shadow(0 0 17px #fff27d)}72%{filter:brightness(.82)}78%{filter:brightness(1.7)} }

/* animowane nicki i tła */
.mrc-nick.n-ice { color:#a8efff; text-shadow:0 0 9px rgba(91,218,255,.55); }
.mrc-nick.n-toxic { color:#8dff62; text-shadow:0 0 8px rgba(141,255,98,.5); animation:mrcToxic 1.8s ease-in-out infinite; }
.mrc-nick.n-rainbow {
  background-size: 250% 100%;
  animation: mrcRainbowName 3.2s linear infinite;
}
@keyframes mrcRainbowName { to { background-position: 250% 0; } }
@keyframes mrcToxic { 0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)} }

.mrc-row-skin.r-cyber {
  background: linear-gradient(100deg, rgba(31,173,199,.10), rgba(57,230,255,.29), rgba(70,72,190,.12), transparent 72%);
  background-size: 220% 100%; animation:mrcRowMove 4s linear infinite;
}
.mrc-row-skin.r-galaxy {
  background: linear-gradient(100deg, rgba(86,55,165,.12), rgba(157,124,255,.31), rgba(216,93,255,.17), transparent 74%);
  background-size: 230% 100%; animation:mrcRowMove 5s linear infinite;
}
.mrc-row-skin.r-fire {
  background-size: 220% 100%; animation:mrcRowFire 2.7s ease-in-out infinite;
}
@keyframes mrcRowMove { from{background-position:100% 0}to{background-position:-120% 0} }
@keyframes mrcRowFire { 0%,100%{background-position:0 0}50%{background-position:100% 0} }

/* kolorowe Font Awesome przy nicku */
.mrc-nick-badge {
  display:inline-grid; place-items:center; width:22px; height:22px; margin-left:6px;
  border:1px solid color-mix(in srgb, var(--loot-color, #ffd35c) 65%, transparent);
  border-radius:7px; background:color-mix(in srgb, var(--loot-color, #ffd35c) 12%, #060606);
  color:var(--loot-color,#ffd35c); font-size:11px; vertical-align:-3px;
  box-shadow:0 0 10px -5px var(--loot-color,#ffd35c);
}
.mrc-nick-badge.b-crown,.mrc-nick-badge.b-gem,.mrc-nick-badge.b-trophy { animation:mrcBadgeGlow 2s ease-in-out infinite; }
.mrc-nick-badge.b-dragon,.mrc-nick-badge.b-rocket,.mrc-nick-badge.b-king { animation:mrcBadgeLegend 1.5s ease-in-out infinite; }
@keyframes mrcBadgeGlow { 50%{box-shadow:0 0 15px 0 var(--loot-color,#ffd35c);filter:brightness(1.25)} }
@keyframes mrcBadgeLegend { 0%,100%{transform:translateY(0)}50%{transform:translateY(-1px);box-shadow:0 0 17px 1px var(--loot-color,#ffd35c)} }

.mrc-nick-title { border-color:color-mix(in srgb, var(--loot-color,#aeb5bd) 55%, #2f3336); color:var(--loot-color,#aeb5bd); }
.mrc-nick-title.t-legenda,.mrc-nick-title.t-galactico { animation:mrcTitleGlow 2.2s ease-in-out infinite; }
@keyframes mrcTitleGlow { 50%{box-shadow:0 0 13px -3px var(--loot-color,#ffe08a);filter:brightness(1.18)} }

.mrc-av-preview {
  width:42px; height:42px; display:grid; place-items:center; color:var(--loot-color,#aeb5bd);
  background:#0c0c0c; font-size:14px;
}
.mrc-skin-preview {
  display:flex; align-items:center; justify-content:center; width:104px; height:30px;
  color:var(--loot-color,#aeb5bd); font-size:12px; overflow:hidden;
}

/* ══════════════ SKRZYNKA 2.3 — taśma losowania jak CS2 ══════════════ */
.mrc-case-stage {
  position:relative; padding:18px 0 8px; overflow:hidden;
  border:1px solid #2e343a; border-radius:13px; background:#050505;
  box-shadow:inset 0 0 40px rgba(0,0,0,.65);
}
.mrc-case-stage[hidden] { display:none !important; }
.mrc-case-window {
  position:relative; overflow:hidden; width:100%; min-height:142px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.mrc-case-track {
  display:flex; gap:8px; width:max-content; padding:9px 50vw 14px 10px; will-change:transform;
}
.mrc-case-pointer {
  position:absolute; z-index:5; left:50%; top:0; transform:translateX(-50%);
  width:30px; height:25px; display:grid; place-items:start center;
  color:#ffd75c; font-size:26px; filter:drop-shadow(0 0 8px rgba(255,215,92,.75));
}
.mrc-case-pointer:after {
  content:""; position:absolute; left:50%; top:23px; bottom:-126px; width:2px;
  transform:translateX(-50%); background:linear-gradient(#ffd75c,rgba(255,215,92,.12));
}
.mrc-roll-card {
  position:relative; flex:0 0 142px; height:122px; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:5px; padding:10px; overflow:hidden; border:1px solid #2b2f34; border-radius:9px;
  background:#0b0b0b; text-align:center;
}
.mrc-roll-card:before {
  content:""; position:absolute; left:0; right:0; top:0; height:4px; background:var(--loot-color,#8a929b);
  box-shadow:0 0 12px var(--loot-color,#8a929b);
}
.mrc-roll-card.r-common { --loot-color:#9ba4ad; }
.mrc-roll-card.r-rare { border-color:#244d75; }
.mrc-roll-card.r-epic { border-color:#5e3479; }
.mrc-roll-card.r-legendary { border-color:#8e6518; background:#120e04; }
.mrc-roll-card.is-target { box-shadow:inset 0 0 0 1px rgba(255,255,255,.04); }
.mrc-roll-icon {
  width:46px; height:46px; display:grid; place-items:center; color:var(--loot-color,#aeb5bd);
  font-size:24px; border:1px solid color-mix(in srgb,var(--loot-color,#aeb5bd) 45%,transparent);
  border-radius:10px; background:color-mix(in srgb,var(--loot-color,#aeb5bd) 10%,#080808);
  box-shadow:0 0 16px -8px var(--loot-color,#aeb5bd);
}
.mrc-roll-icon .mrc-icon.roll { width:31px; height:31px; }
.mrc-roll-card b { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
.mrc-roll-card small { color:#747c84; font-size:9px; text-transform:uppercase; letter-spacing:.05em; }
.mrc-case-stage.is-finished { animation:mrcCaseHit .35s ease-out; }
@keyframes mrcCaseHit { 0%{box-shadow:inset 0 0 40px rgba(0,0,0,.65)}40%{box-shadow:inset 0 0 20px rgba(255,215,92,.28),0 0 22px rgba(255,215,92,.18)}100%{box-shadow:inset 0 0 40px rgba(0,0,0,.65)} }

/* rezultat po zatrzymaniu */
.mrc-crate-result.has-result { padding:0; border:0; background:transparent; overflow:visible; }
.mrc-reward-card {
  position:relative; min-height:168px; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:5px; padding:22px 16px; overflow:hidden; border:1px solid var(--loot-color,#aeb5bd); border-radius:13px;
  background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--loot-color,#aeb5bd) 20%,transparent),#080808 62%);
  color:var(--loot-color,#aeb5bd); animation:mrcRewardIn .5s cubic-bezier(.2,.8,.2,1) both;
}
.mrc-reward-card.r-legendary { box-shadow:0 0 30px -8px var(--loot-color,#ffd75c); }
.mrc-reward-burst {
  position:absolute; width:210px; height:210px; border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0 8deg,color-mix(in srgb,var(--loot-color,#fff) 25%,transparent) 8deg 10deg,transparent 10deg 24deg);
  opacity:.55; animation:mrcRewardSpin 9s linear infinite;
}
.mrc-reward-icon {
  position:relative; z-index:1; width:62px; height:62px; display:grid; place-items:center;
  border:1px solid color-mix(in srgb,var(--loot-color,#aeb5bd) 60%,transparent); border-radius:15px;
  background:#090909; font-size:31px; box-shadow:0 0 25px -8px var(--loot-color,#aeb5bd);
}
.mrc-reward-icon .mrc-icon.reward { width:42px; height:42px; }
.mrc-reward-card .mrc-crate-rarity,.mrc-reward-card b,.mrc-reward-card small { position:relative; z-index:1; }
.mrc-reward-card b { font-size:20px; color:#fff; }
.mrc-reward-card small { color:#9aa2aa; font-size:11px; }
@keyframes mrcRewardIn { from{opacity:0;transform:scale(.86) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)} }
@keyframes mrcRewardSpin { to{transform:rotate(360deg)} }

.mrc-loot-log li { display:inline-flex; align-items:center; gap:5px; }
.mrc-loot-log li i { font-size:9px; opacity:.8; }

@media (max-width:600px) {
  .mrc-case-window { min-height:122px; }
  .mrc-roll-card { flex-basis:112px; height:105px; }
  .mrc-roll-icon { width:40px; height:40px; font-size:20px; }
  .mrc-case-pointer:after { bottom:-107px; }
}
@media (prefers-reduced-motion:reduce) {
  .mrc-av,.mrc-nick,.mrc-row-skin,.mrc-nick-badge,.mrc-nick-title,.mrc-reward-card,.mrc-reward-burst { animation:none!important; }
  .mrc-case-track { transition-duration:.01ms!important; }
}

/* ===== 2.3.2 — ranking cosmetics polish, crate rarity levels, duplicate counters ===== */
.mrc-rank-row { position: relative; overflow: hidden; }
.mrc-rank-meta { display:flex; flex-wrap:wrap; align-items:center; gap:6px; min-height:18px; }
.mrc-rank-decor, .mrc-rank-badges { display:inline-flex; align-items:center; gap:6px; flex-wrap:wrap; }
.mrc-rank-decor:empty, .mrc-rank-badges:empty { display:none; }
.mrc-rank-row .mrc-nick-title, .mrc-rank-row .mrc-nick-badge { margin-left: 0; }
.mrc-rank-row.mrc-row-skin::after {
  content:""; position:absolute; inset:0; pointer-events:none;
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--loot-color, #8fc4ff) 90%, transparent), inset 0 0 0 1px rgba(255,255,255,.04);
}
.mrc-rank-row.mrc-row-skin.r-navy{ --loot-color:#5fa9ff; background:linear-gradient(100deg, rgba(59,104,166,.42), rgba(17,31,52,.28) 52%, transparent 82%); }
.mrc-rank-row.mrc-row-skin.r-green{ --loot-color:#64ebb0; background:linear-gradient(100deg, rgba(59,140,103,.34), rgba(16,44,32,.24) 56%, transparent 84%); }
.mrc-rank-row.mrc-row-skin.r-purple{ --loot-color:#d08cff; background:linear-gradient(100deg, rgba(128,67,162,.32), rgba(46,18,61,.24) 56%, transparent 84%); }
.mrc-rank-row.mrc-row-skin.r-gold{ --loot-color:#ffd75c; background:linear-gradient(100deg, rgba(168,126,20,.30), rgba(58,38,8,.24) 58%, transparent 84%); }
.mrc-rank-row.mrc-row-skin.r-cyber{ --loot-color:#44e5ff; background:linear-gradient(100deg, rgba(27,152,179,.18), rgba(50,224,255,.34), rgba(83,107,255,.14), transparent 78%); background-size:220% 100%; animation:mrcRowMove 4s linear infinite; }
.mrc-rank-row.mrc-row-skin.r-fire{ --loot-color:#ff8a45; background:linear-gradient(100deg, rgba(173,48,20,.24), rgba(255,117,43,.34), rgba(255,194,43,.14), transparent 78%); background-size:220% 100%; animation:mrcRowFire 2.7s ease-in-out infinite; }
.mrc-rank-row.mrc-row-skin.r-galaxy{ --loot-color:#bc8cff; background:linear-gradient(100deg, rgba(72,38,128,.18), rgba(144,96,255,.34), rgba(224,103,255,.15), transparent 78%); background-size:230% 100%; animation:mrcRowMove 5s linear infinite; }

.mrc-rarity-box{
  margin-top:14px; padding:14px 15px; border:1px solid var(--line); border-radius:12px; background:#080808;
}
.mrc-rarity-box h4{ margin:0 0 10px; font-size:14px; }
.mrc-rarity-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); gap:8px; }
.mrc-rarity-card{
  padding:10px 11px; border:1px solid color-mix(in srgb, var(--loot-color,#aeb5bd) 55%, transparent); border-radius:10px;
  background:color-mix(in srgb, var(--loot-color,#aeb5bd) 8%, #070707); box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}
.mrc-rarity-card b{ display:block; font-size:12px; color:var(--loot-color,#fff); }
.mrc-rarity-card small{ display:block; margin-top:3px; color:#8f98a1; font-size:10px; text-transform:uppercase; letter-spacing:.04em; }
.mrc-rarity-note{ margin:10px 0 0; color:var(--muted); font-size:12px; line-height:1.45; }

.mrc-item{ position:relative; }
.mrc-item-qty{
  position:absolute; top:8px; right:8px; min-width:28px; padding:2px 7px; border-radius:999px;
  border:1px solid rgba(255,255,255,.08); background:#0a0a0a; color:#fff; font-size:11px; font-weight:800;
}
.mrc-item.r-rare .mrc-item-qty{ border-color:#174f91; color:#8fc4ff; }
.mrc-item.r-epic .mrc-item-qty{ border-color:#5a3a7a; color:#c99bff; }
.mrc-item.r-legendary .mrc-item-qty{ border-color:#a8741b; color:#ffe08a; }

@media (max-width: 799px){
  .mrc-rank-meta { gap:4px; }
  .mrc-rank-badges .mrc-badge { margin-right: 2px; }
  .mrc-rarity-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* ===== 2.3.4 — usuń nagłówek "Typer/Typuj" i podnieś ikonki do góry ===== */
.screen-head {
  justify-content: space-between;
}
.screen-head .screen-mark,
.screen-head .screen-copy,
.screen-mobile-brand {
  display: none !important;
}
.screen-actions {
  margin-left: 0;
  flex: 1 1 auto;
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.screen-actions::-webkit-scrollbar { display: none; }
.screen-actions > * { flex: 0 0 auto; }
.screen-head .screen-user {
  margin-left: 10px;
}

@media (min-width: 800px) {
  .screen-head {
    min-height: 56px;
    gap: 10px;
  }
  .screen-actions .updates-trigger,
  .screen-actions .prizes-trigger,
  .screen-actions .rank-pill,
  .screen-actions .mrc-pill-btn {
    min-height: 36px;
    height: 36px;
  }
}

/* ===== 2.4.0 — kupon AKO z wielu meczów ===== */
.mrc-place-actions{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:8px;margin-top:10px}
.mrc-place-actions .mrc-place{margin:0;width:100%}
.mrc-add-multi{
  min-height:44px;padding:9px 12px;border:1px solid #0053cb;border-radius:10px;background:#09131f;color:#91c3ff;
  font-size:12px;font-weight:850;cursor:pointer
}
.mrc-add-multi i{margin-right:6px}
.mrc-add-multi:hover,.mrc-add-multi.on{border-color:#4d91df;background:#10213a;color:#fff}
.mrc-multi-coupon{margin:18px 0 22px;border:1px solid #263141;border-radius:14px;background:#080b10;overflow:hidden}
.mrc-multi-coupon.has-items{border-color:#0053cb}
.mrc-multi-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid #202833;background:#0b1017}
.mrc-multi-head>span{display:grid;grid-template-columns:26px auto;column-gap:8px;align-items:center}
.mrc-multi-head>span>i{grid-row:1 / span 2;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#10213a;color:#74aff7}
.mrc-multi-head b{font-size:14px}.mrc-multi-head small{color:var(--muted);font-size:10px}
.mrc-multi-head>em{font-style:normal;color:#7faee7;font-size:11px;font-weight:800;white-space:nowrap}
.mrc-multi-empty{display:flex;align-items:center;gap:10px;padding:16px 14px;color:#8994a1;font-size:12px;line-height:1.45}
.mrc-multi-empty>i{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #2c3848;border-radius:9px;color:#6faeff}
.mrc-multi-list{display:grid}
.mrc-multi-row{display:grid;grid-template-columns:minmax(0,1fr) 58px 30px;align-items:center;gap:9px;padding:10px 13px;border-bottom:1px solid #171d25}
.mrc-multi-row:last-child{border-bottom:0}
.mrc-multi-teams{display:block;min-width:0}.mrc-multi-teams>b{font-size:12px}.mrc-multi-teams>i{margin:0 5px;color:#586473;font-style:normal}
.mrc-multi-teams>small{display:flex;flex-wrap:wrap;gap:5px 9px;margin-top:4px;color:#778394;font-size:10px}
.mrc-multi-teams>small span{white-space:nowrap}.mrc-multi-teams>small b{color:#c7d3df}.mrc-multi-teams>small em{color:#7fb6ff;font-style:normal;font-weight:800}
.mrc-multi-row>strong{text-align:right;color:#8fc4ff;font-size:13px}
.mrc-multi-row>button{display:grid;place-items:center;width:28px;height:28px;border:1px solid #2a3038;border-radius:8px;background:#080808;color:#727d88;cursor:pointer}
.mrc-multi-row>button:hover{border-color:#66343c;color:#ff7b86}
.mrc-multi-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-top:1px solid #202833;border-bottom:1px solid #202833;background:#202833}
.mrc-multi-numbers>div{padding:10px 12px;background:#090d12}.mrc-multi-numbers span,.mrc-multi-numbers b{display:block}
.mrc-multi-numbers span{color:#728092;font-size:10px}.mrc-multi-numbers b{margin-top:3px;color:#fff;font-size:15px}.mrc-multi-numbers>div:nth-child(2) b{color:#8fc4ff}
.mrc-multi-stake{margin:0;padding:12px 13px;border:0;background:#080b10}
.mrc-multi-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 13px 13px}
.mrc-multi-foot>span{color:#7f8b98;font-size:10px;line-height:1.4}.mrc-multi-foot>span b{color:#c7d0da}
.mrc-multi-foot .mrc-place{width:auto;min-width:190px;margin:0}
.mrc-bet-multi-detail{display:block!important;margin-top:3px;color:#7f8b98!important;white-space:normal!important;line-height:1.35!important}
.mrc-multi-tab-count{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:3px;padding:0 4px;border-radius:999px;background:#0053cb;color:#fff!important;font-size:9px!important;font-weight:900!important;line-height:1}

@media(max-width:799px){
  .mrc-place-actions{grid-template-columns:1fr 1fr;gap:7px}
  .mrc-add-multi,.mrc-place-actions .mrc-place{min-height:42px;padding-left:7px;padding-right:7px;font-size:10.5px}
  .mrc-multi-coupon{margin:14px 0 18px}
  .mrc-multi-head{padding:11px 10px}.mrc-multi-row{padding:9px 10px;grid-template-columns:minmax(0,1fr) 48px 28px;gap:6px}
  .mrc-multi-numbers>div{padding:9px 8px}.mrc-multi-numbers span{font-size:9px}.mrc-multi-numbers b{font-size:13px}
  .mrc-multi-stake{padding:10px}.mrc-multi-foot{display:grid;grid-template-columns:1fr;padding:0 10px 10px}.mrc-multi-foot .mrc-place{width:100%;min-width:0}
  .game-sidebar .tab[data-tab="coins"] .tab-copy{display:flex;align-items:center;gap:2px}
  .game-sidebar .tab[data-tab="coins"] .tab-new{display:none}
}
@media(max-width:390px){
  .mrc-place-actions{grid-template-columns:1fr}
  .mrc-multi-teams>small{display:block}.mrc-multi-teams>small span{display:block;margin-top:2px}
}
@media(max-width:799px){
  .game-sidebar .tab.tab-key.active:after{display:none!important}
}

/* ===== 2.4.1 — herby w AKO + poziome karuzele Odznak/Ekwipunku ===== */
.mrc-crest.xs{width:22px;height:22px}
.mrc-club-pair{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:100%}
.mrc-club-pair>span{display:inline-flex;align-items:center;gap:6px;min-width:0}
.mrc-club-pair>span>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#edf1f5}
.mrc-club-pair>i{font-style:normal;color:#5f6874;flex:none}
.mrc-multi-teams>.mrc-club-pair{max-width:100%}
.mrc-multi-teams>.mrc-club-pair>span:first-child{justify-content:flex-end}
.mrc-multi-teams>.mrc-club-pair .mrc-crest{filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}
.mrc-ako-mini-list{display:flex!important;flex-direction:column;gap:5px!important;margin-top:7px!important}
.mrc-ako-mini-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:4px 0}
.mrc-ako-mini-row+.mrc-ako-mini-row{border-top:1px solid #171b20}
.mrc-ako-mini-row .mrc-club-pair{flex:1;min-width:0}
.mrc-ako-mini-row .mrc-club-pair>span>b{font-size:10px;color:#bfc8d1}
.mrc-ako-mini-row .mrc-crest.xs{width:18px;height:18px}
.mrc-ako-mini-row>em{flex:none;font-style:normal;font-weight:800;color:#8fc4ff;font-size:10px}
.mrc-ako-mini-row.is-won>em{color:#69d39d}.mrc-ako-mini-row.is-lost>em{color:#ff7e89}.mrc-ako-mini-row.is-void>em{color:#8c969f}

/* Odznaki — sterowana taśma jak w skrzynce/CS2. */
.badge-carousel-shell,.mrc-carousel-shell{position:relative;min-width:0}
#view-badges .badge-carousel-rail{
  display:flex!important;grid-template-columns:none!important;gap:12px;overflow-x:auto;overflow-y:hidden;
  padding:8px 44px 12px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;
  overscroll-behavior-inline:contain;
}
#view-badges .badge-carousel-rail::-webkit-scrollbar,.mrc-carousel-rail::-webkit-scrollbar{display:none}
#view-badges .badge-wheel-item{
  flex:0 0 132px;min-width:132px;min-height:0!important;padding:7px 5px 9px!important;border:0!important;background:transparent!important;
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;scroll-snap-align:center;opacity:1!important;filter:none!important;
  box-shadow:none!important;
}
#view-badges .badge-wheel-disc{
  position:relative;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;overflow:hidden;
  background:conic-gradient(var(--badge-color,#8fc4ff) calc(var(--badge-pct,0)*1%),#20242a 0);
  box-shadow:0 0 0 1px rgba(255,255,255,.05),0 0 20px -11px var(--badge-color,#8fc4ff);
}
#view-badges .badge-wheel-disc:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#08090b;border:1px solid #292e34}
#view-badges .badge-wheel-item.earned .badge-wheel-disc{box-shadow:0 0 0 1px color-mix(in srgb,var(--badge-color) 75%,transparent),0 0 22px -7px var(--badge-color)}
#view-badges .badge-wheel-item.locked .badge-wheel-disc{opacity:.66;filter:saturate(.55)}
#view-badges .badge-wheel-item .ar-badge-icon{position:relative;z-index:2;display:grid;place-items:center;width:48px;height:48px;margin:0!important;border-radius:50%;font-size:25px!important;color:var(--badge-color,#8fc4ff)}
#view-badges .badge-wheel-item .ar-badge-tier{position:absolute;z-index:2;bottom:12px;left:50%;transform:translateX(-50%);margin:0;padding:2px 7px;border-radius:99px;background:#050506;border:1px solid #30353b;color:var(--badge-color,#aeb5bd);font-size:8px;white-space:nowrap}
#view-badges .badge-wheel-item>b{display:block;width:100%;font-size:12px!important;line-height:1.2;color:#f2f4f6;white-space:normal}
#view-badges .badge-wheel-item .ar-badge-state{display:block;margin:0!important;font-size:9px!important;line-height:1.2;color:#7f8790}
#view-badges .badge-wheel-item.earned .ar-badge-state{color:var(--badge-color,#8fc4ff)}
.badge-carousel-arrow,.mrc-carousel-arrow{
  position:absolute;z-index:6;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:38px;height:52px;
  border:1px solid #2b3138;border-radius:11px;background:rgba(5,6,8,.94);color:#c8d0d8;cursor:pointer;
  box-shadow:0 4px 18px rgba(0,0,0,.38);
}
.badge-carousel-arrow:hover,.mrc-carousel-arrow:hover{border-color:#3b79bb;color:#8fc4ff;background:#08101a}
.badge-carousel-arrow.prev,.mrc-carousel-arrow.prev{left:3px}.badge-carousel-arrow.next,.mrc-carousel-arrow.next{right:3px}

/* Ekwipunek — jedna pozioma taśma na kategorię. */
.mrc-inventory .mrc-carousel-rail{
  display:flex!important;grid-template-columns:none!important;gap:12px;overflow-x:auto;overflow-y:hidden;
  padding:8px 46px 14px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain;
}
.mrc-inventory .mrc-carousel-rail .mrc-item{
  flex:0 0 154px;min-width:154px;min-height:174px!important;scroll-snap-align:center;border-radius:18px;padding:14px 10px 11px;
  justify-content:flex-start;background:#090a0c;
}
.mrc-inventory .mrc-carousel-rail .mrc-item-preview{
  width:76px;height:76px;min-height:76px;border-radius:50%;display:grid;place-items:center;margin:2px auto 3px;
  border:1px solid #2a3037;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.07),#070809 72%);
  box-shadow:inset 0 0 22px rgba(255,255,255,.025);
}
.mrc-inventory .mrc-carousel-rail .mrc-item.r-rare .mrc-item-preview{border-color:#315e88;box-shadow:0 0 18px -11px #8fc4ff}
.mrc-inventory .mrc-carousel-rail .mrc-item.r-epic .mrc-item-preview{border-color:#6a4189;box-shadow:0 0 20px -10px #c99bff}
.mrc-inventory .mrc-carousel-rail .mrc-item.r-legendary .mrc-item-preview{border-color:#9b711d;box-shadow:0 0 22px -9px #ffe08a}
.mrc-inventory .mrc-carousel-rail .mrc-item.on{border-color:#4f85bf;box-shadow:inset 0 0 0 1px rgba(82,148,220,.3),0 0 20px -14px #8fc4ff}
.mrc-inventory .mrc-carousel-rail .mrc-item>b{min-height:30px;display:flex;align-items:center;justify-content:center;line-height:1.2}
.mrc-inventory .mrc-carousel-rail .mrc-item .mrc-item-btn{margin-top:auto}
.mrc-inventory .mrc-slot h4{padding:0 3px}

@media(max-width:600px){
  #view-badges .badge-carousel-rail{padding-left:38px;padding-right:38px;gap:8px}
  #view-badges .badge-wheel-item{flex-basis:116px;min-width:116px}
  #view-badges .badge-wheel-disc{width:84px;height:84px}
  .badge-carousel-arrow,.mrc-carousel-arrow{width:32px;height:46px;border-radius:9px}
  .mrc-inventory .mrc-carousel-rail{padding-left:38px;padding-right:38px;gap:9px}
  .mrc-inventory .mrc-carousel-rail .mrc-item{flex-basis:136px;min-width:136px}
  .mrc-club-pair{gap:4px}.mrc-club-pair>span{gap:4px}.mrc-crest.xs{width:19px;height:19px}
  .mrc-multi-row{grid-template-columns:minmax(0,1fr) 44px 28px}
}

/* ===== 2.4.2 — Moje typy + Odznaki jak Ekwipunek ===== */
.mybets-heading{margin-bottom:14px}
.mybets-layout{margin-top:0}

/* Odznaki: ta sama geometria i zachowanie co karty Ekwipunku. */
#view-badges .badge-carousel-rail{
  display:flex!important;grid-template-columns:none!important;gap:12px;overflow-x:auto;overflow-y:hidden;
  padding:8px 46px 14px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;
  overscroll-behavior-inline:contain;
}
#view-badges .badge-inventory-item{
  --badge-color:#8fc4ff;
  position:relative;flex:0 0 154px;min-width:154px;min-height:208px!important;
  scroll-snap-align:center;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;
  gap:6px;padding:14px 10px 11px!important;border:1px solid #292d31!important;border-radius:18px!important;
  background:#090a0c!important;text-align:center;opacity:1!important;filter:none!important;box-shadow:none!important;
  overflow:hidden;color:var(--badge-color)!important;
}
#view-badges .badge-inventory-item:before{
  content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;
  background:var(--badge-color);box-shadow:0 0 12px var(--badge-color);opacity:.8;
}
#view-badges .badge-inventory-item.locked{opacity:1!important;filter:none!important}
#view-badges .badge-inventory-item.earned{
  border-color:color-mix(in srgb,var(--badge-color) 58%,#292d31)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--badge-color) 20%,transparent),0 0 20px -14px var(--badge-color)!important;
}
#view-badges .badge-item-preview{
  width:76px;height:76px;min-height:76px;border-radius:50%;display:grid;place-items:center;margin:2px auto 3px;
  border:1px solid color-mix(in srgb,var(--badge-color) 48%,#2a3037);
  background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--badge-color) 14%,rgba(255,255,255,.07)),#070809 72%);
  box-shadow:0 0 18px -12px var(--badge-color),inset 0 0 22px rgba(255,255,255,.025);
}
#view-badges .badge-inventory-item.earned .badge-item-preview{
  border-color:color-mix(in srgb,var(--badge-color) 82%,#2a3037);
  box-shadow:0 0 22px -8px var(--badge-color),inset 0 0 20px color-mix(in srgb,var(--badge-color) 7%,transparent);
}
#view-badges .badge-inventory-item.locked .badge-item-preview{opacity:.72}
#view-badges .badge-item-icon{
  display:grid!important;place-items:center!important;width:52px;height:52px;border-radius:50%;
  color:var(--badge-color)!important;font-size:26px!important;line-height:1!important;
}
#view-badges .badge-item-icon i.fa-solid{
  display:inline-block!important;visibility:visible!important;opacity:1!important;color:inherit!important;
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome!important;font-style:normal!important;font-weight:900!important;
  font-size:26px!important;line-height:1!important;
  filter:drop-shadow(0 0 7px color-mix(in srgb,var(--badge-color) 48%,transparent));
}
#view-badges .badge-item-tier{
  display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:2px 8px;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--badge-color) 44%,#2d3238);background:#070809;color:var(--badge-color);
  font-size:8px;font-weight:900;letter-spacing:.06em;white-space:nowrap;
}
#view-badges .badge-inventory-item>b{
  min-height:30px;display:flex;align-items:center;justify-content:center;width:100%;margin:0!important;
  color:#f2f4f6!important;font-size:12px!important;line-height:1.2!important;text-align:center;
}
#view-badges .badge-item-desc{
  display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:29px;margin:0!important;color:#7f8790!important;font-size:9px!important;line-height:1.35!important;
}
#view-badges .badge-item-progress{
  width:100%;height:5px;margin-top:auto;border-radius:999px;background:#1b1f24;overflow:hidden;
}
#view-badges .badge-item-progress>span{
  display:block;height:100%;border-radius:999px;background:var(--badge-color);box-shadow:0 0 8px var(--badge-color);
}
#view-badges .badge-inventory-item .ar-badge-state{
  display:flex!important;align-items:center;justify-content:center;gap:4px;min-height:15px;margin:0!important;
  color:#7f8790!important;font-size:9px!important;line-height:1.2!important;
}
#view-badges .badge-inventory-item.earned .ar-badge-state{color:var(--badge-color)!important;font-weight:800}

@media(max-width:600px){
  #view-badges .badge-carousel-rail{padding-left:38px;padding-right:38px;gap:9px}
  #view-badges .badge-inventory-item{flex-basis:136px;min-width:136px;min-height:198px!important}
  #view-badges .badge-item-preview{width:70px;height:70px;min-height:70px}
  #view-badges .badge-item-icon i.fa-solid{font-size:24px!important}
}

/* ===== 2.4.3 — Moje typy w Archiwum + pierścienie poziomu/rarity ===== */
.archive-current{scroll-margin-top:78px}
.archive-history-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:30px 0 12px;padding-top:18px;border-top:1px solid var(--line)}
.archive-history-heading>span{font-size:15px;font-weight:850;color:var(--text)}
.archive-history-heading>small{font-size:11px;color:var(--muted)}
.archive-current-actions{display:flex;margin:0 0 12px}
.archive-add-bet{max-width:290px}
.archive-no-history{margin-top:26px}
.archive-season{scroll-margin-top:78px}

/* Odznaki: łuk wokół ikony pokazuje poziom odznaki.
   Brązowa 25%, srebrna 50%, złota 75%, legenda 100%. */
#view-badges .badge-item-preview{
  --ring-fill:25%;
  --ring-size:4px;
  position:relative;
  isolation:isolate;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible;
}
#view-badges .badge-item-preview::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:50%;
  background:conic-gradient(from -90deg,var(--badge-color,#8fc4ff) 0 var(--ring-fill),#252a30 var(--ring-fill) 100%);
  filter:drop-shadow(0 0 6px color-mix(in srgb,var(--badge-color,#8fc4ff) 34%,transparent));
}
#view-badges .badge-item-preview::after{
  content:"";
  position:absolute;
  inset:var(--ring-size);
  z-index:1;
  border-radius:50%;
  background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--badge-color,#8fc4ff) 13%,#111),#070809 72%);
  border:1px solid #252a30;
}
#view-badges .badge-item-icon{position:relative;z-index:2}
#view-badges .badge-inventory-item.tier-bronze .badge-item-preview{--ring-fill:25%;--ring-size:4px}
#view-badges .badge-inventory-item.tier-silver .badge-item-preview{--ring-fill:50%;--ring-size:5px}
#view-badges .badge-inventory-item.tier-gold .badge-item-preview{--ring-fill:75%;--ring-size:6px}
#view-badges .badge-inventory-item.tier-legend .badge-item-preview{--ring-fill:100%;--ring-size:7px}
#view-badges .badge-inventory-item.earned .badge-item-preview::before{filter:drop-shadow(0 0 9px color-mix(in srgb,var(--badge-color,#8fc4ff) 55%,transparent))}

/* Ekwipunek: ten sam język wizualny. Im rzadszy item, tym większa część koła i grubszy pierścień. */
.mrc-inventory .mrc-carousel-rail .mrc-item-preview{
  --item-ring:#aeb5bd;
  --ring-fill:25%;
  --ring-size:4px;
  position:relative;
  isolation:isolate;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible;
}
.mrc-inventory .mrc-carousel-rail .mrc-item-preview::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:50%;
  background:conic-gradient(from -90deg,var(--item-ring) 0 var(--ring-fill),#252a30 var(--ring-fill) 100%);
  filter:drop-shadow(0 0 6px color-mix(in srgb,var(--item-ring) 32%,transparent));
}
.mrc-inventory .mrc-carousel-rail .mrc-item-preview::after{
  content:"";
  position:absolute;
  inset:var(--ring-size);
  z-index:1;
  border-radius:50%;
  background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--item-ring) 10%,#111),#070809 72%);
  border:1px solid #252a30;
}
.mrc-inventory .mrc-carousel-rail .mrc-item-preview>*{position:relative;z-index:2}
.mrc-inventory .mrc-carousel-rail .mrc-item.r-common .mrc-item-preview{--item-ring:#aeb5bd;--ring-fill:25%;--ring-size:4px}
.mrc-inventory .mrc-carousel-rail .mrc-item.r-rare .mrc-item-preview{--item-ring:#8fc4ff;--ring-fill:50%;--ring-size:5px}
.mrc-inventory .mrc-carousel-rail .mrc-item.r-epic .mrc-item-preview{--item-ring:#c99bff;--ring-fill:75%;--ring-size:6px}
.mrc-inventory .mrc-carousel-rail .mrc-item.r-legendary .mrc-item-preview{--item-ring:#ffe08a;--ring-fill:100%;--ring-size:7px}
.mrc-inventory .mrc-carousel-rail .mrc-item.on .mrc-item-preview::before{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--item-ring) 60%,transparent))}

@media(max-width:799px){
  .archive-history-heading{margin-top:22px}
  .archive-current-actions .archive-add-bet{max-width:none;width:100%}
}


/* ══════════════ 2.4.4 — jeden panel filtrów + akcent #0053cb ══════════════ */
.command-rail,
.inline-competition-filter { border-bottom: 0 !important; }

.rank-filters-unified {
  margin: 10px 0 14px;
  overflow: hidden;
  border: 1px solid #263141;
  border-radius: 13px;
  background: #080b10;
}
.rank-filters-unified > summary {
  min-height: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  color: #eef3f8;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}
.rank-filters-unified > summary::-webkit-details-marker { display: none; }
.rank-filters-unified > summary > i:first-child { color: #0053cb; }
.rank-filters-unified > summary .rank-filters-chevron {
  margin-left: auto;
  color: #6f7b89;
  transition: transform .18s ease;
}
.rank-filters-unified[open] > summary .rank-filters-chevron { transform: rotate(180deg); }
.rank-filters-unified[open] > summary { border-bottom: 1px solid #202833; }
.rank-filters-unified .rank-filters-body { padding: 12px; }
.rank-filter-leagues { margin-bottom: 10px; }
.rank-filter-leagues .command-links {
  display: flex;
  gap: 8px;
  margin: 0;
  overflow-x: auto;
  padding: 0 0 2px;
  scrollbar-width: none;
  white-space: nowrap;
}
.rank-filter-leagues .command-links::-webkit-scrollbar { display: none; }
.rank-filter-leagues .command-link {
  display: inline-flex;
  flex: 0 0 auto;
  width: auto;
  min-height: 38px;
  grid-template-columns: none;
  align-items: center;
  gap: 7px;
  padding: 7px 12px;
  border: 1px solid #29313a;
  border-radius: 999px;
  background: #050505;
  color: #aeb8c5;
  box-shadow: none;
}
.rank-filter-leagues .command-link:hover { border-color: #0053cb; color: #fff; }
.rank-filter-leagues .command-link.active {
  border-color: #0053cb;
  background: rgba(0,83,203,.14);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(0,83,203,.08);
}
.rank-filter-leagues .command-link > i,
.rank-filter-leagues .command-link > img {
  display: inline-grid;
  width: 20px;
  height: 20px;
  padding: 2px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: inherit;
  font-size: 13px;
  object-fit: contain;
}
.rank-filter-leagues .command-link span { display: inline-flex; align-items: center; }
.rank-filter-leagues .command-link b { font-size: .7rem; white-space: nowrap; }
.rank-filter-leagues .command-link small,
.rank-filter-leagues .command-link em { display: none; }
.rank-filters-unified .rank-ctrl {
  margin: 0;
  border: 1px solid #202833;
  border-radius: 10px;
  background: #05070a;
}
.rank-filters-unified .rank-search:focus,
.rank-filters-unified .rank-sort:focus { border-color: #0053cb; }
.rank-filters-unified .h2h-btn.on { background: #0053cb; border-color: #0053cb; }
.rank-mode-btn.on { border-color: #0053cb !important; }

/* znikają małe niebieskie/szare nagłówki pomocnicze */
.mybets-rail .command-rail-title,
.inline-filter-head { display: none !important; }

@media (max-width:799px) {
  .rank-filters-unified .rank-filters-body { padding: 10px; }
  .rank-filter-leagues .command-link { min-height: 36px; padding: 6px 10px; }
}

/* dodatkowe ujednolicenie niebieskiego akcentu */
.rank-pill.pts { border-color:#0053cb; color:#78aaff; }
.command-link.active { border-color:#0053cb !important; background:rgba(0,83,203,.14) !important; }
.command-rail-title { border-bottom:0 !important; }


/* ===== 2.4.5 — Kupon bez żółtego wyróżnienia; tylko czasowy badge NEW ===== */
/* PC: Kupon korzysta ze zwykłego stylu nawigacji. Jedynym wyróżnieniem jest NEW. */
.game-sidebar .tab-coins,
.game-sidebar .tab-coins .tab-icon {
  color: inherit;
  font-weight: inherit;
}
.game-sidebar .tab-coins { box-shadow: none !important; }
.game-sidebar .tab-coins.active {
  background: #101b2a;
  color: #fff;
  box-shadow: none !important;
}
.game-sidebar .tab-coins.active .tab-icon { color: #0053cb; }

/* NEW jest przeznaczone dla desktopowego menu. */
.game-sidebar .tab-new {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:5px;
  padding:1px 5px;
  min-width:28px;
  height:16px;
  border-radius:999px;
  background:#ffd35c;
  color:#171100;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
  vertical-align:1px;
}

@media (max-width:799px){
  /* Mobile: Kupon identyczny jak inne pozycje dolnego menu. */
  .game-sidebar .tab[data-tab="coins"],
  .game-sidebar .tab[data-tab="coins"].active {
    color: inherit !important;
    background: #060606 !important;
    box-shadow: none !important;
    border-left: 0 !important;
    outline: 0 !important;
  }
  .game-sidebar .tab[data-tab="coins"] .tab-icon { color:#7f8a99 !important; }
  .game-sidebar .tab[data-tab="coins"].active { color:#fff !important; }
  .game-sidebar .tab[data-tab="coins"].active .tab-icon { color:#0053cb !important; }
  .game-sidebar .tab[data-tab="coins"].active:after { display:none !important; content:none !important; }
  .game-sidebar .tab .tab-new { display:none !important; }
}

/* ===== 2.4.6 — ranking: ligi na wierzchu + czerwony przycisk filtra ===== */
.rank-mode-switch.rank-mode-switch-filter{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 50px;
  align-items:stretch;
}
.rank-filter-toggle{
  width:50px;
  min-height:48px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #5b2428;
  border-radius:10px;
  background:#100607;
  color:#ff4d5a;
  font:inherit;
  font-size:15px;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}
.rank-filter-toggle:hover{
  border-color:#e0245e;
  background:#19090d;
  color:#ff6b76;
}
.rank-filter-toggle.on{
  border-color:#e0245e;
  background:rgba(224,36,94,.14);
  color:#ff5f70;
  box-shadow:inset 0 0 0 1px rgba(224,36,94,.10);
}
.rank-filter-toggle:active{transform:scale(.97)}
.rank-filter-toggle:disabled{
  opacity:.38;
  cursor:default;
  transform:none;
}

/* Rozgrywki są zawsze widoczne nad tabelą. */
.rank-leagues-visible{
  margin:0 0 12px;
  padding:0 0 12px;
  overflow:hidden;
}
.rank-leagues-visible .command-links{
  display:flex;
  gap:8px;
  margin:0;
  overflow-x:auto;
  overflow-y:hidden;
  padding:0 0 2px;
  scrollbar-width:none;
  white-space:nowrap;
}
.rank-leagues-visible .command-links::-webkit-scrollbar{display:none}
.rank-leagues-visible .command-link{
  display:inline-flex;
  flex:0 0 auto;
  width:auto;
  min-height:38px;
  grid-template-columns:none;
  align-items:center;
  gap:7px;
  padding:7px 12px;
  border:1px solid #29313a;
  border-radius:999px;
  background:#050505;
  color:#aeb8c5;
  box-shadow:none;
}
.rank-leagues-visible .command-link:hover{border-color:#0053cb;color:#fff}
.rank-leagues-visible .command-link.active{
  border-color:#0053cb !important;
  background:rgba(0,83,203,.14) !important;
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(0,83,203,.08);
}
.rank-leagues-visible .command-link>i,
.rank-leagues-visible .command-link>img{
  display:inline-grid;
  width:20px;
  height:20px;
  padding:2px;
  border:0;
  border-radius:5px;
  background:transparent;
  color:inherit;
  font-size:13px;
  object-fit:contain;
}
.rank-leagues-visible .command-link span{display:inline-flex;align-items:center}
.rank-leagues-visible .command-link b{font-size:.7rem;white-space:nowrap}
.rank-leagues-visible .command-link small,
.rank-leagues-visible .command-link em{display:none}

/* Panel filtra nie ma już własnego nagłówka — otwiera go czerwony przycisk. */
.rank-filters-popover{
  margin:0 0 14px;
  border:1px solid #263141;
  border-radius:12px;
  background:#080b10;
  overflow:hidden;
}
.rank-filters-popover[hidden]{display:none !important}
.rank-filters-popover .rank-filters-body{padding:12px}
.rank-point-tabs.rank-point-tabs-inside{
  margin:0 0 10px;
  padding:0;
  border-bottom:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.rank-point-tabs.rank-point-tabs-inside .rvtab{
  justify-content:center;
  min-height:40px;
}

@media(max-width:799px){
  .rank-mode-switch.rank-mode-switch-filter{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px;
    gap:6px;
  }
  .rank-filter-toggle{width:46px;min-height:46px}
  .rank-mode-btn{padding-left:8px;padding-right:8px;font-size:11px}
  .rank-mode-btn i{font-size:12px}
  .rank-leagues-visible{margin-bottom:10px;padding-bottom:10px}
  .rank-leagues-visible .command-link{min-height:36px;padding:6px 10px}
  .rank-filters-popover .rank-filters-body{padding:10px}
}

/* ===== 2.4.9 — ranking filter hard-fix: niezależny panel bez starych reguł details/rank-filters ===== */
.rank-options-panel{
  display:none;
  width:100%;
  margin:0 0 14px;
  padding:0;
  overflow:visible;
  border:1px solid #263141;
  border-radius:12px;
  background:#080b10;
  box-sizing:border-box;
}
.rank-options-panel.is-open{display:block!important;}
.rank-options-body{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  padding:12px;
}
.rank-options-panel .rank-point-tabs.rank-point-tabs-inside{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:0 0 10px;
  padding:0;
  border:0;
}
.rank-options-panel .rank-ctrl{
  display:flex!important;
  flex-direction:column;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  overflow:hidden;
  margin:0;
  border:1px solid #202833;
  border-radius:10px;
  background:#05070a;
}
.rank-options-panel .rank-search-wrap,
.rank-options-panel .rank-ctrl-row{display:flex!important;visibility:visible!important;opacity:1!important;}
.rank-options-panel .rank-search-wrap{position:relative;width:100%;}
.rank-options-panel .rank-search{display:block!important;width:100%;}
.rank-options-panel .rank-sort{display:block!important;}
.rank-options-panel .h2h-btn{display:inline-flex!important;}
@media(max-width:799px){
  .rank-options-body{padding:10px;}
}


/* ===== 2.5.0 — większa Pula tygodnia + duży MR Coin przy kwocie ===== */
.mrc-pool-label,
.mrc-pool-head{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:16px !important;
  line-height:1.2;
  font-weight:800;
  color:#e7e9ea;
}
.mrc-pool-label .mrc-icon{
  width:18px;
  height:18px;
}
.mrc-pool-head{
  margin-bottom:12px;
}
.mrc-pool-main strong{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:8px;
  font-size:42px;
  line-height:1;
  font-weight:900;
}
.mrc-pool-main strong::before{
  content:"";
  display:block;
  flex:0 0 46px;
  width:46px;
  height:46px;
  background:url("https://meczrealu.com/typer3/mrcoin.png") center/contain no-repeat;
  filter:drop-shadow(0 0 8px rgba(245,196,81,.32));
}
.mrc-pool-main strong span{
  margin-left:-3px;
  font-size:14px;
  font-weight:800;
}
@media(max-width:799px){
  .mrc-pool-label,
  .mrc-pool-head{font-size:15px !important}
  .mrc-pool-main strong{font-size:36px}
  .mrc-pool-main strong::before{
    width:40px;
    height:40px;
    flex-basis:40px;
  }
}


/* ===== 2.5.2 — Ranking miesiąca Areny + kompaktowe przełączniki mobile ===== */
.rank-mode-switch.rank-mode-switch-filter{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 50px;
}
.rank-mode-btn.arena{color:#9ebfff}
.rank-mode-btn.arena.on{
  border-color:#0053cb;
  background:rgba(0,83,203,.14);
  color:#fff;
}
/* Arena osadzona w głównej zakładce Ranking zajmuje całą szerokość. */
#view-ranking .ar-rank-panel{margin-top:2px}
#view-ranking .ar-rank-panel .ar-rank-list{margin-bottom:0}

@media(max-width:799px){
  .rank-mode-switch.rank-mode-switch-filter{
    display:flex;
    align-items:stretch;
    gap:6px;
    width:100%;
  }
  .rank-mode-switch.rank-mode-switch-filter .rank-mode-btn{
    flex:0 0 46px;
    width:46px;
    min-width:46px;
    min-height:46px;
    height:46px;
    padding:0;
    gap:7px;
    overflow:hidden;
    white-space:nowrap;
  }
  .rank-mode-switch.rank-mode-switch-filter .rank-mode-btn span{display:none}
  .rank-mode-switch.rank-mode-switch-filter .rank-mode-btn.on{
    flex:1 1 auto;
    width:auto;
    min-width:0;
    padding:0 11px;
  }
  .rank-mode-switch.rank-mode-switch-filter .rank-mode-btn.on span{
    display:inline;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .rank-mode-switch.rank-mode-switch-filter .rank-mode-btn i{font-size:14px;flex:0 0 auto}
  .rank-mode-switch.rank-mode-switch-filter .rank-filter-toggle{
    flex:0 0 46px;
    width:46px;
    min-width:46px;
    min-height:46px;
    height:46px;
  }
}

/* ===== Typer 3.0 — premium crates, warsztat, cashout, AKO dnia ===== */
.mrc-cashout{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:5px 8px;border:1px solid #2d704f;border-radius:999px;background:#06120d;color:#62d7a2;font-size:9px;font-weight:800;cursor:pointer}.mrc-cashout:hover{background:#0a1c15}
.mrc-ako-day{margin:14px 0;padding:14px;border:1px solid #263140;border-radius:12px;background:#06090e}.mrc-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.mrc-section-head>span{display:flex;align-items:center;gap:7px}.mrc-section-head i{color:#4f9cff}.mrc-section-head small{color:var(--muted);font-size:10px}.mrc-ako-day-list{display:grid;gap:5px}.mrc-ako-day-row{display:grid;grid-template-columns:24px 34px minmax(0,1fr) 70px auto;gap:8px;align-items:center;padding:7px;border-radius:8px;background:#080808}.mrc-ako-day-pos{color:var(--muted);font-size:10px}.mrc-ako-day-row img{width:31px;height:31px;border-radius:50%;object-fit:cover}.mrc-ako-day-row>span:nth-child(3){display:flex;flex-direction:column}.mrc-ako-day-row small{font-size:9px;color:var(--muted)}.mrc-ako-day-row>strong{text-align:right;color:#8fc4ff}.mrc-ako-day-row>em{font-style:normal;color:#62d7a2;font-size:10px}
.mrc-crate-tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.mrc-crate-tier{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #252a30;border-radius:11px;background:#070707;color:#b5bdc6;text-align:left;cursor:pointer}.mrc-crate-tier>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;border:1px solid color-mix(in srgb,var(--crate-color) 50%,#222);color:var(--crate-color)}.mrc-crate-tier span{display:flex;flex-direction:column;min-width:0}.mrc-crate-tier b{font-size:11px}.mrc-crate-tier small{font-size:9px;color:#7e8790}.mrc-crate-tier.ready{border-color:color-mix(in srgb,var(--crate-color) 65%,#222);box-shadow:inset 0 0 18px -14px var(--crate-color)}.mrc-crate-tier:hover{background:#0b0b0b}.mrc-limited-drops{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0;padding:10px;border:1px solid #40351a;border-radius:10px;background:#0d0a03}.mrc-limited-drops>span{display:flex;align-items:center;gap:6px;color:#ffd35c;font-size:11px}.mrc-limited-drops em{padding:3px 7px;border:1px solid color-mix(in srgb,var(--loot-color) 55%,transparent);border-radius:999px;color:var(--loot-color);font-size:9px;font-style:normal}
.mrc-workshop{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;gap:16px;align-items:center;margin-bottom:14px;padding:16px;border:1px solid #3b3150;border-radius:13px;background:radial-gradient(circle at 12% 20%,rgba(185,105,255,.12),transparent 50%),#070707}.mrc-workshop h3{margin:5px 0;font-size:24px;color:#c978ff}.mrc-workshop p{margin:0;color:var(--muted);font-size:11px}.mrc-craft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mrc-craft-btn{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #2b2f34;border-radius:9px;background:#090909;color:#fff;text-align:left;cursor:pointer}.mrc-craft-btn:disabled{opacity:.35;cursor:not-allowed}.mrc-craft-btn i{color:#8fc4ff}.mrc-craft-btn.gold i{color:#ffd35c}.mrc-craft-btn.royal i{color:#c978ff}.mrc-craft-btn span{display:flex;flex-direction:column}.mrc-craft-btn b{font-size:10px}.mrc-craft-btn small{font-size:9px;color:var(--muted)}.mrc-item-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.mrc-item-btn.salvage{border-color:#5a3a7a;color:#c99bff}.mrc-item-limited{position:absolute;left:7px;top:7px;padding:2px 5px;border-radius:999px;background:#48275d;color:#e2b4ff;font-size:7px;font-weight:900;letter-spacing:.05em}
@media(max-width:799px){.mrc-crate-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}.mrc-workshop{grid-template-columns:1fr}.mrc-craft-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mrc-ako-day-row{grid-template-columns:20px 30px minmax(0,1fr) 58px}.mrc-ako-day-row>em{display:none}.mrc-section-head small{display:none}}
/* limitowane kosmetyki 26/27 */
.mrc-av.f-season26{box-shadow:0 0 0 2px #4f9cff,0 0 10px #0053cb,0 0 25px -4px #8bc4ff;animation:mrcSeasonFrame 2s ease-in-out infinite}.mrc-row-skin.r-ucl26{--loot-color:#7d82ff;background:linear-gradient(100deg,rgba(20,34,110,.28),rgba(93,97,255,.32),rgba(22,31,92,.18),transparent 78%);background-size:220% 100%;animation:mrcRowMove 4s linear infinite}.mrc-nick-badge.b-europe26{animation:mrcBadgeGlow 1.7s ease-in-out infinite}.mrc-av.e-seasonflare{animation:mrcSeasonFlare 1.8s ease-in-out infinite}@keyframes mrcSeasonFrame{50%{box-shadow:0 0 0 2px #8bc4ff,0 0 17px #0053cb,0 0 32px -2px #9d7cff}}@keyframes mrcSeasonFlare{0%,100%{filter:drop-shadow(0 0 4px #4f9cff)}50%{filter:brightness(1.3) drop-shadow(0 0 14px #7f72ff)}}
.mrc-crate-tier.selected{border-color:var(--crate-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--crate-color) 55%,transparent),inset 0 0 20px -15px var(--crate-color);color:#fff}


/* ===== 3.0.2 — czytelniejszy ekran skrzynek ===== */
.mrc-crate-page.clean{display:grid;gap:14px}.mrc-crate-overview{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid #252a30;border-radius:13px;background:#060606}.mrc-crate-overview-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid #5a4613;border-radius:13px;background:#100d03;color:#ffd35c;font-size:25px}.mrc-crate-overview>div:nth-child(2)>span{font-size:9px;font-weight:800;color:#7e8790;text-transform:uppercase;letter-spacing:.06em}.mrc-crate-overview h3{margin:2px 0 5px;font-size:19px}.mrc-crate-overview p{margin:0;color:#9099a2;font-size:11px;line-height:1.45}.mrc-crate-mini-stats{display:flex;gap:7px}.mrc-crate-mini-stats span{min-width:72px;padding:8px 10px;border:1px solid #23272b;border-radius:9px;background:#090909;color:#808a94;font-size:9px;text-align:center}.mrc-crate-mini-stats b{display:block;color:#fff;font-size:14px}.mrc-crate-progress-card.compact{margin:0;padding:12px 14px}.mrc-crate-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:3px}.mrc-crate-section-head>div>span{font-size:8px;font-weight:900;color:#4f9cff;text-transform:uppercase;letter-spacing:.08em}.mrc-crate-section-head h4{margin:2px 0 0;font-size:14px}.mrc-crate-section-head>small{font-size:9px;color:#7e8790}.mrc-crate-section-head.mini{margin:12px 0 7px}.mrc-crate-section-head.mini h4{font-size:12px}
.mrc-crate-page.clean .mrc-crate-tiers{margin:0}.mrc-crate-page.clean .mrc-crate-tier{min-height:58px;padding:9px 10px}.mrc-crate-page.clean .mrc-crate-tier>i{width:31px;height:31px}.mrc-crate-selected{padding:14px;border:1px solid color-mix(in srgb,var(--crate-color) 58%,#252a30);border-radius:13px;background:linear-gradient(110deg,color-mix(in srgb,var(--crate-color) 7%,#070707),#070707 45%);box-shadow:inset 3px 0 0 var(--crate-color)}.mrc-crate-selected-title{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center}.mrc-crate-selected-title>i{width:38px;height:38px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--crate-color) 55%,transparent);border-radius:10px;color:var(--crate-color);background:#090909}.mrc-crate-selected-title span{display:flex;flex-direction:column}.mrc-crate-selected-title small{color:#7e8790;font-size:9px}.mrc-crate-selected-title b{font-size:13px}.mrc-crate-selected-title strong{color:var(--crate-color);font-size:13px}.mrc-rarity-inline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mrc-rarity-inline>span{display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:6px;align-items:center;padding:7px 8px;border:1px solid #24282d;border-radius:8px;background:#090909}.mrc-rarity-inline i{width:7px;height:7px;border-radius:50%;background:var(--loot-color);box-shadow:0 0 8px -1px var(--loot-color)}.mrc-rarity-inline b{font-size:9px}.mrc-rarity-inline em{font-size:9px;font-style:normal;color:var(--loot-color);font-weight:800}.mrc-crate-selected .mrc-crate-action{margin:12px 0 0;padding:0;border:0;background:transparent}.mrc-crate-selected .mrc-crate-open{width:100%;min-height:42px}.mrc-crate-selected .mrc-crate-wait{min-height:42px}.mrc-limited-compact,.mrc-crate-history.compact{border:1px solid #252a30;border-radius:10px;background:#070707}.mrc-limited-compact summary,.mrc-crate-history.compact summary{display:flex;align-items:center;gap:7px;padding:10px 12px;cursor:pointer;font-size:10px;color:#c8ced5}.mrc-limited-compact summary i{color:#ffd35c}.mrc-limited-compact summary span{margin-left:auto;color:#7e8790;font-size:9px}.mrc-limited-compact>div{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 11px}.mrc-limited-compact em{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--loot-color) 55%,transparent);border-radius:999px;color:var(--loot-color);font-size:8px;font-style:normal}.mrc-crate-history.compact .mrc-loot-log{padding:0 12px 12px;margin:0}
@media(max-width:799px){.mrc-crate-overview{grid-template-columns:50px minmax(0,1fr);padding:13px}.mrc-crate-overview-icon{width:48px;height:48px;font-size:21px}.mrc-crate-mini-stats{grid-column:1/-1}.mrc-crate-mini-stats span{flex:1}.mrc-crate-section-head>small{display:none}.mrc-rarity-inline{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v3.0.4 — czytelniejszy panel pyłu */
.mrc-workshop{grid-template-columns:minmax(260px,.9fr) 1.3fr;gap:18px;padding:18px 20px;border-color:#4c3a64;background:radial-gradient(circle at 12% 20%,rgba(185,105,255,.16),transparent 48%),linear-gradient(90deg,rgba(36,18,54,.75),rgba(7,7,7,.95) 45%)}
.mrc-workshop-main h3{display:flex;align-items:center;gap:10px;margin:7px 0 8px;font-size:17px;color:#f0c5ff}
.mrc-workshop-main h3 i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#1b1026;color:#d79cff;box-shadow:0 0 24px -10px rgba(201,155,255,.8)}
.mrc-workshop-main p{max-width:520px;font-size:12px;line-height:1.5;color:#c9c4d3}
.mrc-craft-grid{gap:10px}
.mrc-craft-btn{position:relative;min-height:72px;gap:12px;padding:14px 16px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0)),#090909;transition:.18s ease}
.mrc-craft-btn.can{border-color:#495264;box-shadow:0 12px 30px -22px rgba(79,156,255,.4)}
.mrc-craft-btn.can:hover{transform:translateY(-1px);border-color:#6b7690;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)),#0b0b0b}
.mrc-craft-btn i{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:12px;background:#0d1420;font-size:18px;color:#8fc4ff}
.mrc-craft-btn.gold i{background:#221a08;color:#ffd35c}
.mrc-craft-btn.royal i{background:#1b1026;color:#c978ff}
.mrc-craft-btn span{gap:3px}
.mrc-craft-btn b{font-size:13px;line-height:1.2}
.mrc-craft-btn small{font-size:11px;color:#cfc0de}
.mrc-craft-btn em{margin-left:auto;padding:6px 9px;border-radius:999px;background:#101318;border:1px solid #2a2f36;color:#d6dbe1;font-size:10px;font-style:normal;font-weight:800;white-space:nowrap}
.mrc-craft-btn.gold em{border-color:#57441b;color:#ffd35c;background:#171208}
.mrc-craft-btn.royal em{border-color:#5a3a7a;color:#daa8ff;background:#150d1f}
.mrc-craft-btn:disabled{opacity:.55}
@media(max-width:799px){
  .mrc-workshop{grid-template-columns:1fr;padding:16px}
  .mrc-workshop-main p{font-size:11px}
  .mrc-craft-grid{grid-template-columns:1fr;gap:8px}
  .mrc-craft-btn{min-height:68px;padding:12px 14px}
}


/* v3.0.6 — przebudowane centrum skrzynek */
.mrc-crate-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:18px;align-items:center;padding:20px;border:1px solid #26303a;border-radius:15px;background:linear-gradient(110deg,#07101b,#060606 58%);box-shadow:0 18px 45px -38px rgba(0,83,203,.7)}
.mrc-crate-dashboard.has-ready{border-color:#285d9b;background:radial-gradient(circle at 12% 30%,rgba(0,83,203,.18),transparent 35%),linear-gradient(110deg,#07101b,#060606 62%);box-shadow:inset 0 0 0 1px rgba(0,83,203,.18),0 18px 50px -34px rgba(0,83,203,.8)}
.mrc-crate-dashboard-main h3{margin:4px 0 7px;font-size:24px;line-height:1.15}.mrc-crate-dashboard-main h3 strong{color:#58a0ff}.mrc-crate-dashboard-main p{margin:0;max-width:700px;color:#95a0ab;font-size:12px;line-height:1.5}
.mrc-crate-dashboard-count{height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #25313e;border-radius:14px;background:#05080d;text-align:center}.mrc-crate-dashboard-count i{color:#5fa8ff;font-size:24px}.mrc-crate-dashboard-count b{margin-top:3px;font-size:28px;line-height:1}.mrc-crate-dashboard-count small{margin-top:5px;color:#7e8b98;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.mrc-crate-progress-note{display:flex;align-items:center;gap:6px;margin-top:8px;color:#77838e;font-size:9px}.mrc-crate-progress-note i{color:#c99bff}
.mrc-crate-page.clean .mrc-crate-tiers{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mrc-crate-page.clean .mrc-crate-tier{position:relative;min-height:82px;padding:12px 13px;gap:12px;border-radius:13px;opacity:.72;transition:.18s ease;overflow:hidden}
.mrc-crate-page.clean .mrc-crate-tier.ready{opacity:1;border-color:color-mix(in srgb,var(--crate-color) 72%,#29313b);background:linear-gradient(120deg,color-mix(in srgb,var(--crate-color) 10%,#070707),#070707 65%);box-shadow:inset 3px 0 0 var(--crate-color),0 14px 35px -28px var(--crate-color)}
.mrc-crate-page.clean .mrc-crate-tier.selected{outline:2px solid color-mix(in srgb,var(--crate-color) 80%,#fff);outline-offset:2px;opacity:1}
.mrc-crate-tier-icon{position:relative;width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;border:1px solid color-mix(in srgb,var(--crate-color) 45%,#24282d);border-radius:12px;background:#090b0e;color:var(--crate-color)}
.mrc-crate-tier-icon>i{font-size:18px}.mrc-crate-tier-icon>strong{position:absolute;right:-7px;top:-8px;min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:var(--crate-color);color:#050505;font-size:11px;font-weight:950;box-shadow:0 0 0 3px #070707}
.mrc-crate-tier-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.mrc-crate-tier-copy>b{font-size:12px;color:#eef2f6}.mrc-crate-tier-copy small{font-size:9px;color:#7f8993}.mrc-crate-tier-copy small em{font-style:normal;font-weight:900;color:var(--crate-color);letter-spacing:.025em}.mrc-crate-tier-arrow{margin-left:auto;color:#525d68;font-size:10px}
.mrc-crate-selected.ready{border-width:2px;box-shadow:inset 4px 0 0 var(--crate-color),0 16px 40px -32px var(--crate-color)}
.mrc-selected-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--crate-color) 55%,transparent);border-radius:12px;background:#08090b;color:var(--crate-color);font-size:18px}
.mrc-crate-selected-title{grid-template-columns:46px minmax(0,1fr) auto}.mrc-crate-selected.ready .mrc-crate-selected-title small{color:var(--crate-color);font-weight:900}.mrc-crate-selected-title strong{font-size:17px}

/* Warsztat: KUP + ikona pyłu przy cenie */
.mrc-craft-btn small{display:flex;align-items:center;gap:5px;color:#d4c8df}.mrc-craft-btn small i{display:inline!important;width:auto!important;height:auto!important;flex:0 0 auto!important;border:0!important;background:none!important;border-radius:0!important;font-size:10px!important;color:#c99bff!important}.mrc-craft-btn span mark{margin-top:3px;width:max-content;padding:2px 6px;border-radius:999px;background:#10151d;color:#8fbfff;font-size:8px;font-weight:800}.mrc-craft-btn em{min-width:46px;text-align:center;text-transform:uppercase;letter-spacing:.05em}.mrc-craft-btn.can em{background:#0b1c33;border-color:#1d5fae;color:#67aaff}.mrc-craft-btn.gold.can em{background:#1b1508;border-color:#755b15;color:#ffd35c}.mrc-craft-btn.royal.can em{background:#1b1026;border-color:#67458a;color:#d7a0ff}
@media(max-width:799px){.mrc-crate-dashboard{grid-template-columns:1fr 88px;padding:16px;gap:12px}.mrc-crate-dashboard-main h3{font-size:20px}.mrc-crate-dashboard-count{height:82px}.mrc-crate-dashboard-count b{font-size:23px}.mrc-crate-page.clean .mrc-crate-tiers{grid-template-columns:1fr}.mrc-crate-page.clean .mrc-crate-tier{min-height:70px}.mrc-crate-tier-arrow{display:block}.mrc-crate-selected-title strong{font-size:15px}}


/* ===== v3.0.7 — kompletnie nowy ekran wyboru skrzynek ===== */
.crate-v307{display:grid;gap:18px}
.mrc-crate-available{display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 24px;border:1px solid #26313b;border-radius:16px;background:linear-gradient(120deg,#080b0f,#050505 70%);box-shadow:0 20px 50px -42px rgba(0,83,203,.7)}
.mrc-crate-available.has-ready{border-color:#0053cb;background:radial-gradient(circle at 10% 50%,rgba(0,83,203,.22),transparent 33%),linear-gradient(120deg,#07111f,#050505 72%);box-shadow:inset 0 0 0 1px rgba(0,83,203,.22),0 22px 60px -38px rgba(0,83,203,.8)}
.mrc-crate-available-icon{width:70px;height:70px;display:grid;place-items:center;border:1px solid #26394f;border-radius:16px;background:#07111d;color:#5ea6ff;font-size:29px}
.mrc-crate-available-copy>span{font-size:10px;font-weight:950;letter-spacing:.1em;color:#5ea6ff}
.mrc-crate-available-copy h3{margin:4px 0 7px;font-size:29px;line-height:1.05;letter-spacing:-.02em}
.mrc-crate-available-copy h3 strong{color:#72b2ff;font-size:34px}
.mrc-crate-available-copy p{margin:0;color:#9aa4ae;font-size:12px;line-height:1.45}
.mrc-crate-check{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid #0053cb;border-radius:11px;background:#071425;color:#77b8ff;font-size:11px;font-weight:950;cursor:pointer}
.mrc-crate-check:hover{background:#0a1b31}
.mrc-crate-progress-v307{margin:0;padding:13px 16px;border-radius:12px;background:#070707}
.mrc-crate-progress-note span{padding:0 3px;color:#3d4650}
.mrc-crate-slider-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:3px}
.mrc-crate-slider-head>div>span{font-size:10px;font-weight:950;color:#5ea6ff;letter-spacing:.09em}
.mrc-crate-slider-head h4{margin:3px 0 0;font-size:19px}
.mrc-crate-slider-head>small{display:flex;align-items:center;gap:6px;color:#74808b;font-size:10px}
.mrc-crate-slider{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:10px;align-items:stretch}
.mrc-crate-slider-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:5px 3px 14px;scrollbar-width:thin;scrollbar-color:#28313a transparent}
.mrc-crate-slider-rail::-webkit-scrollbar{height:6px}.mrc-crate-slider-rail::-webkit-scrollbar-thumb{background:#28313a;border-radius:999px}
.mrc-crate-slider-arrow{display:grid;place-items:center;width:48px;min-height:230px;border:1px solid #252b31;border-radius:14px;background:#07090b;color:#b1bac4;font-size:16px;cursor:pointer;transition:.15s ease}
.mrc-crate-slider-arrow:hover{border-color:#0053cb;color:#70b1ff;background:#08111e}
.mrc-crate-tier-big{position:relative;flex:0 0 250px;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px 18px 17px;border:1px solid #293039;border-radius:16px;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--crate-color) 8%,transparent),transparent 55%),#070707;color:#e7e9ea;text-align:center;scroll-snap-align:start;cursor:pointer;overflow:hidden;transition:.18s ease}
.mrc-crate-tier-big::before{content:"";position:absolute;inset:auto 18px 0;height:3px;border-radius:999px 999px 0 0;background:var(--crate-color);opacity:.45}
.mrc-crate-tier-big:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--crate-color) 60%,#303841);box-shadow:0 20px 45px -35px var(--crate-color)}
.mrc-crate-tier-big.ready{border-color:color-mix(in srgb,var(--crate-color) 76%,#34404d);background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--crate-color) 16%,transparent),transparent 58%),#070707;box-shadow:inset 0 0 32px -28px var(--crate-color),0 20px 45px -35px var(--crate-color)}
.mrc-crate-tier-big.selected{outline:2px solid var(--crate-color);outline-offset:2px;box-shadow:0 0 0 1px color-mix(in srgb,var(--crate-color) 40%,transparent),0 20px 50px -32px var(--crate-color)}
.mrc-crate-big-badge{position:absolute;right:12px;top:12px;display:flex;align-items:baseline;gap:4px;padding:5px 8px;border:1px solid #2b333c;border-radius:999px;background:#080b0f;color:#7e8994}
.mrc-crate-tier-big.ready .mrc-crate-big-badge{border-color:color-mix(in srgb,var(--crate-color) 65%,#222);background:color-mix(in srgb,var(--crate-color) 11%,#080808);color:var(--crate-color)}
.mrc-crate-big-badge b{font-size:17px;line-height:1}.mrc-crate-big-badge small{font-size:7px;font-weight:950;letter-spacing:.06em}
.mrc-crate-big-icon{position:relative;width:94px;height:94px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--crate-color) 50%,#242b33);border-radius:24px;background:#080b0f;color:var(--crate-color);font-size:43px;box-shadow:inset 0 0 30px -24px var(--crate-color)}
.mrc-crate-big-icon span{position:absolute;inset:10px;border-radius:18px;box-shadow:0 0 30px -18px var(--crate-color);pointer-events:none}
.mrc-crate-tier-big.ready .mrc-crate-big-icon{box-shadow:inset 0 0 34px -22px var(--crate-color),0 0 38px -22px var(--crate-color)}
.mrc-crate-big-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.mrc-crate-big-copy strong{font-size:17px;line-height:1.1}.mrc-crate-big-copy small{min-height:14px;color:#828d98;font-size:10px}.mrc-crate-tier-big.ready .mrc-crate-big-copy small{color:var(--crate-color);font-weight:850}
.mrc-crate-big-status{margin-top:2px;padding:5px 9px;border-radius:999px;background:#101318;color:#69737d;font-size:9px;font-weight:900;letter-spacing:.04em}
.mrc-crate-tier-big.ready .mrc-crate-big-status{background:color-mix(in srgb,var(--crate-color) 12%,#080808);color:var(--crate-color);border:1px solid color-mix(in srgb,var(--crate-color) 40%,transparent)}
.mrc-crate-focus{padding:20px;border:1px solid #29313a;border-radius:16px;background:#070707}
.mrc-crate-focus.ready{border-color:color-mix(in srgb,var(--crate-color) 65%,#29313a);background:linear-gradient(110deg,color-mix(in srgb,var(--crate-color) 8%,#070707),#070707 54%);box-shadow:inset 4px 0 0 var(--crate-color)}
.mrc-crate-focus-top{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center}
.mrc-crate-focus-icon{width:56px;height:56px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--crate-color) 50%,#262d35);border-radius:14px;color:var(--crate-color);font-size:24px;background:#090b0e}
.mrc-crate-focus-top div small{font-size:9px;font-weight:950;letter-spacing:.08em;color:var(--crate-color)}.mrc-crate-focus-top h3{margin:3px 0 0;font-size:20px}.mrc-crate-focus-top>strong{font-size:24px;color:var(--crate-color)}.mrc-crate-focus-top>strong small{font-size:10px;color:#828c97}
.mrc-crate-focus-rarity{margin-top:18px}.mrc-crate-focus-rarity>span{display:block;margin-bottom:8px;color:#9aa4ae;font-size:11px;font-weight:750}
.mrc-crate-open-big{min-height:52px;font-size:13px;letter-spacing:.025em}.mrc-crate-wait-big{min-height:52px;font-size:12px}
@media(max-width:799px){
 .mrc-crate-available{grid-template-columns:58px minmax(0,1fr);gap:12px;padding:16px}.mrc-crate-available-icon{width:56px;height:56px;font-size:24px}.mrc-crate-available-copy h3{font-size:21px}.mrc-crate-available-copy h3 strong{font-size:25px}.mrc-crate-available-copy p{font-size:10px}.mrc-crate-check{grid-column:1/-1;justify-content:center;width:100%}
 .mrc-crate-slider-head>small{display:none}.mrc-crate-slider-head h4{font-size:16px}
 .mrc-crate-slider{grid-template-columns:40px minmax(0,1fr) 40px;gap:6px}.mrc-crate-slider-arrow{width:40px;min-height:214px}.mrc-crate-slider-rail{gap:10px;padding:4px 2px 12px}.mrc-crate-tier-big{flex-basis:min(230px,76vw);min-height:214px;padding:18px 14px 14px}.mrc-crate-big-icon{width:82px;height:82px;font-size:37px}.mrc-crate-big-copy strong{font-size:15px}
 .mrc-crate-focus{padding:15px}.mrc-crate-focus-top{grid-template-columns:48px minmax(0,1fr) auto;gap:10px}.mrc-crate-focus-icon{width:46px;height:46px;font-size:20px}.mrc-crate-focus-top h3{font-size:17px}.mrc-crate-focus-top>strong{font-size:19px}.mrc-rarity-inline{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ===== v3.0.8 — rarity bezpośrednio na kartach skrzynek ===== */
.crate-v307 .mrc-crate-tier-big{min-height:268px;padding-top:46px;padding-bottom:18px}
.mrc-crate-card-rarity{position:absolute;left:12px;top:12px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:150px;padding:6px 7px;border:1px solid #252d35;border-radius:9px;background:rgba(4,6,8,.92);box-shadow:0 8px 22px -18px rgba(0,0,0,.9);z-index:2}
.mrc-crate-card-rarity>small{font-size:7px;font-weight:950;letter-spacing:.09em;color:#73808c;line-height:1}
.mrc-crate-card-rarity>span{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.mrc-crate-card-rarity em{display:inline-flex;align-items:center;gap:2px;color:#aeb5bd;font-size:8px;font-style:normal;font-weight:800;line-height:1;white-space:nowrap}
.mrc-crate-card-rarity em i{width:6px;height:6px;display:block;border-radius:50%;background:var(--loot-color);box-shadow:0 0 8px -2px var(--loot-color)}
.mrc-crate-card-rarity em b{font-size:8px;color:var(--loot-color);font-weight:950}
.mrc-crate-card-rarity .r-common{--loot-color:#aeb5bd}.mrc-crate-card-rarity .r-rare{--loot-color:#5ca7ff}.mrc-crate-card-rarity .r-epic{--loot-color:#c36cff}.mrc-crate-card-rarity .r-legendary{--loot-color:#ffd45f}
.crate-v307 .mrc-crate-focus{padding:18px 20px}
.crate-v307 .mrc-crate-focus .mrc-crate-action{margin-top:16px}
.crate-v307 .mrc-crate-focus-rarity{display:none!important}
@media(max-width:799px){
 .crate-v307 .mrc-crate-tier-big{min-height:250px;padding-top:44px}
 .mrc-crate-card-rarity{left:9px;top:9px;max-width:135px;padding:5px 6px}
 .mrc-crate-card-rarity>span{gap:4px}
 .mrc-crate-card-rarity em{font-size:7px}
}


/* ===== v3.0.9 — mobile Kupon: szybciej do listy meczów ===== */
@media(max-width:799px){
  #view-coins>.view-heading{margin-bottom:8px}
  #view-coins>.view-heading h2{font-size:18px}
  #view-coins>.view-heading p{display:none}
  #view-coins>.view-heading .view-heading-icon{width:30px;height:30px;font-size:13px}

  #view-coins .mrc-wallet{display:block;margin-bottom:10px;padding:12px 13px;border-radius:12px}
  #view-coins .mrc-wallet-label{font-size:10px}
  #view-coins .mrc-balance{margin-top:2px;font-size:32px;line-height:1}
  #view-coins .mrc-balance span{font-size:11px}
  #view-coins .mrc-wallet-meta{gap:4px 12px;margin-top:7px;font-size:11px}
  #view-coins .mrc-tierline{gap:6px;margin-top:8px}
  #view-coins .mrc-tier{padding:4px 9px;font-size:10px}
  #view-coins .mrc-next,#view-coins .mrc-grants{font-size:9px}
  #view-coins .mrc-wallet-side{display:none}
  #view-coins .mrc-wallet.has-alert .mrc-wallet-side{display:flex;margin-top:9px;gap:7px}
  #view-coins .mrc-wallet-side .mrc-stats{display:none}
  #view-coins .mrc-noob,#view-coins .mrc-stamp{padding:8px 10px}
  #view-coins .mrc-stamp b{font-size:20px}
  #view-coins .mrc-claim{padding:9px 11px;font-size:12px}

  #view-coins .mrc-pool{display:block;margin:0 0 10px;padding:11px 13px;border-radius:12px}
  #view-coins .mrc-pool-label,#view-coins .mrc-pool-head{font-size:11px!important}
  #view-coins .mrc-pool-main strong{display:inline-flex;margin-top:5px;font-size:25px;gap:6px}
  #view-coins .mrc-pool-main strong::before{width:30px;height:30px;flex-basis:30px}
  #view-coins .mrc-pool-main strong span{font-size:10px}
  #view-coins .mrc-pool-main small{margin-top:5px;font-size:9px;line-height:1.35}
  #view-coins .mrc-pool-mine{margin-top:5px;font-size:10px}
  #view-coins .mrc-pool-board{margin-top:8px;padding-top:8px;border-top:1px solid #332a10}
  #view-coins .mrc-pool.is-empty .mrc-pool-board{display:none}
  #view-coins .mrc-pool-row{padding:3px 0;font-size:10px}

  #view-coins .mrc-ako-day{margin:8px 0;padding:10px}
  #view-coins .mrc-multi-coupon{margin:8px 0 12px;border-radius:12px}
  #view-coins .mrc-multi-head{padding:9px 10px;border-bottom:0}
  #view-coins .mrc-multi-head>span{grid-template-columns:24px auto;column-gap:7px}
  #view-coins .mrc-multi-head>span>i{width:24px;height:24px}
  #view-coins .mrc-multi-head b{font-size:12px}
  #view-coins .mrc-multi-head small{display:none}
  #view-coins .mrc-multi-head>em{font-size:10px}
  #view-coins .mrc-multi-coupon:not(.has-items) .mrc-multi-empty{padding:8px 10px;border-top:1px solid #171d25;font-size:10px;line-height:1.3}
  #view-coins .mrc-multi-coupon:not(.has-items) .mrc-multi-empty>i{width:28px;height:28px;flex-basis:28px}
  #view-coins .mrc-subhead{margin:14px 0 8px;font-size:14px}
  #view-coins .mrc-filters{margin-bottom:8px;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  #view-coins .mrc-filters::-webkit-scrollbar{display:none}
  #view-coins .mrc-filters button{flex:0 0 auto;padding:7px 11px;font-size:11px}
}


/* ===== v3.1.0 — mobile cleanup: ekwipunek, karty, minimalizm ===== */
/* Ogólny porządek sekcji ekwipunku */
#view-inventory>.view-heading{margin-bottom:12px}
#view-inventory>.view-heading h2{letter-spacing:-.02em}
#view-inventory>.view-heading p{max-width:580px;color:#9aa4ae}

/* Fioletowy panel pyłu — bardziej czytelny i lżejszy */
.mrc-workshop{
  align-items:stretch;
  gap:14px;
  padding:18px;
  border:1px solid #47345b;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(54,27,84,.88),rgba(13,10,20,.96) 58%,rgba(7,7,7,.98));
  box-shadow:0 14px 38px -32px rgba(201,120,255,.55);
}
.mrc-workshop-main{display:flex;flex-direction:column;justify-content:center;min-width:0}
.mrc-workshop-main .mrc-loot-label{font-size:11px;font-weight:850;letter-spacing:.05em;color:#cbb8df}
.mrc-workshop-main h3{margin:8px 0 10px;font-size:33px;line-height:1;color:#f1d3ff}
.mrc-workshop-main h3 i{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:rgba(18,11,28,.92);color:#dca2ff;box-shadow:none}
.mrc-workshop-main p{max-width:520px;font-size:12px;line-height:1.55;color:#d1cadb}
.mrc-craft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start}
.mrc-craft-btn{
  min-height:84px;
  align-items:center;
  gap:10px;
  padding:12px 13px;
  border:1px solid #2b2534;
  border-radius:14px;
  background:rgba(7,8,12,.78);
  box-shadow:none;
}
.mrc-craft-btn:hover{background:#0d0f14;border-color:#3a3447}
.mrc-craft-btn i{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:12px;background:#10141c}
.mrc-craft-btn span{min-width:0;gap:4px}
.mrc-craft-btn b{font-size:14px;line-height:1.15}
.mrc-craft-btn small{font-size:11px;color:#c7bcda}
.mrc-craft-btn em{
  margin-left:auto;
  min-width:56px;
  padding:7px 10px;
  border:1px solid #38313f;
  border-radius:999px;
  background:#0f1218;
  font-size:10px;
  font-weight:900;
}
.mrc-craft-btn span mark{margin-top:4px;padding:3px 8px;font-size:9px}
.mrc-craft-btn:disabled{opacity:.6}
.mrc-craft-btn:disabled em{opacity:.7}

/* Karty statystyk / summary bardziej kompaktowe i równe */
.mrc-inventory-summary{grid-template-columns:repeat(3,minmax(0,1fr)) 160px;gap:12px}
.mrc-inventory-summary>div,
.mrc-inventory-summary>.mrc-item-btn{border-radius:14px;background:#070707}
.mrc-inventory-summary>div{padding:14px 15px}
.mrc-inventory-summary span{font-size:11px;color:#8f99a4}
.mrc-inventory-summary b{font-size:28px;line-height:1.05}
.mrc-inventory-summary>.mrc-item-btn{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:850}

/* Nagłówki kategorii i karuzele */
.mrc-slot{padding-top:2px}
.mrc-slot h4{justify-content:space-between;flex-wrap:wrap;gap:6px 10px;padding:0 2px;margin-bottom:12px;font-size:15px}
.mrc-slot h4 span{font-size:11px}
.mrc-carousel-arrow{width:40px;height:40px;border-radius:12px;background:#070707}
.mrc-inventory .mrc-carousel-shell{padding:0 2px}
.mrc-inventory .mrc-carousel-rail{padding:4px 2px 10px;gap:12px}

/* Karty przedmiotów bardziej minimalistyczne */
.mrc-inventory .mrc-carousel-rail .mrc-item{
  min-height:228px;
  flex-basis:168px;
  min-width:168px;
  gap:8px;
  padding:14px 12px 13px;
  border-radius:16px;
  background:linear-gradient(180deg,#090909,#060606);
  box-shadow:none;
}
.mrc-inventory .mrc-carousel-rail .mrc-item-preview{margin-top:4px;width:92px;height:92px}
.mrc-inventory .mrc-carousel-rail .mrc-item>b{min-height:36px;font-size:16px;font-weight:800}
.mrc-inventory .mrc-carousel-rail .mrc-item>small{font-size:11px}
.mrc-item-qty{right:10px;top:10px;padding:3px 8px;font-size:11px}
.mrc-item-limited{left:10px;top:10px;padding:3px 6px;font-size:8px}
.mrc-item-actions{width:100%;gap:7px}
.mrc-item-btn{min-height:38px;padding:8px 12px;font-size:12px}
.mrc-item-btn.salvage{width:100%}

/* Skrzynki — karty i focus trochę lżej */
.mrc-crate-available{padding:18px;border-radius:15px}
.mrc-crate-available-copy h3{letter-spacing:-.03em}
.mrc-crate-slider-head h4{letter-spacing:-.02em}
.mrc-crate-tier-big{border-radius:15px}
.mrc-crate-focus{border-radius:15px}

@media(max-width:799px){
  #view-inventory>.view-heading{margin-bottom:10px}
  #view-inventory>.view-heading p{display:block;font-size:12px;line-height:1.4}

  .mrc-workshop{
    grid-template-columns:1fr;
    gap:12px;
    padding:15px 14px;
    margin-bottom:12px;
    border-radius:15px;
    background:linear-gradient(180deg,rgba(52,27,79,.95),rgba(15,11,24,.96) 46%,rgba(7,7,7,.98));
  }
  .mrc-workshop-main .mrc-loot-label{font-size:10px}
  .mrc-workshop-main h3{margin:6px 0 8px;font-size:28px;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;column-gap:10px}
  .mrc-workshop-main h3 i{width:40px;height:40px;font-size:17px;border-radius:12px}
  .mrc-workshop-main p{font-size:12px;line-height:1.45}
  .mrc-craft-grid{grid-template-columns:1fr;gap:8px}
  .mrc-craft-btn{
    min-height:70px;
    padding:11px 12px;
    gap:10px;
    border-radius:13px;
  }
  .mrc-craft-btn i{width:36px;height:36px;flex-basis:36px;border-radius:11px}
  .mrc-craft-btn b{font-size:13px}
  .mrc-craft-btn small{font-size:10px}
  .mrc-craft-btn em{min-width:52px;padding:6px 9px;font-size:9px}

  .mrc-inventory-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mrc-inventory-summary>div{min-height:82px;padding:13px 12px}
  .mrc-inventory-summary b{font-size:24px}
  .mrc-inventory-summary>.mrc-item-btn{grid-column:1/-1;min-height:44px;font-size:12px}

  .mrc-slot h4{font-size:14px;margin-bottom:10px}
  .mrc-slot h4 span{width:100%;font-size:10px}
  .mrc-carousel-arrow{width:34px;height:34px;border-radius:10px}
  .mrc-inventory .mrc-carousel-rail{gap:10px;padding-bottom:8px}
  .mrc-inventory .mrc-carousel-rail .mrc-item{
    flex-basis:min(154px,46vw);
    min-width:min(154px,46vw);
    min-height:206px;
    padding:12px 10px 12px;
    border-radius:15px;
  }
  .mrc-inventory .mrc-carousel-rail .mrc-item-preview{width:82px;height:82px}
  .mrc-inventory .mrc-carousel-rail .mrc-item>b{min-height:34px;font-size:15px}
  .mrc-inventory .mrc-carousel-rail .mrc-item>small{font-size:10px}
  .mrc-item-qty{right:8px;top:8px;font-size:10px}
  .mrc-item-actions{gap:6px}
  .mrc-item-btn{width:100%;min-height:36px;padding:7px 10px;font-size:11px}

  .mrc-crate-available{grid-template-columns:52px minmax(0,1fr);gap:10px;padding:14px}
  .mrc-crate-available-icon{width:50px;height:50px;font-size:21px;border-radius:13px}
  .mrc-crate-available-copy>span{font-size:9px}
  .mrc-crate-available-copy h3{margin:3px 0 6px;font-size:19px}
  .mrc-crate-available-copy h3 strong{font-size:23px}
  .mrc-crate-available-copy p{font-size:10px;line-height:1.35}
  .mrc-crate-check{min-height:40px;font-size:10px}
  .mrc-crate-progress-v307{padding:11px 12px}
  .mrc-crate-slider-head{margin-top:0}
  .mrc-crate-slider-head>div>span{font-size:9px}
  .mrc-crate-slider-head h4{font-size:15px}
  .mrc-crate-slider{grid-template-columns:32px minmax(0,1fr) 32px;gap:4px}
  .mrc-crate-slider-arrow{width:32px;min-height:196px;border-radius:12px;font-size:13px}
  .crate-v307 .mrc-crate-tier-big{flex-basis:min(218px,74vw);min-height:224px;padding:40px 12px 14px}
  .mrc-crate-big-icon{width:76px;height:76px;font-size:32px;border-radius:21px}
  .mrc-crate-big-copy strong{font-size:15px}
  .mrc-crate-big-copy small{font-size:9px}
  .mrc-crate-big-badge b{font-size:15px}
  .mrc-crate-card-rarity{max-width:124px;padding:5px}
  .mrc-crate-focus{padding:14px}
  .mrc-crate-focus-top{grid-template-columns:44px minmax(0,1fr) auto;gap:9px}
  .mrc-crate-focus-top h3{font-size:18px}
  .mrc-crate-focus-top>strong{font-size:20px}
  .mrc-crate-open-big,.mrc-crate-wait-big{min-height:46px;font-size:12px}
}


/* ===== v3.1.1 — Ranking Punktowy: prawdziwy full-width grid, bez hacków tabeli ===== */
#view-ranking .command-content-wide{width:100%;max-width:none;min-width:0}
#view-ranking .rank-table-panel.rank-grid{width:100%;max-width:none;min-width:0;overflow:hidden}
#view-ranking .rank-grid-head,
#view-ranking .rank-grid-row{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) minmax(240px,320px) 92px;
  align-items:center;
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
#view-ranking .rank-grid-head{
  min-height:48px;
  padding:0 14px;
  border-bottom:1px solid var(--line);
  color:var(--muted);
  font-size:11px;
}
#view-ranking .rank-grid-row{
  min-height:86px;
  padding:0 14px;
  border-bottom:1px solid var(--line);
}
#view-ranking .rank-grid-row:last-of-type{border-bottom:0}
#view-ranking .rank-grid-row>div{min-width:0;box-sizing:border-box}
#view-ranking .rank-grid-row .rk-user{padding:10px 8px 10px 0}
#view-ranking .rank-grid-row .rk-form{text-align:center}
#view-ranking .rank-grid-row .tp{text-align:right;padding-left:8px}
#view-ranking .rank-grid-row .rank-name-line{min-width:0}
#view-ranking .rank-grid-row .rank-name{min-width:0;overflow-wrap:anywhere}
#view-ranking .rk-detail{width:100%;min-width:0;border-bottom:1px solid var(--line)}
#view-ranking .rk-detail.hide{display:none!important}
#view-ranking .rk-detail-inner{width:100%;box-sizing:border-box;padding:14px 26px 20px}
#view-ranking .rk-detail.rk-podium{background:var(--podium-bg);box-shadow:inset 3px 0 0 var(--podium)}
#view-ranking .rk-main.rk-podium:not(.mrc-row-skin){background:var(--podium-bg)}
#view-ranking .rk-main.rk-podium:hover{background:var(--podium-hover)}
#view-ranking .rk-main.rk-podium-1{box-shadow:inset 3px 0 0 var(--podium)}
#view-ranking .rk-main.rk-podium-2{box-shadow:inset 3px 0 0 var(--podium)}
#view-ranking .rk-main.rk-podium-3{box-shadow:inset 3px 0 0 var(--podium)}
#view-ranking .rank-grid-empty{width:100%;padding:24px;text-align:center;box-sizing:border-box}

@media(max-width:1050px){
  #view-ranking .rank-grid-head,
  #view-ranking .rank-grid-row{grid-template-columns:52px minmax(0,1fr) 250px 78px}
}
@media(max-width:700px){
  #view-ranking .rank-table-panel.rank-grid{border-radius:12px}

  /* Mobilny ranking: pierwszy wiersz = gracz i punkty, drugi = forma. */
  #view-ranking .rank-grid-head{
    grid-template-columns:38px minmax(0,1fr) 62px;
    min-height:42px;
    padding:0 8px;
    column-gap:7px;
    font-size:10px;
  }
  #view-ranking .rank-grid-head>.rk-form{display:none}
  #view-ranking .rank-grid-head>.tp{grid-column:3;text-align:right}

  #view-ranking .rank-grid-row{
    grid-template-columns:38px minmax(0,1fr) 62px;
    grid-template-rows:minmax(40px,auto) 30px;
    grid-template-areas:
      "rank user points"
      "rank form form";
    min-height:92px;
    padding:8px;
    column-gap:7px;
    row-gap:2px;
    align-items:center;
  }
  #view-ranking .rank-grid-row>.rk{grid-area:rank;align-self:center}
  #view-ranking .rank-grid-row>.rk-user{grid-area:user;padding:0;align-self:center;min-width:0}
  #view-ranking .rank-grid-row>.rk-form{
    grid-area:form;
    justify-self:end;
    align-self:center;
    width:auto;
    padding:0;
    text-align:right;
    white-space:nowrap;
  }
  #view-ranking .rank-grid-row>.tp{
    grid-area:points;
    align-self:center;
    padding:0;
    text-align:right;
  }

  #view-ranking .rank-grid-row .uname{gap:7px;min-width:0}
  #view-ranking .rank-grid-row .uname img{width:30px;height:30px;flex-basis:30px}
  #view-ranking .rank-grid-row .rank-identity{gap:3px;min-width:0}
  #view-ranking .rank-grid-row .rank-name-line{gap:5px;flex-wrap:wrap;min-width:0}
  #view-ranking .rank-grid-row .rank-name{font-size:12px;line-height:1.2;overflow-wrap:normal;word-break:normal}
  #view-ranking .rank-grid-row .rank-meta-line{gap:4px;flex-wrap:wrap;min-width:0}
  #view-ranking .rank-grid-row .fdot{width:23px;height:23px;margin:0 1px;font-size:10px}
  #view-ranking .rank-grid-row .rk-total{font-size:16px}
  #view-ranking .rank-grid-row .last-pts{display:block;margin:3px 0 0;font-size:10px}
  #view-ranking .rank-grid-row .rk-exp{margin-top:2px}
  #view-ranking .rk-detail-inner{padding:12px 10px 16px}
}
@media(max-width:390px){
  #view-ranking .rank-grid-head{grid-template-columns:34px minmax(0,1fr) 58px;column-gap:5px}
  #view-ranking .rank-grid-row{
    grid-template-columns:34px minmax(0,1fr) 58px;
    grid-template-rows:minmax(40px,auto) 28px;
    padding-left:6px;
    padding-right:6px;
    column-gap:5px;
  }
  #view-ranking .rank-grid-row .uname{gap:6px}
  #view-ranking .rank-grid-row .uname img{width:28px;height:28px;flex-basis:28px}
  #view-ranking .rank-grid-row .rank-name{font-size:11.5px}
  #view-ranking .rank-grid-row .fdot{width:21px;height:21px;font-size:9px}
}


/* ===== v3.1.2 — połączony Stan konta + Pula tygodnia ===== */
.mrc-wallet-merged{
  position:relative;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  gap:16px 20px;
  margin-bottom:14px;
  padding:20px;
  overflow:hidden;
}
.mrc-wallet-merged .mrc-wallet-main{padding-right:210px;min-width:0}
.mrc-wallet-merged .mrc-wallet-label{
  display:block;
  color:#fff;
  font-size:19px;
  line-height:1.15;
  font-weight:850;
}
.mrc-wallet-pooltop{
  position:absolute;
  right:20px;
  top:18px;
  display:flex;
  align-items:baseline;
  gap:8px;
  white-space:nowrap;
  z-index:2;
}
.mrc-wallet-pooltop>span{color:#fff;font-size:12px;font-weight:750}
.mrc-wallet-pooltop>b{color:var(--mrc-gold);font-size:16px;font-weight:900}
.mrc-wallet-pooltop b em{color:var(--mrc-gold);font-size:9px;font-style:normal;font-weight:800}
.mrc-wallet-merged .mrc-balance{margin-top:4px}
.mrc-wallet-poolfoot{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);
  gap:16px;
  padding-top:14px;
  border-top:1px solid #24201a;
}
.mrc-wallet-poolcopy{display:flex;flex-direction:column;gap:6px;min-width:0}
.mrc-wallet-poolcopy>span,.mrc-wallet-poolcopy>small{color:#9aa3ad;font-size:11px;line-height:1.45}
.mrc-wallet-poolcopy>small{color:#d3b76c}
.mrc-wallet-poolcopy>strong{font-size:12px;color:#aeb6bf;font-weight:500}
.mrc-wallet-poolcopy b.up,.mrc-wallet-pool-row em.up{color:var(--mrc-up)}
.mrc-wallet-poolcopy b.down,.mrc-wallet-pool-row em.down{color:var(--mrc-down)}
.mrc-wallet-poolboard{padding-left:16px;border-left:1px solid #24201a}
.mrc-wallet-poolboard h4{margin:0 0 7px;color:#fff;font-size:12px}
.mrc-wallet-pool-row{display:grid;grid-template-columns:16px 24px minmax(0,1fr) auto;gap:7px;align-items:center;padding:4px 0;font-size:11px}
.mrc-wallet-pool-row+.mrc-wallet-pool-row{border-top:1px solid #151515}
.mrc-wallet-pool-row img{width:24px;height:24px;border-radius:50%;object-fit:cover}
.mrc-wallet-pool-row>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}
.mrc-wallet-pool-row>em{font-style:normal;font-weight:800}
.mrc-wallet-pool-row.me{color:var(--mrc-gold)}
/* stary osobny panel puli nie jest już używany */
#view-coins>.mrc-pool{display:none!important}

@media(max-width:799px){
  .mrc-wallet-merged{display:block;padding:14px 13px;margin-bottom:10px}
  .mrc-wallet-merged .mrc-wallet-main{padding-right:0;padding-top:0}
  .mrc-wallet-merged .mrc-wallet-label{font-size:17px}
  .mrc-wallet-pooltop{left:auto;right:13px;top:13px;justify-content:flex-end;gap:6px;text-align:right}
  .mrc-wallet-pooltop>span{font-size:11px}
  .mrc-wallet-pooltop>b{font-size:15px}
  .mrc-wallet-pooltop b em{font-size:8px}
  .mrc-wallet-merged .mrc-wallet-side{margin-top:10px}
  .mrc-wallet-poolfoot{display:block;margin-top:11px;padding-top:10px}
  .mrc-wallet-poolcopy>span,.mrc-wallet-poolcopy>small{font-size:9px}
  .mrc-wallet-poolcopy>strong{font-size:10px}
  .mrc-wallet-poolboard{margin-top:9px;padding:9px 0 0;border-left:0;border-top:1px solid #24201a}
}


/* ===== v3.1.3 — korekta nagłówka portfela ===== */
.mrc-wallet-merged .mrc-wallet-label{font-size:19px;font-weight:850;color:#fff}
.mrc-wallet-pooltop{right:16px;justify-content:flex-end;text-align:right}
.mrc-wallet-pooltop>span{font-size:12px;font-weight:750}
.mrc-wallet-pooltop>b{font-size:16px}
@media(max-width:799px){
  .mrc-wallet-merged .mrc-wallet-label{font-size:17px}
  .mrc-wallet-pooltop{left:auto;right:13px;top:13px;gap:6px}
  .mrc-wallet-pooltop>span{font-size:11px}
  .mrc-wallet-pooltop>b{font-size:15px}
}


/* ===== v3.1.4 — progres rangi + czytelna zasada 7% ===== */
.mrc-rank-progress{margin-top:13px;max-width:560px;padding:11px 12px;border:1px solid #27313d;border-radius:11px;background:#07090c}
.mrc-rank-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mrc-rank-progress .mrc-tier{flex:0 0 auto}
.mrc-rank-next{display:flex;align-items:baseline;justify-content:flex-end;gap:5px;min-width:0;color:#8f99a4;font-size:10px}
.mrc-rank-next b{color:#fff;font-size:11px}
.mrc-rank-next strong{color:#65a9ff;font-size:10px;white-space:nowrap}
.mrc-rank-progress-bar{height:7px;margin-top:9px;overflow:hidden;border-radius:999px;background:#1c2025;box-shadow:inset 0 0 0 1px #232930}
.mrc-rank-progress-bar i{display:block;height:100%;border-radius:inherit;background:#0053cb;box-shadow:0 0 14px -5px #1475ed;transition:width .35s ease}
.mrc-rank-progress.max .mrc-rank-progress-bar i{background:#1d9b67}
.mrc-rank-progress-foot{display:flex;align-items:center;justify-content:space-between;margin-top:5px;color:#77828d;font-size:9px;font-variant-numeric:tabular-nums}
.mrc-wallet-smallmeta{display:flex;align-items:center;gap:8px;margin-top:7px}
.mrc-wallet-smallmeta .mrc-grants{display:inline-flex;align-items:center;gap:5px;color:#77828d;font-size:9px}
.mrc-wallet-smallmeta .mrc-grants i{font-size:9px;color:#67809d}

.mrc-pool-rule{display:flex;align-items:flex-start;gap:10px;padding:10px 11px;border:1px solid #3d351b;border-radius:10px;background:#0c0a04}
.mrc-pool-rule>i{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:8px;background:#171203;color:#f0c74e;font-size:13px}
.mrc-pool-rule>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.mrc-pool-rule b{color:#f3f5f7;font-size:11px;line-height:1.3}
.mrc-pool-rule small{color:#9ca5ae;font-size:9px;line-height:1.4}
.mrc-pool-carry-note{display:flex;align-items:center;gap:6px;padding:0 3px;color:#cdb76f!important;font-size:9px!important}
.mrc-week-profit{display:flex;align-items:center;gap:7px;padding:1px 3px;color:#929ca6!important;font-size:10px!important;font-weight:600!important}
.mrc-week-profit>span{color:#929ca6}
.mrc-week-profit>b{font-size:12px}
.mrc-week-profit>em{padding:2px 6px;border:1px solid #29313a;border-radius:999px;color:#aeb7c0;font-size:8px;font-style:normal}

@media(max-width:799px){
  #view-coins .mrc-rank-progress{margin-top:9px;padding:9px 10px;max-width:none}
  #view-coins .mrc-rank-progress-head{gap:8px}
  #view-coins .mrc-rank-next{flex-wrap:wrap;gap:2px 4px;font-size:8px;line-height:1.2}
  #view-coins .mrc-rank-next b{font-size:9px}
  #view-coins .mrc-rank-next strong{width:100%;text-align:right;font-size:8px}
  #view-coins .mrc-rank-progress-bar{height:6px;margin-top:7px}
  #view-coins .mrc-rank-progress-foot{font-size:8px}
  #view-coins .mrc-wallet-smallmeta{margin-top:5px}
  #view-coins .mrc-pool-rule{gap:8px;padding:8px 9px}
  #view-coins .mrc-pool-rule>i{width:27px;height:27px;flex-basis:27px;font-size:11px}
  #view-coins .mrc-pool-rule b{font-size:10px}
  #view-coins .mrc-pool-rule small{font-size:8px}
  #view-coins .mrc-week-profit{font-size:9px!important}
  #view-coins .mrc-week-profit>b{font-size:11px}
}


/* ===== v3.1.5 — przebudowa panelu skrzynek na telefonach ===== */
@media(max-width:799px){
  .mrc-crate-page{display:flex;flex-direction:column;gap:12px}
  .mrc-crate-available{padding:14px 14px 12px;border-radius:14px;grid-template-columns:48px minmax(0,1fr);gap:10px}
  .mrc-crate-available-icon{width:46px;height:46px;border-radius:13px;font-size:19px}
  .mrc-crate-available-copy>span{font-size:9px;letter-spacing:.11em}
  .mrc-crate-available-copy h3{margin:2px 0 6px;font-size:21px;line-height:1.08}
  .mrc-crate-available-copy h3 strong{font-size:25px}
  .mrc-crate-available-copy p{font-size:11px;line-height:1.4}
  .mrc-crate-check{grid-column:1 / -1;min-height:40px;margin-top:2px;border-radius:11px;font-size:11px}

  .mrc-crate-progress-v307{padding:12px 14px;border-radius:14px}
  .mrc-crate-progress-head span{font-size:11px}
  .mrc-crate-progress-head b{font-size:18px}
  .mrc-crate-progress-note{font-size:10px}

  .mrc-crate-slider-head{align-items:flex-start;gap:4px;margin:0;padding:0 2px}
  .mrc-crate-slider-head>div>span{font-size:10px;color:#7db8ff}
  .mrc-crate-slider-head h4{margin:2px 0 0;font-size:22px;line-height:1.08;letter-spacing:-.03em}
  .mrc-crate-slider-head>small{display:none!important}

  .mrc-crate-slider{position:relative;display:block;padding:0 0 2px}
  .mrc-crate-slider-rail{
    display:flex;
    gap:12px;
    overflow-x:auto;
    padding:4px 20px 10px;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:20px;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .mrc-crate-slider-rail::-webkit-scrollbar{display:none}
  .mrc-crate-slider-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:3;
    width:34px;
    min-height:72px;
    height:72px;
    border-radius:12px;
    background:rgba(7,10,14,.96);
    border-color:#223244;
    color:#d8e6f5;
    box-shadow:0 10px 28px -20px rgba(0,0,0,.85);
  }
  .mrc-crate-slider-arrow.prev{left:0}
  .mrc-crate-slider-arrow.next{right:0}
  .mrc-crate-slider-arrow:hover{background:#0a1422}

  .crate-v307 .mrc-crate-tier-big{
    flex:0 0 calc(100vw - 98px);
    min-width:calc(100vw - 98px);
    max-width:315px;
    min-height:210px;
    gap:10px;
    padding:42px 14px 16px;
    border-radius:18px;
    scroll-snap-align:center;
    box-shadow:none;
  }
  .mrc-crate-tier-big::before{inset:auto 14px 0;height:4px}
  .mrc-crate-tier-big.selected{outline-width:2px;outline-offset:1px}
  .mrc-crate-card-rarity{
    left:10px;
    top:10px;
    right:auto;
    max-width:136px;
    padding:5px 6px;
    border-radius:10px;
    background:rgba(7,10,14,.92);
    border-color:#273140;
  }
  .mrc-crate-card-rarity small{font-size:8px}
  .mrc-crate-card-rarity span{gap:2px}
  .mrc-crate-card-rarity em{font-size:8px;gap:3px}
  .mrc-crate-card-rarity em i{width:5px;height:5px}
  .mrc-crate-big-badge{
    right:10px;
    top:10px;
    min-width:52px;
    padding:7px 9px 6px;
    border-radius:12px;
    background:rgba(8,11,15,.95);
    border:1px solid #273140;
  }
  .mrc-crate-big-badge b{font-size:18px;line-height:1}
  .mrc-crate-big-badge small{font-size:8px}
  .mrc-crate-big-icon{width:84px;height:84px;border-radius:22px;font-size:36px}
  .mrc-crate-big-copy{gap:5px}
  .mrc-crate-big-copy strong{font-size:22px;line-height:1.05;letter-spacing:-.03em}
  .mrc-crate-big-copy small{min-height:24px;font-size:11px;line-height:1.35;color:#95a0ac}
  .mrc-crate-big-status{min-height:38px;padding:10px 14px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.01em}

  .mrc-crate-focus{
    padding:15px 14px 14px;
    border-radius:16px;
    background:linear-gradient(180deg,#0a0b0d,#070707);
  }
  .mrc-crate-focus-top{grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center}
  .mrc-crate-focus-icon{width:44px;height:44px;border-radius:12px;font-size:18px}
  .mrc-crate-focus-top div small{font-size:9px}
  .mrc-crate-focus-top h3{margin:3px 0 0;font-size:18px;line-height:1.08}
  .mrc-crate-focus-top>strong{font-size:22px}
  .mrc-crate-focus-top>strong small{display:block;margin-top:1px;font-size:9px;text-align:right}
  .mrc-crate-action{margin-top:12px}
  .mrc-crate-open-big,.mrc-crate-wait-big{min-height:46px;padding:12px 14px;border-radius:13px;font-size:12px}
  .mrc-crate-wait-big span{line-height:1.35}

  .mrc-case-stage{margin-top:10px}
  .mrc-limited-compact{margin-top:10px}
  .mrc-crate-history.compact{margin-top:10px}
}


/* v3.1.6 — slider skrzynek bez strzałek */
.mrc-crate-slider-no-arrows{display:block!important;padding:0!important}
.mrc-crate-slider-no-arrows .mrc-crate-slider-rail{width:100%;padding-left:3px;padding-right:3px}
@media(max-width:799px){.mrc-crate-slider-no-arrows .mrc-crate-slider-rail{padding-left:2px;padding-right:18px;scroll-padding-inline:2px}}


/* ===== v3.1.8 — Odznaki: duże karty jak skrzynki, bez strzałek ===== */
#view-badges .badge-overview{gap:10px;margin-bottom:24px}
#view-badges .badge-group{margin-top:26px}
#view-badges .badge-group-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 2px 10px}
#view-badges .badge-group-head>div{display:flex;flex-direction:column;gap:2px}
#view-badges .badge-group-head h3{margin:0;font-size:18px;letter-spacing:-.02em}
#view-badges .badge-group-head small{font-size:10px;color:#77828e;font-weight:500}
#view-badges .badge-group-head>span{min-width:46px;padding:5px 9px;border:1px solid #252b31;border-radius:999px;background:#08090b;color:#aeb7c1;font-size:10px;font-weight:850;text-align:center}
#view-badges .badge-carousel-arrow{display:none!important}
#view-badges .badge-carousel-shell{overflow:hidden;padding:0}
#view-badges .badge-carousel-rail{
  display:flex!important;
  gap:14px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:5px 2px 12px!important;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:thin!important;
  scrollbar-color:#303842 transparent!important;
  overscroll-behavior-inline:contain;
}
#view-badges .badge-carousel-rail::-webkit-scrollbar{display:block!important;height:6px}
#view-badges .badge-carousel-rail::-webkit-scrollbar-track{background:transparent}
#view-badges .badge-carousel-rail::-webkit-scrollbar-thumb{background:#303842;border-radius:999px}
#view-badges .badge-inventory-item{
  flex:0 0 220px!important;
  min-width:220px!important;
  min-height:268px!important;
  gap:9px!important;
  padding:18px 15px 15px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#090b0d,#060606)!important;
  scroll-snap-align:start!important;
}
#view-badges .badge-inventory-item:before{top:18px;bottom:18px;width:3px}
#view-badges .badge-item-preview{width:104px!important;height:104px!important;min-height:104px!important;margin:4px auto 5px!important}
#view-badges .badge-item-icon{width:70px!important;height:70px!important;font-size:32px!important}
#view-badges .badge-item-icon i.fa-solid{font-size:32px!important}
#view-badges .badge-item-tier{min-height:22px;padding:3px 9px;font-size:9px}
#view-badges .badge-inventory-item>b{min-height:36px!important;font-size:16px!important;font-weight:850!important;line-height:1.15!important}
#view-badges .badge-item-desc{min-height:34px!important;font-size:10px!important;line-height:1.45!important;-webkit-line-clamp:2}
#view-badges .badge-item-progress{height:6px;margin-top:auto}
#view-badges .badge-inventory-item .ar-badge-state{min-height:18px;font-size:10px!important}

@media(max-width:799px){
  #view-badges>.view-heading{margin-bottom:12px}
  #view-badges>.view-heading h2{font-size:20px}
  #view-badges>.view-heading p{font-size:11px;line-height:1.4}
  #view-badges .badge-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:18px}
  #view-badges .badge-overview>div{min-width:0;padding:10px 7px;border-radius:12px}
  #view-badges .badge-overview i{display:none}
  #view-badges .badge-overview b{font-size:17px}
  #view-badges .badge-overview small{font-size:8px;line-height:1.2}
  #view-badges .badge-group{margin-top:20px}
  #view-badges .badge-group-head{margin-bottom:8px}
  #view-badges .badge-group-head h3{font-size:16px}
  #view-badges .badge-group-head small{font-size:9px}
  #view-badges .badge-carousel-rail{gap:10px!important;padding:4px 2px 10px!important;scroll-padding-inline:2px}
  #view-badges .badge-inventory-item{
    flex:0 0 min(245px,74vw)!important;
    min-width:min(245px,74vw)!important;
    min-height:278px!important;
    padding:18px 14px 15px!important;
    border-radius:17px!important;
  }
  #view-badges .badge-item-preview{width:112px!important;height:112px!important;min-height:112px!important}
  #view-badges .badge-item-icon{width:74px!important;height:74px!important}
  #view-badges .badge-item-icon i.fa-solid{font-size:35px!important}
  #view-badges .badge-inventory-item>b{font-size:17px!important;min-height:38px!important}
  #view-badges .badge-item-desc{font-size:11px!important;min-height:36px!important}
  #view-badges .badge-item-progress{height:7px}
  #view-badges .badge-inventory-item .ar-badge-state{font-size:10px!important}
}


/* ===== v3.1.9 — ekwipunek mobile fix: bez strzałek i bez rozsadzania layoutu ===== */
#view-inventory,
#view-inventory .mrc-inventory,
#view-inventory .mrc-workshop,
#view-inventory .mrc-workshop-main,
#view-inventory .mrc-craft-grid,
#view-inventory .mrc-inventory-summary,
#view-inventory .mrc-slot,
#view-inventory .mrc-carousel-shell,
#view-inventory .mrc-carousel-rail{min-width:0;max-width:100%;box-sizing:border-box}
#view-inventory{overflow-x:hidden}
#view-inventory .mrc-inventory{width:100%;overflow-x:hidden;gap:12px}
#view-inventory .mrc-workshop{width:100%;overflow:hidden}
#view-inventory .mrc-craft-grid{width:100%}
#view-inventory .mrc-craft-btn{width:100%}
#view-inventory .mrc-inventory-summary>div{min-width:0}
#view-inventory .mrc-carousel-shell{padding:0;overflow:hidden}
#view-inventory .mrc-carousel-arrow{display:none!important}
#view-inventory .mrc-carousel-rail{display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding:4px 0 10px;gap:12px}
#view-inventory .mrc-carousel-rail::-webkit-scrollbar{height:6px}
#view-inventory .mrc-carousel-rail::-webkit-scrollbar-track{background:transparent}
#view-inventory .mrc-carousel-rail::-webkit-scrollbar-thumb{background:#303842;border-radius:999px}
#view-inventory .mrc-slot h4{padding:0;margin-bottom:10px}
#view-inventory .mrc-slot h4 span{min-width:0}
#view-inventory .mrc-item-actions{margin-top:auto}

@media(max-width:799px){
  #view-inventory>.view-heading{margin-bottom:10px}
  #view-inventory>.view-heading p{font-size:11px;line-height:1.4}
  #view-inventory .mrc-inventory{gap:10px}
  #view-inventory .mrc-workshop{padding:14px 12px;border-radius:14px;gap:10px}
  #view-inventory .mrc-workshop-main .mrc-loot-label{font-size:10px}
  #view-inventory .mrc-workshop-main h3{margin:4px 0 7px;font-size:29px;grid-template-columns:38px minmax(0,1fr);column-gap:10px}
  #view-inventory .mrc-workshop-main h3 i{width:38px;height:38px;font-size:16px}
  #view-inventory .mrc-workshop-main p{font-size:11px;line-height:1.45}
  #view-inventory .mrc-craft-grid{grid-template-columns:1fr;gap:8px}
  #view-inventory .mrc-craft-btn{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;min-height:64px;padding:10px 11px;gap:9px}
  #view-inventory .mrc-craft-btn i{width:34px;height:34px;flex-basis:34px;border-radius:10px}
  #view-inventory .mrc-craft-btn span{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
  #view-inventory .mrc-craft-btn b{font-size:13px}
  #view-inventory .mrc-craft-btn small{font-size:10px;line-height:1.3}
  #view-inventory .mrc-craft-btn em{min-width:48px;padding:6px 8px;font-size:9px}
  #view-inventory .mrc-inventory-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #view-inventory .mrc-inventory-summary>div{padding:12px 11px;min-height:78px}
  #view-inventory .mrc-inventory-summary b{font-size:23px}
  #view-inventory .mrc-inventory-summary>.mrc-item-btn{grid-column:1/-1;min-height:42px}
  #view-inventory .mrc-slot h4{font-size:14px;gap:5px 8px}
  #view-inventory .mrc-slot h4 span{width:100%;font-size:10px}
  #view-inventory .mrc-carousel-rail{gap:10px;padding-bottom:8px}
  #view-inventory .mrc-carousel-rail .mrc-item{flex:0 0 min(72vw,220px);min-width:min(72vw,220px);max-width:min(72vw,220px);min-height:208px;padding:12px 10px;border-radius:15px}
  #view-inventory .mrc-carousel-rail .mrc-item-preview{width:82px;height:82px}
  #view-inventory .mrc-carousel-rail .mrc-item>b{min-height:34px;font-size:15px;line-height:1.15}
  #view-inventory .mrc-carousel-rail .mrc-item>small{font-size:10px}
  #view-inventory .mrc-item-qty{right:8px;top:8px}
  #view-inventory .mrc-item-actions{gap:6px}
  #view-inventory .mrc-item-btn{width:100%;min-height:36px;padding:7px 10px;font-size:11px}
}


/* ===== v3.2.1 — podgląd meczu po kliknięciu formy w rankingu Grid ===== */
#view-ranking .rank-grid-body>.fmatch-grid-row{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  padding:0 14px 16px;
  border-bottom:1px solid var(--line);
  background:transparent;
}
#view-ranking .fmatch-grid-inner{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  padding:12px 14px 14px;
  border:0;
  border-radius:0;
  background:transparent;
}
#view-ranking .rank-form-dots .fdot{position:relative;z-index:2}
@media(max-width:700px){
  #view-ranking .rank-grid-body>.fmatch-grid-row{padding:0 8px 12px}
  #view-ranking .fmatch-grid-inner{padding:10px 9px 12px;border-radius:0}
  #view-ranking .fmcard{padding:2px 0}
  #view-ranking .fmcard .fm-head{margin-bottom:10px}
  #view-ranking .fmcard .fm-score{gap:8px;margin-bottom:10px}
}

/* ===== v3.2.2 — mobilna strzałka rankingu w lewym dolnym rogu ===== */
@media(max-width:700px){
  #view-ranking .rank-grid-row{position:relative}
  #view-ranking .rank-grid-row .rk-exp{
    position:absolute;
    left:9px;
    bottom:7px;
    margin:0;
    font-size:9px;
    opacity:.42;
    line-height:1;
    pointer-events:none;
  }
  #view-ranking .rank-grid-row.open .rk-exp{opacity:.8}
}
@media(max-width:390px){
  #view-ranking .rank-grid-row .rk-exp{left:7px;bottom:7px}
}


/* ===== v3.2.3 — większe avatary w rankingu mobile ===== */
@media(max-width:700px){
  #view-ranking .rank-grid-row{min-height:96px}
  #view-ranking .rank-grid-row .uname img{
    width:36px;
    height:36px;
    flex-basis:36px;
  }
}
@media(max-width:390px){
  #view-ranking .rank-grid-row .uname img{
    width:34px;
    height:34px;
    flex-basis:34px;
  }
}


/* ===== v3.2.4 — desktop readability: odznaki, skrzynki, historia ===== */
@media(min-width:1100px){
  /* Odznaki */
  #view-badges .badge-group-head h3{font-size:20px}
  #view-badges .badge-group-head small{font-size:12px;line-height:1.4}
  #view-badges .badge-group-head>span{font-size:11px}
  #view-badges .badge-inventory-item{flex-basis:238px!important;min-width:238px!important;min-height:292px!important;padding:20px 17px 17px!important}
  #view-badges .badge-item-preview{width:112px!important;height:112px!important;min-height:112px!important}
  #view-badges .badge-item-icon{width:76px!important;height:76px!important;font-size:35px!important}
  #view-badges .badge-item-icon i.fa-solid{font-size:35px!important}
  #view-badges .badge-item-tier{min-height:24px;padding:4px 10px;font-size:10px}
  #view-badges .badge-inventory-item>b{font-size:18px!important}
  #view-badges .badge-item-desc{min-height:42px!important;font-size:12px!important;line-height:1.5!important}
  #view-badges .badge-inventory-item .ar-badge-state{font-size:11px!important}

  /* Skrzynki */
  .mrc-crate-slider-head>div>span{font-size:11px}
  .mrc-crate-slider-head h4{font-size:22px}
  .mrc-crate-slider-head>small{font-size:12px}
  .mrc-crate-tier-big{flex-basis:270px;min-height:282px}
  .mrc-crate-big-copy strong{font-size:19px}
  .mrc-crate-big-copy small{font-size:12px;line-height:1.4}
  .mrc-crate-big-status{padding:6px 11px;font-size:10px}
  .mrc-crate-big-badge b{font-size:19px}
  .mrc-crate-big-badge small{font-size:9px}

  /* Szanse DROP w rogu karty */
  .mrc-crate-card-rarity{max-width:190px;padding:8px 9px;gap:5px}
  .mrc-crate-card-rarity>small{font-size:9px}
  .mrc-crate-card-rarity>span{gap:7px}
  .mrc-crate-card-rarity em{gap:3px;font-size:10px}
  .mrc-crate-card-rarity em b{font-size:10px}
  .mrc-crate-card-rarity em i{width:7px;height:7px}

  .mrc-crate-focus-top div small{font-size:11px}
  .mrc-crate-focus-top h3{font-size:22px}
  .mrc-crate-focus-top>strong{font-size:27px}
  .mrc-crate-focus-top>strong small{font-size:11px}
  .mrc-crate-open-big{font-size:14px}
  .mrc-crate-wait-big{font-size:13px}

  /* Limitowane dropy + ostatnio trafione */
  .mrc-limited-compact summary,.mrc-crate-history.compact summary{padding:13px 15px;font-size:13px}
  .mrc-limited-compact summary span{font-size:11px}
  .mrc-limited-compact>div{gap:8px;padding:0 15px 14px}
  .mrc-limited-compact em{padding:6px 9px;font-size:10px}
  .mrc-crate-history.compact .mrc-loot-log{padding:0 15px 15px}
  .mrc-loot-log{gap:8px}
  .mrc-loot-log li{padding:5px 10px;font-size:12px}
  .mrc-loot-log li i{font-size:10px}

  /* Ekwipunek */
  .mrc-workshop-main .mrc-loot-label{font-size:12px}
  .mrc-workshop-main p{font-size:13px}
  .mrc-craft-btn b{font-size:15px}
  .mrc-craft-btn small{font-size:12px}
  .mrc-craft-btn em{font-size:11px}
  .mrc-slot h4{font-size:17px}
  .mrc-slot h4 span{font-size:12px}
}


/* ===== v3.2.6 — spójne avatary 46px w rankingach ===== */
#view-coins .mrc-rank-row .mrc-who img{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
}
#view-coins .mrc-rank-row{min-height:74px}
#view-coins .mrc-rank-row .mrc-who{gap:10px}
@media(max-width:799px){
  #view-coins .mrc-rank-row .mrc-who img{width:46px!important;height:46px!important;flex-basis:46px!important}
  #view-coins .mrc-rank-row{min-height:76px}
}

/* ===== v3.2.8 — przebudowa karty podawania kuponów ===== */
.mrc-full{gap:18px 24px;max-width:980px;margin:10px auto 8px}
.mrc-msec{padding:8px 0 2px}
.mrc-msec h5{
  display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;
  margin:0 0 12px;text-align:left;font-size:22px;font-weight:900;line-height:1.15;color:#fff;
}
.mrc-msec h5 .mrc-sec-num{color:var(--mrc-gold);font-size:20px;font-weight:900;letter-spacing:-.02em}
.mrc-msec h5 .mrc-sec-title{color:#fff}
.mrc-msec h5 .mrc-sec-meta{
  margin-left:auto;padding:6px 10px;border-radius:999px;border:1px solid #2a3138;
  background:#0b1016;color:#aab4bf;font-size:12px;font-weight:700;line-height:1;
}
.mrc-msec.m-x12 .mrc-odds{max-width:none;margin-inline:0}
.mrc-odds{gap:12px}
.mrc-odd{
  position:relative;gap:4px;min-height:86px;padding:12px 10px;
  border:1px solid #28313a;border-radius:16px;background:linear-gradient(180deg,#0d1117,#090b0f);
  box-shadow:0 8px 22px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.mrc-odd:hover{transform:translateY(-1px);background:linear-gradient(180deg,#10161d,#0b0e14);border-color:#384554;box-shadow:0 12px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04)}
.mrc-odd:active{transform:translateY(0)}
.mrc-odd.on{border-color:var(--mrc-gold);background:linear-gradient(180deg,rgba(255,191,64,.12),rgba(255,191,64,.04)),#0f0d08;box-shadow:0 0 0 1px rgba(255,191,64,.14),0 14px 30px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.04)}
.mrc-odd span{font-size:12px;font-weight:800;color:#c1cad4;line-height:1.1}
.mrc-odd b{font-size:31px;font-weight:900;letter-spacing:-.03em;line-height:1.05;color:#fff}
.mrc-odd.on b{color:#ffd164}
.mrc-odd small{font-size:12px;line-height:1.25;color:#8c98a5;white-space:normal;text-align:center;text-wrap:balance}
.mrc-odd .mrc-crest{width:28px;height:28px;margin-bottom:4px}
.mrc-draw{width:30px;height:30px;font-size:14px;border-radius:50%;background:#12161c;color:#d8dee6;border:1px solid #26303a}

.mrc-score{
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:center;
  padding:18px;border:1px solid #20262d;border-radius:18px;background:linear-gradient(180deg,#0b0f15,#090b0f);
  box-shadow:0 10px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03);
}
.mrc-score-side>span{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:700;color:#d3dbe4;white-space:normal;text-wrap:balance}
.mrc-score-side .mrc-crest.sm{width:24px;height:24px}
.mrc-step{gap:10px}
.mrc-step button{
  width:42px;height:42px;border:1px solid #2a3440;border-radius:12px;background:#0d1117;color:#fff;
  font-size:20px;font-weight:900;box-shadow:0 6px 14px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03);
  transition:transform .15s ease, border-color .15s ease, background .15s ease;
}
.mrc-step button:hover{background:#10161d;border-color:#425163;transform:translateY(-1px)}
.mrc-step b{min-width:34px;font-size:40px;font-weight:900;line-height:1;color:#fff}
.mrc-score-mid{padding:0 6px;min-width:110px}
.mrc-score-mid b{font-size:44px;font-weight:900;letter-spacing:-.04em;color:#ffd164}
.mrc-score-mid small{font-size:12px;font-weight:700;color:#93a0ad;text-transform:uppercase;letter-spacing:.04em}

.mrc-popular{margin-top:14px;gap:10px}
.mrc-chip{
  padding:10px 14px;border:1px solid #27313a;border-radius:999px;background:#0d1015;color:#dce3ea;
  font-size:13px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.mrc-chip:hover{color:#fff;background:#11161d;border-color:#3b4652}
.mrc-chip.on{border-color:var(--mrc-gold);color:#ffd164;background:rgba(255,191,64,.08)}

.mrc-odds-4{gap:12px}
.mrc-odds-4 .mrc-odd{min-height:96px}
.mrc-odds-4 .mrc-odd span{font-size:18px;font-weight:900;color:#fff}
.mrc-odds-4 .mrc-odd b{font-size:28px}
.mrc-odds-4 .mrc-odd small{font-size:12px}

.mrc-hint{margin-top:14px;padding:12px 14px;border:1px solid #20262d;border-radius:14px;background:#0a0d12;color:#98a3ae}

@media (max-width: 860px){
  .mrc-full{gap:16px;max-width:none;margin-top:8px}
  .mrc-msec h5{font-size:18px;margin-bottom:10px;gap:8px}
  .mrc-msec h5 .mrc-sec-num{font-size:17px}
  .mrc-msec h5 .mrc-sec-meta{width:100%;margin-left:0;justify-content:flex-start;font-size:11px;padding:5px 9px}
  .mrc-odds{gap:10px}
  .mrc-odd{min-height:78px;padding:10px 8px;border-radius:14px}
  .mrc-odd b{font-size:26px}
  .mrc-odd small{font-size:11px}
  .mrc-score{gap:12px;padding:14px;border-radius:16px}
  .mrc-score-side>span{font-size:12px;margin-bottom:8px}
  .mrc-step button{width:38px;height:38px;border-radius:11px;font-size:18px}
  .mrc-step b{font-size:32px;min-width:28px}
  .mrc-score-mid{min-width:84px}
  .mrc-score-mid b{font-size:36px}
  .mrc-odds-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mrc-odds-4 .mrc-odd span{font-size:17px}
  .mrc-odds-4 .mrc-odd b{font-size:24px}
}

@media (max-width: 520px){
  .mrc-msec h5{font-size:16px}
  .mrc-odd b{font-size:24px}
  .mrc-odd span{font-size:11px}
  .mrc-score{grid-template-columns:1fr;gap:14px;text-align:center}
  .mrc-score-mid{order:-1}
  .mrc-score-side>span{justify-content:center}
  .mrc-step b{font-size:30px}
  .mrc-score-mid b{font-size:34px}
  .mrc-chip{font-size:12px;padding:9px 12px}
}


/* ===== v3.3.7 — PC: skrzynki NIE rozsadzają strony ===== */
@media(min-width:800px){
  #view-crate,
  #view-crate>.command-content,
  #view-crate>.command-content-wide,
  #view-crate .mrc-crate-page,
  #view-crate .mrc-crate-slider,
  #view-crate .mrc-crate-slider-no-arrows,
  #view-crate .mrc-crate-slider-rail,
  #view-crate .mrc-crate-focus,
  #view-crate .mrc-crate-available,
  #view-crate .mrc-crate-progress-card{
    width:100%;
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }

  #view-crate,
  #view-crate>.command-content,
  #view-crate>.command-content-wide,
  #view-crate .mrc-crate-page,
  #view-crate .mrc-crate-slider,
  #view-crate .mrc-crate-slider-no-arrows{
    overflow-x:hidden;
  }

  #view-crate .mrc-crate-slider-rail{
    display:flex;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:5px 2px 10px;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
    scrollbar-color:#15191e #050505;
  }
  #view-crate .mrc-crate-slider-rail::-webkit-scrollbar{height:7px}
  #view-crate .mrc-crate-slider-rail::-webkit-scrollbar-track{background:#050505}
  #view-crate .mrc-crate-slider-rail::-webkit-scrollbar-thumb{background:#15191e;border-radius:999px;border:1px solid #050505}
  #view-crate .mrc-crate-slider-rail::-webkit-scrollbar-thumb:hover{background:#252b31}

  #view-crate .mrc-crate-tier-big{
    flex:0 0 250px;
    min-width:250px;
    max-width:250px;
    box-sizing:border-box;
  }
}

/* Na normalnym/szerokim PC cztery skrzynki mieszczą się W KONTENERZE, bez overflow strony. */
@media(min-width:1180px){
  #view-crate .mrc-crate-slider-rail{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    overflow-x:hidden;
    padding-left:0;
    padding-right:0;
  }
  #view-crate .mrc-crate-tier-big{
    flex:none !important;
    width:100%;
    min-width:0 !important;
    max-width:none !important;
    min-height:268px;
  }
  #view-crate .mrc-crate-card-rarity{max-width:min(180px,68%)}
}

/* Duży desktop: wykorzystaj całą dostępną szerokość gry. */
@media(min-width:800px){
  .app.game-shell{width:100% !important;max-width:none !important;margin:0 !important}
  .game-main{width:100%;min-width:0}
  .game-main>.view,.game-main>#welcome-slot,.game-main>#boot{width:100% !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important;min-width:0}
}

/* ===== v3.3.8 — otwieranie skrzynki jak w CS2: pełny modal z ruletką ===== */
.mrc-case-dialog{
  width:min(980px,calc(100vw - 28px));
  max-width:980px;
  max-height:calc(100% - 28px);
  padding:0;
  border:1px solid #2c333b;
  border-radius:18px;
  background:#050607;
  color:#fff;
  overflow:hidden;
  box-shadow:0 24px 80px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.025);
}
.mrc-case-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(4px)}
.mrc-case-modal{--crate-color:#9ba4ad;display:flex;flex-direction:column;gap:14px;padding:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--crate-color) 7%,#07090c),#050607 34%)}
.mrc-case-modal-head{display:grid;grid-template-columns:52px minmax(0,1fr) 42px;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #1d2329}
.mrc-case-modal-crate{width:52px;height:52px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--crate-color) 58%,#2b3138);border-radius:13px;background:#090b0f;color:var(--crate-color);font-size:24px;box-shadow:inset 0 0 22px color-mix(in srgb,var(--crate-color) 8%,transparent)}
.mrc-case-modal-head>span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}
.mrc-case-modal-head small{color:#7f8a95;font-size:10px;font-weight:900;letter-spacing:.11em}
.mrc-case-modal-head b{font-size:23px;line-height:1.15;color:#fff}
.mrc-case-modal-close{width:42px;height:42px;border:1px solid #2b323a;border-radius:50%;background:#0a0d11;color:#dbe3eb;font-size:17px;cursor:pointer}
.mrc-case-modal-close:hover:not(:disabled){border-color:#48617c;color:#fff}
.mrc-case-modal-close:disabled{opacity:.28;cursor:not-allowed}
.mrc-case-modal-odds .mrc-rarity-inline{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.mrc-case-modal-odds .mrc-rarity-inline>span{padding:8px 10px;background:#080a0d}

.mrc-case-stage-modal{padding:28px 0 12px;border-color:#303841;border-radius:15px;background:#030405;box-shadow:inset 0 0 70px rgba(0,0,0,.78)}
.mrc-case-stage-modal .mrc-case-window{min-height:190px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.mrc-case-stage-modal .mrc-case-track{gap:10px;padding:14px 50vw 18px 12px}
.mrc-case-stage-modal .mrc-roll-card{flex:0 0 172px;height:158px;padding:13px;border-radius:12px;background:#090b0e}
.mrc-case-stage-modal .mrc-roll-card:before{height:5px}
.mrc-case-stage-modal .mrc-roll-icon{width:62px;height:62px;font-size:30px;border-radius:14px}
.mrc-case-stage-modal .mrc-roll-card b{font-size:13px}
.mrc-case-stage-modal .mrc-roll-card small{font-size:10px}
.mrc-case-stage-modal .mrc-case-pointer{color:var(--crate-color);filter:drop-shadow(0 0 9px color-mix(in srgb,var(--crate-color) 74%,transparent))}
.mrc-case-stage-modal .mrc-case-pointer.top{top:0}
.mrc-case-stage-modal .mrc-case-pointer.bottom{top:auto;bottom:-2px;align-items:end}
.mrc-case-stage-modal .mrc-case-pointer.bottom:after{top:auto;bottom:22px;height:166px;background:linear-gradient(0deg,var(--crate-color),rgba(255,255,255,.05))}
.mrc-case-stage-modal .mrc-case-pointer.top:after{bottom:-165px;background:linear-gradient(var(--crate-color),rgba(255,255,255,.05))}
.mrc-case-stage-modal.is-finished{animation:mrcCaseModalHit .42s ease-out}
.mrc-case-stage-modal .mrc-roll-card.won{border-color:var(--loot-color);box-shadow:0 0 0 1px var(--loot-color),0 0 28px -5px var(--loot-color);transform:scale(1.025);z-index:2}
@keyframes mrcCaseModalHit{0%{filter:none}35%{filter:brightness(1.25)}100%{filter:none}}

.mrc-case-modal-status{min-height:34px;display:flex;align-items:center;justify-content:center;gap:9px;color:#9aa6b2;font-size:12px;font-weight:800;letter-spacing:.03em}
.mrc-case-modal-status i{color:var(--crate-color)}
.mrc-case-modal-result[hidden],.mrc-case-modal-actions[hidden]{display:none!important}
.mrc-case-modal-result .mrc-reward-card{min-height:150px;margin-top:2px}
.mrc-case-modal-actions{display:flex;justify-content:center;padding-top:2px}
.mrc-case-claim{min-width:250px;min-height:48px;padding:12px 22px;border:1px solid color-mix(in srgb,var(--crate-color) 65%,#34404c);border-radius:12px;background:color-mix(in srgb,var(--crate-color) 14%,#08101a);color:#fff;font-size:12px;font-weight:950;letter-spacing:.04em;cursor:pointer;box-shadow:0 10px 28px -18px var(--crate-color)}
.mrc-case-claim:hover{filter:brightness(1.08)}

@media(max-width:700px){
  .mrc-case-dialog{width:calc(100vw - 14px);max-height:calc(100% - 14px);border-radius:14px}
  .mrc-case-modal{padding:12px;gap:10px}
  .mrc-case-modal-head{grid-template-columns:44px minmax(0,1fr) 38px;gap:9px;padding-bottom:10px}
  .mrc-case-modal-crate{width:44px;height:44px;font-size:20px;border-radius:11px}
  .mrc-case-modal-head b{font-size:18px}
  .mrc-case-modal-head small{font-size:9px}
  .mrc-case-modal-close{width:38px;height:38px}
  .mrc-case-modal-odds{overflow-x:auto;scrollbar-width:thin}
  .mrc-case-modal-odds .mrc-rarity-inline{min-width:520px}
  .mrc-case-stage-modal{padding-top:24px}
  .mrc-case-stage-modal .mrc-case-window{min-height:146px}
  .mrc-case-stage-modal .mrc-roll-card{flex-basis:128px;height:124px;padding:9px}
  .mrc-case-stage-modal .mrc-roll-icon{width:48px;height:48px;font-size:23px}
  .mrc-case-stage-modal .mrc-roll-card b{font-size:11px}
  .mrc-case-stage-modal .mrc-case-pointer.top:after{bottom:-121px}
  .mrc-case-stage-modal .mrc-case-pointer.bottom:after{height:122px}
  .mrc-case-modal-result .mrc-reward-card{min-height:135px}
  .mrc-case-claim{width:100%;min-width:0}
}

@media(prefers-reduced-motion:reduce){
  .mrc-case-stage-modal .mrc-case-track{transition-duration:.01ms!important}
  .mrc-case-stage-modal,.mrc-case-stage-modal .mrc-roll-card.won{animation:none!important;transform:none}
}


/* ===== v3.3.10 — TOP 3: kosmetyki mają pierwszeństwo przed podium ===== */
#view-ranking .rk-main.rk-podium.mrc-row-skin{
  /* kolor podium nie nadpisuje wyposażonego tła rankingu */
  background-color:transparent;
}
#view-ranking .rk-main.rk-podium .uname img.mrc-av[class*="f-"]{
  /* ramka z ekwipunku ma być widoczna również w TOP 3 */
  outline:none;
}
#view-ranking .rk-main.rk-podium .uname img.mrc-av.e-glow,
#view-ranking .rk-main.rk-podium .uname img.mrc-av.e-aura,
#view-ranking .rk-main.rk-podium .uname img.mrc-av.e-lightning,
#view-ranking .rk-main.rk-podium .uname img.mrc-av.e-flames,
#view-ranking .rk-main.rk-podium .uname img.mrc-av.e-strobe,
#view-ranking .rk-main.rk-podium .uname img.mrc-av.e-seasonflare{
  position:relative;
  z-index:3;
}


/* ===== v3.3.11 — modal ruletki zawsze idealnie na środku + grafiki itemów ===== */
.mrc-case-dialog{
  position:fixed !important;
  inset:auto !important;
  top:50% !important;
  left:50% !important;
  transform:translate(-50%,-50%) !important;
  margin:0 !important;
  max-height:calc(100vh - 28px) !important;
  overflow:auto;
  overscroll-behavior:contain;
}
.mrc-case-dialog[open]{display:block}
.mrc-case-stage-modal .mrc-roll-icon.mrc-roll-art{
  width:92px;
  height:92px;
  padding:0;
  border:0;
  background:transparent;
  overflow:visible;
}
.mrc-case-stage-modal .mrc-roll-art img{
  display:block;
  width:92px;
  height:92px;
  object-fit:contain;
  filter:drop-shadow(0 9px 15px rgba(0,0,0,.42));
}
.mrc-case-stage-modal .mrc-roll-art>i{
  width:62px;
  height:62px;
  place-items:center;
}
.mrc-reward-card .mrc-reward-icon{
  width:112px;
  height:112px;
  padding:0;
  background:transparent;
  border:0;
}
.mrc-reward-card .mrc-reward-art{
  display:block;
  width:112px;
  height:112px;
  object-fit:contain;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.46));
}
.mrc-reward-card .mrc-reward-icon>i{
  width:76px;
  height:76px;
  place-items:center;
}
@media(max-width:700px){
  .mrc-case-dialog{
    width:calc(100vw - 14px) !important;
    max-height:calc(100vh - 14px) !important;
  }
  .mrc-case-stage-modal .mrc-roll-icon.mrc-roll-art,
  .mrc-case-stage-modal .mrc-roll-art img{width:72px;height:72px}
  .mrc-reward-card .mrc-reward-icon,
  .mrc-reward-card .mrc-reward-art{width:92px;height:92px}
}

/* ===== v3.3.13 — prawdziwe PNG skrzynek + obrazki nagród wszędzie ===== */
.mrc-crate-big-icon{
  width:132px!important;
  height:112px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible;
}
.mrc-crate-big-icon>span{display:none!important}
.mrc-crate-card-art{
  display:block;
  width:132px;
  height:112px;
  object-fit:contain;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.48));
  transition:transform .18s ease,filter .18s ease;
}
.mrc-crate-tier-big:hover .mrc-crate-card-art{transform:translateY(-3px) scale(1.035)}
/* Zwykła celowo ciemna i surowa; srebrna dużo jaśniejsza/chłodniejsza. */
.mrc-crate-tier-big.standard .mrc-crate-card-art{
  filter:brightness(.68) saturate(.58) contrast(1.18) drop-shadow(0 14px 18px rgba(0,0,0,.58));
}
.mrc-crate-tier-big.silver .mrc-crate-card-art{
  filter:brightness(1.18) saturate(.9) contrast(1.04) drop-shadow(0 0 20px rgba(86,164,255,.28)) drop-shadow(0 14px 18px rgba(0,0,0,.42));
}
.mrc-crate-tier-big.gold .mrc-crate-card-art{filter:saturate(1.08) drop-shadow(0 0 18px rgba(255,195,55,.22)) drop-shadow(0 14px 18px rgba(0,0,0,.42))}
.mrc-crate-tier-big.royal .mrc-crate-card-art{filter:saturate(1.12) drop-shadow(0 0 21px rgba(199,100,255,.3)) drop-shadow(0 14px 18px rgba(0,0,0,.42))}
.crate-v307 .mrc-crate-tier-big{padding-top:46px!important}

.mrc-crate-focus-icon{
  width:74px!important;
  height:62px!important;
  border:0!important;
  background:transparent!important;
  overflow:visible;
}
.mrc-crate-focus-art{display:block;width:74px;height:62px;object-fit:contain;filter:drop-shadow(0 9px 12px rgba(0,0,0,.4))}
.mrc-crate-focus-top{grid-template-columns:78px minmax(0,1fr) auto!important}

.mrc-case-modal-head{grid-template-columns:92px minmax(0,1fr) 42px!important}
.mrc-case-modal-crate{
  width:92px!important;
  height:74px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible;
}
.mrc-case-crate-art{display:block;width:92px;height:74px;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(0,0,0,.55))}
.mrc-case-modal.tier-standard .mrc-case-crate-art{filter:brightness(.68) saturate(.58) contrast(1.18) drop-shadow(0 12px 16px rgba(0,0,0,.62))}
.mrc-case-modal.tier-silver .mrc-case-crate-art{filter:brightness(1.16) drop-shadow(0 0 15px rgba(79,156,255,.25)) drop-shadow(0 12px 16px rgba(0,0,0,.5))}
.mrc-case-modal.tier-gold .mrc-case-crate-art{filter:drop-shadow(0 0 16px rgba(255,211,92,.22)) drop-shadow(0 12px 16px rgba(0,0,0,.48))}
.mrc-case-modal.tier-royal .mrc-case-crate-art{filter:drop-shadow(0 0 18px rgba(201,120,255,.28)) drop-shadow(0 12px 16px rgba(0,0,0,.48))}
.mrc-case-modal-head em{font-size:10px;color:#8c98a5;font-style:normal;line-height:1.3}

/* Ruletka: grafika nagrody jest najważniejsza, karta zostaje ciemna/minimalistyczna. */
.mrc-case-stage-modal .mrc-roll-card{
  flex-basis:176px;
  height:174px;
  padding:10px 10px 12px;
  border-color:#222a32;
  background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--loot-color) 9%,transparent),transparent 46%),#080a0d;
}
.mrc-case-stage-modal .mrc-roll-icon.mrc-roll-art,
.mrc-case-stage-modal .mrc-roll-art img{width:104px!important;height:104px!important}
.mrc-case-stage-modal .mrc-roll-art img{filter:drop-shadow(0 11px 18px rgba(0,0,0,.48))}
.mrc-case-stage-modal .mrc-roll-card b{font-size:13px;line-height:1.15}
.mrc-case-stage-modal .mrc-roll-card small{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--loot-color)}

/* Ekwipunek: zamiast generycznych ikon pokazuj właściwy PNG kosmetyku. */
.mrc-item-art-preview{position:relative;z-index:2;display:grid;place-items:center;width:100%;height:100%;border-radius:50%}
.mrc-item-art-preview img{display:block;width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 8px 13px rgba(0,0,0,.42))}
.mrc-item-art-preview>i{width:48px;height:48px;place-items:center;color:var(--loot-color);font-size:22px}
.mrc-inventory .mrc-carousel-rail .mrc-item-preview{overflow:visible!important}
.mrc-inventory .mrc-carousel-rail .mrc-item-preview .mrc-item-art-preview{position:relative;z-index:3}
.mrc-inventory .mrc-carousel-rail .mrc-item-preview .mrc-item-art-preview img{width:86px;height:86px}

/* Warsztat: miniatura faktycznej skrzynki. */
.mrc-craft-crate-art{width:52px;height:44px;display:grid;place-items:center;flex:0 0 52px}
.mrc-craft-crate-art img{display:block;width:52px;height:44px;object-fit:contain;filter:drop-shadow(0 7px 9px rgba(0,0,0,.42))}
.mrc-craft-btn.silver .mrc-craft-crate-art img{filter:brightness(1.13) drop-shadow(0 0 10px rgba(79,156,255,.18)) drop-shadow(0 7px 9px rgba(0,0,0,.42))}
.mrc-craft-btn.gold .mrc-craft-crate-art img{filter:drop-shadow(0 0 10px rgba(255,211,92,.16)) drop-shadow(0 7px 9px rgba(0,0,0,.42))}
.mrc-craft-btn.royal .mrc-craft-crate-art img{filter:drop-shadow(0 0 11px rgba(201,120,255,.2)) drop-shadow(0 7px 9px rgba(0,0,0,.42))}

/* Historia dropów: małe miniatury itemów. */
.mrc-loot-log li{display:inline-flex;align-items:center;gap:6px}
.mrc-loot-log li img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(0,0,0,.35))}
.mrc-loot-log li span{min-width:0}

@media(max-width:799px){
  .mrc-crate-big-icon{width:112px!important;height:96px!important}
  .mrc-crate-card-art{width:112px;height:96px}
  .mrc-crate-focus-top{grid-template-columns:58px minmax(0,1fr) auto!important}
  .mrc-crate-focus-icon,.mrc-crate-focus-art{width:56px!important;height:48px!important}
  .mrc-case-modal-head{grid-template-columns:64px minmax(0,1fr) 38px!important}
  .mrc-case-modal-crate,.mrc-case-crate-art{width:64px!important;height:54px!important}
  .mrc-case-modal-head em{font-size:9px}
  .mrc-case-stage-modal .mrc-roll-card{flex-basis:138px;height:140px}
  .mrc-case-stage-modal .mrc-roll-icon.mrc-roll-art,
  .mrc-case-stage-modal .mrc-roll-art img{width:78px!important;height:78px!important}
  .mrc-craft-crate-art,.mrc-craft-crate-art img{width:42px;height:36px}
}

/* ===== v3.3.14 — realistyczne ramki avatara PNG / Discord-style overlay ===== */
.mrc-avatar-shell{
  position:relative;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  min-width:0;
  overflow:visible;
  isolation:isolate;
  vertical-align:middle;
}
.mrc-avatar-shell>img{
  position:relative;
  z-index:1;
  display:block;
}
.mrc-avatar-shell.has-frame{
  margin-inline:4px 6px;
}
.mrc-avatar-shell.has-frame::after{
  content:"";
  position:absolute;
  inset:var(--frame-inset,-34%);
  z-index:4;
  pointer-events:none;
  background-image:var(--frame-image);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  filter:var(--frame-filter,drop-shadow(0 0 5px rgba(255,255,255,.18)));
  transform:translateZ(0);
  transform-origin:center;
}

/* realistyczne grafiki wygenerowanych ramek */
.mrc-avatar-shell.f-steel{--frame-image:url('/typer3/assets/frames/f-steel.png?v=3314');--frame-inset:-31%;--frame-filter:drop-shadow(0 0 5px rgba(130,170,215,.35))}
.mrc-avatar-shell.f-silver{--frame-image:url('/typer3/assets/frames/f-silver.png?v=3314');--frame-inset:-31%;--frame-filter:brightness(1.28) saturate(.55) drop-shadow(0 0 7px rgba(215,235,255,.60))}
.mrc-avatar-shell.f-ice{--frame-image:url('/typer3/assets/frames/f-ice.png?v=3314');--frame-inset:-36%;--frame-filter:drop-shadow(0 0 8px rgba(94,211,255,.76));animation:mrcFrameOverlayIce 2.6s ease-in-out infinite}
.mrc-avatar-shell.f-gold{--frame-image:url('/typer3/assets/frames/f-gold.png?v=3314');--frame-inset:-35%;--frame-filter:drop-shadow(0 0 8px rgba(255,198,63,.62));animation:mrcFrameOverlayGold 2.8s ease-in-out infinite}
.mrc-avatar-shell.f-amethyst{--frame-image:url('/typer3/assets/frames/f-amethyst.png?v=3314');--frame-inset:-38%;--frame-filter:drop-shadow(0 0 9px rgba(187,91,255,.72));animation:mrcFrameOverlayAmethyst 2.4s ease-in-out infinite}
.mrc-avatar-shell.f-neon{--frame-image:url('/typer3/assets/frames/f-neon.png?v=3314');--frame-inset:-35%;--frame-filter:drop-shadow(0 0 9px rgba(65,224,255,.72));animation:mrcFrameOverlayNeon 3.2s ease-in-out infinite}
.mrc-avatar-shell.f-electric{--frame-image:url('/typer3/assets/frames/f-electric.png?v=3314');--frame-inset:-39%;--frame-filter:drop-shadow(0 0 10px rgba(73,145,255,.85));animation:mrcFrameOverlayElectric 1.7s steps(2,end) infinite}
.mrc-avatar-shell.f-royal{--frame-image:url('/typer3/assets/frames/f-royal.png?v=3314');--frame-inset:-43%;--frame-filter:drop-shadow(0 0 10px rgba(245,186,45,.72));animation:mrcFrameOverlayRoyal 3s ease-in-out infinite}
.mrc-avatar-shell.f-galaxy{--frame-image:url('/typer3/assets/frames/f-galaxy.png?v=3314');--frame-inset:-40%;--frame-filter:drop-shadow(0 0 10px rgba(181,85,255,.72));animation:mrcFrameOverlayGalaxy 3.5s ease-in-out infinite}

/* PNG zastępuje stare obwódki CSS dla nowych ramek */
.mrc-avatar-shell:is(.f-steel,.f-silver,.f-ice,.f-gold,.f-amethyst,.f-neon,.f-electric,.f-royal,.f-galaxy)>img.mrc-av{
  box-shadow:none!important;
  outline:0!important;
}

/* lekkie animacje dekoracji, avatar pozostaje nieruchomy */
@keyframes mrcFrameOverlayIce{0%,100%{filter:drop-shadow(0 0 6px rgba(94,211,255,.60)) brightness(1)}50%{filter:drop-shadow(0 0 12px rgba(159,238,255,.90)) brightness(1.10)}}
@keyframes mrcFrameOverlayGold{0%,100%{filter:drop-shadow(0 0 6px rgba(255,198,63,.50)) brightness(1)}50%{filter:drop-shadow(0 0 12px rgba(255,218,113,.82)) brightness(1.08)}}
@keyframes mrcFrameOverlayAmethyst{0%,100%{filter:drop-shadow(0 0 7px rgba(187,91,255,.58)) brightness(1)}50%{filter:drop-shadow(0 0 14px rgba(218,133,255,.90)) brightness(1.10)}}
@keyframes mrcFrameOverlayNeon{0%,100%{filter:drop-shadow(0 0 7px rgba(65,224,255,.58)) hue-rotate(0deg)}50%{filter:drop-shadow(0 0 14px rgba(158,91,255,.82)) hue-rotate(18deg)}}
@keyframes mrcFrameOverlayElectric{0%,82%,100%{filter:drop-shadow(0 0 7px rgba(73,145,255,.68)) brightness(1)}86%{filter:drop-shadow(0 0 15px rgba(210,240,255,1)) brightness(1.35)}90%{filter:drop-shadow(0 0 8px rgba(73,145,255,.68)) brightness(.95)}}
@keyframes mrcFrameOverlayRoyal{0%,100%{filter:drop-shadow(0 0 7px rgba(245,186,45,.55)) brightness(1)}50%{filter:drop-shadow(0 0 14px rgba(255,220,106,.88)) brightness(1.08)}}
@keyframes mrcFrameOverlayGalaxy{0%,100%{filter:drop-shadow(0 0 7px rgba(181,85,255,.55)) brightness(1)}50%{filter:drop-shadow(0 0 14px rgba(110,136,255,.90)) brightness(1.09)}}

/* lepsze zachowanie w konkretnych widokach */
.rk-avatar-shell{margin-inline:7px 9px!important}
.mrc-rank-avatar{margin-inline:5px 7px!important}
.ar-avatar-shell{margin-inline:7px!important}
.tp-profile-avatar-shell{margin:0!important}
.tp-profile-avatar-shell.has-frame::after{--frame-inset:-36%}
.tp-profile-avatar-shell.f-royal::after{--frame-inset:-45%}

@media(max-width:600px){
  .mrc-avatar-shell.has-frame{margin-inline:3px 5px}
  .rk-avatar-shell{margin-inline:5px 7px!important}
  .ar-avatar-shell{margin-inline:5px!important}
}

@media(prefers-reduced-motion:reduce){
  .mrc-avatar-shell.has-frame{animation:none!important}
}

/* ===== v3.3.16 — odznaki PNG + nowe ramki premium ===== */
#view-badges .badge-item-icon.badge-item-png{
  width:104px!important;height:104px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
#view-badges .badge-item-icon.badge-item-png img{
  display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--badge-color,#8fc4ff) 30%,transparent));
}
#view-badges .badge-inventory-item.locked .badge-item-icon.badge-item-png img{
  filter:grayscale(.72) brightness(.62);opacity:.72;
}
#view-badges .badge-inventory-item.earned .badge-item-icon.badge-item-png img{
  filter:drop-shadow(0 0 12px color-mix(in srgb,var(--badge-color,#8fc4ff) 58%,transparent));
}
.ar-mini-badges>span{
  width:24px!important;height:24px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;
}
.ar-mini-badges .ar-mini-badge-img{
  display:block;width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--badge-color,#8fc4ff) 55%,transparent));
}
.ar-mini-badges>span.tier-legend .ar-mini-badge-img{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--badge-color,#ffd35c) 75%,transparent))}

/* istniejące ramki, które wcześniej miały tylko CSS, dostają prawdziwe PNG */
.mrc-avatar-shell.f-fire{--frame-image:url('/typer3/assets/frames/f-fire.png?v=3316');--frame-inset:-41%;--frame-filter:drop-shadow(0 0 11px rgba(255,83,31,.82));animation:mrcFrameOverlayMagma 1.9s ease-in-out infinite}
.mrc-avatar-shell.f-diamond{--frame-image:url('/typer3/assets/frames/f-diamond.png?v=3316');--frame-inset:-42%;--frame-filter:drop-shadow(0 0 10px rgba(125,225,255,.82));animation:mrcFrameOverlayIce 2.5s ease-in-out infinite}
.mrc-avatar-shell.f-madrid{--frame-image:url('/typer3/assets/frames/f-madrid.png?v=3316');--frame-inset:-46%;--frame-filter:drop-shadow(0 0 11px rgba(255,201,62,.82));animation:mrcFrameOverlayRoyal 2.8s ease-in-out infinite}
.mrc-avatar-shell.f-season26{--frame-image:url('/typer3/assets/frames/f-season26.png?v=3316');--frame-inset:-43%;--frame-filter:drop-shadow(0 0 11px rgba(125,102,255,.84));animation:mrcFrameOverlayGalaxy 3.3s ease-in-out infinite}

/* nowe ramki ze skrzynek */
.mrc-avatar-shell.f-emerald{--frame-image:url('/typer3/assets/frames/f-emerald.png?v=3316');--frame-inset:-42%;--frame-filter:drop-shadow(0 0 10px rgba(49,229,160,.82));animation:mrcFrameOverlayEmerald 2.6s ease-in-out infinite}
.mrc-avatar-shell.f-magma{--frame-image:url('/typer3/assets/frames/f-magma.png?v=3316');--frame-inset:-42%;--frame-filter:drop-shadow(0 0 12px rgba(255,79,28,.90));animation:mrcFrameOverlayMagma 1.8s ease-in-out infinite}
.mrc-avatar-shell.f-cosmic{--frame-image:url('/typer3/assets/frames/f-cosmic.png?v=3316');--frame-inset:-45%;--frame-filter:drop-shadow(0 0 12px rgba(171,89,255,.88));animation:mrcFrameOverlayGalaxy 3.4s ease-in-out infinite}
.mrc-avatar-shell.f-frostcrown{--frame-image:url('/typer3/assets/frames/f-frostcrown.png?v=3316');--frame-inset:-45%;--frame-filter:drop-shadow(0 0 12px rgba(113,226,255,.90));animation:mrcFrameOverlayIce 2.3s ease-in-out infinite}
.mrc-avatar-shell.f-heraldic{--frame-image:url('/typer3/assets/frames/f-heraldic.png?v=3316');--frame-inset:-48%;--frame-filter:drop-shadow(0 0 12px rgba(255,201,60,.88));animation:mrcFrameOverlayRoyal 2.7s ease-in-out infinite}

.mrc-avatar-shell:is(.f-fire,.f-diamond,.f-madrid,.f-season26,.f-emerald,.f-magma,.f-cosmic,.f-frostcrown,.f-heraldic)>img.mrc-av{
  box-shadow:none!important;outline:0!important;
}
@keyframes mrcFrameOverlayEmerald{0%,100%{filter:drop-shadow(0 0 7px rgba(49,229,160,.64)) brightness(1)}50%{filter:drop-shadow(0 0 15px rgba(99,255,199,.95)) brightness(1.12)}}
@keyframes mrcFrameOverlayMagma{0%,100%{filter:drop-shadow(0 0 8px rgba(255,79,28,.72)) brightness(1)}50%{filter:drop-shadow(0 0 16px rgba(255,152,50,.98)) brightness(1.14)}}

@media(max-width:600px){
  .ar-mini-badges>span,.ar-mini-badges .ar-mini-badge-img{width:21px!important;height:21px!important}
  #view-badges .badge-item-icon.badge-item-png{width:96px!important;height:96px!important}
}

/* nowe medaliony są kompletną grafiką — bez starego koła postępu pod spodem */
#view-badges .badge-item-preview::before,
#view-badges .badge-item-preview::after{display:none!important}
#view-badges .badge-item-preview{background:transparent!important;border:0!important;box-shadow:none!important}

/* ===== v3.3.17 — AKO focus fix + PNG cosmetics in ranking ===== */
.mrc-inline-loot{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.mrc-nick-badge{
  overflow:hidden;
}
.mrc-nick-badge>.mrc-inline-loot{
  width:100%;
  height:100%;
  filter:drop-shadow(0 0 5px color-mix(in srgb,var(--loot-color,#ffd35c) 60%,transparent));
}
.mrc-nick-title{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.mrc-title-art{
  width:16px;
  height:16px;
  flex:0 0 16px;
  display:inline-grid;
  place-items:center;
  overflow:hidden;
  border-radius:4px;
}
.mrc-title-art>.mrc-inline-loot{
  width:100%;
  height:100%;
  filter:drop-shadow(0 0 5px color-mix(in srgb,var(--loot-color,#aeb5bd) 50%,transparent));
}
.mrc-nick-title-text{
  line-height:1;
}

@media (min-width: 801px){
  /* ranking punktowy na PC: avatar i ramka mniejsze o 6px */
  #view-ranking .rk-main .uname img,
  #view-ranking .rk-main .uname .mrc-avatar-shell>img{
    width:40px;
    height:40px;
    flex:0 0 40px;
  }
  #view-ranking .rk-avatar-shell{
    margin-inline:5px 7px!important;
  }

  /* odznaki i kosmetyczne ikonki w rankingu w rozmiarze ikony */
  #view-ranking .rk-main .ar-mini-badges{gap:3px;}
  #view-ranking .rk-main .ar-mini-badges>span,
  #view-ranking .rk-main .ar-mini-badges .ar-mini-badge-img{
    width:18px!important;
    height:18px!important;
  }
  #view-ranking .rk-main .mrc-nick-badge{
    width:18px;
    height:18px;
    border-radius:5px;
    margin-left:0;
  }
  #view-ranking .rk-main .mrc-title-art{
    width:14px;
    height:14px;
    flex-basis:14px;
  }
  #view-ranking .rk-main .mrc-nick-title{
    gap:4px;
    padding:2px 7px;
    font-size:10px;
    line-height:1;
  }
}

/* ===== v3.3.18 — premium PNG cosmetics + compact desktop ranking + crate scroll fix ===== */

/* Ranking backgrounds now use dedicated PNG textures instead of flat gradients. */
#view-ranking .rk-main.mrc-row-skin{
  background-color:#050607!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
}
#view-ranking .rk-main.mrc-row-skin.r-navy{
  background-image:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.58)),url('/typer3/assets/loot/r-navy.png?v=3318')!important;
}
#view-ranking .rk-main.mrc-row-skin.r-green{
  background-image:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.60)),url('/typer3/assets/loot/r-green.png?v=3318')!important;
}
#view-ranking .rk-main.mrc-row-skin.r-purple{
  background-image:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.60)),url('/typer3/assets/loot/r-purple.png?v=3318')!important;
}
#view-ranking .rk-main.mrc-row-skin.r-gold{
  background-image:linear-gradient(90deg,rgba(0,0,0,.10),rgba(0,0,0,.62)),url('/typer3/assets/loot/r-gold.png?v=3318')!important;
}
#view-ranking .rk-main.mrc-row-skin.r-cyber{
  background-image:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.60)),url('/typer3/assets/loot/r-cyber.png?v=3318')!important;
}
#view-ranking .rk-main.mrc-row-skin.r-fire{
  background-image:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.60)),url('/typer3/assets/loot/r-fire.png?v=3318')!important;
}
#view-ranking .rk-main.mrc-row-skin.r-galaxy{
  background-image:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.60)),url('/typer3/assets/loot/r-galaxy.png?v=3318')!important;
}
#view-ranking .rk-main.mrc-row-skin.r-ucl26{
  background-image:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.60)),url('/typer3/assets/loot/r-ucl26.png?v=3318')!important;
}
#view-ranking .rk-main.mrc-row-skin::after{
  opacity:.52!important;
  box-shadow:inset 2px 0 0 var(--loot-color,rgba(255,255,255,.18)),inset 0 0 0 1px rgba(255,255,255,.035)!important;
}

/* PNG nickname icons are tiny premium emblems, not large cards. */
.mrc-nick-badge{
  padding:0!important;
  background:#07090c!important;
  border:1px solid color-mix(in srgb,var(--loot-color,#ffd35c) 46%,#252a31)!important;
  overflow:hidden!important;
}
.mrc-nick-badge .mrc-inline-badge{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:inherit;
}

/* Titles use complete horizontal PNG plaques. */
.mrc-nick-title-png{
  display:inline-flex!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.mrc-title-badge-img{
  display:block;
  width:auto;
  height:21px;
  max-width:150px;
  object-fit:contain;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.34));
}

/* Inventory previews — row and title PNGs keep their natural wide format. */
#view-inventory .mrc-item-art-preview.slot-row,
#view-inventory .mrc-item-art-preview.slot-title{
  width:100%!important;
  height:100%!important;
  border-radius:10px!important;
}
#view-inventory .mrc-item-art-preview.slot-row img{
  width:124px!important;
  height:48px!important;
  object-fit:contain!important;
  border-radius:9px!important;
  filter:drop-shadow(0 8px 13px rgba(0,0,0,.42))!important;
}
#view-inventory .mrc-item-art-preview.slot-title img{
  width:88px!important;
  height:88px!important;
  max-height:88px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 13px rgba(0,0,0,.42))!important;
}
#view-inventory .mrc-item-art-preview.slot-badge img{
  width:72px!important;
  height:72px!important;
  object-fit:contain!important;
}

/* Wide-screen point ranking: substantially smaller avatars, frames and badges. */
@media (min-width:1100px){
  #view-ranking .rk-main .uname img,
  #view-ranking .rk-main .uname .mrc-avatar-shell>img{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    flex:0 0 34px!important;
  }
  #view-ranking .rk-avatar-shell{
    margin-inline:3px 6px!important;
  }
  #view-ranking .rk-avatar-shell.has-frame::after{
    inset:-20%!important;
  }
  #view-ranking .rk-main .ar-mini-badges{
    margin-left:0!important;
    gap:2px!important;
  }
  #view-ranking .rk-main .ar-mini-badges>span,
  #view-ranking .rk-main .ar-mini-badges .ar-mini-badge-img{
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
    min-height:14px!important;
    max-width:14px!important;
    max-height:14px!important;
  }
  #view-ranking .rk-main .ar-mini-badges .ar-mini-badge-img{
    filter:drop-shadow(0 0 2px color-mix(in srgb,var(--badge-color,#8fc4ff) 48%,transparent))!important;
  }
  #view-ranking .rk-main .mrc-nick-badge{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
    border-radius:5px!important;
    margin-left:0!important;
  }
  #view-ranking .rk-main .mrc-title-badge-img{
    height:17px!important;
    max-width:116px!important;
  }
  #view-ranking .rk-main .rank-meta-line{
    gap:4px!important;
  }
}

/* Keep slider position stable when a crate is selected. */
.mrc-crate-slider-rail{
  overflow-anchor:none;
  scroll-behavior:auto;
}
.mrc-crate-tier-big:focus{
  scroll-margin-inline:0!important;
}
/* Keep cosmetic previews inside inventory cards on phones and desktop. */
#view-inventory .mrc-item-art-preview.slot-row img{width:90px!important;height:42px!important}
#view-inventory .mrc-item-art-preview.slot-title img{width:90px!important;max-height:42px!important}
@media(min-width:900px){
  #view-inventory .mrc-item-art-preview.slot-row img{width:96px!important;height:44px!important}
  #view-inventory .mrc-item-art-preview.slot-title img{width:96px!important;max-height:44px!important}
}

/* ===== v3.3.19 — uporządkowany ranking + CSS skins + nowe osobne PNG ===== */

/* 1) TŁA RANKINGU: w rankingu efekt robi CSS, PNG służy tylko jako miniatura itemu. */
#view-ranking .rk-main.mrc-row-skin{
  background-image:none!important;
  background-color:#050607!important;
  background-size:auto!important;
  background-position:initial!important;
  animation:none!important;
  isolation:isolate;
}
#view-ranking .rk-main.mrc-row-skin::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.78;
  background:var(--row-fx,linear-gradient(90deg,rgba(255,255,255,.025),transparent 68%));
}
#view-ranking .rk-main.mrc-row-skin>td{position:relative;z-index:1}
#view-ranking .rk-main.mrc-row-skin::after{
  opacity:.62!important;
  box-shadow:inset 2px 0 0 var(--loot-color,rgba(255,255,255,.18)),inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
#view-ranking .rk-main.mrc-row-skin.r-navy{
  --loot-color:#629eea;
  --row-fx:radial-gradient(circle at 12% 50%,rgba(80,135,205,.18),transparent 24%),linear-gradient(90deg,rgba(28,54,85,.34),rgba(9,17,28,.20) 48%,transparent 76%);
}
#view-ranking .rk-main.mrc-row-skin.r-green{
  --loot-color:#54d69b;
  --row-fx:radial-gradient(circle at 14% 45%,rgba(50,215,146,.16),transparent 24%),linear-gradient(90deg,rgba(22,75,55,.34),rgba(8,27,20,.18) 50%,transparent 76%);
}
#view-ranking .rk-main.mrc-row-skin.r-purple{
  --loot-color:#b46cff;
  --row-fx:radial-gradient(circle at 15% 50%,rgba(175,85,255,.18),transparent 25%),linear-gradient(90deg,rgba(73,28,101,.36),rgba(27,9,39,.20) 50%,transparent 77%);
}
#view-ranking .rk-main.mrc-row-skin.r-gold{
  --loot-color:#e9ba42;
  --row-fx:radial-gradient(circle at 14% 48%,rgba(239,184,53,.15),transparent 24%),linear-gradient(90deg,rgba(93,67,15,.31),rgba(32,22,5,.18) 52%,transparent 78%);
}
#view-ranking .rk-main.mrc-row-skin.r-cyber{
  --loot-color:#36d9f4;
  --row-fx:linear-gradient(112deg,rgba(11,66,78,.34),rgba(0,174,214,.15) 25%,rgba(39,67,119,.16) 42%,transparent 72%),repeating-linear-gradient(135deg,transparent 0 26px,rgba(52,225,255,.04) 26px 27px);
}
#view-ranking .rk-main.mrc-row-skin.r-fire{
  --loot-color:#ff7548;
  --row-fx:radial-gradient(circle at 12% 68%,rgba(255,95,44,.22),transparent 19%),linear-gradient(103deg,rgba(108,28,12,.32),rgba(186,61,20,.15) 31%,rgba(80,27,10,.08) 50%,transparent 77%);
}
#view-ranking .rk-main.mrc-row-skin.r-galaxy{
  --loot-color:#a77bff;
  --row-fx:radial-gradient(circle at 13% 42%,rgba(170,112,255,.20),transparent 22%),radial-gradient(circle at 28% 70%,rgba(66,125,255,.11),transparent 20%),linear-gradient(100deg,rgba(50,28,92,.32),rgba(23,12,50,.18) 50%,transparent 77%);
}
#view-ranking .rk-main.mrc-row-skin.r-ucl26{
  --loot-color:#718cff;
  --row-fx:radial-gradient(circle at 15% 50%,rgba(101,123,255,.20),transparent 23%),linear-gradient(103deg,rgba(24,39,107,.34),rgba(63,64,166,.16) 41%,transparent 76%);
}

/* Subtelny ruch tylko dla wyższych skórek — bez rozciąganych obrazków. */
#view-ranking .rk-main.mrc-row-skin.r-cyber::before,
#view-ranking .rk-main.mrc-row-skin.r-galaxy::before,
#view-ranking .rk-main.mrc-row-skin.r-ucl26::before{
  background-size:190% 100%;
  animation:mrcRankSkinDrift 8s linear infinite;
}
#view-ranking .rk-main.mrc-row-skin.r-fire::before{animation:mrcRankSkinPulse 3.2s ease-in-out infinite}
@keyframes mrcRankSkinDrift{from{background-position:0 0}to{background-position:100% 0}}
@keyframes mrcRankSkinPulse{0%,100%{opacity:.66}50%{opacity:.92}}

/* 2) RANKING PC: avatar + frame + badge zdecydowanie bardziej kompaktowe. */
@media (min-width:1100px){
  #view-ranking .rk-main .uname{gap:7px}
  #view-ranking .rk-main .uname img,
  #view-ranking .rk-main .uname .mrc-avatar-shell>img{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    flex:0 0 36px!important;
  }
  #view-ranking .rk-avatar-shell{
    --frame-inset:-23%!important;
    margin-inline:2px 5px!important;
  }
  #view-ranking .rk-avatar-shell.has-frame::after{inset:var(--frame-inset)!important}
  #view-ranking .rk-main .rank-identity{gap:3px}
  #view-ranking .rk-main .rank-name-line{gap:5px}
  #view-ranking .rk-main .rank-meta-line{gap:5px;min-height:17px;flex-wrap:nowrap}

  /* Odznaka osiągnięcia: tylko jedna najlepsza i rozmiar zwykłej ikony. */
  #view-ranking .rk-main .ar-mini-badges{display:inline-flex!important;gap:0!important;flex:0 0 auto}
  #view-ranking .rk-main .ar-mini-badges>span,
  #view-ranking .rk-main .ar-mini-badges .ar-mini-badge-img{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
  }

  /* Ikona kosmetyczna przy nicku. */
  #view-ranking .rk-main .mrc-nick-badge{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    border:0!important;
    border-radius:4px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  #view-ranking .rk-main .mrc-nick-badge .mrc-inline-badge{
    width:16px!important;
    height:16px!important;
    filter:drop-shadow(0 0 3px color-mix(in srgb,var(--loot-color,#ffd35c) 55%,transparent));
  }

  /* Tytuł: jedna mała plakietka, ikonka PNG + tekst. */
  #view-ranking .rk-main .mrc-nick-title{
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
    min-height:18px!important;
    margin:0!important;
    padding:2px 6px!important;
    border:1px solid color-mix(in srgb,var(--loot-color,#aeb5bd) 45%,#2f3336)!important;
    border-radius:999px!important;
    background:color-mix(in srgb,var(--loot-color,#aeb5bd) 7%,#07090b)!important;
    color:var(--loot-color,#aeb5bd)!important;
    box-shadow:none!important;
    font-size:10px!important;
    font-weight:750!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  #view-ranking .rk-main .mrc-title-art{
    display:inline-grid!important;
    place-items:center!important;
    width:13px!important;
    height:13px!important;
    min-width:13px!important;
    overflow:hidden!important;
    border-radius:3px!important;
  }
  #view-ranking .rk-main .mrc-title-art .mrc-inline-title{width:13px!important;height:13px!important;object-fit:contain!important}
  #view-ranking .rk-main .mrc-nick-title-text{display:inline!important}
}

/* 3) Ekwipunek: trzy kategorie mają czyste PNG, bez starego koła/ramki udającej efekt. */
.mrc-slot .mrc-item-preview .mrc-item-art-preview{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.mrc-slot .mrc-item-preview .mrc-item-art-preview img{object-fit:contain!important}
.mrc-slot:has(.mrc-item .r-common){} /* zachowanie kompatybilności z obecnym layoutem */

/* Tła rankingu w ekwipunku: pozioma miniatura CSS-effect preview, nie wielka ikona. */
.mrc-item:has(>b:first-of-type){}
.mrc-item .mrc-item-preview .mrc-item-art-preview img[src*="/assets/cosmetics/rows/"]{
  width:146px!important;
  height:92px!important;
  object-fit:contain!important;
}
.mrc-item .mrc-item-preview .mrc-item-art-preview img[src*="/assets/cosmetics/nick/"]{
  width:96px!important;
  height:96px!important;
}
.mrc-item .mrc-item-preview .mrc-item-art-preview img[src*="/assets/cosmetics/titles/"]{
  width:96px!important;
  height:96px!important;
}

/* Na mniejszych ekranach ranking zostaje czytelny, ale nie ściskamy avatarów bardziej. */
@media (max-width:1099px){
  #view-ranking .rk-main .ar-mini-badges>span,
  #view-ranking .rk-main .ar-mini-badges .ar-mini-badge-img{width:16px!important;height:16px!important}
  #view-ranking .rk-main .mrc-nick-badge{width:16px!important;height:16px!important;border:0!important;background:transparent!important}
  #view-ranking .rk-main .mrc-nick-title{font-size:10px!important;padding:2px 6px!important;gap:4px!important}
  #view-ranking .rk-main .mrc-title-art{width:13px!important;height:13px!important;flex:0 0 13px!important}
}

@media(prefers-reduced-motion:reduce){
  #view-ranking .rk-main.mrc-row-skin::before{animation:none!important}
}


/* ===== v3.3.20 — hotfix: CSS-only row skins + uporządkowane ikonki/odznaki/tytuły ===== */

/* 1) Tła w rankingach: tylko CSS, bez rozciąganych obrazków. */
#view-ranking .rk-main.mrc-row-skin,
#view-coins .mrc-rank-row.mrc-row-skin{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#050607!important;
  background-image:none!important;
  background-size:auto!important;
  background-position:0 0!important;
  background-repeat:no-repeat!important;
  animation:none!important;
}
#view-ranking .rk-main.mrc-row-skin::before,
#view-coins .mrc-rank-row.mrc-row-skin::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.88;
  background:var(--row-fx,linear-gradient(90deg,rgba(255,255,255,.03),transparent 72%));
}
#view-ranking .rk-main.mrc-row-skin::after,
#view-coins .mrc-rank-row.mrc-row-skin::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  box-shadow:inset 2px 0 0 var(--loot-color,rgba(255,255,255,.16)), inset 0 0 0 1px rgba(255,255,255,.04);
}
#view-ranking .rk-main.mrc-row-skin > *,
#view-ranking .rk-main.mrc-row-skin > td,
#view-coins .mrc-rank-row.mrc-row-skin > *{position:relative;z-index:1}

#view-ranking .rk-main.mrc-row-skin.r-navy,
#view-coins .mrc-rank-row.mrc-row-skin.r-navy{--loot-color:#5f9fe6;--row-fx:radial-gradient(circle at 12% 50%,rgba(67,128,222,.17),transparent 25%),linear-gradient(90deg,rgba(27,52,86,.38),rgba(10,19,32,.24) 52%,transparent 78%)}
#view-ranking .rk-main.mrc-row-skin.r-green,
#view-coins .mrc-rank-row.mrc-row-skin.r-green{--loot-color:#55d79b;--row-fx:radial-gradient(circle at 12% 50%,rgba(44,214,143,.16),transparent 24%),linear-gradient(90deg,rgba(21,76,54,.36),rgba(9,28,20,.22) 52%,transparent 78%)}
#view-ranking .rk-main.mrc-row-skin.r-purple,
#view-coins .mrc-rank-row.mrc-row-skin.r-purple{--loot-color:#b96cff;--row-fx:radial-gradient(circle at 14% 50%,rgba(181,94,255,.18),transparent 25%),linear-gradient(90deg,rgba(70,28,99,.38),rgba(25,10,37,.23) 52%,transparent 79%)}
#view-ranking .rk-main.mrc-row-skin.r-gold,
#view-coins .mrc-rank-row.mrc-row-skin.r-gold{--loot-color:#e7be53;--row-fx:radial-gradient(circle at 14% 50%,rgba(241,192,70,.15),transparent 24%),linear-gradient(90deg,rgba(91,66,16,.34),rgba(32,23,6,.22) 54%,transparent 79%)}
#view-ranking .rk-main.mrc-row-skin.r-cyber,
#view-coins .mrc-rank-row.mrc-row-skin.r-cyber{--loot-color:#43def7;--row-fx:linear-gradient(106deg,rgba(10,67,80,.34),rgba(0,174,214,.16) 24%,rgba(56,92,175,.16) 44%,transparent 76%),repeating-linear-gradient(135deg,transparent 0 28px,rgba(73,230,255,.05) 28px 29px)}
#view-ranking .rk-main.mrc-row-skin.r-fire,
#view-coins .mrc-rank-row.mrc-row-skin.r-fire{--loot-color:#ff7e4d;--row-fx:radial-gradient(circle at 12% 66%,rgba(255,101,49,.22),transparent 18%),linear-gradient(102deg,rgba(108,29,13,.36),rgba(186,66,24,.16) 33%,rgba(77,26,10,.10) 52%,transparent 78%)}
#view-ranking .rk-main.mrc-row-skin.r-galaxy,
#view-coins .mrc-rank-row.mrc-row-skin.r-galaxy{--loot-color:#aa7fff;--row-fx:radial-gradient(circle at 13% 42%,rgba(172,109,255,.20),transparent 22%),radial-gradient(circle at 27% 70%,rgba(67,126,255,.11),transparent 20%),linear-gradient(100deg,rgba(50,28,92,.33),rgba(23,12,50,.19) 51%,transparent 78%)}
#view-ranking .rk-main.mrc-row-skin.r-ucl26,
#view-coins .mrc-rank-row.mrc-row-skin.r-ucl26{--loot-color:#778dff;--row-fx:radial-gradient(circle at 14% 50%,rgba(107,127,255,.21),transparent 23%),linear-gradient(104deg,rgba(24,40,108,.36),rgba(69,72,176,.16) 43%,transparent 77%)}
#view-ranking .rk-main.mrc-row-skin:is(.r-cyber,.r-galaxy,.r-ucl26)::before,
#view-coins .mrc-rank-row.mrc-row-skin:is(.r-cyber,.r-galaxy,.r-ucl26)::before{
  background-size:190% 100%;
  animation:mrcRankSkinDrift20 9s linear infinite;
}
#view-ranking .rk-main.mrc-row-skin.r-fire::before,
#view-coins .mrc-rank-row.mrc-row-skin.r-fire::before{animation:mrcRankSkinPulse20 3.2s ease-in-out infinite}
@keyframes mrcRankSkinDrift20{from{background-position:0 0}to{background-position:100% 0}}
@keyframes mrcRankSkinPulse20{0%,100%{opacity:.72}50%{opacity:.96}}

/* 2) Spójne ustawienie meta-dodatków pod nickiem. */
#view-ranking .rk-main .rank-meta-line,
#view-coins .mrc-rank-meta{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0;
  flex-wrap:wrap;
}
#view-ranking .rk-main .rank-meta-line > *,
#view-coins .mrc-rank-meta > *{flex:0 0 auto}

/* 3) Ikona przy nicku. */
#view-ranking .rk-main .mrc-nick-badge,
#view-coins .mrc-rank-row .mrc-nick-badge{
  display:inline-grid!important;
  place-items:center!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:4px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
  vertical-align:middle!important;
}
#view-ranking .rk-main .mrc-nick-badge .mrc-inline-badge,
#view-coins .mrc-rank-row .mrc-nick-badge .mrc-inline-badge{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 3px color-mix(in srgb,var(--loot-color,#ffd35c) 58%,transparent));
}

/* 4) Tytuł: mała pigułka z własną ikoną PNG. */
#view-ranking .rk-main .mrc-nick-title,
#view-coins .mrc-rank-row .mrc-nick-title{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  min-height:18px!important;
  max-width:170px!important;
  margin:0!important;
  padding:2px 6px!important;
  border:1px solid color-mix(in srgb,var(--loot-color,#aeb5bd) 44%,#2f3336)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--loot-color,#aeb5bd) 8%,#07090b)!important;
  color:var(--loot-color,#aeb5bd)!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
#view-ranking .rk-main .mrc-title-art,
#view-coins .mrc-rank-row .mrc-title-art{
  display:inline-grid!important;
  place-items:center!important;
  width:12px!important;
  height:12px!important;
  min-width:12px!important;
  min-height:12px!important;
  border-radius:3px!important;
  overflow:hidden!important;
}
#view-ranking .rk-main .mrc-title-art .mrc-inline-title,
#view-coins .mrc-rank-row .mrc-title-art .mrc-inline-title{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
#view-ranking .rk-main .mrc-nick-title-text,
#view-coins .mrc-rank-row .mrc-nick-title-text{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
}

/* 5) Odznaki osiągnięć — małe i ustawione równo. */
#view-ranking .rk-main .ar-mini-badges,
#view-coins .mrc-rank-row .ar-mini-badges{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  margin:0!important;
}
#view-ranking .rk-main .ar-mini-badges > span,
#view-ranking .rk-main .ar-mini-badges .ar-mini-badge-img,
#view-coins .mrc-rank-row .ar-mini-badges > span,
#view-coins .mrc-rank-row .ar-mini-badges .ar-mini-badge-img{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
}

/* 6) Ranking punktowy na szerokich ekranach: avatary i ramki mniejsze. */
@media (min-width:1100px){
  #view-ranking .rk-main .uname{gap:7px!important}
  #view-ranking .rk-main .uname img,
  #view-ranking .rk-main .uname .mrc-avatar-shell > img{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    flex:0 0 36px!important;
  }
  #view-ranking .rk-avatar-shell{margin-inline:2px 5px!important}
  #view-ranking .rk-avatar-shell.has-frame::after{inset:-22%!important}

  #view-coins .mrc-rank-row .mrc-who img,
  #view-coins .mrc-rank-row .mrc-avatar-shell > img{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  #view-ranking .rk-main.mrc-row-skin::before,
  #view-coins .mrc-rank-row.mrc-row-skin::before{animation:none!important}
}


/* ===== v3.3.21 — hotfix: subtelne CSS tła + mniejsze dodatki + bez obcięć PNG ===== */

/* Wyłącz stare obrazkowe tła w rankingu punktowym definitywnie. */
#view-ranking .rank-grid-row.mrc-row-skin,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#050607!important;
  background-image:none!important;
  background-size:auto!important;
  background-repeat:no-repeat!important;
  background-position:0 0!important;
}
#view-ranking .rank-grid-row.mrc-row-skin::before,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.64;
  background:var(--row-fx21,linear-gradient(90deg,rgba(255,255,255,.02),transparent 62%));
}
#view-ranking .rank-grid-row.mrc-row-skin::after,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  box-shadow:inset 2px 0 0 var(--loot-color,rgba(255,255,255,.16)), inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
#view-ranking .rank-grid-row.mrc-row-skin > *,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin > *{position:relative;z-index:1;background:transparent!important}

#view-ranking .rank-grid-row.mrc-row-skin.r-navy,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin.r-navy{--loot-color:#5f9fe6;--row-fx21:radial-gradient(circle at 11% 50%,rgba(67,128,222,.14),transparent 20%),linear-gradient(90deg,rgba(27,52,86,.28),rgba(9,18,31,.16) 42%,transparent 68%)}
#view-ranking .rank-grid-row.mrc-row-skin.r-green,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin.r-green{--loot-color:#55d79b;--row-fx21:radial-gradient(circle at 11% 50%,rgba(44,214,143,.14),transparent 20%),linear-gradient(90deg,rgba(21,76,54,.28),rgba(9,28,20,.14) 42%,transparent 68%)}
#view-ranking .rank-grid-row.mrc-row-skin.r-purple,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin.r-purple{--loot-color:#b96cff;--row-fx21:radial-gradient(circle at 12% 50%,rgba(181,94,255,.14),transparent 20%),linear-gradient(90deg,rgba(70,28,99,.29),rgba(24,10,37,.15) 42%,transparent 68%)}
#view-ranking .rank-grid-row.mrc-row-skin.r-gold,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin.r-gold{--loot-color:#e7be53;--row-fx21:radial-gradient(circle at 12% 50%,rgba(241,192,70,.12),transparent 20%),linear-gradient(90deg,rgba(91,66,16,.28),rgba(31,22,6,.14) 44%,transparent 68%)}
#view-ranking .rank-grid-row.mrc-row-skin.r-cyber,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin.r-cyber{--loot-color:#43def7;--row-fx21:linear-gradient(108deg,rgba(10,67,80,.28),rgba(0,174,214,.13) 18%,rgba(56,92,175,.12) 34%,transparent 65%),repeating-linear-gradient(135deg,transparent 0 30px,rgba(73,230,255,.035) 30px 31px)}
#view-ranking .rank-grid-row.mrc-row-skin.r-fire,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin.r-fire{--loot-color:#ff7e4d;--row-fx21:radial-gradient(circle at 11% 60%,rgba(255,101,49,.17),transparent 17%),linear-gradient(102deg,rgba(108,29,13,.30),rgba(186,66,24,.13) 29%,rgba(77,26,10,.07) 42%,transparent 66%)}
#view-ranking .rank-grid-row.mrc-row-skin.r-galaxy,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin.r-galaxy{--loot-color:#aa7fff;--row-fx21:radial-gradient(circle at 12% 42%,rgba(172,109,255,.16),transparent 18%),radial-gradient(circle at 22% 67%,rgba(67,126,255,.08),transparent 17%),linear-gradient(100deg,rgba(50,28,92,.28),rgba(23,12,50,.15) 42%,transparent 68%)}
#view-ranking .rank-grid-row.mrc-row-skin.r-ucl26,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin.r-ucl26{--loot-color:#778dff;--row-fx21:radial-gradient(circle at 12% 50%,rgba(107,127,255,.16),transparent 19%),linear-gradient(104deg,rgba(24,40,108,.30),rgba(69,72,176,.13) 34%,transparent 66%)}

/* Delikatny ruch tylko w najrzadszych tłach. */
#view-ranking .rank-grid-row.mrc-row-skin:is(.r-cyber,.r-galaxy,.r-ucl26)::before,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin:is(.r-cyber,.r-galaxy,.r-ucl26)::before{background-size:170% 100%;animation:mrcRankSkinDrift21 11s linear infinite}
#view-ranking .rank-grid-row.mrc-row-skin.r-fire::before,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin.r-fire::before{animation:mrcRankSkinPulse21 3.5s ease-in-out infinite}
@keyframes mrcRankSkinDrift21{from{background-position:0 0}to{background-position:100% 0}}
@keyframes mrcRankSkinPulse21{0%,100%{opacity:.56}50%{opacity:.78}}

/* Ikona przy nicku, tytuł i odznaki — ciaśniej i czytelniej. */
#view-ranking .rank-grid-row .rank-meta-line{gap:5px!important;align-items:center!important}
#view-ranking .rank-grid-row .mrc-nick-badge{
  width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;
  border-radius:4px!important;overflow:hidden!important;box-shadow:none!important;background:transparent!important;border:0!important;padding:0!important
}
#view-ranking .rank-grid-row .mrc-nick-badge .mrc-inline-badge{width:100%!important;height:100%!important;object-fit:contain!important}
#view-ranking .rank-grid-row .mrc-nick-title{
  gap:4px!important;min-height:16px!important;max-width:150px!important;
  padding:2px 6px!important;border-radius:999px!important;
  background:color-mix(in srgb,var(--loot-color,#aeb5bd) 8%,#07090b)!important;
  border:1px solid color-mix(in srgb,var(--loot-color,#aeb5bd) 42%,#2f3336)!important;
  box-shadow:none!important
}
#view-ranking .rank-grid-row .mrc-title-art{width:10px!important;height:10px!important;min-width:10px!important;min-height:10px!important}
#view-ranking .rank-grid-row .mrc-title-art .mrc-inline-title{width:100%!important;height:100%!important;object-fit:contain!important}
#view-ranking .rank-grid-row .mrc-nick-title-text{font-size:10px!important;line-height:1!important;font-weight:800!important}
#view-ranking .rank-grid-row .ar-mini-badges{gap:3px!important}
#view-ranking .rank-grid-row .ar-mini-badges>span,
#view-ranking .rank-grid-row .ar-mini-badges .ar-mini-badge-img{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important}

/* Jeszcze mniejsze avatary/ramki na szerokim desktopie. */
@media(min-width:1100px){
  #view-ranking .rank-grid-row .uname{gap:6px!important}
  #view-ranking .rank-grid-row .uname img,
  #view-ranking .rank-grid-row .mrc-avatar-shell>img{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;flex:0 0 34px!important}
  #view-ranking .rank-grid-row .rk-avatar-shell.has-frame::after{inset:-18%!important}
}

/* Ekwipunek: bez obcinania miniaturek PNG. */
#view-inventory .mrc-item-art-preview.slot-row img,
#view-inventory .mrc-item .mrc-item-preview .mrc-item-art-preview img[src*="/assets/cosmetics/rows/"]{
  object-fit:contain!important;
  object-position:center!important;
  width:124px!important;
  height:48px!important;
}
#view-inventory .mrc-item-art-preview.slot-title img,
#view-inventory .mrc-item .mrc-item-preview .mrc-item-art-preview img[src*="/assets/cosmetics/titles/"]{
  object-fit:contain!important;
  object-position:center!important;
  width:88px!important;
  height:88px!important;
  max-height:88px!important;
}
#view-inventory .mrc-item-art-preview.slot-badge img,
#view-inventory .mrc-item .mrc-item-preview .mrc-item-art-preview img[src*="/assets/cosmetics/nick/"]{
  object-fit:contain!important;
  object-position:center!important;
  width:84px!important;
  height:84px!important;
}

@media(prefers-reduced-motion:reduce){
  #view-ranking .rank-grid-row.mrc-row-skin::before,
  #view-ranking .rk-main.rank-grid-row.mrc-row-skin::before{animation:none!important}
}


/* ===== v3.3.22 — 20px cosmetics line + richer CSS row skins + calmer avatar frames ===== */

/* Jeden stały rozmiar wszystkich małych dodatków — każdy ekran. */
#view-ranking .rank-grid-row .rank-meta-line,
#view-coins .mrc-rank-row .mrc-rank-meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:0!important;
  min-height:20px!important;
  line-height:20px!important;
}

/* Każdy blok w meta-linii siedzi idealnie na jednej osi. */
#view-ranking .rank-grid-row .rank-meta-line > *,
#view-coins .mrc-rank-row .mrc-rank-meta > *{
  display:inline-flex!important;
  align-items:center!important;
  vertical-align:middle!important;
  line-height:20px!important;
  margin:0!important;
}

/* Separator pomiędzy: ikoną kosmetyczną / tytułem / odznaką. */
#view-ranking .rank-grid-row .rank-meta-line > * + *::before,
#view-coins .mrc-rank-row .mrc-rank-meta > * + *::before{
  content:""!important;
  width:3px!important;
  height:3px!important;
  margin:0 6px!important;
  border-radius:50%!important;
  flex:0 0 3px!important;
  background:#4c545d!important;
  box-shadow:none!important;
  opacity:.72!important;
}

/* Ikona kosmetyczna przy nicku: zawsze 20x20. */
#view-ranking .rank-grid-row .mrc-nick-badge,
#view-coins .mrc-rank-row .mrc-nick-badge,
.mrc-rank-meta .mrc-nick-badge{
  display:inline-grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  flex:0 0 20px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:5px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#view-ranking .rank-grid-row .mrc-nick-badge .mrc-inline-badge,
#view-coins .mrc-rank-row .mrc-nick-badge .mrc-inline-badge,
.mrc-rank-meta .mrc-nick-badge .mrc-inline-badge{
  display:block!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 0 2px color-mix(in srgb,var(--loot-color,#ffd35c) 42%,transparent))!important;
}

/* Tytuł: ikonka dokładnie 20x20, tekst obok bez przesuwania osi. */
#view-ranking .rank-grid-row .mrc-nick-title,
#view-coins .mrc-rank-row .mrc-nick-title,
.mrc-rank-meta .mrc-nick-title{
  display:inline-flex!important;
  align-items:center!important;
  min-height:20px!important;
  height:20px!important;
  max-width:180px!important;
  gap:5px!important;
  padding:0 7px 0 2px!important;
  margin:0!important;
  line-height:20px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--loot-color,#aeb5bd) 8%,#07090b)!important;
  border:1px solid color-mix(in srgb,var(--loot-color,#aeb5bd) 40%,#2f3336)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#view-ranking .rank-grid-row .mrc-title-art,
#view-coins .mrc-rank-row .mrc-title-art,
.mrc-rank-meta .mrc-title-art{
  display:inline-grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  flex:0 0 20px!important;
  margin:0!important;
  padding:0!important;
  border-radius:5px!important;
  overflow:hidden!important;
}
#view-ranking .rank-grid-row .mrc-title-art .mrc-inline-title,
#view-coins .mrc-rank-row .mrc-title-art .mrc-inline-title,
.mrc-rank-meta .mrc-title-art .mrc-inline-title{
  display:block!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
}
#view-ranking .rank-grid-row .mrc-nick-title-text,
#view-coins .mrc-rank-row .mrc-nick-title-text,
.mrc-rank-meta .mrc-nick-title-text{
  display:block!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:18px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Odznaki osiągnięć: zawsze 20x20. */
#view-ranking .rank-grid-row .ar-mini-badges,
#view-coins .mrc-rank-row .ar-mini-badges,
.mrc-rank-meta .ar-mini-badges{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  height:20px!important;
  min-height:20px!important;
  margin:0!important;
  padding:0!important;
  line-height:20px!important;
}
#view-ranking .rank-grid-row .ar-mini-badges > span,
#view-ranking .rank-grid-row .ar-mini-badges .ar-mini-badge-img,
#view-coins .mrc-rank-row .ar-mini-badges > span,
#view-coins .mrc-rank-row .ar-mini-badges .ar-mini-badge-img,
.mrc-rank-meta .ar-mini-badges > span,
.mrc-rank-meta .ar-mini-badges .ar-mini-badge-img{
  display:block!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  flex:0 0 20px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  vertical-align:middle!important;
  filter:drop-shadow(0 0 2px color-mix(in srgb,var(--badge-color,#8fc4ff) 42%,transparent))!important;
}

/* Nie pozwalaj starszym breakpointom ponownie zmniejszać tych trzech typów ikon. */
@media (max-width:1099px), (min-width:1100px){
  #view-ranking .rank-grid-row .mrc-nick-badge,
  #view-ranking .rank-grid-row .mrc-nick-badge .mrc-inline-badge,
  #view-ranking .rank-grid-row .mrc-title-art,
  #view-ranking .rank-grid-row .mrc-title-art .mrc-inline-title,
  #view-ranking .rank-grid-row .ar-mini-badges > span,
  #view-ranking .rank-grid-row .ar-mini-badges .ar-mini-badge-img{
    width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;
  }
}

/* ===== Bogatsze, ale wciąż CSS-only tła rankingu ===== */
#view-ranking .rank-grid-row.mrc-row-skin::before,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin::before{
  opacity:.84!important;
  background:var(--row-fx22,linear-gradient(90deg,rgba(255,255,255,.025),transparent 68%))!important;
}
#view-ranking .rank-grid-row.mrc-row-skin::after,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin::after{
  background:linear-gradient(90deg,rgba(255,255,255,.018),transparent 18%,rgba(255,255,255,.012) 48%,transparent 76%)!important;
  box-shadow:inset 3px 0 0 var(--loot-color,rgba(255,255,255,.18)),inset 0 0 0 1px rgba(255,255,255,.045)!important;
}
#view-ranking .rank-grid-row.mrc-row-skin.r-navy,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin.r-navy{
  --row-fx22:radial-gradient(circle at 10% 35%,rgba(87,156,255,.25),transparent 19%),radial-gradient(circle at 27% 75%,rgba(62,104,173,.12),transparent 20%),linear-gradient(105deg,rgba(22,54,91,.44),rgba(9,22,39,.24) 45%,transparent 73%),repeating-linear-gradient(135deg,transparent 0 38px,rgba(92,157,232,.028) 38px 39px);
}
#view-ranking .rank-grid-row.mrc-row-skin.r-green,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin.r-green{
  --row-fx22:radial-gradient(circle at 11% 38%,rgba(72,226,158,.24),transparent 19%),radial-gradient(circle at 28% 72%,rgba(41,128,93,.12),transparent 20%),linear-gradient(105deg,rgba(18,76,52,.44),rgba(7,30,21,.23) 45%,transparent 73%),repeating-linear-gradient(135deg,transparent 0 40px,rgba(94,224,166,.025) 40px 41px);
}
#view-ranking .rank-grid-row.mrc-row-skin.r-purple,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin.r-purple{
  --row-fx22:radial-gradient(circle at 11% 36%,rgba(194,101,255,.28),transparent 19%),radial-gradient(circle at 30% 76%,rgba(102,57,158,.13),transparent 20%),linear-gradient(105deg,rgba(76,27,111,.48),rgba(29,9,44,.25) 46%,transparent 74%),repeating-linear-gradient(135deg,transparent 0 39px,rgba(196,112,255,.032) 39px 40px);
}
#view-ranking .rank-grid-row.mrc-row-skin.r-gold,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin.r-gold{
  --row-fx22:radial-gradient(circle at 11% 35%,rgba(249,199,71,.24),transparent 18%),radial-gradient(circle at 30% 74%,rgba(167,116,31,.11),transparent 20%),linear-gradient(105deg,rgba(102,72,17,.43),rgba(35,24,6,.23) 46%,transparent 74%),repeating-linear-gradient(135deg,transparent 0 42px,rgba(238,193,75,.026) 42px 43px);
}
#view-ranking .rank-grid-row.mrc-row-skin.r-cyber,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin.r-cyber{
  --row-fx22:radial-gradient(circle at 10% 35%,rgba(47,229,255,.27),transparent 18%),linear-gradient(108deg,rgba(8,74,90,.44),rgba(0,180,220,.18) 24%,rgba(52,76,171,.16) 43%,transparent 72%),repeating-linear-gradient(128deg,transparent 0 26px,rgba(71,229,255,.045) 26px 27px),repeating-linear-gradient(90deg,transparent 0 92px,rgba(70,203,255,.025) 92px 93px);
}
#view-ranking .rank-grid-row.mrc-row-skin.r-fire,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin.r-fire{
  --row-fx22:radial-gradient(circle at 9% 70%,rgba(255,105,47,.31),transparent 18%),radial-gradient(circle at 24% 28%,rgba(255,183,66,.12),transparent 20%),linear-gradient(103deg,rgba(124,31,12,.47),rgba(194,67,23,.17) 33%,rgba(70,24,9,.08) 52%,transparent 73%);
}
#view-ranking .rank-grid-row.mrc-row-skin.r-galaxy,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin.r-galaxy{
  --row-fx22:radial-gradient(circle at 10% 32%,rgba(186,117,255,.28),transparent 18%),radial-gradient(circle at 23% 74%,rgba(69,130,255,.17),transparent 18%),radial-gradient(circle at 38% 28%,rgba(234,105,255,.08),transparent 15%),linear-gradient(105deg,rgba(57,28,105,.47),rgba(24,12,54,.23) 47%,transparent 74%);
}
#view-ranking .rank-grid-row.mrc-row-skin.r-ucl26,
#view-ranking .rk-main.rank-grid-row.mrc-row-skin.r-ucl26{
  --row-fx22:radial-gradient(circle at 10% 38%,rgba(114,135,255,.28),transparent 18%),radial-gradient(circle at 29% 72%,rgba(104,76,209,.12),transparent 18%),linear-gradient(104deg,rgba(27,44,122,.47),rgba(65,66,171,.18) 39%,transparent 72%),repeating-linear-gradient(135deg,transparent 0 34px,rgba(123,141,255,.032) 34px 35px);
}

/* ===== Ramki avatara: zachowujemy PNG, gasimy mocne glow/animacje ===== */
.mrc-avatar-shell.has-frame{
  animation:none!important;
  filter:none!important;
}
.mrc-avatar-shell.has-frame::after{
  animation:none!important;
  filter:drop-shadow(0 0 3px rgba(190,205,225,.22))!important;
  opacity:.96!important;
}
/* Delikatny kolor tylko dla wybranych ramek, bez dużej poświaty. */
.mrc-avatar-shell:is(.f-gold,.f-royal,.f-madrid,.f-heraldic).has-frame::after{filter:drop-shadow(0 0 3px rgba(255,202,74,.26))!important}
.mrc-avatar-shell:is(.f-amethyst,.f-galaxy,.f-cosmic).has-frame::after{filter:drop-shadow(0 0 3px rgba(181,100,255,.25))!important}
.mrc-avatar-shell:is(.f-ice,.f-diamond,.f-frostcrown,.f-electric,.f-neon).has-frame::after{filter:drop-shadow(0 0 3px rgba(102,210,255,.24))!important}
.mrc-avatar-shell:is(.f-fire,.f-magma).has-frame::after{filter:drop-shadow(0 0 3px rgba(255,96,48,.25))!important}
.mrc-avatar-shell.f-emerald.has-frame::after{filter:drop-shadow(0 0 3px rgba(61,223,160,.24))!important}

/* ===== v3.3.23 — full ranking style reset + synced 3 ranking views ===== */

/* --- Wspólny wygląd kontenerów: Punktowy / Zarobasy / Solówki --- */
#view-ranking .rank-table-panel.rank-grid,
#view-coins .mrc-rank,
#view-ranking .ar-rank-list{
  border:1px solid #1f2429!important;
  border-radius:16px!important;
  background:#050607!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.015) inset!important;
  overflow:hidden!important;
}
#view-ranking .rank-grid-head,
#view-coins .mrc-rank-head,
#view-ranking .ar-rank-list-head{
  background:#040506!important;
  border-bottom:1px solid #1b2025!important;
  color:#8b98a7!important;
  font-size:11px!important;
}
#view-ranking .ar-rank-podium{display:none!important} /* ranking Solówek ma być listą, jak Zarobasy */
#view-ranking .ar-rank-panel{margin-top:0!important}
#view-ranking .ar-rank-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 12px!important}
#view-ranking .ar-rank-head h3{margin:2px 0 4px!important;color:#fff}
#view-ranking .ar-rank-head p,
#view-ranking .ar-rank-head span,
#view-ranking .ar-rank-head label{color:#9aa4af!important}

/* --- Wspólny wygląd wierszy --- */
#view-ranking .rank-grid-row,
#view-coins .mrc-rank-row,
#view-ranking .ar-rank-row{
  position:relative!important;
  overflow:hidden!important;
  background:#050607!important;
  border-top:1px solid #171b20!important;
  transition:background .16s ease, border-color .16s ease!important;
}
#view-ranking .rank-grid-row:hover,
#view-coins .mrc-rank-row:hover,
#view-ranking .ar-rank-row:hover{background:#080b0f!important}
#view-ranking .rank-grid-row.mine,
#view-coins .mrc-rank-row.me,
#view-ranking .ar-rank-row.mine{box-shadow:inset 2px 0 0 #1d9bf0!important}
#view-ranking .rank-grid-row.rk-podium-1,
#view-coins .mrc-rank-row.top.t1,
#view-ranking .ar-rank-row.top.p1{background:linear-gradient(90deg,rgba(193,146,32,.13),rgba(70,48,8,.07) 42%,rgba(5,6,7,0) 100%)!important}
#view-ranking .rank-grid-row.rk-podium-2,
#view-coins .mrc-rank-row.top.t2,
#view-ranking .ar-rank-row.top.p2{background:linear-gradient(90deg,rgba(146,164,181,.11),rgba(42,51,62,.06) 42%,rgba(5,6,7,0) 100%)!important}
#view-ranking .rank-grid-row.rk-podium-3,
#view-coins .mrc-rank-row.top.t3,
#view-ranking .ar-rank-row.top.p3{background:linear-gradient(90deg,rgba(178,104,58,.12),rgba(64,31,11,.06) 42%,rgba(5,6,7,0) 100%)!important}

/* --- Reset starych pseudoefektów tła z kosmetyków --- */
#view-ranking .rank-grid-row.mrc-row-skin::before,
#view-ranking .rank-grid-row.mrc-row-skin::after,
#view-coins .mrc-rank-row.mrc-row-skin::before,
#view-coins .mrc-rank-row.mrc-row-skin::after,
#view-ranking .ar-rank-row.mrc-row-skin::before,
#view-ranking .ar-rank-row.mrc-row-skin::after{
  content:none!important;
  display:none!important;
}

/* --- Nowe CSS-only tła: pełna szerokość, bez obrazków i bez urwania w połowie --- */
#view-ranking .rank-grid-row.mrc-row-skin,
#view-coins .mrc-rank-row.mrc-row-skin,
#view-ranking .ar-rank-row.mrc-row-skin{
  background-color:#050607!important;
  background-image:
    linear-gradient(90deg, rgba(255,255,255,.018), rgba(255,255,255,0) 68%),
    var(--rank-row-sync, linear-gradient(90deg, transparent, transparent))!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%,100% 100%!important;
  box-shadow:inset 3px 0 0 var(--loot-color,rgba(255,255,255,.16)), inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
#view-ranking .rank-grid-row.mrc-row-skin.r-navy,
#view-coins .mrc-rank-row.mrc-row-skin.r-navy,
#view-ranking .ar-rank-row.mrc-row-skin.r-navy{
  --loot-color:#61a3ff;
  --rank-row-sync:linear-gradient(90deg,rgba(47,108,191,.26) 0%,rgba(16,42,72,.16) 42%,rgba(5,6,7,0) 100%),repeating-linear-gradient(125deg,transparent 0 46px,rgba(105,169,255,.028) 46px 47px);
}
#view-ranking .rank-grid-row.mrc-row-skin.r-green,
#view-coins .mrc-rank-row.mrc-row-skin.r-green,
#view-ranking .ar-rank-row.mrc-row-skin.r-green{
  --loot-color:#58dd9f;
  --rank-row-sync:linear-gradient(90deg,rgba(29,121,81,.25) 0%,rgba(11,49,33,.16) 42%,rgba(5,6,7,0) 100%),repeating-linear-gradient(125deg,transparent 0 46px,rgba(80,224,160,.026) 46px 47px);
}
#view-ranking .rank-grid-row.mrc-row-skin.r-purple,
#view-coins .mrc-rank-row.mrc-row-skin.r-purple,
#view-ranking .ar-rank-row.mrc-row-skin.r-purple{
  --loot-color:#c06eff;
  --rank-row-sync:linear-gradient(90deg,rgba(128,52,196,.30) 0%,rgba(46,17,74,.18) 44%,rgba(5,6,7,0) 100%),repeating-linear-gradient(125deg,transparent 0 44px,rgba(193,116,255,.035) 44px 45px);
}
#view-ranking .rank-grid-row.mrc-row-skin.r-gold,
#view-coins .mrc-rank-row.mrc-row-skin.r-gold,
#view-ranking .ar-rank-row.mrc-row-skin.r-gold{
  --loot-color:#e7c35f;
  --rank-row-sync:linear-gradient(90deg,rgba(142,104,23,.28) 0%,rgba(56,39,8,.18) 44%,rgba(5,6,7,0) 100%),repeating-linear-gradient(125deg,transparent 0 48px,rgba(236,197,86,.028) 48px 49px);
}
#view-ranking .rank-grid-row.mrc-row-skin.r-cyber,
#view-coins .mrc-rank-row.mrc-row-skin.r-cyber,
#view-ranking .ar-rank-row.mrc-row-skin.r-cyber{
  --loot-color:#49e1ff;
  --rank-row-sync:linear-gradient(90deg,rgba(15,97,115,.30) 0%,rgba(32,146,184,.14) 26%,rgba(28,68,126,.13) 50%,rgba(5,6,7,0) 100%),repeating-linear-gradient(128deg,transparent 0 28px,rgba(83,233,255,.05) 28px 29px);
}
#view-ranking .rank-grid-row.mrc-row-skin.r-fire,
#view-coins .mrc-rank-row.mrc-row-skin.r-fire,
#view-ranking .ar-rank-row.mrc-row-skin.r-fire{
  --loot-color:#ff8553;
  --rank-row-sync:linear-gradient(90deg,rgba(134,40,18,.30) 0%,rgba(191,70,27,.15) 30%,rgba(92,31,12,.10) 52%,rgba(5,6,7,0) 100%);
}
#view-ranking .rank-grid-row.mrc-row-skin.r-galaxy,
#view-coins .mrc-rank-row.mrc-row-skin.r-galaxy,
#view-ranking .ar-rank-row.mrc-row-skin.r-galaxy{
  --loot-color:#b487ff;
  --rank-row-sync:linear-gradient(90deg,rgba(83,38,150,.30) 0%,rgba(40,20,80,.18) 42%,rgba(5,6,7,0) 100%),radial-gradient(circle at 16% 62%,rgba(77,127,255,.13),transparent 0 12%),repeating-linear-gradient(125deg,transparent 0 46px,rgba(191,140,255,.03) 46px 47px);
}
#view-ranking .rank-grid-row.mrc-row-skin.r-ucl26,
#view-coins .mrc-rank-row.mrc-row-skin.r-ucl26,
#view-ranking .ar-rank-row.mrc-row-skin.r-ucl26{
  --loot-color:#7d93ff;
  --rank-row-sync:linear-gradient(90deg,rgba(39,60,146,.30) 0%,rgba(26,34,86,.18) 42%,rgba(5,6,7,0) 100%),repeating-linear-gradient(130deg,transparent 0 40px,rgba(132,149,255,.032) 40px 41px);
}

/* --- Meta: badge + title + odznaka. Wszystko w jednym rzędzie i bez starych efektów. --- */
#view-ranking .rank-meta-line,
#view-coins .mrc-rank-row .mrc-rank-meta,
#view-ranking .ar-rank-user-meta,
#view-ranking .ar-rank-podium-name .ar-rank-user-meta{
  display:inline-flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  min-width:0!important;
  min-height:20px!important;
  height:20px!important;
}
#view-ranking .rank-meta-line > *,
#view-coins .mrc-rank-row .mrc-rank-meta > *,
#view-ranking .ar-rank-user-meta > *,
#view-ranking .ar-rank-podium-name .ar-rank-user-meta > *{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
}
#view-ranking .rank-meta-line > * + *,
#view-coins .mrc-rank-row .mrc-rank-meta > * + *,
#view-ranking .ar-rank-user-meta > * + *,
#view-ranking .ar-rank-podium-name .ar-rank-user-meta > * + *{margin-left:7px!important}
#view-ranking .rank-meta-line > * + *::before,
#view-coins .mrc-rank-row .mrc-rank-meta > * + *::before,
#view-ranking .ar-rank-user-meta > * + *::before,
#view-ranking .ar-rank-podium-name .ar-rank-user-meta > * + *::before{
  content:""!important;
  width:4px!important;
  height:4px!important;
  margin-right:7px!important;
  border-radius:50%!important;
  background:#54606c!important;
  opacity:.8!important;
  flex:0 0 4px!important;
}

/* --- Wspólny reset mini-ikon --- */
#view-ranking .mrc-nick-badge,
#view-coins .mrc-nick-badge,
#view-ranking .ar-rank-user-meta .mrc-nick-badge,
#view-ranking .ar-rank-podium-name .mrc-nick-badge,
#view-ranking .ar-mini-badges,
#view-coins .ar-mini-badges,
#view-ranking .ar-rank-user-meta .ar-mini-badges,
#view-ranking .ar-rank-podium-name .ar-mini-badges,
#view-ranking .mrc-title-art,
#view-coins .mrc-title-art,
#view-ranking .ar-rank-user-meta .mrc-title-art,
#view-ranking .ar-rank-podium-name .mrc-title-art{
  background:none!important;
  box-shadow:none!important;
  border:0!important;
  filter:none!important;
}
#view-ranking .mrc-nick-badge,
#view-coins .mrc-nick-badge,
#view-ranking .ar-rank-user-meta .mrc-nick-badge,
#view-ranking .ar-rank-podium-name .mrc-nick-badge{
  width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;
  display:inline-grid!important;place-items:center!important;overflow:hidden!important;border-radius:5px!important;
}
#view-ranking .mrc-nick-badge .mrc-inline-badge,
#view-coins .mrc-nick-badge .mrc-inline-badge,
#view-ranking .ar-rank-user-meta .mrc-nick-badge .mrc-inline-badge,
#view-ranking .ar-rank-podium-name .mrc-nick-badge .mrc-inline-badge{
  width:20px!important;height:20px!important;object-fit:contain!important;object-position:center!important;display:block!important;filter:none!important;
}
#view-ranking .mrc-nick-title,
#view-coins .mrc-nick-title,
#view-ranking .ar-rank-user-meta .mrc-nick-title,
#view-ranking .ar-rank-podium-name .mrc-nick-title{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  height:20px!important;
  min-height:20px!important;
  max-width:170px!important;
  padding:0 8px 0 2px!important;
  border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--loot-color,#629eea) 42%,#2e343a)!important;
  background:color-mix(in srgb,var(--loot-color,#629eea) 11%,#050607)!important;
  color:#dbe8ff!important;
  overflow:hidden!important;
}
#view-ranking .mrc-title-art,
#view-coins .mrc-title-art,
#view-ranking .ar-rank-user-meta .mrc-title-art,
#view-ranking .ar-rank-podium-name .mrc-title-art{
  width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;
  display:inline-grid!important;place-items:center!important;overflow:hidden!important;border-radius:5px!important;flex:0 0 20px!important;
}
#view-ranking .mrc-title-art .mrc-inline-title,
#view-coins .mrc-title-art .mrc-inline-title,
#view-ranking .ar-rank-user-meta .mrc-title-art .mrc-inline-title,
#view-ranking .ar-rank-podium-name .mrc-title-art .mrc-inline-title{
  width:20px!important;height:20px!important;object-fit:contain!important;object-position:center!important;display:block!important;filter:none!important;
}
#view-ranking .mrc-nick-title-text,
#view-coins .mrc-nick-title-text,
#view-ranking .ar-rank-user-meta .mrc-nick-title-text,
#view-ranking .ar-rank-podium-name .mrc-nick-title-text{
  display:block!important;
  min-width:0!important;
  font-size:10px!important;
  line-height:20px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#view-ranking .ar-mini-badges,
#view-coins .ar-mini-badges,
#view-ranking .ar-rank-user-meta .ar-mini-badges,
#view-ranking .ar-rank-podium-name .ar-mini-badges{
  display:inline-flex!important;align-items:center!important;gap:0!important;height:20px!important;line-height:20px!important
}
#view-ranking .ar-mini-badges > span,
#view-ranking .ar-mini-badges .ar-mini-badge-img,
#view-coins .ar-mini-badges > span,
#view-coins .ar-mini-badges .ar-mini-badge-img,
#view-ranking .ar-rank-user-meta .ar-mini-badges > span,
#view-ranking .ar-rank-user-meta .ar-mini-badges .ar-mini-badge-img,
#view-ranking .ar-rank-podium-name .ar-mini-badges > span,
#view-ranking .ar-rank-podium-name .ar-mini-badges .ar-mini-badge-img{
  width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;
  display:block!important;object-fit:contain!important;object-position:center!important;filter:none!important;
}

/* --- Dopieszczamy układ nazw w Arenie, żeby był taki sam jak w pozostałych rankingach --- */
#view-ranking .ar-rank-user{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;background:transparent!important;border:0!important;padding:0!important;color:inherit!important;text-align:left!important}
#view-ranking .ar-rank-user-copy{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}
#view-ranking .ar-rank-user-copy>b,
#view-ranking .ar-rank-podium-name>b{display:block!important;line-height:1.1!important;margin:0!important}
#view-ranking .ar-rank-user-copy>small,
#view-ranking .ar-rank-podium-name>small{margin-top:1px!important}
#view-ranking .ar-rank-user-copy>em,
#view-ranking .ar-rank-podium-name>em{font-style:normal!important;color:#8c99a6!important;font-size:11px!important}

/* --- Ramki avatara: mniejsza poświata i mniej agresywny efekt --- */
#view-ranking .mrc-avatar-shell.has-frame::after,
#view-coins .mrc-avatar-shell.has-frame::after,
#view-arena .mrc-avatar-shell.has-frame::after{
  filter:drop-shadow(0 0 2px rgba(180,198,218,.16))!important;
  opacity:.93!important;
}
#view-ranking .mrc-avatar-shell:is(.f-gold,.f-royal,.f-madrid,.f-heraldic).has-frame::after,
#view-coins .mrc-avatar-shell:is(.f-gold,.f-royal,.f-madrid,.f-heraldic).has-frame::after,
#view-arena .mrc-avatar-shell:is(.f-gold,.f-royal,.f-madrid,.f-heraldic).has-frame::after{filter:drop-shadow(0 0 2px rgba(255,198,72,.18))!important}
#view-ranking .mrc-avatar-shell:is(.f-amethyst,.f-galaxy,.f-cosmic).has-frame::after,
#view-coins .mrc-avatar-shell:is(.f-amethyst,.f-galaxy,.f-cosmic).has-frame::after,
#view-arena .mrc-avatar-shell:is(.f-amethyst,.f-galaxy,.f-cosmic).has-frame::after{filter:drop-shadow(0 0 2px rgba(176,112,255,.17))!important}
#view-ranking .mrc-avatar-shell:is(.f-ice,.f-diamond,.f-frostcrown,.f-electric,.f-neon).has-frame::after,
#view-coins .mrc-avatar-shell:is(.f-ice,.f-diamond,.f-frostcrown,.f-electric,.f-neon).has-frame::after,
#view-arena .mrc-avatar-shell:is(.f-ice,.f-diamond,.f-frostcrown,.f-electric,.f-neon).has-frame::after{filter:drop-shadow(0 0 2px rgba(98,205,255,.16))!important}
#view-ranking .mrc-avatar-shell:is(.f-fire,.f-magma).has-frame::after,
#view-coins .mrc-avatar-shell:is(.f-fire,.f-magma).has-frame::after,
#view-arena .mrc-avatar-shell:is(.f-fire,.f-magma).has-frame::after{filter:drop-shadow(0 0 2px rgba(255,95,52,.17))!important}
#view-ranking .mrc-avatar-shell.f-emerald.has-frame::after,
#view-coins .mrc-avatar-shell.f-emerald.has-frame::after,
#view-arena .mrc-avatar-shell.f-emerald.has-frame::after{filter:drop-shadow(0 0 2px rgba(61,220,160,.16))!important}

/* Mobile: title może się uciąć, ale nie rozwala wiersza. */
@media (max-width:900px){
  #view-ranking .mrc-nick-title,
  #view-coins .mrc-nick-title,
  #view-ranking .ar-rank-user-meta .mrc-nick-title,
  #view-ranking .ar-rank-podium-name .mrc-nick-title{max-width:132px!important}
  #view-ranking .rank-meta-line,
  #view-coins .mrc-rank-row .mrc-rank-meta,
  #view-ranking .ar-rank-user-meta{overflow:hidden!important}
}

/* ===== v3.3.24 — ranking redesign: gradientmagic-inspired animated CSS backgrounds + icon rebuild ===== */

/* wspólna karta rankingu */
.rank-sync-ui{
  border:1px solid #20262d!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#060708 0%,#050607 100%)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset, 0 20px 50px -42px rgba(0,0,0,.95)!important;
  overflow:hidden!important;
}
.rank-sync-ui .rank-grid-head,
.rank-sync-ui .mrc-rank-head,
.rank-sync-ui .ar-rank-list-head{
  background:linear-gradient(180deg,#090b0d 0%,#060708 100%)!important;
  border-bottom:1px solid #1a2026!important;
}
.rank-sync-ui .rank-grid-head>div,
.rank-sync-ui .mrc-rank-head>span,
.rank-sync-ui .ar-rank-list-head>span{
  color:#8b97a4!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}

/* wiersze */
.rank-sync-ui .rank-grid-row,
.rank-sync-ui .mrc-rank-row,
.rank-sync-ui .ar-rank-row{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#060708!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
}
.rank-sync-ui .rank-grid-row:first-child,
.rank-sync-ui .mrc-rank-row:first-child,
.rank-sync-ui .ar-rank-row:first-child{border-top:0!important}
.rank-sync-ui .rank-grid-row:hover,
.rank-sync-ui .mrc-rank-row:hover,
.rank-sync-ui .ar-rank-row:hover{background:#090c10!important}
.rank-sync-ui .rank-grid-row.mine,
.rank-sync-ui .mrc-rank-row.me,
.rank-sync-ui .ar-rank-row.mine{box-shadow:inset 2px 0 0 #1d9bf0, inset 0 0 0 1px rgba(29,155,240,.10)!important}

/* TOP3 jak w zarobasach, delikatnie lepsze */
.rank-sync-ui .rk-podium-1,
.rank-sync-ui .mrc-rank-row.top.t1,
.rank-sync-ui .ar-rank-row.top.p1{background:linear-gradient(90deg,rgba(201,150,34,.14),rgba(72,48,8,.10) 38%,rgba(6,7,8,0) 100%)!important}
.rank-sync-ui .rk-podium-2,
.rank-sync-ui .mrc-rank-row.top.t2,
.rank-sync-ui .ar-rank-row.top.p2{background:linear-gradient(90deg,rgba(171,182,195,.13),rgba(45,56,68,.08) 38%,rgba(6,7,8,0) 100%)!important}
.rank-sync-ui .rk-podium-3,
.rank-sync-ui .mrc-rank-row.top.t3,
.rank-sync-ui .ar-rank-row.top.p3{background:linear-gradient(90deg,rgba(188,112,67,.13),rgba(74,35,13,.08) 38%,rgba(6,7,8,0) 100%)!important}

/* reset starych teł png i baz dla kosmetyków */
.rank-sync-ui .rank-grid-row.mrc-row-skin,
.rank-sync-ui .mrc-rank-row.mrc-row-skin,
.rank-sync-ui .ar-rank-row.mrc-row-skin{
  background:#060708!important;
  box-shadow:inset 3px 0 0 var(--row-accent,#718091), inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
.rank-sync-ui .rank-grid-row.mrc-row-skin::before,
.rank-sync-ui .mrc-rank-row.mrc-row-skin::before,
.rank-sync-ui .ar-rank-row.mrc-row-skin::before,
.rank-sync-ui .rank-grid-row.mrc-row-skin::after,
.rank-sync-ui .mrc-rank-row.mrc-row-skin::after,
.rank-sync-ui .ar-rank-row.mrc-row-skin::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
}
.rank-sync-ui .rank-grid-row.mrc-row-skin::before,
.rank-sync-ui .mrc-rank-row.mrc-row-skin::before,
.rank-sync-ui .ar-rank-row.mrc-row-skin::before{
  z-index:0!important;
  background:
    radial-gradient(circle at var(--spot-x1,18%) 50%, var(--row-halo,rgba(255,255,255,.11)) 0%, rgba(255,255,255,0) 22%),
    radial-gradient(circle at var(--spot-x2,42%) 18%, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 20%),
    linear-gradient(115deg,var(--row-fill-a,rgba(255,255,255,.16)) 0%, var(--row-fill-b,rgba(255,255,255,.07)) 28%, rgba(6,7,8,.03) 54%, rgba(6,7,8,0) 100%),
    repeating-linear-gradient(128deg, transparent 0 22px, var(--row-stripe,rgba(255,255,255,.03)) 22px 23px, transparent 23px 46px)!important;
  background-size:140% 140%, 130% 130%, 160% 100%, 180px 100%!important;
  opacity:.96!important;
  animation:mrcRankBgFlow 16s linear infinite!important;
}
.rank-sync-ui .rank-grid-row.mrc-row-skin::after,
.rank-sync-ui .mrc-rank-row.mrc-row-skin::after,
.rank-sync-ui .ar-rank-row.mrc-row-skin::after{
  z-index:0!important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.045), rgba(255,255,255,0) 16%),
    radial-gradient(circle at 20% 50%, var(--row-flare,rgba(255,255,255,.09)) 0%, rgba(255,255,255,0) 13%),
    radial-gradient(circle at 35% 50%, rgba(255,255,255,.035) 0%, rgba(255,255,255,0) 18%)!important;
  mix-blend-mode:screen!important;
  opacity:.46!important;
  transform:translateX(-9%)!important;
  animation:mrcRankBgShimmer 7.5s ease-in-out infinite!important;
}
.rank-sync-ui .rank-grid-row > *,
.rank-sync-ui .mrc-rank-row > *,
.rank-sync-ui .ar-rank-row > *{position:relative!important;z-index:1!important}

/* palety jak z dark gradients */
.rank-sync-ui .mrc-row-skin.r-navy{--row-accent:#6da6ff;--row-halo:rgba(70,132,255,.18);--row-fill-a:rgba(35,88,174,.34);--row-fill-b:rgba(13,34,64,.18);--row-stripe:rgba(120,177,255,.055);--row-flare:rgba(74,146,255,.11);--spot-x1:16%;--spot-x2:38%}
.rank-sync-ui .mrc-row-skin.r-green{--row-accent:#4fe0a1;--row-halo:rgba(50,209,140,.18);--row-fill-a:rgba(29,122,83,.34);--row-fill-b:rgba(11,47,32,.18);--row-stripe:rgba(90,233,172,.048);--row-flare:rgba(74,224,164,.1);--spot-x1:17%;--spot-x2:40%}
.rank-sync-ui .mrc-row-skin.r-purple{--row-accent:#c16dff;--row-halo:rgba(177,86,255,.22);--row-fill-a:rgba(107,43,171,.38);--row-fill-b:rgba(42,18,72,.18);--row-stripe:rgba(205,124,255,.06);--row-flare:rgba(207,138,255,.12);--spot-x1:18%;--spot-x2:44%}
.rank-sync-ui .mrc-row-skin.r-gold{--row-accent:#e7c35f;--row-halo:rgba(233,189,73,.22);--row-fill-a:rgba(140,102,22,.38);--row-fill-b:rgba(57,39,8,.18);--row-stripe:rgba(238,202,92,.05);--row-flare:rgba(240,210,108,.11);--spot-x1:18%;--spot-x2:43%}
.rank-sync-ui .mrc-row-skin.r-cyber{--row-accent:#45e4ff;--row-halo:rgba(68,228,255,.20);--row-fill-a:rgba(22,96,132,.34);--row-fill-b:rgba(27,52,98,.18);--row-stripe:rgba(92,236,255,.058);--row-flare:rgba(95,244,255,.13);--spot-x1:16%;--spot-x2:41%}
.rank-sync-ui .mrc-row-skin.r-fire{--row-accent:#ff8d57;--row-halo:rgba(255,130,86,.22);--row-fill-a:rgba(138,44,20,.38);--row-fill-b:rgba(65,23,9,.18);--row-stripe:rgba(255,154,98,.055);--row-flare:rgba(255,165,104,.12);--spot-x1:19%;--spot-x2:47%}
.rank-sync-ui .mrc-row-skin.r-galaxy{--row-accent:#b78cff;--row-halo:rgba(145,104,255,.22);--row-fill-a:rgba(79,42,159,.36);--row-fill-b:rgba(34,16,72,.18);--row-stripe:rgba(197,146,255,.06);--row-flare:rgba(166,123,255,.12);--spot-x1:20%;--spot-x2:46%}
.rank-sync-ui .mrc-row-skin.r-ucl26{--row-accent:#7f98ff;--row-halo:rgba(130,147,255,.2);--row-fill-a:rgba(43,63,164,.36);--row-fill-b:rgba(20,28,74,.18);--row-stripe:rgba(140,160,255,.055);--row-flare:rgba(144,162,255,.12);--spot-x1:16%;--spot-x2:42%}

@keyframes mrcRankBgFlow{
  0%{background-position:0% 50%,0% 0%,0% 0%,0 0}
  50%{background-position:28% 52%,12% 6%,18% 0%,120px 0}
  100%{background-position:54% 50%,22% 10%,36% 0%,240px 0}
}
@keyframes mrcRankBgShimmer{
  0%,100%{opacity:.22;transform:translateX(-14%)}
  50%{opacity:.56;transform:translateX(10%)}
}
@media (prefers-reduced-motion:reduce){
  .rank-sync-ui .rank-grid-row.mrc-row-skin::before,
  .rank-sync-ui .mrc-rank-row.mrc-row-skin::before,
  .rank-sync-ui .ar-rank-row.mrc-row-skin::before,
  .rank-sync-ui .rank-grid-row.mrc-row-skin::after,
  .rank-sync-ui .mrc-rank-row.mrc-row-skin::after,
  .rank-sync-ui .ar-rank-row.mrc-row-skin::after{animation:none!important}
}

/* nazwa + ikony */
.rank-sync-ui .rk-user,
.rank-sync-ui .mrc-who,
.rank-sync-ui .ar-rank-user{min-width:0!important}
.rank-sync-ui .rank-name-line,
.rank-sync-ui .mrc-who-copy>b,
.rank-sync-ui .ar-rank-user-copy>b{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
.rank-sync-ui .rank-name,
.rank-sync-ui .mrc-who-copy>b,
.rank-sync-ui .ar-rank-user-copy>b,
.rank-sync-ui .ar-rank-podium-name>b{font-size:12px!important;line-height:1.15!important;font-weight:800!important;color:#eef3f8!important}
.rank-sync-ui .rank-identity,
.rank-sync-ui .mrc-who-copy,
.rank-sync-ui .ar-rank-user-copy{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}
.rank-sync-ui .rank-meta-line,
.rank-sync-ui .mrc-rank-meta,
.rank-sync-ui .ar-rank-user-meta{
  display:inline-flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  min-width:0!important;
  height:20px!important;
  min-height:20px!important;
  overflow:hidden!important;
}
.rank-sync-ui .rank-meta-line > *,
.rank-sync-ui .mrc-rank-meta > *,
.rank-sync-ui .ar-rank-user-meta > *{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;margin:0!important;padding:0!important}
.rank-sync-ui .rank-meta-line > * + *,
.rank-sync-ui .mrc-rank-meta > * + *,
.rank-sync-ui .ar-rank-user-meta > * + *{margin-left:8px!important}
.rank-sync-ui .rank-meta-line > * + *::before,
.rank-sync-ui .mrc-rank-meta > * + *::before,
.rank-sync-ui .ar-rank-user-meta > * + *::before{
  content:""!important; width:4px!important; height:4px!important; border-radius:50%!important;
  margin-right:8px!important; background:#5f6975!important; opacity:.8!important; flex:0 0 4px!important;
}
.rank-sync-ui .mrc-rank-decor,
.rank-sync-ui .mrc-rank-badges{display:inline-flex!important;align-items:center!important;gap:0!important;flex-wrap:nowrap!important}
.rank-sync-ui .mrc-rank-decor > * + *,
.rank-sync-ui .mrc-rank-badges > * + *{margin-left:8px!important}
.rank-sync-ui .mrc-rank-decor > * + *::before,
.rank-sync-ui .mrc-rank-badges > * + *::before{content:""!important;width:4px!important;height:4px!important;border-radius:50%!important;margin-right:8px!important;background:#5f6975!important;opacity:.8!important;flex:0 0 4px!important}

/* stały rozmiar ikon 20x20 i nowy clean style */
.rank-sync-ui .mrc-nick-badge,
.rank-sync-ui .mrc-title-art,
.rank-sync-ui .ar-mini-badges > span{
  width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important;
  display:inline-grid!important;place-items:center!important;border-radius:6px!important;overflow:hidden!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(180deg,#0f151b 0%,#090d11 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 2px 8px -6px rgba(0,0,0,.7)!important;
}
.rank-sync-ui .mrc-nick-badge .mrc-inline-badge,
.rank-sync-ui .mrc-title-art .mrc-inline-title,
.rank-sync-ui .ar-mini-badges .ar-mini-badge-img{
  width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important;
  object-fit:contain!important;object-position:center!important;display:block!important;filter:none!important;
}
.rank-sync-ui .mrc-nick-badge i,
.rank-sync-ui .mrc-title-art i{font-size:12px!important;line-height:1!important}
.rank-sync-ui .mrc-nick-badge{border-color:color-mix(in srgb,var(--loot-color,#ffcf5f) 55%,rgba(255,255,255,.10))!important;background:linear-gradient(180deg,color-mix(in srgb,var(--loot-color,#ffcf5f) 12%,#0d1116),#090d11)!important}
.rank-sync-ui .ar-mini-badges > span{border-color:color-mix(in srgb,var(--badge-color,#58ddb0) 60%,rgba(255,255,255,.10))!important;background:linear-gradient(180deg,color-mix(in srgb,var(--badge-color,#58ddb0) 10%,#0d1116),#090d11)!important}

/* tytuł pill */
.rank-sync-ui .mrc-nick-title{
  display:inline-flex!important;align-items:center!important;gap:5px!important;min-width:0!important;max-width:170px!important;height:20px!important;
  padding:0 8px 0 2px!important;border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--loot-color,#4ea7ff) 55%,rgba(255,255,255,.10))!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--loot-color,#4ea7ff) 14%,#10161d),#090d11)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 3px 10px -9px var(--loot-color,#4ea7ff)!important;
  color:#eef4ff!important;
}
.rank-sync-ui .mrc-nick-title .mrc-title-art{flex:0 0 20px!important}
.rank-sync-ui .mrc-nick-title-text{display:block!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:10px!important;font-weight:800!important;line-height:20px!important;color:#e6f0ff!important}

/* drobne teksty */
.rank-sync-ui .mrc-who-copy small,
.rank-sync-ui .ar-rank-user-copy small,
.rank-sync-ui .rank-identity small{font-size:10px!important;color:#87939f!important}
.rank-sync-ui .rank-you{font-size:10px!important}

/* ramki avatarów — mniej glow */
.rank-sync-ui .mrc-avatar-shell.has-frame::after{opacity:.90!important;filter:none!important}
.rank-sync-ui .mrc-avatar-shell.f-emerald.has-frame::after{filter:drop-shadow(0 0 3px rgba(66,219,162,.17))!important}
.rank-sync-ui .mrc-avatar-shell:is(.f-amethyst,.f-galaxy,.f-cosmic).has-frame::after{filter:drop-shadow(0 0 3px rgba(176,112,255,.18))!important}
.rank-sync-ui .mrc-avatar-shell:is(.f-ice,.f-diamond,.f-frostcrown,.f-electric,.f-neon).has-frame::after{filter:drop-shadow(0 0 3px rgba(109,208,255,.16))!important}
.rank-sync-ui .mrc-avatar-shell:is(.f-fire,.f-magma).has-frame::after{filter:drop-shadow(0 0 3px rgba(255,106,58,.17))!important}
.rank-sync-ui .mrc-avatar-shell:is(.f-gold,.f-royal,.f-madrid,.f-heraldic).has-frame::after{filter:drop-shadow(0 0 3px rgba(255,197,78,.18))!important}

/* układ Areny i Zarobasów wyrównany do stylu punktowego */
.rank-sync-ui .ar-rank-list-head,
.rank-sync-ui .ar-rank-row{grid-template-columns:38px minmax(170px,1fr) 120px 72px 72px 88px!important}
.rank-sync-ui .ar-rank-row{min-height:58px!important;padding:10px 14px!important}
.rank-sync-ui .mrc-rank-head,
.rank-sync-ui .mrc-rank-row{display:grid!important;grid-template-columns:38px minmax(190px,1fr) 115px 88px!important;gap:8px!important;align-items:center!important}
.rank-sync-ui .mrc-rank-head{padding:9px 14px!important}
.rank-sync-ui .mrc-rank-row{padding:10px 14px!important}
.rank-sync-ui .mrc-pos,.rank-sync-ui .ar-rank-place{font-size:12px!important;font-weight:800!important;color:#98a4b0!important;text-align:center!important}
.rank-sync-ui .mrc-money-value b,.rank-sync-ui .rk-total,.rank-sync-ui .ar-rank-points b{font-size:15px!important;font-weight:850!important;color:#f5f7fa!important}
.rank-sync-ui .mrc-net,.rank-sync-ui .ar-rank-diff{font-size:12px!important;font-weight:800!important}

/* responsywnie */
@media (max-width:900px){
  .rank-sync-ui .mrc-nick-title{max-width:132px!important}
}
/* v3.3.24b — inner decor spacing cleanup */
.rank-sync-ui .mrc-rank-decor,
.rank-sync-ui .mrc-rank-badges{gap:8px!important}
.rank-sync-ui .mrc-rank-decor > * + *,
.rank-sync-ui .mrc-rank-badges > * + *{margin-left:0!important}
.rank-sync-ui .mrc-rank-decor > * + *::before,
.rank-sync-ui .mrc-rank-badges > * + *::before{content:none!important;display:none!important}

/* ===== v3.3.25 — FUT PNG icons integration + clean rendering ===== */

/* Ranking: generated FUT emblems already have their own frame, so do not wrap them in another box. */
.rank-sync-ui .mrc-nick-badge,
.rank-sync-ui .mrc-title-art,
.rank-sync-ui .ar-mini-badges > span{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  filter:none!important;
}
.rank-sync-ui .mrc-nick-badge .mrc-inline-badge,
.rank-sync-ui .mrc-title-art .mrc-inline-title,
.rank-sync-ui .ar-mini-badges .ar-mini-badge-img{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))!important;
}

/* Tytuł: icon 20px + text, one clean FUT-like chip. */
.rank-sync-ui .mrc-nick-title{
  height:20px!important;
  min-height:20px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:0 8px 0 0!important;
  border-radius:999px!important;
  overflow:visible!important;
  background:linear-gradient(180deg,rgba(21,29,38,.96),rgba(8,12,17,.98))!important;
  border:1px solid color-mix(in srgb,var(--loot-color,#4ea7ff) 48%,#27323c)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.rank-sync-ui .mrc-nick-title .mrc-title-art{
  flex:0 0 20px!important;
  margin-left:-1px!important;
}
.rank-sync-ui .mrc-nick-title-text{
  font-size:10px!important;
  line-height:18px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  color:#e8f1fb!important;
}

/* Keep all three cosmetic elements perfectly centered on one baseline. */
.rank-sync-ui .rank-meta-line,
.rank-sync-ui .mrc-rank-meta,
.rank-sync-ui .ar-rank-user-meta{
  height:22px!important;
  min-height:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
}
.rank-sync-ui .rank-meta-line > *,
.rank-sync-ui .mrc-rank-meta > *,
.rank-sync-ui .ar-rank-user-meta > *{
  align-self:center!important;
  vertical-align:middle!important;
}
.rank-sync-ui .rank-meta-line > * + *::before,
.rank-sync-ui .mrc-rank-meta > * + *::before,
.rank-sync-ui .ar-rank-user-meta > * + *::before{
  width:3px!important;
  height:3px!important;
  flex-basis:3px!important;
  margin-right:7px!important;
  background:#65717e!important;
  opacity:.72!important;
}
.rank-sync-ui .rank-meta-line > * + *,
.rank-sync-ui .mrc-rank-meta > * + *,
.rank-sync-ui .ar-rank-user-meta > * + *{
  margin-left:7px!important;
}

/* Inventory: large clean preview, no circular mask and no cropping. */
#view-inventory .mrc-item-art-preview.slot-badge{
  width:112px!important;
  height:112px!important;
  border-radius:18px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#view-inventory .mrc-item-art-preview.slot-badge img,
#view-inventory .mrc-item .mrc-item-preview .mrc-item-art-preview img[src*="/assets/cosmetics/nick/"]{
  width:104px!important;
  height:104px!important;
  max-width:104px!important;
  max-height:104px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 7px 10px rgba(0,0,0,.34))!important;
}

/* Loot roulette/result: show the full emblem instead of a tiny symbol in a second frame. */
.mrc-roll-card .mrc-roll-icon.mrc-roll-art.slot-badge,
.mrc-case-stage-modal .mrc-roll-icon.mrc-roll-art.slot-badge{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  border-radius:0!important;
}
.mrc-roll-card .mrc-roll-icon.mrc-roll-art.slot-badge img{
  width:78px!important;
  height:78px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.38))!important;
}
.mrc-case-stage-modal .mrc-roll-icon.mrc-roll-art.slot-badge,
.mrc-case-stage-modal .mrc-roll-icon.mrc-roll-art.slot-badge img{
  width:104px!important;
  height:104px!important;
  object-fit:contain!important;
}
.mrc-case-stage-modal .mrc-roll-icon.mrc-roll-art.slot-badge img{
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.42))!important;
}

/* Small-screen inventory still keeps the full badge visible. */
@media(max-width:799px){
  #view-inventory .mrc-item-art-preview.slot-badge{width:96px!important;height:96px!important}
  #view-inventory .mrc-item-art-preview.slot-badge img,
  #view-inventory .mrc-item .mrc-item-preview .mrc-item-art-preview img[src*="/assets/cosmetics/nick/"]{
    width:90px!important;height:90px!important;max-width:90px!important;max-height:90px!important
  }
}


/* ===== v3.3.29 — square FUT cosmetics previews ===== */
#view-inventory .mrc-item-art-preview.slot-row,
#view-inventory .mrc-item-art-preview.slot-title{
  width:112px!important;
  height:112px!important;
  min-width:112px!important;
  min-height:112px!important;
  border-radius:18px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#view-inventory .mrc-item-art-preview.slot-row img,
#view-inventory .mrc-item-art-preview.slot-title img,
#view-inventory .mrc-item .mrc-item-preview .mrc-item-art-preview img[src*="/assets/cosmetics/rows/"],
#view-inventory .mrc-item .mrc-item-preview .mrc-item-art-preview img[src*="/assets/cosmetics/titles/"]{
  width:104px!important;
  height:104px!important;
  max-width:104px!important;
  max-height:104px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 7px 10px rgba(0,0,0,.34))!important;
}
.mrc-roll-card .mrc-roll-icon.mrc-roll-art.slot-row,
.mrc-roll-card .mrc-roll-icon.mrc-roll-art.slot-title,
.mrc-case-stage-modal .mrc-roll-icon.mrc-roll-art.slot-row,
.mrc-case-stage-modal .mrc-roll-icon.mrc-roll-art.slot-title{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
.mrc-roll-card .mrc-roll-icon.mrc-roll-art.slot-row img,
.mrc-roll-card .mrc-roll-icon.mrc-roll-art.slot-title img{
  width:78px!important;
  height:78px!important;
  object-fit:contain!important;
}
.mrc-case-stage-modal .mrc-roll-icon.mrc-roll-art.slot-row,
.mrc-case-stage-modal .mrc-roll-icon.mrc-roll-art.slot-title,
.mrc-case-stage-modal .mrc-roll-icon.mrc-roll-art.slot-row img,
.mrc-case-stage-modal .mrc-roll-icon.mrc-roll-art.slot-title img{
  width:104px!important;
  height:104px!important;
  object-fit:contain!important;
}
@media(max-width:799px){
  #view-inventory .mrc-item-art-preview.slot-row,
  #view-inventory .mrc-item-art-preview.slot-title{width:96px!important;height:96px!important;min-width:96px!important;min-height:96px!important}
  #view-inventory .mrc-item-art-preview.slot-row img,
  #view-inventory .mrc-item-art-preview.slot-title img,
  #view-inventory .mrc-item .mrc-item-preview .mrc-item-art-preview img[src*="/assets/cosmetics/rows/"],
  #view-inventory .mrc-item .mrc-item-preview .mrc-item-art-preview img[src*="/assets/cosmetics/titles/"]{width:90px!important;height:90px!important;max-width:90px!important;max-height:90px!important}
}


/* =========================================================================
   v3.3.30 — RANKINGI: jedna wspólna warstwa.

   Trzy rankingi (Punktowy / Zarobasów / Solówek 1v1) mają teraz identyczny
   wiersz: kolumna pozycji, avatar, nick + "Ty", linia kosmetyków, linia
   dodatkowa. Różnią się WYŁĄCZNIE kolumnami po prawej stronie, bo tam siedzą
   inne dane (forma+punkty / konto+bilans / W-R-P+bilans+punkty+Wyzwij).

   Ten blok jest ostatni w pliku i celowo używa :is(#view-ranking,#view-arena,
   body), żeby przebić starsze reguły z #view-ranking !important z wersji
   3.1.1 – 3.3.29. Tamte warstwy ustawiały avatar kolejno na 46/40/36/34px,
   a ikony na 20/18/16/14px — stąd brały się rozjazdy między zakładkami.
   ========================================================================= */

/* ---------- 1. Zmienne wspólne ---------- */
:is(#view-ranking,#view-arena,body) .rank-sync-ui{
  --rk-avatar:38px;
  --rk-icon:20px;
  --rk-gap:10px;
  --rk-row-h:68px;
  --rk-pad-x:14px;
  --rk-name:13px;
  --rk-sub:10.5px;
  --rk-value:16px;
  --rk-muted:#8b97a4;
}

/* ---------- 2. Siatka wiersza ----------
   Kolumny 1 i 2 (# oraz Gracz) są wspólne dla wszystkich trzech rankingów.
   Reszta jest dopasowana do danych konkretnej klasyfikacji.               */
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-grid-head,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-grid-row{
  grid-template-columns:52px minmax(0,1fr) minmax(210px,300px) 96px!important;
  column-gap:var(--rk-gap)!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-head,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-row{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) 140px 96px!important;
  column-gap:var(--rk-gap)!important;
  align-items:center!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-list-head,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-row{
  grid-template-columns:52px minmax(0,1fr) 112px 70px 70px 92px!important;
  column-gap:var(--rk-gap)!important;
  align-items:center!important;
}

:is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-grid-row,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-row,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-row{
  min-height:var(--rk-row-h)!important;
  padding:9px var(--rk-pad-x)!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-grid-head,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-head,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-list-head{
  min-height:40px!important;
  padding:0 var(--rk-pad-x)!important;
  align-items:center!important;
}

/* ---------- 3. Kolumna pozycji ---------- */
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rk,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-pos,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-place{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  min-width:0!important;
  padding:0!important;
  font-size:13px!important;
  font-weight:800!important;
  font-variant-numeric:tabular-nums!important;
  color:var(--rk-muted)!important;
  text-align:center!important;
}

/* Kolory podium — te same klasy w każdym rankingu. */
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rk-podium-1{--podium:#e0bb4f;--podium-line:rgba(224,187,79,.26)}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rk-podium-2{--podium:#c3cad2;--podium-line:rgba(195,202,210,.22)}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rk-podium-3{--podium:#cf8c55;--podium-line:rgba(207,140,85,.24)}

:is(#view-ranking,#view-arena,body) .rank-sync-ui .rk-podium-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:38px!important;
  height:24px!important;
  padding:0 8px!important;
  border:1px solid var(--podium,#8b97a4)!important;
  border-radius:7px!important;
  background:color-mix(in srgb,var(--podium,#8b97a4) 12%,transparent)!important;
  color:var(--podium,#8b97a4)!important;
  font-weight:900!important;
  line-height:1!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rk-podium-badge i{font-size:10px!important}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rk-podium-badge b{font-size:12px!important;font-weight:900!important}

/* Wskaźnik zmiany miejsca — pod numerem, nie obok. */
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rk-delta{
  display:inline-flex!important;
  align-items:center!important;
  gap:2px!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rk-delta.same{color:#5f6975!important}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rk-delta.up{color:#3ddc97!important}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rk-delta.down{color:#ff6b7a!important}

/* ---------- 4. Kolumna gracza ---------- */
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rk-user,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-who,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-user{
  display:flex!important;
  align-items:center!important;
  gap:var(--rk-gap)!important;
  min-width:0!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  text-align:left!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rk-user .uname{
  display:flex!important;
  align-items:center!important;
  gap:var(--rk-gap)!important;
  min-width:0!important;
}

/* Avatar: jeden rozmiar w trzech rankingach. Ramka zostaje. */
:is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row) .mrc-avatar-shell{
  flex:0 0 var(--rk-avatar)!important;
  width:var(--rk-avatar)!important;
  height:var(--rk-avatar)!important;
  margin-inline:0!important;
}
/* WYLACZNIE obrazek w powloce avatara. Selektor ".uname img" lapalby w rankingu
   punktowym rowniez ikony, odznaki i grafike tytulu - one tez siedza w .uname. */
:is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row) .mrc-avatar-shell>img{
  width:var(--rk-avatar)!important;
  height:var(--rk-avatar)!important;
  min-width:var(--rk-avatar)!important;
  min-height:var(--rk-avatar)!important;
  flex:0 0 var(--rk-avatar)!important;
  border:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  background:#111!important;
}
/* Ramka kosmetyczna: jeden wspólny odstęp, żeby nie zjadała sąsiadów. */
:is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row) .mrc-avatar-shell.has-frame{
  margin-inline:5px 7px!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row) .mrc-avatar-shell.has-frame::after{
  inset:-26%!important;
  opacity:.92!important;
}
/* Obwódka podium tylko dla avatarów bez ramki ze skrzynki. */
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rk-podium .mrc-avatar-shell:not(.has-frame)>img{
  box-shadow:0 0 0 2px var(--podium)!important;
}

/* Trzy linie tekstu: nick+Ty / kosmetyki / dane dodatkowe. */
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-identity,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-who-copy,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-user-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:3px!important;
  min-width:0!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-name-line{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  max-width:100%!important;
  flex-wrap:nowrap!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-name,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-name-line>b{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:var(--rk-name)!important;
  font-weight:800!important;
  line-height:1.2!important;
  color:#eef3f8!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-you{
  flex:0 0 auto!important;
  padding:1px 6px!important;
  border:1px solid rgba(29,155,240,.42)!important;
  border-radius:999px!important;
  background:rgba(29,155,240,.13)!important;
  color:#7cc0f8!important;
  font-size:9.5px!important;
  font-weight:800!important;
  font-style:normal!important;
  line-height:15px!important;
  letter-spacing:.02em!important;
  margin:0!important;
}

/* Linia kosmetyków: ikona → tytuł → odznaka, zawsze w tej kolejności. */
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-meta-line,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-meta,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-user-meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  min-width:0!important;
  max-width:100%!important;
  height:22px!important;
  min-height:22px!important;
  overflow:hidden!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-meta-line:empty,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-meta:empty,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-user-meta:empty{display:none!important}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-decor,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-badges{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  min-width:0!important;
}
/* Kropki-separatory z 3.3.24 zostają wyłączone — odstęp wystarczy. */
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-meta-line>*+*::before,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-meta>*+*::before,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-user-meta>*+*::before,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-decor>*+*::before,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-badges>*+*::before{
  content:none!important;display:none!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-meta-line>*+*,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-meta>*+*,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-user-meta>*+*,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-decor>*+*,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-badges>*+*{margin-left:0!important}

/* Ikona przy nicku i odznaka osiągnięcia: goły PNG, jeden rozmiar. */
:is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row) .mrc-nick-badge,
:is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row) .ar-mini-badges>span{
  width:var(--rk-icon)!important;
  height:var(--rk-icon)!important;
  min-width:var(--rk-icon)!important;
  min-height:var(--rk-icon)!important;
  max-width:var(--rk-icon)!important;
  max-height:var(--rk-icon)!important;
  flex:0 0 var(--rk-icon)!important;
  display:inline-grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row) .ar-mini-badges{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  flex:0 0 auto!important;
  margin:0!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row) .mrc-nick-badge .mrc-inline-badge,
:is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row) .ar-mini-badges .ar-mini-badge-img{
  width:var(--rk-icon)!important;
  height:var(--rk-icon)!important;
  min-width:var(--rk-icon)!important;
  min-height:var(--rk-icon)!important;
  max-width:var(--rk-icon)!important;
  max-height:var(--rk-icon)!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))!important;
}

/* Tytuł: płaski chip, cienka obwódka w kolorze itemu (bez gradientu). */
:is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row) .mrc-nick-title{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:172px!important;
  height:22px!important;
  min-height:22px!important;
  margin:0!important;
  padding:0 9px 0 3px!important;
  border:1px solid color-mix(in srgb,var(--loot-color,#4ea7ff) 42%,#232b34)!important;
  border-radius:999px!important;
  background:rgba(10,14,19,.72)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row) .mrc-nick-title .mrc-title-art{
  flex:0 0 16px!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  display:inline-grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row) .mrc-nick-title .mrc-inline-title{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
  display:block!important;
  object-fit:contain!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row) .mrc-nick-title-text{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:20px!important;
  letter-spacing:.01em!important;
  color:color-mix(in srgb,var(--loot-color,#4ea7ff) 55%,#eaf1f8)!important;
}

/* Linia dodatkowa: trafienia (zarobasy) albo @nick + liga (solówki). */
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-sub-line{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-sub-line:empty{display:none!important}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-sub-line>small,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-who-copy small,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-user-copy small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  margin:0!important;
  font-size:var(--rk-sub)!important;
  font-weight:600!important;
  line-height:1.25!important;
  color:#828e9b!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-league{
  flex:0 0 auto!important;
  height:18px!important;
  margin:0!important;
  padding:0 7px!important;
  border:1px solid color-mix(in srgb,var(--league-color,#cd7f32) 40%,#232b34)!important;
  border-radius:999px!important;
  background:rgba(10,14,19,.72)!important;
  color:color-mix(in srgb,var(--league-color,#cd7f32) 60%,#eaf1f8)!important;
  font-size:9.5px!important;
  font-weight:800!important;
  line-height:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-league i{font-size:9px!important}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-league b{font-weight:900!important}

/* ---------- 5. Kolumny z danymi (prawa strona) ---------- */
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rk-total,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-money-value b,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-points b{
  font-size:var(--rk-value)!important;
  font-weight:850!important;
  line-height:1.1!important;
  color:#f2f5f8!important;
  font-variant-numeric:tabular-nums!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .last-pts,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-money-tier,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-points small{
  display:block!important;
  margin:2px 0 0!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1.15!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-net,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-diff{
  font-size:12px!important;
  font-weight:800!important;
  font-variant-numeric:tabular-nums!important;
  text-align:right!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-diff{text-align:center!important}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-record{
  display:inline-flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:3px!important;
  font-variant-numeric:tabular-nums!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-record b{font-size:13px!important;font-weight:800!important;color:#e6ecf2!important}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-record small{font-size:9px!important;color:var(--rk-muted)!important;margin-right:3px!important}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-action{display:flex!important;justify-content:flex-end!important}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rk-exp{margin-left:7px!important;font-size:10px!important;opacity:.4!important}

/* ---------- 6. Tła wierszy ze skrzynek ----------
   Zostają, ale przyciszone: wcześniej ::before miało opacity .96 i przykrywało
   połowę wiersza (widoczne zwłaszcza w Zarobasach). Teraz to akcent, nie tapeta. */
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-grid-row.mrc-row-skin::before,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-row.mrc-row-skin::before,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-row.mrc-row-skin::before{
  opacity:.5!important;
  background-size:150% 150%,140% 140%,190% 100%,220px 100%!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-grid-row.mrc-row-skin::after,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-row.mrc-row-skin::after,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-row.mrc-row-skin::after{
  opacity:.24!important;
}

/* Podium: ten sam pasek i to samo tło w każdym rankingu. */
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-grid-row.rk-podium,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-row.rk-podium,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-row.rk-podium{
  box-shadow:inset 3px 0 0 var(--podium)!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-grid-row.rk-podium.mrc-row-skin,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-row.rk-podium.mrc-row-skin,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-row.rk-podium.mrc-row-skin{
  box-shadow:inset 3px 0 0 var(--podium), inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
/* "Twój" wiersz ma pierwszeństwo nad podium. */
:is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-grid-row.mine,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-row.me,
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-row.mine{
  box-shadow:inset 3px 0 0 #1d9bf0, inset 0 0 0 1px rgba(29,155,240,.10)!important;
}

/* ---------- 7. Panel solówek bez podium ---------- */
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-podium{display:none!important}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-head{padding:15px var(--rk-pad-x)!important}
:is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-head h3{font-size:18px!important}

/* ---------- 8. Progi responsywne ---------- */
@media (max-width:1099px){
  :is(#view-ranking,#view-arena,body) .rank-sync-ui{--rk-avatar:34px;--rk-icon:18px;--rk-row-h:62px;--rk-name:12.5px}
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-grid-head,
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-grid-row{grid-template-columns:46px minmax(0,1fr) 200px 84px!important}
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-head,
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-row{grid-template-columns:46px minmax(0,1fr) 126px 84px!important}
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-list-head,
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-row{grid-template-columns:46px minmax(0,1fr) 100px 60px 62px 84px!important}
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-nick-title{max-width:140px!important}
}
/* ---------- 8b. Telefony i wąskie ekrany ----------
   Wcześniejsza wersja tej sekcji ustawiała samo grid-template-columns z
   !important, ale oryginalny układ mobilny opiera się na grid-template-areas
   z TRZEMA kolumnami. Cztery kolumny kontra trzykolumnowe obszary dawały
   pustą dziurę po prawej i nick ścięty do "Ksza...". Poniżej definiujemy
   obszary i kolumny razem, w jednym miejscu, dla wszystkich trzech rankingów:

     wiersz 1:  [pozycja] [gracz .......................] [wynik]
     wiersz 2:  [pozycja] [pasek dodatkowy, do prawej ..........]

   Pasek dodatkowy to forma (punktowy), bilans (zarobasy) albo W-R-P + bilans
   (solówki) - czyli dokładnie te dane, którymi rankingi się różnią.        */
@media (max-width:1100px){
  :is(#view-ranking,#view-arena,body) .rank-sync-ui{
    --rk-avatar:34px;--rk-icon:16px;--rk-gap:8px;--rk-pad-x:9px;
    --rk-row-h:auto;--rk-value:16px;--rk-name:12.5px;--rk-sub:10px;
    /* Opuszczenie bloku gracza. Linia kosmetyków pod nickiem podnosi cały blok,
       przez co nazwa wypadała wyżej niż liczba punktów po prawej. Zwiększ, jeśli
       nick ma zjechać niżej; ustaw 0, żeby wrócić do wyrównania do góry.      */
    --rk-user-drop:5px;
  }
  :is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row)>:is(.rk-user,.mrc-who,.ar-rank-user){
    padding-top:var(--rk-user-drop)!important;
  }
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-nick-title{max-width:none!important}
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .rk-podium-badge{min-width:30px!important;height:20px!important;padding:0 5px!important;gap:3px!important}
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .rk-podium-badge i{font-size:8.5px!important}
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .rk-podium-badge b{font-size:10.5px!important}

  /* Wspólny szkielet dwuwierszowy. */
  :is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row){
    grid-template-columns:38px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:"pos user main" "pos extra extra"!important;
    column-gap:8px!important;
    row-gap:5px!important;
    align-items:center!important;
    padding:9px var(--rk-pad-x)!important;
    min-height:0!important;
  }
  :is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row)>:is(.rk,.mrc-pos,.ar-rank-place){
    grid-area:pos!important;align-self:center!important;
  }
  :is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row)>:is(.rk-user,.mrc-who,.ar-rank-user){
    grid-area:user!important;min-width:0!important;
  }
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-grid-row>.tp,
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-row>.mrc-money,
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-row>.ar-rank-points{
    grid-area:main!important;justify-self:end!important;text-align:right!important;padding:0!important;
  }
  /* Pasek dodatkowy - to, czym rankingi się różnią. */
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-grid-row>.rk-form,
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-row>.mrc-net,
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-row>.ar-rank-record{
    grid-area:extra!important;display:flex!important;align-items:center!important;
    justify-content:flex-end!important;gap:4px!important;width:auto!important;
    padding:0!important;text-align:right!important;white-space:nowrap!important;
  }
  /* Kolumny, które na telefonie nie mieszczą się sensownie. */
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-row>.ar-rank-diff,
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-row>.ar-rank-action{display:none!important}

  /* Nagłówki: tylko # / Gracz / wynik. Reszta nie ma na telefonie sensu. */
  :is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-head,.mrc-rank-head,.ar-rank-list-head){
    grid-template-columns:38px minmax(0,1fr) auto!important;
    grid-template-areas:none!important;
    column-gap:8px!important;min-height:36px!important;padding:0 var(--rk-pad-x)!important;
  }
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-grid-head>.rk-form,
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-head>:last-child,
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-list-head>:nth-child(n+3){display:none!important}

  /* Nick ma dostać całą wolną szerokość - to on był ścinany do trzech liter. */
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-name-line{min-width:0!important;flex:1 1 auto!important}
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-name,
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-name-line>b{flex:0 1 auto!important;min-width:0!important}
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-meta-line,
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-rank-meta,
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-user-meta{height:20px!important;min-height:20px!important;gap:6px!important}

  /* Wynik i podpis pod nim. */
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .rk-total,
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .mrc-money-value b,
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .ar-rank-points b{font-size:16px!important}
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .rk-exp{margin:0 0 0 5px!important;font-size:9px!important}
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .fdot{width:22px!important;height:22px!important;margin:0!important;font-size:10px!important}
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-form-dots{display:inline-flex!important;gap:4px!important}
}
@media (max-width:390px){
  :is(#view-ranking,#view-arena,body) .rank-sync-ui{--rk-avatar:30px;--rk-icon:15px;--rk-gap:7px;--rk-pad-x:7px;--rk-name:12px}
  :is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row),
  :is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-head,.mrc-rank-head,.ar-rank-list-head){
    grid-template-columns:32px minmax(0,1fr) auto!important;column-gap:6px!important;
  }
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .fdot{width:20px!important;height:20px!important;font-size:9px!important}
  :is(#view-ranking,#view-arena,body) .rank-sync-ui .rank-form-dots{gap:3px!important}
}

/* ---------- 9. Reset grafik kosmetycznych ----------
   W rankingu punktowym cała komórka gracza siedzi w .uname, więc stare reguły
   "#view-ranking .rank-grid-row .uname img" oraz ".rk-main.rk-podium .uname img"
   traktowały KAŻDY obrazek w wierszu jak avatar: dokładały mu okrągłe
   zaokrąglenie, tło #111, flex:0 0 34px i obwódkę podium. Stąd rozjechane
   ikony i przycięte tytuły. Poniżej jawnie zdejmujemy to z obrazków, które
   avatarem nie są. W Zarobasach i Solówkach problem nie występował, bo tam
   nie ma wrappera .uname — dlatego oba rankingi wyglądały inaczej.          */
:is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row) :is(.rank-meta-line,.mrc-rank-meta,.ar-rank-user-meta,.rank-sub-line) img,
:is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row) :is(.mrc-nick-badge,.mrc-title-art,.ar-mini-badges) img{
  flex:0 0 auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  object-fit:contain!important;
  object-position:center!important;
  vertical-align:middle!important;
}
/* Obwódka podium należy się wyłącznie avatarowi, nigdy ikonom. */
:is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row).rk-podium :is(.rank-meta-line,.mrc-rank-meta,.ar-rank-user-meta) img{
  box-shadow:none!important;
}
/* Drobne wyrównania, żeby oba rankingi liczyły tak samo. */
:is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row) .mrc-nick-badge{
  line-height:1!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row) .mrc-nick-title{
  color:#dbe8ff!important;
}

/* ---------- 10. Kolorowe tła wierszy (kosmetyki ze skrzynek) ----------
   W rankingu punktowym tła w ogóle nie było, mimo że klasa .mrc-row-skin
   siedziała na wierszu. Powód: trzy generacje reguł znosiły się nawzajem.

     v3.3.21/22  -> zabiły background-image na wierszu, malowały przez ::before
                    (zmienne --row-fx21 / --row-fx22)
     v3.3.23     -> zabiła ::before i ::after (content:none !important),
                    przeniosła malowanie z powrotem na background-image wiersza
     v3.3.24     -> wróciła do malowania przez ::before (--row-fill-a itd.)

   Dla wiersza punktowego v3.3.23 wyłączała pseudoelement z v3.3.24, a
   v3.3.22 (wyższa specyficzność) kasowała background-image z v3.3.23.
   Zostawał sam pasek akcentu z lewej - dokładnie to widać na zrzucie.
   Zarobasy w zakładce Ranking to omijały, bo reset z v3.3.23 celuje w
   "#view-coins .mrc-rank-row", a tam wiersz jest w #view-ranking.

   Poniżej ustalamy JEDNĄ drogę malowania dla wszystkich trzech rankingów:
   tło rysuje pseudoelement, wiersz zostaje jednolicie ciemny.              */
:is(#view-ranking,#view-arena,body) .rank-sync-ui.rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row,.tp-preview-row).mrc-row-skin{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background-color:#060708!important;
  background-image:none!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui.rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row,.tp-preview-row).mrc-row-skin::before,
:is(#view-ranking,#view-arena,body) .rank-sync-ui.rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row,.tp-preview-row).mrc-row-skin::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui.rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row,.tp-preview-row).mrc-row-skin::before{
  opacity:.5!important;
  background:
    radial-gradient(circle at var(--spot-x1,18%) 50%, var(--row-halo,rgba(255,255,255,.11)) 0%, rgba(255,255,255,0) 22%),
    radial-gradient(circle at var(--spot-x2,42%) 18%, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 20%),
    linear-gradient(115deg,var(--row-fill-a,rgba(255,255,255,.16)) 0%, var(--row-fill-b,rgba(255,255,255,.07)) 28%, rgba(6,7,8,.03) 54%, rgba(6,7,8,0) 100%),
    repeating-linear-gradient(128deg, transparent 0 22px, var(--row-stripe,rgba(255,255,255,.03)) 22px 23px, transparent 23px 46px)!important;
  background-size:150% 150%,140% 140%,190% 100%,220px 100%!important;
}
:is(#view-ranking,#view-arena,body) .rank-sync-ui.rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row,.tp-preview-row).mrc-row-skin::after{
  opacity:.24!important;
  mix-blend-mode:screen!important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.045), rgba(255,255,255,0) 16%),
    radial-gradient(circle at 20% 50%, var(--row-flare,rgba(255,255,255,.09)) 0%, rgba(255,255,255,0) 13%)!important;
}
/* Treść wiersza zawsze nad tłem. */
:is(#view-ranking,#view-arena,body) .rank-sync-ui.rank-sync-ui :is(.rank-grid-row,.mrc-rank-row,.ar-rank-row,.tp-preview-row).mrc-row-skin>*{
  position:relative!important;
  z-index:1!important;
  background:transparent!important;
}