.pickers { display: flex; gap: 10px; align-items: center; margin-bottom: 14px; flex-wrap: wrap; }
.result-block { display: grid; gap: 12px; }
.matchup { display: flex; gap: 18px; flex-wrap: wrap; align-items: baseline; }
.matchup .big { font-family: var(--mono); font-size: 22px; font-weight: 600; }

.seeds { border-collapse: collapse; font-size: 12px; }
.seeds th, .seeds td { padding: 5px 9px; border-bottom: 1px solid var(--line-soft); }
.seeds .win  { color: var(--leaf); }
.seeds .loss { color: var(--clay); }

.matrix-wrap { overflow-x: auto; }
.matrix { border-collapse: collapse; font-family: var(--mono); font-size: 11px; }
.matrix th, .matrix td { padding: 4px 7px; border: 1px solid var(--line-soft); text-align: center; }
.matrix th.row { text-align: right; color: var(--dim); font-weight: 400; white-space: nowrap; }
.matrix th.col { color: var(--dim); font-weight: 400; white-space: nowrap; }
.matrix td.self { background: var(--panel-2); color: var(--dimmer); }