[data-component~="views/matches/show"] {
  #match {
    display: grid;
    gap: 1rem;
    grid-template-columns: 100% 1fr;
    @media ((min-width: 768px)) {
      grid-template-columns: 22rem 1fr;
    }
    #match_section_meta {
      grid-column: 1 / 2;
    }
    #match_section_players_and_turn {
      grid-column: 1 / 2;
    }
    #match_section_controls {
      grid-column: 1 / 2;
    }
    #match_section_state_and_history {
      grid-column: 1 / 2;
    }
    #match_section_observers {
      grid-column: 1 / 2;
    }
    #match_section_chat {
      grid-column: 1 / 2;
    }
    #match_section_score {
      grid-column: 1 / 2;
    }
    #match_section_tabletop {
      grid-column: 1 / 2;
      grid-row: 1 / 2;
      @media ((min-width: 768px)) {
        grid-column: 2 / 3;
        grid-row: 1 / 10;
      }
    }
    #match_section_invalid_action {
      grid-column: 2 / 3;
      grid-row: 10 / 11;
    }
    #match_section_action_form {
      grid-column: 11 / 12;
    }
    [data-component~="components/matches/view/players"] {
      margin-bottom: 1rem;
    }
    #copy-match-url {
      margin-left: 0.5rem;
      [data-component~="components/icon"] {
        cursor: pointer;
      }
    }
  }
}