.container {
  width: min(1120px, calc(100% - 2rem));
  margin-inline: auto;
}

.site-header {
  color: var(--white);
  background: linear-gradient(135deg, var(--mbv-red-900), var(--mbv-red-600));
  border-bottom: 5px solid var(--white);
}

.header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: clamp(1.5rem, 5vw, 3rem) 0;
}

.page-stack {
  display: grid;
  gap: var(--space-5);
  padding: var(--space-6) 0;
}

.hero-card {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  align-items: center;
  gap: var(--space-5);
}

.status-strip,
.admin-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}

.game-shell {
  display: grid;
  gap: var(--space-4);
}

.section-heading,
.dashboard-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-3);
}

.button-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.hidden {
  display: none !important;
}

@media (max-width: 760px) {
  .container {
    width: min(100% - 1rem, 1120px);
  }

  .header-content,
  .hero-card,
  .status-strip,
  .admin-grid {
    grid-template-columns: 1fr;
  }

  .header-content {
    display: grid;
  }

  .page-stack {
    padding: var(--space-4) 0;
  }
}