.stage { max-width: 640px; margin: 0 auto; padding: 36px 20px 24px; }
.wordmark { width: min(100%, 420px); height: auto; display: block; margin: 0 auto 18px; }
.lede { color: var(--mute); font-size: 15px; }
.lore { color: #c9c3b4; font-size: 14px; border-left: 2px solid var(--gold); padding-left: 14px; }
.lyceum-title.q { font-size: 28px; }
.lyceum-title { font-size: 42px; }
.options { display: grid; gap: 10px; margin-top: 8px; }
.bar { height: 3px; background: #222833; border-radius: 99px; overflow: hidden; margin: 0 0 16px; }
.bar > i { display: block; height: 100%; background: var(--gold); width: 0; }
.muted { color: var(--mute); font-size: 13px; letter-spacing: .04em; }
.dossier {
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.15));
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 18px;
  text-align: center;
  margin: 8px 0 20px;
}
.dossier .portrait { width: 260px; margin: 0 auto 14px; }
.result-name { font-family: "Cormorant Garamond", serif; font-size: 36px; margin: 8px 0 6px; }
.tag { color: var(--mute); }
.camp { margin-bottom: 8px; }