/* What a chart is still waiting on. Quiet — nothing here is wrong, the
   planets are all placed; this is only the part that has yet to arrive. */
@layer components {

.awaiting {
  margin: 0 0 1.75rem; padding: 0.9rem 1.1rem;
  border: 1px dashed var(--line-strong); border-radius: 10px;
}
.awaiting__line { margin: 0; color: var(--ink-dim); font-size: 0.92rem; }
.awaiting .button { margin-top: 0.75rem; }

/* You: the big three worn as a row of charms, and the Seer's portrait */
.essences { display: flex; flex-wrap: wrap; gap: 0.6rem; margin: 0 0 1.5rem; padding: 0; list-style: none; }
.essences__essence {
  padding: 0.35rem 0.8rem; border: 1px solid var(--line-strong); border-radius: 999px;
  background: var(--paper-high);
  font-family: var(--font-ui);
  font-size: 0.82rem; color: var(--ink-dim);
}
.essences__essence .glyph { color: var(--gold); margin-right: 0.35em; }
.portrait { max-width: 42rem; }
.portrait__brushdate { font-size: 0.8rem; font-style: italic; margin-bottom: 2rem; }

}