.map-title-cell {
  grid-area: 1 / 1 / 2 / 2;
  background-color: var(--title-bg);
  color: var(--title-clr);
  font-size: var(--title-font-size);
}

.rb-position-cell {
  grid-area: 1 / 2 / 2 / 3;
  background-color: var(--title-bg);
  color: var(--title-clr);

  position: relative;
}

.map-cell {
  grid-area: 2 / 1 / 3 / 2;
  background-color: rgb(192, 192, 170);
  border-right: 3px solid var(--title-bg);
}

.rb-cell {
  grid-area: 2 / 2 / 3 / 3;
  background-color: rgb(238, 238, 212);
}

.controls-cell {
  grid-area: 3 / 1 / 4 / 3;
  background-color: var(--footer-bg);
  color: var(--footer-clr);

  padding-inline: 10px;
  gap: 20px;
}

/* Мобильная версия - одна колонка */
@media (max-aspect-ratio: 1/1) or (max-width: 1000px) {
  .parent {
    grid-template-columns: 1fr;
    grid-template-rows:
      var(--top-line-h)
      /* map-title-cell */
      auto
      /* map-cell */
      var(--top-line-h)
      /* rb-position-cell */
      var(--bottom-line-h)
      /* controls-cell */
      auto;
    /* rb-cell */
  }

  .map-title-cell {
    grid-area: 1 / 1 / 2 / 2;
  }

  .map-cell {
    grid-area: 2 / 1 / 3 / 2;
    min-height: 50vh;
    border-right: none;
  }

  .rb-position-cell {
    grid-area: 3 / 1 / 4 / 2;
  }

  .controls-cell {
    grid-area: 4 / 1 / 5 / 2;
  }

  .rb-cell {
    grid-area: 5 / 1 / 6 / 2;
  }
}