.go-troop-stat-matrix {
  width: 100%;
  max-width: 29rem;
  margin: 0;
  table-layout: fixed;
  border-spacing: 0 .38rem;
  border-collapse: separate;
  font-variant-numeric: tabular-nums;
}
.go-troop-stat-matrix th,
.go-troop-stat-matrix td {
  padding: .58rem .7rem;
  text-align: right;
  white-space: nowrap;
}
.go-troop-stat-matrix thead th {
  color: var(--go-muted, #aeb5c2);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .06em;
}
.go-troop-stat-matrix thead th:first-child,
.go-troop-stat-matrix tbody th {
  width: 30%;
  text-align: left;
}
.go-troop-stat-matrix tbody tr { --troop-color: var(--ewr-col-siege-base); }
.go-troop-stat-matrix tbody tr.troop-ground { --troop-color: var(--ewr-col-ground-base); }
.go-troop-stat-matrix tbody tr.troop-mounted { --troop-color: var(--ewr-col-mounted-base); }
.go-troop-stat-matrix tbody tr.troop-ranged { --troop-color: var(--ewr-col-ranged-base); }
.go-troop-stat-matrix tbody tr.troop-siege { --troop-color: var(--ewr-col-siege-base); }
.go-troop-stat-matrix tbody th,
.go-troop-stat-matrix tbody td {
  border-top: 1px solid color-mix(in srgb, var(--troop-color) 22%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--troop-color) 17%, transparent);
  background: color-mix(in srgb, var(--troop-color) 7%, rgba(0,0,0,.12));
}
.go-troop-stat-matrix:not(.is-debuff) tbody th,
.go-troop-stat-matrix:not(.is-debuff) tbody td {
  background: color-mix(in srgb, var(--troop-color) 30%, rgba(0,0,0,.2));
}
.go-troop-stat-matrix tbody th {
  border-left: 3px solid color-mix(in srgb, var(--troop-color) 72%, transparent);
  border-radius: .55rem 0 0 .55rem;
}
.go-troop-stat-matrix tbody td:last-child {
  border-right: 1px solid color-mix(in srgb, var(--troop-color) 17%, transparent);
  border-radius: 0 .55rem .55rem 0;
}
.go-troop-stat-label,
.go-comparison-stat-chip {
  display: inline-flex;
  align-items: center;
  min-height: 1.7rem;
  border: 1px solid color-mix(in srgb, var(--troop-color) 48%, transparent);
  border-radius: 999px;
  padding: .2rem .55rem;
  color: #f8fafc;
  background: color-mix(in srgb, var(--troop-color) 20%, rgba(15,23,42,.92));
  font-size: .76rem;
  font-weight: 800;
  line-height: 1.2;
}
.go-comparison-stat-chip.troop-ground { --troop-color: var(--ewr-col-ground-base); }
.go-comparison-stat-chip.troop-mounted { --troop-color: var(--ewr-col-mounted-base); }
.go-comparison-stat-chip.troop-ranged { --troop-color: var(--ewr-col-ranged-base); }
.go-comparison-stat-chip.troop-siege { --troop-color: var(--ewr-col-siege-base); }
.go-troop-effects-body { display: block; }
.go-troop-effects-body > .go-troop-stat-matrix { margin: 0; }

/* Same class-to-debuff blend and tokens as the Pair/PowerUser ewr-table. */
.go-troop-stat-matrix.is-debuff tbody tr { --debuff-base: var(--ewr-col-siege-debuff-base); }
.go-troop-stat-matrix.is-debuff .troop-ground { --debuff-base: var(--ewr-col-ground-debuff-base); }
.go-troop-stat-matrix.is-debuff .troop-mounted { --debuff-base: var(--ewr-col-mounted-debuff-base); }
.go-troop-stat-matrix.is-debuff .troop-ranged { --debuff-base: var(--ewr-col-ranged-debuff-base); }
.go-troop-stat-matrix.is-debuff tbody th,
.go-troop-stat-matrix.is-debuff tbody td,
.go-troop-stat-matrix.is-debuff .go-troop-stat-label {
  background-image: linear-gradient(to right,
    color-mix(in lab, var(--debuff-base) var(--ewr-debuff-head-class-tint), transparent),
    color-mix(in lab, var(--ewr-col-debuff-dark) var(--ewr-debuff-head-pink-tint), transparent)),
    linear-gradient(to right, transparent var(--ewr-head-black-start), rgba(0,0,0,var(--ewr-head-black-alpha)));
}
.go-troop-stat-matrix td.is-zero { color: var(--muted); opacity: .65; }
.go-effect-summary { display: grid; gap: 1rem; min-width: 0; }
.go-effect-section { min-width: 0; }
.go-effect-section h4 { margin: 0 0 .5rem; font-weight: 700; }
.go-effect-section ul { margin: 0; padding-left: 1.2rem; overflow-wrap: anywhere; }
@media (max-width: 430px) {
  .go-troop-stat-matrix th, .go-troop-stat-matrix td { padding: .5rem .25rem; font-size: .76rem; }
  .go-troop-stat-matrix thead th:first-child, .go-troop-stat-matrix tbody th { width: 29%; }
  .go-troop-stat-label { padding-inline: .35rem; font-size: .7rem; white-space: normal; }
}