/**
 * Code Kids — 7.1C.4.4A
 * VISIBLE MAIN PANEL GAP FIX
 */
@media (orientation: portrait) and (max-width: 699px) {
  #screen-game .game-grid {
    row-gap: 2px !important;
    gap: 2px !important;
  }

  #screen-game .task-panel,
  #screen-game .preview-panel,
  #screen-game .code-panel,
  #screen-game #code-kids-keyboard {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (orientation: landscape) and (max-height: 520px) and (max-width: 900px) {
  #screen-game .game-grid {
    column-gap: 2px !important;
    row-gap: 0 !important;
    gap: 0 2px !important;
  }

  #screen-game .preview-panel,
  #screen-game .code-panel,
  #screen-game #code-kids-keyboard {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}