.quiz-results-mode-summary {
  margin: 22px 0 0;
  padding: 22px;
  border: 1px solid #30425a;
  border-radius: 8px;
  background: #0a192b;
}
.quiz-results-mode-outcome {
  margin: -2px 0 18px;
  color: #f4c45e;
  font-size: 18px;
  font-weight: 850;
}
.quiz-results-mode-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid #30425a;
  background: #0e2035;
}
.quiz-results-territory-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(220px, .75fr);
  gap: 20px;
  align-items: stretch;
}
.quiz-results-territory-board {
  width: 100%;
  min-height: 250px;
  max-height: 310px;
  border: 1px solid #263a51;
  background: #071321;
}
.quiz-results-territory-board polygon {
  fill: #263546;
  stroke: #071321;
  stroke-width: 1.25;
}
.quiz-results-territory-board polygon[data-team="team_1"] { fill: #3978ec; }
.quiz-results-territory-board polygon[data-team="team_2"] { fill: #e8655d; }
.quiz-results-territory-board polygon[data-team="team_3"] { fill: #e3ad43; }
.quiz-results-territory-board polygon[data-cell-type="castle"] {
  stroke: #f6f7fb;
  stroke-width: 2.2;
}
.quiz-results-territory-teams {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.quiz-results-territory-teams li {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 76px;
  padding: 12px 14px;
  border-left: 5px solid #3978ec;
  background: #102339;
}
.quiz-results-territory-teams li[data-team="team_2"] { border-left-color: #e8655d; }
.quiz-results-territory-teams li[data-team="team_3"] { border-left-color: #e3ad43; }
.quiz-results-territory-teams li[data-winner="true"] { outline: 1px solid #f4c45e; }
.quiz-results-territory-teams span,
.quiz-results-territory-teams small { color: #aebacc; }

@media (max-width: 1100px) {
  .quiz-results-territory-workspace { grid-template-columns: 1fr; }
  .quiz-results-mode-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
