/* =====================================================================
   Общая таблица рейтингов: статистика, кланвар, гонка.

   Раскладка — как в таблице игроков FastCup: одна компактная строка на
   человека, подписи колонок вынесены в шапку, а не повторяются в каждой
   строке. Палитра при этом сайта, из вкладки «Статистика»
   (.table-adaptive .table-row в uzcs_style_one.css):
       карточка #343434, наведение #3c3c3c, скругление 11px,
       тёплый акцент #e2b085, подписи #818181.

   Файл общий намеренно: раньше каждая страница несла свою копию сетки,
   и правка цвета в одном месте расходилась с двумя другими.
   ===================================================================== */

/* ---------------- панель над таблицей ---------------- */
.rt_toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 28px 12px;}
.rt_toolbar_title{color:#fff;font-size:15px;font-weight:700;}
.rt_search{position:relative;display:inline-flex;align-items:center;}
.rt_search i{position:absolute;left:12px;font-size:16px;color:#818181;pointer-events:none;}
.rt_search input{
	background:#343434;
	border:1px solid rgba(255,255,255,.06);
	border-radius:11px;
	padding:9px 14px 9px 36px;
	color:#fff;font-size:13px;font-weight:600;min-width:240px;
	transition:.2s border-color,.2s background;
}
.rt_search input::placeholder{color:#818181;font-weight:600;}
.rt_search input:focus{outline:none;background:#3c3c3c;border-color:rgba(226,176,133,.45);}

/* ---------------- каркас таблицы ----------------
   Шапка и строки делят одну сетку колонок, иначе заголовки
   разъезжаются со значениями при длинных никах. */
.rt_head,
.rt_row{display:grid;align-items:center;padding:0 28px;column-gap:12px;}
/* заголовки в одну строку: перенос ломал выравнивание со значениями */
.rt_head .rt_c{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.2;}

.rt_head{
	color:#818181;font-size:11px;font-weight:700;
	text-transform:uppercase;letter-spacing:.4px;
	padding-bottom:10px;
}
.rt_row{
	min-height:56px;
	margin-bottom:9px;
	border-radius:11px;
	background:#343434;
	transition:.2s;
	text-decoration:none;
}
/* кликабельны ссылка (гонка) и строка с карточкой (кланвар);
   у гостя в гонке профиля нет, поэтому его строка не подсвечивается */
a.rt_row,.rt_row[data-toggle]{cursor:pointer;}
a.rt_row:hover,.rt_row[data-toggle]:hover{background:#3c3c3c;text-decoration:none;}
.rt_c{display:flex;align-items:center;min-width:0;}

/* ---------------- ячейки ---------------- */
.rt_player{gap:11px;}
.rt_ava{
	width:34px;height:34px;border-radius:50%;
	object-fit:cover;flex:0 0 auto;background:#2a2a2a;
	/* размеры заданы прямо здесь: класс .small_us_av из темы объявлен с
	   position:inherit !important и у картинки без ссылки-обёртки уезжает
	   за пределы строки — у гостей аватар превращался в тонкую полоску */
	position:static;
}
.rt_name{
	color:#fff;font-weight:600;font-size:13px;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
a.rt_row:hover .rt_name,.rt_row[data-toggle]:hover .rt_name{color:#e2b085;}
.rt_guest_tag{
	flex:0 0 auto;font-size:10px;font-weight:700;color:#818181;
	background:rgba(255,255,255,.06);border-radius:5px;padding:2px 6px;
}

.rt_rank{color:#fff;font-weight:600;font-size:13px;}
.rt_row .rt_rank.rt_r1{color:#f8d675;font-weight:800;}
.rt_row .rt_rank.rt_r2{color:#e3e7ef;font-weight:800;}
.rt_row .rt_rank.rt_r3{color:#e2a274;font-weight:800;}

/* основная величина строки — рейтинг или очки */
.rt_main{gap:9px;font-variant-numeric:tabular-nums;}
.rt_main b{color:#fff;font-weight:700;font-size:14px;}
.rt_main b.rt_pos{color:#7fd18c;}
.rt_main b.rt_neg{color:#e0796f;}
.rt_main b.rt_zero{color:#818181;}

.rt_delta{font-style:normal;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:3px;}
.rt_delta i{font-size:9px;line-height:1;}
.rt_delta.rt_up{color:#7fd18c;}
.rt_delta.rt_down{color:#e0796f;}
.rt_delta.rt_zero{color:#818181;}

/* обычное числовое значение; кружок перед ним — как у FastCup,
   но в тёплом цвете статистики */
.rt_val{color:#fff;font-weight:600;font-size:13px;font-variant-numeric:tabular-nums;gap:9px;}
/* кольцо заполнения перед числом: дуга рисуется по значению, дорожка под ней
   всегда полная — так видно и саму долю, и до какого предела она считается */
.rt_ring{flex:0 0 auto;display:block;width:18px;height:18px;overflow:visible;}
.rt_ring_bg{stroke:rgba(255,255,255,.14);}
.rt_ring_fg{stroke:#e2b085;}
.rt_wl{gap:1px;}
.rt_wl .w{color:#7fd18c;font-weight:700;}
.rt_wl .sep{color:#818181;}
.rt_wl .l{color:#e0796f;font-weight:700;}

.rt_chart{justify-content:flex-start;}
.rt_spark{width:170px;height:34px;display:block;color:#e2b085;}
.rt_spark_none{color:#5f5f5f;font-size:12px;}

.rt_go{justify-content:flex-end;color:#818181;}
.rt_go i{font-size:20px;line-height:1;}
a.rt_row:hover .rt_go,.rt_row[data-toggle]:hover .rt_go{color:#e2b085;}

/* своя строка в таблице — подсвечиваем рамкой, не меняя фон */
.rt_row.rt_me{box-shadow:inset 0 0 0 1px rgba(127,209,140,.5);}

.rt_empty{text-align:center;color:#818181;padding:30px 14px;font-size:14px;}

/* ---------------- колонки: кланвар ----------------
   ник · топ · рейтинг · % побед · K/D · график · стрелка */
.rt_cw .rt_head,
.rt_cw .rt_row{grid-template-columns:minmax(0,1fr) 64px 132px 108px 96px 190px 26px;}

/* ---------------- колонки: гонка ----------------
   ник · топ · очки · игры · победы и поражения · стрелка */
.rt_er .rt_head,
.rt_er .rt_row{grid-template-columns:minmax(0,1fr) 64px 120px 90px 110px 26px;}

/* Вкладка «Статистика» намеренно осталась на своей прежней разметке:
   там пять колонок с длинными числами, и в компактной сетке значения
   обрезались до «1…». Общий вид применён только к кланвару и гонке. */

/* ---------------- узкие экраны ----------------
   Важное правило: число дорожек в grid-template-columns должно совпадать с
   числом ВИДИМЫХ ячеек. Скрытая через display:none ячейка выпадает из потока,
   и все следующие сдвигаются в чужие дорожки — из-за этого «Победы и поражения»
   попадали в дорожку нулевой ширины и налезали на соседние. */

@media (max-width:1199px){
	/* убираем график: колонок 6 */
	/* вес селектора не ниже, чем у .rt_head .rt_c ниже, иначе display:block
	   из него перебивал скрытие и колонка оставалась в заголовке */
	.rt_head .rt_chart,.rt_row .rt_chart{display:none;}
	.rt_cw .rt_head,
	.rt_cw .rt_row{grid-template-columns:minmax(0,1fr) 56px 120px 92px 80px 26px;}
}
@media (max-width:767px){
	.rt_toolbar{flex-direction:column;align-items:stretch;padding:14px 14px 10px;}
	.rt_search,.rt_search input{width:100%;min-width:0;}
	.rt_head,.rt_row{padding:0 12px;column-gap:8px;}
	/* на телефоне подписи колонок только мешают: они длиннее самих значений,
	   переносятся и съедают строку. Значения читаются и без них. */
	.rt_head{display:none;}
	.rt_row{min-height:52px;}
	.rt_head .rt_go,.rt_row .rt_go{display:none;}
	.rt_ring{display:none;}
	.rt_val{gap:0;}
	.rt_ava{width:30px;height:30px;}
	.rt_player{gap:8px;}
	.rt_name{font-size:12.5px;}
	.rt_guest_tag{font-size:9px;padding:1px 4px;}
	/* без графика и стрелки: колонок 5 */
	.rt_cw .rt_head,
	.rt_cw .rt_row{grid-template-columns:minmax(0,1fr) 34px 92px 62px 54px;}
	.rt_er .rt_head,
	.rt_er .rt_row{grid-template-columns:minmax(0,1fr) 34px 74px 46px 56px;}
}
@media (max-width:480px){
	.rt_head,.rt_row{padding:0 10px;column-gap:7px;}
	.rt_main b{font-size:13px;}
	.rt_delta{font-size:11px;}
	/* места мало: у кланвара убираем K/D, у гонки — «Игры». Колонок 4 */
	.rt_cw .rt_head .rt_kd,.rt_cw .rt_row .rt_kd{display:none;}
	.rt_cw .rt_head,
	.rt_cw .rt_row{grid-template-columns:minmax(0,1fr) 28px 88px 50px;}
	.rt_er .rt_head .rt_games,.rt_er .rt_row .rt_games{display:none;}
	.rt_er .rt_head,
	.rt_er .rt_row{grid-template-columns:minmax(0,1fr) 28px 72px 54px;}
}

/* =====================================================================
   Карточка игрока — открывается кликом по строке кланвара.
   Гостю она нужна особенно: страницы профиля у него нет вовсе.
   Палитра та же, что у таблицы: #343434 / #3c3c3c и акцент #e2b085.
   ===================================================================== */

.cwp_head{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap;}
.cwp_ava{width:58px;height:58px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#2a2a2a;}
.cwp_id{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto;}
.cwp_nick{color:#fff;font-size:18px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cwp_sub{color:#818181;font-size:12px;font-weight:600;}
.cwp_profile{
	flex:0 0 auto;background:linear-gradient(23deg,#865023 0%,#da9256 55%);
	color:#fff;font-size:13px;font-weight:700;text-decoration:none;
	border-radius:11px;padding:11px 18px;transition:.2s;white-space:nowrap;
}
.cwp_profile:hover{color:#fff;text-decoration:none;filter:brightness(1.12);}

/* плитки показателей: сетка сама подбирает число колонок под ширину окна */
.cwp_tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;margin-bottom:18px;}
.cwp_tile{background:#343434;border-radius:11px;padding:11px 13px;display:flex;flex-direction:column;gap:3px;min-width:0;}
.cwp_tv{color:#fff;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;}
.cwp_tl{color:#818181;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;line-height:1.25;}

.cwp_block{background:#343434;border-radius:11px;padding:14px;margin-bottom:12px;}
.cwp_bt{color:#818181;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px;}
.cwp_chart{width:100%;height:auto;display:block;}
.cwp_grid{stroke:rgba(255,255,255,.07);stroke-width:1;}
.cwp_ax{fill:#818181;font-size:11px;font-weight:700;}
.cwp_nochart{color:#818181;font-size:13px;padding:12px 0;text-align:center;}

/* последние матчи */
.cwp_matches{display:flex;flex-direction:column;gap:6px;}
.cwp_m{
	display:grid;grid-template-columns:88px minmax(0,1fr) 58px 74px 54px 84px;
	align-items:center;column-gap:10px;
	background:#3c3c3c;border-radius:9px;padding:9px 12px;
	font-size:12.5px;font-weight:600;color:#c9c9c9;
}
.cwp_mres{font-weight:700;}
.cwp_win{color:#7fd18c;}
.cwp_lose{color:#e0796f;}
.cwp_draw{color:#818181;}
.cwp_mmap{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cwp_msc,.cwp_mkd{font-variant-numeric:tabular-nums;}
.cwp_melo{font-weight:700;font-variant-numeric:tabular-nums;}
.cwp_melo.rt_up{color:#7fd18c;}
.cwp_melo.rt_down{color:#e0796f;}
.cwp_melo.rt_zero{color:#818181;}
.cwp_mdate{color:#818181;text-align:right;}

@media (max-width:767px){
	.cwp_ava{width:48px;height:48px;}
	.cwp_nick{font-size:16px;}
	.cwp_profile{width:100%;text-align:center;}
	.cwp_tiles{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));}
	.cwp_tv{font-size:15px;}
	.cwp_tl{font-size:9.5px;}
	/* в матче оставляем результат, карту, счёт и очки — K/D и дата не помещаются */
	.cwp_m{grid-template-columns:76px minmax(0,1fr) 50px 46px;font-size:12px;}
	.cwp_mkd,.cwp_mdate{display:none;}
}
