.match-board { display: grid; gap: 12px; margin: 15px 0; }
.match-team-board {
  --team-color: #6fb9ff;
  border: 1px solid #294256;
  border-top: 2px solid var(--team-color);
  border-radius: 10px;
  background: #0b1827;
  padding: 10px 14px;
  min-width: 0;
}
.match-team-board--b { --team-color: #ffb066; }
.match-team-board header { display: flex; align-items: center; gap: 9px; margin-bottom: 8px; }
.match-team-board h2 { margin: 0; font: 700 16px/1.3 Inter, sans-serif; color: #eef8ff; }
.match-team-board h2::before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 2px; background: var(--team-color); }
.match-team-score { margin-left: auto; display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.match-team-score strong { font: 800 22px Inter, sans-serif; color: #fff; }
.match-winner, .match-team-score small { padding: 3px 7px; border-radius: 12px; background: #192d41; color: #c2d6e7; font-size: 10px; }
.match-winner { background: #134b3c; color: #aaf7ce; }
.match-board-scroll { overflow-x: auto; }
.match-board table { border-collapse: collapse; table-layout: fixed; width: 100%; min-width: 645px; font: 12px Inter, sans-serif; font-variant-numeric: tabular-nums; }
.match-board .stat-col-player { width: 23%; }
.match-board .stat-col-kills { width: 5%; }
.match-board .stat-col-deaths { width: 8%; }
.match-board .stat-col-assists { width: 9%; }
.match-board .stat-col-kd { width: 6%; }
.match-board .stat-col-damage { width: 10%; }
.match-board .stat-col-headshots { width: 9%; }
.match-board .stat-col-multikills { width: 10%; }
.match-board .stat-col-rating { width: 20%; }
.match-board :is(th, td) { padding: 7px 5px; border-bottom: 1px solid #233649; text-align: right; }
.match-board :is(th, td):first-child { text-align: left; }
.match-board thead th { color: #a8bfd2; font-weight: 600; font-size: 10px; white-space: nowrap; }
.match-board tbody tr:last-child > * { border-bottom: 0; }
.match-board tbody tr:hover { background: #12283c; }
.match-board-player { display: flex; align-items: center; gap: 5px; white-space: nowrap; overflow: hidden; }
.match-board-player a { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.match-board-player img { flex-shrink: 0; border-radius: 5px; object-fit: cover; }
.match-board .stat-positive { color: #85edaa; }
.match-board .stat-negative { color: #ffa3aa; }
@media (max-width: 600px) {
  .match-team-board { padding-inline: 8px; }
}

.match-rating-note { display: block; color: #a8bfd2; font-size: 10px; white-space: normal; }

.live-match-page .match-scoreboard--map {
  overflow: hidden;
  border: 1px solid #6584a47d;
  border-radius: 12px;
  background:
    linear-gradient(90deg, #061322db, #0a192998 47%, #061322db),
    linear-gradient(0deg, #071421e8, transparent 85%),
    var(--match-map, none) center 46% / cover no-repeat;
}
.match-scoreboard--map .scoreboard-main {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  max-width: 100%;
  margin: 17px auto 8px;
  gap: clamp(8px, 3.5vw, 40px);
}
.match-scoreboard--map .score-team { gap: 6px; }
.match-scoreboard--map .score-team h1 {
  max-width: 100%;
  overflow-wrap: anywhere;
  line-height: 1;
  font-size: clamp(18px, 4vw, 40px);
  text-shadow: 0 2px 10px #020812;
}
.score-side-icon {
  display: block;
  width: clamp(44px, 8vw, 82px);
  height: auto;
  filter: drop-shadow(0 5px 10px #020812c9);
}
.match-scoreboard--map .big-score {
  padding: clamp(9px, 2vw, 18px) clamp(11px, 3vw, 26px);
  border: 1px solid #a2c5df44;
  border-radius: 12px;
  background: #050f1acc;
  font-variant-numeric: tabular-nums;
}
.match-scoreboard--map .big-score strong { font-size: clamp(42px, 8vw, 82px); }
.match-scoreboard--map .big-score em { color: #a9c0d6; }
.match-scoreboard--map .match-status { color: #c8dcef; }
.match-highlights { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 16px; }
.match-highlight-card { padding: 20px; background: #101b29; border: 1px solid #6f829c48; border-radius: 12px; min-width: 0; }
.match-highlight-card h2 { margin: 0 0 14px; font-size: 15px; color: #c0cadd; }
.match-highlight-card dl { display: grid; gap: 6px; margin: 0; }
.match-highlight-card dl div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); align-items: center; gap: 8px; padding: 8px 10px; border-radius: 6px; background: #ffffff0a; }
.match-highlight-card dd { display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px; margin: 0; overflow-wrap: anywhere; }
.match-highlight-card dd strong { margin-left: auto; padding-left: 4px; }
.match-mvp-player { display: flex; gap: 12px; align-items: center; }
.match-mvp-player p { margin: 3px 0 0; color: #c0b7d3; }
.match-mvp ul { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; list-style: none; padding: 0; margin: 16px 0 0; }
.match-mvp li { display: grid; gap: 4px; text-align: center; background: #07061053; border-radius: 6px; padding: 8px 3px; }
.match-mvp li span { font-size: 10px; color: #c0b7d3; }
.live-match-page .feed-event { min-height: 0; grid-template-columns: 46px 14px minmax(0, 1fr); gap: 6px; padding: 4px 0; line-height: 1.25; }
.live-match-page .feed-event > div { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 1px 6px; }
.live-match-page .feed-event time,
.live-match-page .feed-event strong { font-size: 9px; color: #9db5c8; }
.live-match-page .feed-event strong { letter-spacing: .035em; }
.live-match-page .feed-event p { font-size: 11px; }
.live-match-page .feed-event .event-icon { width: 14px; height: 14px; font-size: 9px; }