feat(web): add the quest journal

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Bastian Wagner
2026-08-22 23:12:09 +02:00
parent 636efb6b5a
commit bc0d910190
12 changed files with 602 additions and 7 deletions

View File

@@ -0,0 +1,43 @@
:host {
display: block;
}
/* Description left, tally right, so a column of objectives reads as a list of
counts rather than a paragraph. */
.quest-objective {
display: flex;
gap: var(--ar-space-3);
align-items: baseline;
justify-content: space-between;
margin: 0;
color: var(--ar-text);
font-size: 0.95rem;
}
/* Done steps stay visible but stop competing for attention. */
.quest-objective--done {
color: var(--ar-text-muted);
text-decoration: line-through;
text-decoration-color: rgb(155 122 66 / 0.5);
}
.quest-objective__progress {
color: var(--ar-gold);
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.quest-objective--done .quest-objective__progress {
color: var(--ar-text-muted);
}
/* The line that keeps "1 / 5" from reading as a dead end (slice §4). Warning
amber rather than danger red: the player is not in trouble, just stuck. */
.quest-objective__hint {
margin: var(--ar-space-2) 0 0;
padding-inline-start: var(--ar-space-3);
border-inline-start: 2px solid var(--ar-warning);
color: var(--ar-warning);
font-size: var(--ar-font-sm);
line-height: 1.5;
}