/* Gemeinsame mobile Gefechtszeilen für Matchboard, Übung und öffentliche Anzeige. */
.public-scoreboard > .table-wrap { width: 100%; min-width: 0; align-self: stretch; }
.md-live-team-name { display: none; }

@media (max-width: 640px) {
    .md-live { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
    .md-live-vs { grid-column: 1 / -1; grid-row: 1; flex-direction: row; gap: .5rem; padding: 0 0 .35rem; }
    .md-live-team--one { grid-column: 1; grid-row: 2; }
    .md-live-team--two { grid-column: 2; grid-row: 2; }
    .md-live-team-name { display: block; min-height: 2.5em; font-size: .65rem; line-height: 1.25; color: #a8b5c4; overflow-wrap: anywhere; }
    .md-live-team .md-fencer { min-height: 2.5em; }
    :is(.md-tableau, .public-scoreboard__table) { display: block; width: 100%; min-width: 0; }
    :is(.md-tableau, .public-scoreboard__table) colgroup { display: none; }
    :is(.md-tableau, .public-scoreboard__table) thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    :is(.md-tableau, .public-scoreboard__table) tbody { display: block; width: 100%; }
    :is(.md-tableau, .public-scoreboard__table) tbody > tr:not(.md-bout-row--active) {
        display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: center;
        width: 100%; padding: .65rem 0; border-top: 1px solid #ffffff19; row-gap: .35rem;
    }
    :is(.md-tableau, .public-scoreboard__table) tbody > tr:not(.md-bout-row--active) > td { min-width: 0; padding: .15rem; border: 0; font-size: .8rem; }
    :is(.md-tableau, .public-scoreboard__table) tr > td:nth-child(1) { grid-area: 1 / 6 / 2 / 8; }
    :is(.md-tableau, .public-scoreboard__table) tr > td:nth-child(2) { grid-area: 1 / 1 / 2 / 6; }
    :is(.md-tableau, .public-scoreboard__table) tr > td:nth-child(8) { grid-area: 1 / 8 / 2 / 13; }
    :is(.md-tableau, .public-scoreboard__table) tr > td:nth-child(3) { grid-area: 2 / 1 / 3 / 3; }
    :is(.md-tableau, .public-scoreboard__table) tr > td:nth-child(4) { grid-area: 2 / 3 / 3 / 6; }
    :is(.md-tableau, .public-scoreboard__table) tr > td:nth-child(5) { grid-area: 2 / 6 / 3 / 8; }
    :is(.md-tableau, .public-scoreboard__table) tr > td:nth-child(6) { grid-area: 2 / 8 / 3 / 11; }
    :is(.md-tableau, .public-scoreboard__table) tr > td:nth-child(7) { grid-area: 2 / 11 / 3 / 13; }
    :is(.md-tableau, .public-scoreboard__table) tr > :is(td:nth-child(3), td:nth-child(7))::before { content: 'Tr. '; }
    :is(.md-tableau, .public-scoreboard__table) tr > :is(td:nth-child(4), td:nth-child(6))::before { content: 'Ges. '; }
    :is(.md-tableau, .public-scoreboard__table) tr > td:nth-child(5)::before { content: 'Ziel '; }
    :is(.md-tableau, .public-scoreboard__table) tr > td::before { font-size: .6rem; font-weight: 400; color: #a0a5ac; }
    :is(.md-tableau, .public-scoreboard__table) tr > td.md-bout-name { font-size: .85rem; line-height: 1.35; overflow-wrap: anywhere; }
    .md-tableau .md-bout-row--active, .md-tableau .md-bout-row--active > td { display: block; width: 100%; }
    .md-tableau .md-bout-row--active > td::before { content: none; }
    .public-scoreboard:is(:fullscreen, .public-scoreboard--fullscreen) { overflow: auto; justify-content: flex-start; height: 100dvh; }
    .public-scoreboard:is(:fullscreen, .public-scoreboard--fullscreen) > * { flex-shrink: 0; }
    .public-scoreboard:is(:fullscreen, .public-scoreboard--fullscreen) .public-scoreboard__table td.md-bout-name { font-size: .85rem; }
}
