/* Стили страницы «Игроки» (Турниры → Игроки): таблица и рекорды.
   Цвета — только именами из app.css. Таблица — та же, что была во
   вкладке «Матчей»: тёмная шапка, тонкие линии, рейтинг цветом. */

table{width:100%;border-collapse:collapse;font-size:13px}
th{font-family:var(--man);font-weight:800;font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--txt-dim);text-align:right;padding:9px 8px;
  background:var(--bg-top);border-bottom:1px solid var(--line);white-space:nowrap}
th:first-child{text-align:left}
td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
td:first-child{text-align:left;white-space:normal}
td.good{color:var(--win-t)}
td.bad{color:var(--loss-t)}
tr.me td{color:var(--accent-hi);font-weight:800;background:var(--accent-bg)}
tr.me td.good,tr.me td.bad{color:var(--accent-hi)}
tr.zero td{color:var(--txt-dim)}
tbody tr:hover td{background:var(--panel-3)}
th:first-child,td:first-child{min-width:110px}
td:first-child{overflow-wrap:anywhere;max-width:230px}

/* Подсказка, что таблица уезжает вбок: тень у края. */
.tw{overflow-x:auto;--tw-bg:var(--bg);
  background:
    linear-gradient(90deg,var(--tw-bg),rgba(0,0,0,0)) 0 0/22px 100% no-repeat local,
    linear-gradient(270deg,var(--tw-bg),rgba(0,0,0,0)) 100% 0/22px 100% no-repeat local,
    radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.55),rgba(0,0,0,0)) 0 0/12px 100% no-repeat scroll,
    radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.55),rgba(0,0,0,0)) 100% 0/12px 100% no-repeat scroll}
.tw td a.plink,.rec .who a.plink{display:inline-block;padding:6px 0;margin:-6px 0;min-width:30px}

/* Переключатели: какая статистика и за какое время. */
.kinds{display:flex;gap:6px;margin:0 0 14px;flex-wrap:wrap;align-items:center}
.kinds .tab{font-size:12px;padding:6px 12px}
.kinds .klabel{font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--txt-dim);margin-right:4px}
.lvlrow{display:inline-flex;align-items:center;gap:7px}

/* Рекорды: плитки. Каждая — один конкретный вечер, поэтому крупная
   цифра и рядом кто с чем. */
.recs{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.rec{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--accent);
  border-radius:var(--r);padding:14px 16px}
.rec .ttl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--txt-dim);margin-bottom:8px;min-height:26px}
.rec .val{font-family:var(--ost);font-size:30px;letter-spacing:.04em;line-height:1;color:#fff}
.rec .val span{font-size:12px;letter-spacing:.14em;color:var(--txt-dim);text-transform:uppercase}
.rec .who{margin-top:8px;font-size:14px}
.rec .who,.rec .who a{overflow-wrap:anywhere}
.rec .meta{margin-top:2px;font-size:12px;color:var(--txt-dim)}

.note{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--txt-dim);
  border-radius:var(--r);padding:10px 14px;font-size:13px;line-height:1.55;margin:0 0 12px}
.note.warn{border-left-color:var(--loss)}
.note button{margin-left:8px}
.skel{height:40px;border-radius:var(--r);background:var(--panel);margin-bottom:6px}