/* Matches module — стили (solution). Акцент наследуется от темы. */ .matches_head{display:flex;align-items:center;justify-content:space-between;gap:10px} .matches_btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:0;border-radius:8px; background:rgba(255,255,255,.08);color:#fff;cursor:pointer;font-size:13px;transition:.15s} .matches_btn:hover{background:rgba(255,255,255,.16)} .matches_btn_primary{background:#e8533f} .matches_btn_primary:hover{background:#ff6a55} .matches_btn_danger{background:#7a2e2e} .matches_tabs{display:flex;gap:6px;padding:10px 14px 0} .matches_tab{padding:8px 16px;border-radius:8px 8px 0 0;color:#5f5f5f;text-decoration:none;font-size:13px;transition:color .15s} .matches_tab:hover{color:#fff} .matches_tab.active{background:rgba(255,255,255,.07);color:#fff} .matches_tab_cnt{background:rgba(255,255,255,.1);color:#a0a0a0;font-size:11px;padding:1px 7px;border-radius:10px;margin-left:4px;font-weight:700} .matches_tab.active .matches_tab_cnt{background:#e8915a;color:#fff} .matches_tab_cnt[data-cnt="0"]{display:none} .matches_list{width:100%;font-size:13px} /* --- карточки матчей --- */ .matches_cards #matches_list_rows{display:flex;flex-direction:column;gap:12px;padding:6px 2px} /* пагинация — по центру под списком матчей (а не слева) */ #pagination2{display:flex;justify-content:center;margin-top:14px} #pagination2 .pagination{margin:0;float:none} .matches_card{display:flex;align-items:center;gap:14px;padding:13px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-left:3px solid #838383;border-radius:14px;text-decoration:none;color:#fff;transition:.15s;position:relative;overflow:hidden} .matches_card:hover{background:rgba(255,255,255,.06);border-top-color:rgba(255,255,255,.13);border-right-color:rgba(255,255,255,.13);border-bottom-color:rgba(255,255,255,.13)} /* цитата — вся левая грань карточки в цвет статуса (border-left): зелёный — идёт/пауза, оранжевый — разминка/новый, синий — завершён, красный — незавершён/отменён */ .matches_card.matches_status_live,.matches_card.matches_status_paused{border-left-color:#5fd38a} .matches_card.matches_status_warmup,.matches_card.matches_status_new,.matches_card.matches_status_waiting{border-left-color:#e8915a} .matches_card.matches_status_finished{border-left-color:#e8915a} .matches_card.matches_status_aborted,.matches_card.matches_status_cancelled{border-left-color:#FF5D5D} .matches_card_map{position:relative;width:104px;height:62px;flex-shrink:0;border-radius:10px;background:#1c1c1c center/cover no-repeat;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)} .matches_card_mapname{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;padding:4px;text-align:center;background:rgba(10,12,16,.72);color:#fff;font-size:12px;font-weight:700;opacity:0;transition:opacity .15s} .matches_card_map:hover .matches_card_mapname{opacity:1} /* счёт поверх фото карты */ .matches_card_mapscore{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;letter-spacing:.5px;text-shadow:0 2px 8px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.7);background:rgba(0,0,0,.28);transition:opacity .15s} .matches_card_map:hover .matches_card_mapscore{opacity:0} /* счёт строго по центру; кубок абсолютный — висит сбоку и не сдвигает счёт */ .matches_card_scoreval{position:relative} .matches_card_trophy{position:absolute;top:50%;transform:translateY(-50%);font-size:.62em;line-height:1;color:#f1c40f;text-shadow:0 1px 4px rgba(0,0,0,.85)} .matches_card_trophy.ct_a{right:100%;margin-right:5px} .matches_card_trophy.ct_b{left:100%;margin-left:5px} /* распределение колонок: счёт узкий, регион/статус шире — без обрезки */ .matches_card_col{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 0} .matches_card_col.c_teams{flex:2.4 1 0} .matches_card_col.c_region{flex:1.5 1 0} .matches_card_col.c_mode{flex:1.2 1 0;align-items:center;text-align:center} .matches_card_col.c_score{flex:.6 1 0} .matches_card_col.c_status{flex:1.4 1 0} .matches_card_col.c_when{flex:1.3 1 0} .matches_card_lbl{font-size:11px;color:#656565;text-transform:uppercase;letter-spacing:.3px;font-weight:600;display:inline-flex;align-items:center;gap:5px} .matches_card_lbl i{font-size:13px;color:#656565} .matches_card_col b{font-size:13.5px;font-weight:600;color:#fff} .c_teams b{white-space:normal;line-height:1.35} .matches_card_col:not(.c_teams) b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .c_teams b i{color:#656565;font-style:normal;font-weight:500;margin:0 5px} .matches_card_score{font-size:16px;font-weight:800;color:#fff} .matches_card_status{display:flex;align-items:center} .matches_card_arrow{flex-shrink:0;font-size:22px;color:#656565;transition:.15s} .matches_card:hover .matches_card_arrow{color:#fff;transform:translateX(2px)} .matches_premium{display:inline-block;color:#e8915a;background:rgba(232,145,90,.14);font-size:9px;font-weight:700;letter-spacing:.4px;padding:2px 6px;border-radius:5px;vertical-align:middle} .c_date{white-space:nowrap} .matches_rating_badge{background:rgba(232,83,63,.18);color:#ff8a76;padding:2px 8px;border-radius:6px} .matches_dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2ecc71;margin-right:7px;animation:matchesPulse 1.4s infinite} @keyframes matchesPulse{0%{box-shadow:0 0 0 0 rgba(46,204,113,.55)}70%{box-shadow:0 0 0 6px rgba(46,204,113,0)}100%{box-shadow:0 0 0 0 rgba(46,204,113,0)}} .matches_status_cancelled .matches_dot,.matches_status_aborted .matches_dot{background:#838383;animation:none} .matches_status_finished .matches_dot{background:#ff5d5d;animation:none} .matches_status_label.matches_status_live{color:#2ecc71} .matches_flag{width:18px;height:12px;border-radius:2px;vertical-align:middle;margin-right:5px;display:inline-block} /* страница матча */ .matches_back{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);color:#5f5f5f;padding:8px 15px;border-radius:11px;font-size:13px;font-weight:600;text-decoration:none;transition:.15s} .matches_back:hover{background:rgba(232,145,90,.16);border-color:#e8915a;color:#fff} .matches_back i{font-size:16px} /* статус под заголовком — в стиле бейджа «Кастомный» */ /* бейдж номера матча: серая плашка, номер залит градиентом, по контуру бежит «змейка» */ .m_idbadge{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:4px;padding:4px 10px;border-radius:9px;line-height:1;overflow:hidden;background:#323232;isolation:isolate} .m_idbadge::before{content:"";position:absolute;left:50%;top:50%;width:150px;height:150px;z-index:0;background:conic-gradient(from 0deg,transparent 0 72%,#a36735 80%,#ffab65 88%,#ffe2c4 92%,#ffab65 96%,transparent 100%);transform:translate(-50%,-50%);animation:mIdSnake 2.6s linear infinite} .m_idbadge::after{content:"";position:absolute;inset:1.5px;border-radius:7px;background:#323232;z-index:1} .m_idbadge_n{position:relative;z-index:2;font-weight:800;font-size:15px;line-height:1;background:linear-gradient(90deg,#ffab65 0%,#a36735 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent} @keyframes mIdSnake{to{transform:translate(-50%,-50%) rotate(360deg)}} @media (prefers-reduced-motion:reduce){.m_idbadge::before{animation:none}} .matches_hd_status{display:inline-block;align-self:flex-start;margin-top:6px;padding:5px 12px;border-radius:7px;font-size:11px;font-weight:700;letter-spacing:.5px;background:rgba(255,255,255,.07);color:#5f5f5f} .matches_hd_status.matches_status_warmup,.matches_hd_status.matches_status_new,.matches_hd_status.matches_status_waiting{color:#e8b07a} .matches_hd_status.matches_status_live,.matches_hd_status.matches_status_paused{color:#5fd38a} .matches_hd_status.matches_status_finished{color:#ff8a8a} .matches_status_label{padding:3px 10px;border-radius:6px;background:rgba(255,255,255,.08);font-size:12px} .matches_scorebar{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:start;padding:16px 8px} .matches_team_name{font-weight:600;color:#fff;font-size:15px;height:22px;line-height:22px;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* кубок у названия команды-победителя */ .matches_win_trophy{color:#f1c40f;font-size:16px;vertical-align:-2px;text-shadow:0 1px 6px rgba(241,196,15,.45)} .matches_team_a{text-align:left} .matches_team_b{text-align:right} /* колонки и карточки могут сжиматься — длинный ник обрезается, а не вылезает за контейнер */ .matches_team,.matches_player{min-width:0} .matches_score{text-align:center;min-width:440px;max-width:520px;margin-top:32px} .matches_map_panel{position:relative;border-radius:16px;overflow:hidden;background-color:#1c1c1c;background-size:cover;background-position:center;padding:34px 20px;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 -90px 80px rgba(0,0,0,.62)} .matches_map_tags{position:absolute;top:12px;left:12px;display:flex;gap:7px} .matches_map_tags span{background:rgba(0,0,0,.55);color:#e8e8e8;font-size:12px;padding:4px 11px;border-radius:7px;font-weight:600} .matches_score_nums{font-size:64px;font-weight:800;color:#fff;line-height:1;text-shadow:0 2px 14px rgba(0,0,0,.75)} .matches_score_sep{opacity:.5;margin:0 14px} .matches_status_center{margin-top:16px;display:inline-block;font-size:13px;font-weight:600;color:#fff;background:rgba(0,0,0,.55);padding:5px 16px;border-radius:20px} .matches_status_center.matches_status_live,.matches_status_center.matches_status_warmup{background:linear-gradient(135deg,#e8915a,#d97b42)} .matches_status_center.matches_status_finished,.matches_status_center.matches_status_cancelled{background:#646464} /* фаза матча под счётом — белый текст на стеклянном (frosted) фоне */ .matches_phase{margin-top:14px;display:inline-flex;align-items:center;font-size:13px;font-weight:600;letter-spacing:.3px;color:#fff;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);padding:6px 16px;border-radius:20px;box-shadow:0 4px 18px rgba(0,0,0,.28)} .matches_trophy{font-size:30px;color:#f1c40f;margin-bottom:4px;text-shadow:0 2px 10px rgba(0,0,0,.6)} .matches_duration{margin-top:8px;font-size:12px;color:#5f5f5f;opacity:.85} .matches_duration i{margin-right:4px} .matches_player_role{font-size:10px;font-weight:700;letter-spacing:.4px;color:#e8915a;background:rgba(232,145,90,.14);padding:3px 8px;border-radius:6px;flex-shrink:0} .matches_footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 4px;margin-top:8px;border-top:1px solid rgba(255,255,255,.06)} .matches_footer_left{display:flex;gap:18px;flex-wrap:wrap} .matches_footer_left a{font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:6px} .matches_footer_left a:hover{color:#fff} .matches_footer_left a i{color:#ffbf81;font-size:16px} .matches_src_badge{font-size:11px;font-weight:700;letter-spacing:.5px;color:#888888;background:rgba(255,255,255,.07);padding:5px 12px;border-radius:7px} /* локация + IP — аккуратные пилюли */ .matches_locrow{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:14px} .matches_pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:50px;padding:7px 14px;font-size:13px;color:#d3d3d3;font-weight:600;line-height:1} .matches_pill i{font-size:15px;color:#e8915a} .matches_pill .matches_flag{margin-right:0} .matches_ip_addr{font-family:Consolas,Menlo,monospace;color:#fff;letter-spacing:.3px} .matches_ip_copy{border:0;padding:0;margin-left:2px;width:26px;height:26px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:rgba(232,145,90,.16);color:#e8915a;transition:.15s} .matches_ip_copy:hover{background:rgba(232,145,90,.3)} .matches_ip_copy.ok{background:rgba(46,204,113,.2);color:#2ecc71} .matches_ip_copy i{font-size:14px;color:inherit} .matches_player{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ava info kda" "ava steam rating";align-items:center;column-gap:14px;row-gap:0;padding:4px 10px;background:rgba(255,255,255,.03);border-radius:10px;margin-bottom:5px;transition:.12s} .matches_player_ava{grid-area:ava} .matches_player_info{grid-area:info} .matches_player_kda{grid-area:kda} .matches_team_b .matches_player,.matches_swap .matches_team_a .matches_player{grid-template-areas:"kda info ava" "rating steam ava"} .matches_player:hover{background:rgba(255,255,255,.06)} /* цвет команд как в игре: А — красный, В — синий */ .matches_team_a .matches_player{border-left:3px solid #e5484d} .matches_team_b .matches_player{border-right:3px solid #4f8cff} .matches_team_b .matches_player{flex-direction:row-reverse;text-align:right} /* свап сторон во 2-й половине: левая = T (красный), правая = CT (синий); команды переходят на другую сторону и меняют цвет, названия/счёт следуют за командой */ .matches_team_a{order:1} .matches_score{order:2} .matches_team_b{order:3} .matches_swap .matches_team_a{order:3;text-align:right} .matches_swap .matches_team_b{order:1;text-align:left} .matches_swap .matches_team_a .matches_player{border-left:0;border-right:3px solid #4f8cff;flex-direction:row-reverse;text-align:right} .matches_swap .matches_team_b .matches_player{border-right:0;border-left:3px solid #e5484d;flex-direction:row;text-align:left} .matches_swap .matches_team_a .matches_player_info{align-items:flex-end} .matches_swap .matches_team_b .matches_player_info{align-items:flex-start} .matches_score_nums{display:inline-flex;align-items:baseline;justify-content:center;position:relative} .matches_score_nums #score_a{order:1}.matches_score_sep{order:2}.matches_score_nums #score_b{order:3} .matches_swap .matches_score_nums #score_a{order:3} .matches_swap .matches_score_nums #score_b{order:1} /* кубок рядом со счётом победителя — absolute, чтобы НЕ сдвигать счёт (он строго по центру) */ .matches_score_trophy{position:absolute;top:50%;transform:translateY(-50%);color:#f1c40f;font-size:34px;text-shadow:0 2px 10px rgba(241,196,15,.5)} .matches_score_trophy.stw_a{right:100%;margin-right:6px} .matches_score_trophy.stw_b{left:100%;margin-left:6px} /* скрыть «ТОП Донатеров» в сайдбаре на страницах матчей */ .block_t_u:has(.bx-meteor){display:none} /* центрированная модалка-подтверждение */ .matches_confirm_ov{position:fixed;inset:0;z-index:11000;display:flex;align-items:center;justify-content:center;background:rgba(8,9,13,.62);opacity:0;transition:opacity .2s;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)} .matches_confirm_ov.show{opacity:1} .matches_confirm_box{background:linear-gradient(1deg,#181818 30%,#2b2b2b 100%);border:1px solid #2b2b2b;border-radius:18px;padding:26px 24px 22px;width:min(92vw,400px);text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.55);transform:translateY(14px) scale(.96);transition:transform .22s cubic-bezier(.22,.61,.36,1)} .matches_confirm_ov.show .matches_confirm_box{transform:none} /* убираем синюю браузерную обводку фокуса внутри модалки */ .matches_confirm_ov *:focus,.matches_confirm_ov *:focus-visible{outline:none!important} .matches_confirm_icon{width:54px;height:54px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:27px;color:#e8915a;background:rgba(232,145,90,.15);box-shadow:0 0 0 5px rgba(232,145,90,.16)} .matches_confirm_icon.danger{color:#e5484d;background:rgba(229,72,77,.15);box-shadow:0 0 0 5px rgba(229,72,77,.2)} .matches_confirm_title{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px} .matches_confirm_text{font-size:13px;color:#a0a0a0;line-height:1.5;margin-bottom:22px} .matches_confirm_actions{display:flex;gap:10px;justify-content:center} .matches_confirm_actions .matches_btn{flex:1;min-width:130px;justify-content:center;text-align:center} .matches_player_ava{width:38px;height:38px;border-radius:8px;object-fit:cover;flex-shrink:0} .matches_player_info{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden} .matches_team_b .matches_player_info{align-items:flex-end} .matches_player_name{color:#fff;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* блок+многоточие — ТОЛЬКО в скорборде (в таблицах «Обзор/Оружие/Дуэли» ник остаётся инлайн рядом с аватаром, без переноса на 2-ю строку) */ .matches_player_info .matches_player_name{display:block;width:100%;min-width:0} /* длинный ник = блок с многоточием; выравнивание по краю своей команды (зеркало для team_b и свапа) */ .matches_team_b .matches_player_name{text-align:right} .matches_swap .matches_team_a .matches_player_name{text-align:right} .matches_swap .matches_team_b .matches_player_name{text-align:left} /* зарегистрированный игрок — кликабельно (палец), гость — обычный курсор */ a.matches_player_link{cursor:pointer} a.matches_player_link:hover{color:#fff} .matches_player_guest{cursor:default} /* SteamID под ником */ /* SteamID — отдельной строкой во всю ширину карточки (под именем), чтобы влезал ПОЛНОСТЬЮ */ .matches_player_steam{grid-area:steam;width:100%;max-width:none;box-sizing:border-box;font-size:9px;color:#b7b7b7;font-family:Consolas,Menlo,monospace;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:color .15s} .matches_team_a .matches_player_steam,.matches_swap .matches_team_b .matches_player_steam{text-align:left;justify-self:start} .matches_team_b .matches_player_steam,.matches_swap .matches_team_a .matches_player_steam{text-align:right;justify-self:end} .matches_player_steam:hover{color:#e8e8e8} .matches_player_steam.copied{color:#5bd06a} /* K/D/A напротив имени (info с flex:1 толкает блок к дальнему краю; на team_b порядок зеркалится сам) */ .matches_player_kda{display:flex;align-items:center;gap:6px;flex:0 0 auto;flex-shrink:0;padding:2px 7px;background:rgba(255,255,255,.06);border-radius:7px;white-space:nowrap} /* общий рейтинг (ELO) во 2-й строке сетки — прямо под KDA */ .mp_rating{grid-area:rating;justify-self:center;align-self:start;margin-top:7px;display:inline-flex;align-items:center;gap:3px;font-weight:800;line-height:1} .mp_rating svg{width:13px;height:13px} .mp_rating b{font-size:12px;font-weight:800} .mr_up{color:#3cdc82} .mr_down{color:#ff5a6a} .mr_zero{color:#919191} .matches_player_kda .pk_col{display:flex;flex-direction:column;align-items:center;line-height:1;min-width:17px} .matches_player_kda .pk_col b{font-size:12px;font-weight:800;color:#fff} .matches_player_kda .pk_col i{font-size:8px;font-style:normal;color:#b7b7b7;text-transform:uppercase;letter-spacing:.2px;margin-top:2px} /* сердце-лайк (+50 к рейтингу) */ .matches_like{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#a0a0a0;border-radius:50px;padding:5px 11px;cursor:pointer;font-size:12px;font-weight:700;transition:.15s;font-family:inherit} .matches_like i{font-size:14px} .matches_like:hover{background:rgba(229,72,77,.14);border-color:#e5484d;color:#ff6b6b} .matches_like.liked{background:rgba(229,72,77,.18);border-color:#e5484d;color:#ff5a5a;cursor:default} .matches_like.liked i{color:#ff4757} .matches_like.pop{animation:matchesLikePop .35s ease} @keyframes matchesLikePop{0%{transform:scale(1)}40%{transform:scale(1.25)}100%{transform:scale(1)}} .matches_rate_likes{color:#ff6b6b;font-size:11px;font-weight:700;margin-left:5px;white-space:nowrap} .matches_rate_likes i{font-size:11px;vertical-align:middle} .matches_stable td.al a.matches_player_link{color:#fff;text-decoration:none;cursor:pointer} .matches_stable td.al a.matches_player_link:hover{color:#fff} .matches_stable td.al .matches_player_guest{color:#fff;cursor:default} .matches_player_elo{color:#919191;font-size:11px;display:flex;align-items:center;gap:3px;margin-top:2px} .matches_team_b .matches_player_elo{flex-direction:row-reverse} .matches_player_elo i{color:#e8915a;font-size:13px} .matches_player_kda{color:#5f5f5f;font-size:12px;font-weight:600;flex-shrink:0} .matches_player_delta{font-size:11px;font-weight:700} .matches_player_delta.pos{color:#2ecc71} .matches_player_delta.neg{color:#e8675a} /* таблицы статистики (Обзор/Оружие/Дуэли) */ .matches_stats_body{min-height:0;padding-top:14px} .matches_stats_body .empty-element{min-height:0;padding:28px 16px;margin:0} .matches_stable{width:100%;border-collapse:collapse;font-size:13px;margin-top:6px;table-layout:fixed} .matches_stable th:first-child,.matches_stable td.al{width:28%} .matches_stable th{color:#656565;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.3px;text-align:center;padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap} .matches_stable td{text-align:center;padding:9px 8px;color:#fff;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap} .matches_stable th:first-child,.matches_stable td.al{text-align:left} /* «Дуэли»: два столбца с никами — заголовок ЖЕРТВА тоже влево, под значение */ .matches_dtbl th:nth-child(2){text-align:left} /* иконки оружия в таблице «Оружие» */ .matches_wpn{display:inline-flex;align-items:center;gap:9px;min-width:0} .matches_wpn_ic{display:inline-flex;align-items:center;justify-content:center;width:30px;height:20px;color:#bdbdbd;flex-shrink:0} .matches_wpn_ic svg{width:100%;height:100%;display:block} /* ===== Вкладка «Оружие» — современный вид (две колонки команд) ===== */ .mw_wrap{margin-top:4px} .mw_heads,.mw_sides{display:grid;grid-template-columns:1fr 1fr;gap:18px} .mw_heads{margin-bottom:6px} .mw_head,.mw_row{display:grid;grid-template-columns:24px minmax(0,1fr) 42px 56px 56px 88px;align-items:center;gap:6px} .mw_head{padding:0 10px 6px;font-size:10px;color:#888888;text-transform:uppercase;letter-spacing:.2px;font-weight:700} .mw_head .mw_h_id{grid-column:span 2} .mw_head span{white-space:nowrap;overflow:hidden} .mw_head span:not(.mw_h_id):not(.mw_h_dmg){text-align:center} .mw_weapon{margin-bottom:20px} .mw_wname{display:flex;align-items:center;gap:9px;font-weight:700;color:#fff;font-size:14px;margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)} .mw_wic{display:inline-flex;align-items:center;height:22px;flex-shrink:0} .mw_wic svg{width:30px;height:100%;display:block;color:#e8915a} .mw_wic .wic_img{height:22px;width:auto;display:block;max-width:74px;object-fit:contain} .mw_row{background:rgba(255,255,255,.03);border-radius:9px;padding:6px 10px;margin-bottom:6px} .mw_side_a .mw_row{border-left:3px solid #e5484d} .mw_side_b .mw_row{border-left:3px solid #4f8cff} .mw_empty{color:#5f5f5f;font-size:13px;padding:8px 10px} .mw_ava{width:24px;height:24px;border-radius:6px;object-fit:cover;flex-shrink:0} .mw_nick{font-size:12px;font-weight:600;color:#e8e8e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} .mw_kills{font-size:15px;font-weight:800;color:#fff;text-align:center} .mw_g{display:inline-flex;align-items:center;justify-content:center;gap:5px} .mw_g_v{font-size:12px;color:#d3d3d3;font-weight:600} .mw_g_ring{width:20px;height:20px;border-radius:50%;flex-shrink:0;position:relative;background:conic-gradient(#e8915a calc(var(--p,0)*1%),rgba(255,255,255,.12) 0)} .mw_g_ring::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#232323} .mw_dmg{display:flex;flex-direction:column;gap:3px;min-width:0} .mw_dmg b{font-size:12px;font-weight:700;color:#fff;line-height:1} .mw_bar{height:3px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden} .mw_bar i{display:block;height:100%;background:#e8915a;border-radius:2px} /* ===== Вкладка «Дуэли» — матрица убийца×жертва ===== */ .md_legend{font-size:11px;color:#919191;margin:2px 0 12px;line-height:1.7} .md_legend b{color:#fff}.md_legend i{font-style:normal;color:#888888} .md_lg{display:inline-block;width:18px;height:4px;border-radius:2px;margin:0 2px -1px 8px;vertical-align:middle} .md_lg.md_win{background:#5fd38a}.md_lg.md_even{background:#e8915a}.md_lg.md_lose{background:#e5484d} .md_scroll{overflow-x:auto;-webkit-overflow-scrolling:touch} .md_grid{display:grid;gap:5px;align-items:center;width:100%;font-size:12px;padding:5px 4px} .md_corner{justify-self:start;color:#888888;font-weight:600;font-size:11px;white-space:nowrap;overflow:hidden} .md_vhead{display:flex;justify-content:center;align-items:center;padding-bottom:2px} .md_grid img.md_ava{width:34px;height:34px;min-width:34px;border-radius:7px!important;object-fit:cover;background:#1c1c1c;flex-shrink:0;display:block;padding:0;border:0;box-sizing:border-box} .md_t_a .md_ava{box-shadow:0 0 0 2px #e5484d} .md_t_b .md_ava{box-shadow:0 0 0 2px #4f8cff} .md_killer{justify-self:start;display:flex;align-items:center;gap:8px;min-width:0;color:#e8e8e8;font-weight:600} .md_killer span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .md_cell{display:flex;align-items:center;justify-content:center;height:46px;white-space:nowrap;color:#d3d3d3} .md_cell b{color:#fff;font-weight:800} .md_cell i{font-style:normal;color:#888888;font-size:11px} .md_na{color:#888888;font-size:14px} .md_win{box-shadow:inset 0 -3px 0 #5fd38a} .md_even{box-shadow:inset 0 -3px 0 #e8915a} .md_lose{box-shadow:inset 0 -3px 0 #e5484d} /* ===== Таймлайн раундов + ховер с событиями ===== */ .rt_strip{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 16px;padding:10px;background:rgba(255,255,255,.02);border-radius:10px} .rt_cell{position:relative;width:38px;padding:5px 0;border-radius:7px;text-align:center;background:rgba(255,255,255,.04)} .rt_cell.rt_w_a{box-shadow:inset 0 -3px 0 #e5484d} .rt_cell.rt_w_b{box-shadow:inset 0 -3px 0 #4f8cff} .rt_no{display:block;font-size:11px;color:#a0a0a0;font-weight:700;line-height:1} .rt_sc{display:block;font-size:10px;color:#d3d3d3;margin-top:3px} .rt_tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:280px;max-height:340px;overflow:auto;background:linear-gradient(15deg,#313131de 30%,#3f3f3fde 100%);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px;box-shadow:0 12px 34px rgba(0,0,0,.55);z-index:60;display:none;text-align:left} .rt_cell:hover .rt_tip{display:block} /* пораундовый таймлайн (FastCup-стиль): колонка на раунд, верх=A, низ=B */ /* обёртка: стрелка ‹ — полоса со скроллом — стрелка › */ .rtl_box{display:flex;align-items:center;gap:5px;margin:2px 0 16px} .rtl_wrap{flex:1 1 0;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:8px 4px 6px;background:rgba(255,255,255,.02);border-radius:10px} .rtl_arrow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:26px;height:52px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#d3d3d3;cursor:pointer;border-radius:9px;transition:background .12s,color .12s,opacity .12s} .rtl_arrow svg{width:17px;height:17px} .rtl_arrow:hover{background:rgba(255,255,255,.1);color:#fff} .rtl_arrow.is-end{opacity:.3;pointer-events:none} /* --rtl-av = размер аватара; задаёт масштаб всей колонки (JS подбирает, чтобы влезло без скролла) */ .rtl_strip{--rtl-av:28px;--rtl-top-rows:1;--rtl-bot-rows:1;display:flex;gap:calc(var(--rtl-av)*.11);min-width:0;align-items:stretch} .rtl_col{position:relative;flex:0 0 auto;min-width:0;display:flex;flex-direction:column;align-items:center;gap:calc(var(--rtl-av)*.2);padding:calc(var(--rtl-av)*.18) calc(var(--rtl-av)*.12);border-radius:8px;transition:background .12s} .rtl_col:hover{background:rgba(255,255,255,.06)} /* верх/низ — фиксированная высота по макс. числу килеров на стороне, чтобы центральная строка с иконками раунда у ВСЕХ колонок была на одном уровне; аватары жмутся к центру */ .rtl_side{display:flex;flex-direction:column;gap:calc(var(--rtl-av)*.14);align-items:center;padding:0 calc(var(--rtl-av)*.12)} .rtl_top{box-sizing:border-box;flex:0 0 auto;height:calc(var(--rtl-av) * var(--rtl-top-rows) * 1.16 + var(--rtl-av) * .28);justify-content:flex-end;padding-bottom:calc(var(--rtl-av) * .28)} .rtl_bot{box-sizing:border-box;flex:0 0 auto;height:calc(var(--rtl-av) * var(--rtl-bot-rows) * 1.16 + var(--rtl-av) * .28);justify-content:flex-start;padding-top:calc(var(--rtl-av) * .28)} .rtl_av{position:relative;width:var(--rtl-av);height:var(--rtl-av)} .rtl_av>img{width:var(--rtl-av);height:var(--rtl-av);border-radius:6px;object-fit:cover;background:#1c1c1c;display:block} .rtl_av.rtl_dead>img{opacity:.3;filter:grayscale(.65)} /* мультикилл: бейдж с черепом + числом у угла аватара, цвет по уровню */ .rtl_mk{position:absolute;right:calc(var(--rtl-av) * -.16);bottom:calc(var(--rtl-av) * -.14);display:inline-flex;align-items:center;gap:1px;height:calc(var(--rtl-av)*.5);padding:0 calc(var(--rtl-av)*.13);border-radius:999px;background:#2f2f2f;box-shadow:0 0 0 1.5px #1c1c1c;color:#fff;font-weight:800;line-height:1;z-index:2} .rtl_mk svg{width:calc(var(--rtl-av)*.34);height:calc(var(--rtl-av)*.34)} .rtl_mk i{font-style:normal;font-size:calc(var(--rtl-av)*.33)} .rtl_mk2{background:#2f6b3e} .rtl_mk3{background:#2f5fb0} .rtl_mk4{background:#7b3fa0} .rtl_mk5{background:linear-gradient(180deg,#e7b53e,#b8801f);color:#1c1c1c} .rtl_mk{cursor:help} /* бейджи тимкилла (убил союзника) и самоубийства — в разных углах аватара, чтобы не накладывались на мультикилл */ .rtl_tk,.rtl_self{position:absolute;display:inline-flex;align-items:center;gap:1px;height:calc(var(--rtl-av)*.5);padding:0 calc(var(--rtl-av)*.12);border-radius:999px;box-shadow:0 0 0 1.5px #1c1c1c;color:#fff;font-weight:800;line-height:1;z-index:3;cursor:help} .rtl_tk svg,.rtl_self svg{width:calc(var(--rtl-av)*.36);height:calc(var(--rtl-av)*.36)} .rtl_tk .rt_pxic,.rtl_self .rt_pxic{width:calc(var(--rtl-av)*.5);height:calc(var(--rtl-av)*.5);object-fit:contain;display:block} .rt_ev_ic .rt_pxic{width:16px;height:16px;object-fit:contain;display:block} .rtl_tk i,.rtl_self i{font-style:normal;font-size:calc(var(--rtl-av)*.33)} .rtl_tk{left:calc(var(--rtl-av) * -.16);bottom:calc(var(--rtl-av) * -.14);background:#c0562e} .rtl_self{right:calc(var(--rtl-av) * -.16);top:calc(var(--rtl-av) * -.14);background:#616161} /* строки суицида/тимкилла в тултипе раунда */ .rt_ev.rt_self .rt_ev_ic{color:#a0a0a0} .rt_self_t{margin-left:4px;font-size:11px;color:#a0a0a0;text-transform:uppercase;letter-spacing:.4px} /* маленькая иконка тимкилла в строке тултипа (рядом с оружием, как значок хедшота) */ .rt_tk_ic{display:inline-flex;align-items:center;flex-shrink:0;margin-left:1px} .rt_tk_ic img{height:15px;width:auto;object-fit:contain;display:block} /* бейдж мультикилла (оружие убрано — оно есть в тултипе раунда); число убийств за раунд */ .rtl_b{position:absolute;right:calc(var(--rtl-av) * -.14);bottom:calc(var(--rtl-av) * -.14);min-width:calc(var(--rtl-av)*.52);height:calc(var(--rtl-av)*.52);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8915a;color:#1c1c1c;font-size:calc(var(--rtl-av)*.36);font-weight:800;box-shadow:0 0 0 1.6px #1c1c1c;padding:0} .rtl_mid{display:flex;flex-direction:column;align-items:center;gap:1px;padding:1px 0} .rtl_s{font-size:max(9px,calc(var(--rtl-av)*.45));font-weight:800;line-height:1.15} .rtl_sa{color:#e5484d}.rtl_sb{color:#4f8cff} /* пересменка: стороны поменялись → цвет счёта следует за стороной (верх синий, низ красный) */ .rtl_col.rtl_swp .rtl_sa{color:#4f8cff} .rtl_col.rtl_swp .rtl_sb{color:#e5484d} .rtl_ic{position:relative;width:calc(var(--rtl-av)*.95);height:calc(var(--rtl-av)*.95);display:flex;align-items:center;justify-content:center;border-radius:50%;background:#262626;color:#b5b5b5;margin:2px 0} /* прямая линия раунда — проходит за черепами через весь таймлайн (кружки сидят на ней) */ .rtl_ic::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--rtl-av) * 1.8);height:2px;background:rgba(255,255,255,.13);z-index:-1} .rtl_ic svg{width:calc(var(--rtl-av)*.66);height:calc(var(--rtl-av)*.66)} .rtl_ic.rtl_ic_time svg{width:calc(var(--rtl-av)*.56);height:calc(var(--rtl-av)*.56)} .rtl_col.rtl_w_a .rtl_ic{color:#fff;box-shadow:0 0 0 1.5px rgba(229,72,77,.6)} .rtl_col.rtl_w_b .rtl_ic{color:#fff;box-shadow:0 0 0 1.5px rgba(79,140,255,.6)} .rtl_no{font-size:max(7px,calc(var(--rtl-av)*.32));color:#ffbf81;font-weight:700;margin-top:1px} /* акцент победителя: цветная полоса идёт ОТ ЦЕНТРА (под иконкой раунда), а не по внешнему краю. A=низ верхнего блока (у центра), B=верх нижнего блока — обе линии встречаются на уровне иконок */ /* акцент победителя в стиле FastCup: лёгкая светлая подложка-пилюля + тонкая цветная линия у центра */ .rtl_col.rtl_w_a .rtl_top{background:linear-gradient(to top,rgba(229,72,77,.42),transparent 82%);box-shadow:inset 0 -3px 0 #e5484d;border-radius:7px} .rtl_col.rtl_w_b .rtl_bot{background:linear-gradient(to bottom,rgba(79,140,255,.42),transparent 82%);box-shadow:inset 0 3px 0 #4f8cff;border-radius:7px} .rtl_ic_w{cursor:help;display:flex;position:relative} /* секундомер тайм-аута на углу иконки раунда (визуальный маркер; детали — в тултипе раунда) */ .rtl_pz_badge{position:absolute;top:-4px;right:-7px;width:14px;height:14px;border-radius:50%;background:#1c1c1c;box-shadow:0 0 0 1.5px #1c1c1c;display:flex;align-items:center;justify-content:center;z-index:4;pointer-events:none} .rtl_pz_badge svg{width:10px;height:10px} .rtl_pz_t{color:#ff8a8a} .rtl_pz_ct{color:#86a9ff} .rt_pz{color:#ffd9b3;font-size:12px;display:flex;align-items:center;gap:6px;margin-top:4px} .rt_pz .rt_oic{display:inline-flex;width:14px;height:14px;flex-shrink:0} .rt_pz .rt_oic svg{width:14px;height:14px} /* разделитель смены сторон */ .rtl_swap{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:calc(var(--rtl-av)*.2);padding:calc(var(--rtl-av)*.18) 0;width:calc(var(--rtl-av)*.72);color:#929292;position:relative} .rtl_swap::before{content:"";position:absolute;top:8px;bottom:8px;left:50%;width:1px;background:repeating-linear-gradient(#525252 0 4px,transparent 4px 8px)} .rtl_swap_ic{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--rtl-av)*.95);height:calc(var(--rtl-av)*.95);margin:2px 0} .rtl_swap_ic img{height:calc(var(--rtl-av)*.6);width:auto;position:relative;background:#1c1c1c;padding:3px 4px;border-radius:4px;display:block} .rtl_swap_ic::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--rtl-av) * 1.8);height:2px;background:rgba(255,255,255,.13);z-index:-1} /* значок овертайма (на границе OT — вместо смены сторон): оранжевое пламя на линии раундов */ .rtl_ot_ic svg{position:relative;height:calc(var(--rtl-av)*.66);width:auto;color:#e8915a;background:#1c1c1c;padding:2px 3px;border-radius:4px;display:block} /* fixed-подсказка раунда (поверх всего, не режется скроллом) */ .rtl_tip{position:fixed;z-index:9999;width:280px;max-height:340px;overflow:auto;background:linear-gradient(15deg,#313131 30%,#3f3f3f 100%);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px;box-shadow:0 14px 40px rgba(0,0,0,.6);display:none;text-align:left;pointer-events:none} .rt_tip_h{font-weight:700;color:#fff;font-size:13px;margin-bottom:6px} .rt_ev{display:flex;align-items:center;gap:6px;font-size:12px;padding:3px 0;color:#d3d3d3} .rt_time{font-size:10px;color:#737373;font-family:Consolas,Menlo,monospace;flex-shrink:0;min-width:50px} .rt_ev_ic{display:inline-flex;align-items:center;height:15px;flex-shrink:0;color:#bdbdbd} .rt_ev_ic svg{width:22px;height:100%} .rt_ev_ic .wic_img{height:15px;width:auto;max-width:48px;object-fit:contain} .rt_p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:96px} .rt_t_a{color:#ff7a7a}.rt_t_b{color:#7aa6ff} .rt_hs{color:#ececec;display:inline-flex;align-items:center;flex-shrink:0;margin-left:-2px} .rt_hs svg{width:18px;height:15px;display:block} .rt_start{color:#838383;font-style:italic} .rt_win{color:#fff;font-weight:700;border-top:1px solid rgba(255,255,255,.08);margin-top:4px;padding-top:6px} /* строка исхода раунда в тултипе (разминирование/взрыв/время/зачистка) */ .rt_obj{color:#e9e9e9} .rt_oic{display:inline-flex;align-items:center;justify-content:center;width:18px;height:16px;flex-shrink:0;color:#d3d3d3} .rt_oic svg{width:16px;height:16px} .rt_oic .rt_ic_img{width:15px;height:15px;object-fit:contain;display:block} .rt_obj_t{font-weight:600} /* PNG-иконка кусачек в полосе раундов (вместо svg) */ .rtl_ic .rt_ic_img{width:calc(var(--rtl-av)*.68);height:calc(var(--rtl-av)*.68);object-fit:contain;display:block;opacity:.8} .rtl_col.rtl_w_a .rtl_ic .rt_ic_img,.rtl_col.rtl_w_b .rtl_ic .rt_ic_img{opacity:1} /* ===== Вкладка «Хитмап» ===== */ .hm_wrap{display:flex;gap:18px;align-items:flex-start} .hm_filters{display:flex;flex-direction:column;gap:7px;width:178px;flex-shrink:0} .hm_f_title{font-size:13px;font-weight:700;color:#fff;margin-bottom:2px} .hm_f{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#e9e9e9;cursor:pointer;user-select:none;min-width:0;padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.04);transition:background .15s,opacity .15s} .hm_f:hover{background:rgba(255,255,255,.09)} .hm_f.is-off{opacity:.38} .hm_f.is-off .hm_lg,.hm_f.is-off .hm_pf_av{filter:grayscale(1)} .hm_f_lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .hm_kind .hm_lg{flex-shrink:0} .hm_pf .hm_pf_av{width:24px;height:24px;border-radius:6px;object-fit:cover;background:#1c1c1c;flex-shrink:0;border:2px solid rgba(255,255,255,.22);box-sizing:border-box} .hm_sep{height:1px;width:100%;background:rgba(255,255,255,.1);margin:3px 0} .hm_lg{display:inline-block;width:11px;height:11px;border-radius:3px;vertical-align:middle} .hm_lg.hm_kill{background:#3cdc82}.hm_lg.hm_death{background:#ff50aa} .hm_main{flex:1;min-width:0} .hm_heads{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px} .hm_col_h{display:flex;align-items:center;gap:10px;min-width:0} .hm_tn{color:#fff;font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;max-width:45%} .hm_rost{display:inline-flex;gap:4px;flex-wrap:wrap;min-width:0} .hm_rost_av{width:26px;height:26px;border-radius:6px;object-fit:cover;background:#1c1c1c;border:2px solid rgba(255,255,255,.22);box-sizing:border-box} /* командная рамка аватаров: A=красный, B=синий (видно + различает команды) */ .hm_pf_av.md_t_a,.hm_rost_av.md_t_a{border-color:#e5484d} .hm_pf_av.md_t_b,.hm_rost_av.md_t_b{border-color:#4f8cff} .hm_sep_team{margin:8px 0;background:rgba(255,255,255,.2)} .hm_grid{display:grid;grid-template-columns:1fr 1fr;gap:12px} .hm_radar{position:relative;width:100%;aspect-ratio:1024/768;border-radius:12px;overflow:hidden;background:linear-gradient(15deg,#313131de 30%,#3f3f3fde 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)} .hm_map{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.72} .hm_canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2} .hm_spawn{position:absolute;top:8px;right:8px;z-index:4;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:rgba(15,17,23,.72)} .hm_spawn_img{width:30px;height:30px;object-fit:contain;opacity:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))} /* тепловые блобы: свечение + screen-смешивание → плотность как на фото */ /* тепловые блобы как у FastCup: яркий центр + мягкое свечение, наложение даёт «жар» */ .hm_dot{position:absolute;width:17px;height:17px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none} .hm_dot.hm_kill{background:radial-gradient(circle,rgba(80,240,150,1) 0%,rgba(60,220,130,.55) 26%,rgba(60,220,130,0) 66%)} .hm_dot.hm_death{background:radial-gradient(circle,rgba(255,95,165,1) 0%,rgba(255,80,150,.55) 26%,rgba(255,80,150,0) 66%)} .hm_legend{text-align:center;font-size:12px;color:#a0a0a0;margin-top:16px} .hm_legend .hm_lg{margin:0 4px 0 12px} .hm_heatbar{display:inline-block;width:120px;height:9px;border-radius:5px;vertical-align:middle;margin:0 7px;background:linear-gradient(90deg,#2a6cff,#27e07a,#ffe23a,#ff8a1e,#ff2e2e)} /* вкладка «Демо» */ .md_demo{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:40px 20px;background:linear-gradient(15deg,#313131de 30%,#3f3f3fde 100%);border-radius:14px;border:1px solid rgba(255,255,255,.07)} .md_demo_ic{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,174,107,.14);color:#ffae6b;font-size:30px} .md_demo_ic.md_demo_wait{background:rgba(154,160,171,.14)} .md_demo_t{font-size:17px;font-weight:700;color:#fff} .md_demo_s{font-size:12.5px;color:#888888;max-width:460px;line-height:1.5} .md_demo_btn{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:10px 22px;border-radius:10px;background:#ffae6b;color:#1a1a1a;font-weight:700;font-size:13.5px;text-decoration:none;transition:filter .15s} .md_demo_btn:hover{filter:brightness(1.08)} .md_demo_btn i{font-size:17px} /* Вкладка «Стрим» — YouTube-эфир матча */ .m_live{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:5px;background:#e5484d;color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.5px;vertical-align:middle;animation:msliveblink 1.6s infinite} @keyframes msliveblink{0%,100%{opacity:1}50%{opacity:.5}} .ms_wrap{display:flex;flex-direction:column;gap:14px} .ms_player{position:relative;width:100%;padding-top:56.25%;border-radius:14px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.07)} .ms_player iframe{position:absolute;inset:0;width:100%;height:100%;border:0} .ms_none{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:46px 20px;background:linear-gradient(15deg,#313131de 30%,#3f3f3fde 100%);border-radius:14px;border:1px solid rgba(255,255,255,.07)} .ms_none>i{font-size:40px;color:#ffae6b} .ms_none_t{color:#d3d3d3;font-size:13.5px} .ms_admin{display:flex;gap:8px;flex-wrap:wrap;align-items:center} .ms_input{flex:1;min-width:200px} .ms_btn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;text-decoration:none;transition:filter .15s} .ms_btn:hover{filter:brightness(1.08)} .ms_save{background:#ff0000;color:#fff} .ms_save i{font-size:16px} .ms_clear{background:rgba(255,255,255,.08);color:#d3d3d3} .matches_stable td.al{color:#fff;font-weight:600} .matches_stable tr:hover td{background:rgba(255,255,255,.03)} .matches_stable tr.t_a td.al{box-shadow:inset 3px 0 0 #e5484d;padding-left:12px} .matches_stable tr.t_b td.al{box-shadow:inset 3px 0 0 #4f8cff;padding-left:12px} .matches_stable b{color:#fff} .matches_legend{font-size:11px;color:#888888;margin-top:12px;line-height:1.7;border-top:1px solid rgba(255,255,255,.05);padding-top:10px;text-align:center} .matches_legend b{color:#fff} /* Обзор: шапка-счёт + широкая групповая таблица (FastCup-стиль) */ .ov_head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 12px} .ov_team{display:flex;align-items:center;gap:9px;min-width:0} .ov_tn{font-weight:700;color:#fff;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px} .ov_t_a .ov_tn{box-shadow:inset 0 -2px 0 #e5484d}.ov_t_b .ov_tn{box-shadow:inset 0 -2px 0 #4f8cff} .ov_tk{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:#d3d3d3} .ov_kic{width:18px;height:11px;color:#ffbf81} /* средний рейтинг команды — иконка-график (цвет команды) + число без бейджа */ .ov_ric{width:17px;height:17px} .ov_t_a .ov_ric{color:#e5484d} .ov_t_b .ov_ric{color:#4f8cff} .ov_rn{font-size:16px;font-weight:800;color:#fff;line-height:1} .ov_scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:8px;scrollbar-width:none;-ms-overflow-style:none} .ov_scroll::-webkit-scrollbar{display:none;width:0;height:0} .matches_ftable{border-collapse:collapse;width:100%;min-width:0;font-size:11.5px} .matches_ftable th{color:#888888;font-weight:700;font-size:9.5px;text-transform:uppercase;letter-spacing:.2px;text-align:center;padding:6px 1px;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap} .matches_ftable th.ov_g{position:relative;color:#888888;font-size:9.5px;border-bottom:none;padding-bottom:9px} /* групп-скобка над колонками (как на FastCup): линия с засечками вниз по краям */ .matches_ftable th.ov_g::after{content:"";position:absolute;left:7px;right:7px;bottom:3px;height:5px;border:1px solid rgba(255,255,255,.2);border-bottom:none;border-radius:3px 3px 0 0} .matches_ftable tr.ov_sub th{font-size:9.5px;padding-top:4px;color:#888888} .matches_ftable th.ov_pl{text-align:left;min-width:112px;padding-left:9px} .matches_ftable td{text-align:center;padding:6px 1px;color:#ffffff;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap} .matches_ftable td.ov_pl{text-align:left;min-width:112px;padding-left:9px;padding-right:4px} .matches_ftable tbody tr:hover td{background:rgba(255,255,255,.03)} .matches_ftable tr.t_a td.ov_pl{box-shadow:inset 3px 0 0 #e5484d} .matches_ftable tr.t_b td.ov_pl{box-shadow:inset 3px 0 0 #4f8cff} .ov_av{width:20px;height:20px;border-radius:5px;object-fit:cover;vertical-align:middle;margin-right:6px;background:#1c1c1c} .matches_ftable td.ov_pl .ov_name{color:#fff;font-weight:600;vertical-align:middle} .matches_ftable b{color:#fff} .matches_ftable td.ov_pos{color:#3cdc82;font-weight:700}.matches_ftable td.ov_neg{color:#ff5a6a;font-weight:700} .matches_ftable td.ov_muted{color:#666666} .matches_join_bar{display:flex;gap:8px;justify-content:center;padding:8px 0 14px} .matches_chat{margin-top:10px;border-top:1px solid rgba(255,255,255,.07);padding-top:10px} .matches_chat_box{height:260px;overflow-y:auto;padding:14px;background:rgba(0,0,0,.2);border-radius:12px;display:flex;flex-direction:column;gap:14px} /* нет сообщений — компактная высота вместо пустой высокой коробки */ .matches_chat_box:empty{height:auto;min-height:52px;align-items:center;justify-content:center} .matches_chat_box:empty::before{content:"Сообщений пока нет";color:#888888;font-size:13px} .matches_chat_msg{display:flex;gap:10px;align-items:flex-start} .matches_chat_ava{width:36px;height:36px;border-radius:9px;object-fit:cover;flex-shrink:0} .matches_chat_body{flex:1;min-width:0} .matches_chat_author{color:#e8915a;font-weight:600;font-size:13px;text-decoration:none} .matches_chat_author:hover{text-decoration:underline} .matches_chat_txt{color:#e8e8e8;font-size:13px;margin-top:3px;line-height:1.45;word-wrap:break-word;overflow-wrap:anywhere} .matches_chat_box .empty-element{margin:auto} .matches_chat_input{position:relative;margin-top:10px} .matches_chat_input .matches_input{width:100%;margin-bottom:0;height:48px;padding:0 56px 0 18px;border-radius:50px;box-sizing:border-box;background:#262626;border:1px solid #3a3a3a;color:#fff} .matches_chat_input .matches_input::placeholder{color:#b7b7b7} /* убрать светлый фон браузерного автозаполнения */ .matches_chat_input .matches_input:-webkit-autofill, .matches_chat_input .matches_input:-webkit-autofill:hover, .matches_chat_input .matches_input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #262626 inset;caret-color:#fff;transition:background-color 9999s ease-in-out 0s} .matches_chat_send{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:34px;height:34px;padding:0;border:0;border-radius:50%;cursor:pointer; display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff !important; background:linear-gradient(23deg,#865023 0%,#da9256 55%);transition:opacity .15s} .matches_chat_send:hover{opacity:.7} .matches_input{width:100%;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px; background:rgba(0,0,0,.2);color:#fff;font-size:13px;margin-bottom:8px} /* модалка */ /* модалка создания матча (свой чистый стиль, тёмная тема сайта) */ #matches_create_modal .modal-content{background:linear-gradient(1deg,#181818 30%,#2b2b2b 100%);border:1px solid #2b2b2b;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.45)} .mm_body{padding:20px 22px 22px} .mm_grid{display:grid;grid-template-columns:1fr 1fr;gap:12px} .mm_field{margin-bottom:14px;position:relative} .mm_field label{position:static!important;display:block!important;font-size:12px;color:#a0a0a0;margin-bottom:7px;font-weight:600;top:auto;left:auto;transform:none;pointer-events:auto} .mm_field .mm_hint{color:#737373;font-weight:400;font-size:11px} .mm_ctrl{width:100%;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:11px;color:#fff;font-size:14px;padding:12px 14px;outline:none;transition:border-color .15s,background .15s;line-height:1.2} .mm_ctrl::placeholder{color:#b7b7b7} .mm_ctrl:focus{border-color:#e8915a;background:#242424} /* кастомный дропдаун (без нативного синего