I am working on a game-related web app which has a global navigation in a sidebar. There are going to be a few categories, with currently "My profile" and "The games" on the mockup below. Those categories are equivalent, so I feel they should be displayed in the same way in the main section of the web (the right section, under User name and the avatar).
First mockup I attached is "My profile" with a few tabs, then there is "The games" mockup, which has the heading looking the same and in the same place. Then the last mockup is "The game 1" which depicts particular game in "The games" category.
This is where my problem occurs. I feel like the particular game that we open is more important than the general category of "The games". It also has a few tabs, so it looks more like "My profile" now. However, in the hierarchy it is a lower/deeper level, so its heading should look different and be placed somewhere else, for example below, right? Like it is now on the 3rd mockup? I gave the game name a bigger size to draw attention to it and "win" with the "The games" category heading + the icon makes it more prominent, but that's all I have.
Can you provide any advice on how to deal with it? Or maybe it's not as bad as I think? It annoys me a bit, but I can't seem to come up with a solution on my own.
At the bottom I attached an extra mockup with what I keep having in mind and can't shake, but at the same time feel it's not right due to consistency guidelines and so on, because there's no "The games" heading.