/* GameHus - Center panel base styles
   This file must stay narrowly scoped to the center panel itself.
   Profile modal/banner/background styling belongs in unified-settings.css.
*/

.panel--center {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  min-width: 0;
  min-height: 0;
}

#panel-center {
  background: var(--surface-color);
  box-shadow: var(--shadow-md);
  padding: 0;
  margin: 0;
  overflow: hidden;
}

#panel-center > * {
  min-width: 0;
}

.game-selection-container {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
}

.user-profile-section {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
}

.profile-banner-top {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.profile-banner-top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}