/*
 * Fiche personnage (§7). Description libre, avatar, noeuds contextuels, histoire.
 */
.character-sheet {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.character-sheet__header {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}

.character-sheet__avatar {
  width: calc(var(--space-7) + var(--space-4));
  height: calc(var(--space-7) + var(--space-4));
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--color-amber);
  background: var(--color-bg-elevated);
}

.character-sheet__name {
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-primary);
}

.character-sheet__status {
  font-family: var(--font-mono);
  font-size: var(--font-size-meta);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-meta);
  color: var(--color-ink-muted);
}

.character-sheet__description {
  color: var(--color-ink-primary);
  line-height: var(--line-height-narrative);
}

.character-sheet__section-title {
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-secondary);
  margin-bottom: var(--space-2);
}

.chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}
.chip {
  background: var(--color-bg-elevated);
  border: var(--border-default);
  border-radius: var(--radius);
  padding: var(--space-1) var(--space-3);
  font-size: var(--font-size-label);
  color: var(--color-ink-secondary);
}

.character-sheet__history {
  color: var(--color-ink-secondary);
  line-height: var(--line-height-narrative);
  font-size: var(--font-size-label);
}