#SummonGrid {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-column-gap: $unit * 2;
  justify-content: center;

  & .Label {
    color: $grey-55;
    font-size: $font-tiny;
    font-weight: $medium;
    margin-bottom: $unit;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

    @media (max-width: $phone) {
      &.Friend {
        max-width: 78px;
      }
    }
  }

  #grid_summons {
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: $unit * 2;
    grid-template-rows: 1fr;
    grid-row-gap: $unit * 3;

    & > li {
      list-style: none;
    }
  }
}