/* 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:#9aa0ab;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} .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 #7a818c;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:#15181e 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_trophy{position:absolute;top:50%;transform:translateY(-50%);z-index:2;font-size:13px;color:#f1c40f;text-shadow:0 1px 4px rgba(0,0,0,.85);transition:opacity .15s} .matches_card_trophy.ct_a{left:5px} .matches_card_trophy.ct_b{right:5px} .matches_card_map:hover .matches_card_trophy{opacity:0} /* распределение колонок: счёт узкий, регион/статус шире — без обрезки */ .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} .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:#7a818c;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} /* статус под заголовком — в стиле бейджа «Кастомный» */ .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:#8ab0ff} .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;margin-bottom:10px;color:#fff} /* кубок у названия команды-победителя */ .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_score{text-align:center;min-width:440px;max-width:520px} .matches_map_panel{position:relative;border-radius:16px;overflow:hidden;background-color:#15181e;background-size:cover;background-position:center;padding:34px 20px;min-height:240px;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:#e6e8ec;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:#5b626d} /* фаза матча под счётом — белый текст на стеклянном (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{color:#9aa0ab;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:#e8915a;font-size:16px} .matches_src_badge{font-size:11px;font-weight:700;letter-spacing:.5px;color:#5f5f5f;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:#cfd2da;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:flex;align-items:center;gap:10px;padding:8px 10px;background:rgba(255,255,255,.03);border-radius:10px;margin-bottom:8px;transition:.12s} .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:#9aa0ab;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:34px;height:34px;border-radius:8px;object-fit:cover;flex-shrink:0} .matches_player_info{flex:1;display:flex;flex-direction:column;min-width:0} .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;max-width:100%} /* зарегистрированный игрок — кликабельно (палец), гость — обычный курсор */ a.matches_player_link{cursor:pointer} a.matches_player_link:hover{color:#fff} .matches_player_guest{cursor:default} /* SteamID под ником */ .matches_player_steam{display:block;font-size:10px;color:#7a818c;font-family:Consolas,Menlo,monospace;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;margin-top:1px} /* сердце-лайк (+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:#9aa0ab;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:#8b919c;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} .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:#b6bcc6;flex-shrink:0} .matches_wpn_ic svg{width:100%;height:100%;display:block} .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:#656565;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} .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_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:#e6e8ec;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:#8a8f99} /* убрать светлый фон браузерного автозаполнения */ .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:#9aa0ab;margin-bottom:7px;font-weight:600;top:auto;left:auto;transform:none;pointer-events:auto} .mm_field .mm_hint{color:#6b7280;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:#6b7280} .mm_ctrl:focus{border-color:#e8915a;background:#242424} /* кастомный дропдаун (без нативного синего