.main { max-width: 1200px; margin: 0 auto; padding: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.full { grid-column: 1/-1; }
.card { background: #0d1422; border: 1px solid #1a2840; border-radius: 8px; padding: 16px; }
.sec-head { font-size: 10px; color: #c9a84c; letter-spacing: 1.2px; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #c9a84c22; display: flex; justify-content: space-between; align-items: center; }
.sec-head a { font-size: 10px; color: #445566; }
.stabs { display: flex; gap: 6px; margin-bottom: 12px; }
.stab { font-size: 10px; padding: 4px 12px; border-radius: 4px; border: 1px solid #1a2840; color: #556677; cursor: pointer; }
.stab.a { background: #c9a84c18; border-color: #c9a84c44; color: #c9a84c; }
.tbl { width: 100%; border-collapse: collapse; font-size: 11px; }
.tbl th { color: #556677; font-weight: 500; padding: 6px 8px; text-align: left; border-bottom: 1px solid #1a2840; font-size: 10px; cursor: pointer; }
.tbl th:hover { color: #c9a84c; }
.tbl th.r { text-align: right; }
.tbl th.active-sort { color: #c9a84c; }
.tbl td { padding: 6px 8px; color: #bbc; border-bottom: 1px solid #0d1422; }
.tbl td.r { text-align: right; }
.tbl td.gold { color: #c9a84c; font-weight: 600; }
.tbl tr:hover td { background: #131f30; }
.tbl tr.top1 td { background: #1c2800; }
.tbl tr.top2 td { background: #141f00; }
.tbl tr.top3 td { background: #0f1800; }
.rank-badge { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; font-size: 10px; font-weight: 700; }
.rank-1 { background: #c9a84c; color: #000; }
.rank-2 { background: #9ab; color: #000; }
.rank-3 { background: #b87333; color: #fff; }
.rank-n { color: #445566; font-size: 11px; }
.av { width: 26px; height: 26px; border-radius: 50%; background: #1a2d4a; display: flex; align-items: center; justify-content: center; font-size: 9px; color: #c9a84c; font-weight: 700; flex-shrink: 0; }
.match-card { background: #080f1a; border: 1px solid #131f30; border-radius: 6px; padding: 10px 12px; margin-bottom: 6px; }
.match-card:last-child { margin-bottom: 0; }
.match-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.match-num { font-size: 10px; color: #c9a84c; font-weight: 600; }
.match-time { font-size: 9px; color: #445566; }
.match-teams { display: flex; align-items: center; gap: 8px; }
.team-col { flex: 1; }
.team-name { font-size: 10px; font-weight: 600; margin-bottom: 4px; }
.team-name.win { color: #5fc98a; }
.team-name.lose { color: #e06060; }
.team-players { display: flex; flex-wrap: wrap; gap: 4px; }
.player-chip { font-size: 9px; color: #889; background: #131f30; padding: 2px 6px; border-radius: 3px; display: flex; align-items: center; gap: 3px; }
.player-chip .ch { font-size: 8px; color: #c9a84c; }
.match-score { display: flex; flex-direction: column; align-items: center; gap: 3px; min-width: 60px; }
.score-main { display: flex; align-items: center; gap: 6px; }
.sb { font-size: 14px; font-weight: 700; padding: 3px 8px; border-radius: 4px; }
.sb.w { background: #1a3d2a; color: #5fc98a; }
.sb.l { background: #3d1a1a; color: #e06060; }
.score-sep { font-size: 10px; color: #334455; }
.search-input { width: 100%; background: #080f1a; border: 1px solid #1a2840; border-radius: 6px; padding: 7px 12px; font-size: 11px; color: #dde; font-family: 'Inter', sans-serif; outline: none; margin-bottom: 12px; }
.search-input:focus { border-color: #c9a84c44; }
.search-input::placeholder { color: #334455; }
.mmr-bar-wrap { height: 4px; background: #1a2840; border-radius: 2px; margin-top: 3px; }
.mmr-bar { height: 4px; background: #c9a84c; border-radius: 2px; }
.loading { font-size: 12px; color: #445566; padding: 20px 0; text-align: center; }
footer { background: #0d1422; border-top: 1px solid #1a2840; padding: 14px 32px; display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }
footer span { font-size: 11px; color: #334455; }
.footer-links { display: flex; gap: 16px; }
.footer-links a { font-size: 11px; color: #445566; }
/* ─── Улучшенные активные матчи ─────────────────────────────── */
.am-card { background: linear-gradient(180deg,#0a1320,#080f1a); border: 1px solid #1a2840; border-radius: 10px; padding: 14px 16px; margin-bottom: 10px; }
.am-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.am-title { font-size: 12px; color: #aab; font-weight: 600; }
.am-queue { font-size: 10px; color: #556677; font-weight: 400; margin-left: 4px; }
.am-stage { font-size: 10px; font-weight: 600; display: inline-flex; align-items: center; gap: 4px; }
.am-teams { display: grid; grid-template-columns: 1fr auto 1fr; gap: 14px; align-items: center; }
.am-col { display: flex; flex-direction: column; gap: 4px; }
.am-col.left { align-items: flex-end; }
.am-col.right { align-items: flex-start; }
.am-vs { font-size: 11px; color: #445566; font-weight: 700; letter-spacing: 1px; }
.am-pool { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.am-player { display: inline-flex; align-items: center; gap: 6px; background: #101b2c; border: 1px solid #1a2840; padding: 4px 10px; border-radius: 6px; cursor: pointer; transition: border-color .15s, background .15s; }
.am-player:hover { border-color: #c9a84c66; background: #16243a; }
.am-name { font-size: 11px; color: #ccd; }
.am-mmr { font-size: 9px; color: #c9a84c; font-weight: 600; }

/* Кликабельные чипы игроков в матчах */
.player-chip { cursor: pointer; transition: color .15s; }
.player-chip:hover { color: #c9a84c; }