/* Dark Mage of Mossfen — the talk window (v0.76, ui/talk.js): a townsperson's choices and the stories they tell.
   Same look as the Shop and quest windows (shop.css, quest.css). */

#talk {
  top: 12px; right: 12px; z-index: 5;
  width: min(400px, calc(100% - 24px));
  max-height: calc(100% - 100px);
  overflow-y: auto;
  padding: 10px 14px 12px;
  min-height: 256px;               /* always covers the minimap, as the quest window does */
  display: flex; flex-direction: column;
}
#talk[hidden] { display: none; }
#talk header { align-items: center; }
#talk header .win-meta { margin-left: 10px; }
#talk header .win-close { margin-left: auto; }
.talk-who { align-items: flex-start; }
.talk-who img { margin-top: 2px; }
.talk-who p { font-size: 14.5px; line-height: 1.45; min-height: 3em; }
#talk[data-mode="story"] .talk-who p { font-style: italic; }
/* a quest's scene (v0.81): what you see in italics, what you say marked */
.talk-note { font-style: italic; color: #f7b7c9; }
.talk-who p.is-note::before, .talk-who p.is-note::after, .talk-who p.is-you::before, .talk-who p.is-you::after { content: none; }
.talk-you { font: 700 13px/1 var(--f-display); letter-spacing: 0.06em; color: #b9d4ff; margin-right: 2px; }
.talk-choice.is-answer::before { content: '❝'; color: #f7b7c9; }

.talk-h {
  margin: 8px 0 2px; font: 700 12px/1 var(--f-display); letter-spacing: 0.12em; text-transform: uppercase;
  color: #b9d4ff;
}
.talk-choices { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 5px; }
.talk-choices:empty { display: none; }
.talk-choice {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%;
  padding: 8px 10px; border-radius: 4px; cursor: pointer; text-align: left;
  background: rgba(11, 15, 12, 0.6); border: 1px solid rgba(206, 184, 118, 0.18);
  font: 600 14.5px/1.2 var(--f-body); color: var(--ink);
}
.talk-choice::before { content: '▸'; color: #f3d68a; margin-right: -2px; }
.talk-choice span { margin-right: auto; }
.talk-choice small { font: 500 12.5px/1 var(--f-body); color: #9bff8a; }
.talk-choice:hover, .talk-choice:focus-visible { border-color: rgba(243, 214, 138, 0.6); background: rgba(40, 34, 18, 0.7); }
.talk-choice.is-quest::before { content: '✦'; color: #b98cff; }
.talk-choice.is-gates::before { content: '◈'; color: #4ff0b8; }   /* the game master's gate switch (v1.03) */
.talk-choice.is-gates[data-open="1"] small { color: #f0b878; }
.talk-choice.is-enter::before { content: '⌂'; color: #ffc880; }   /* a door they keep: Vesper's, into the temple (v1.17) */
.talk-choice.is-enter small { color: #c8b8e8; }
.talk-choice.is-bye { color: var(--ink-dim); }

.talk-actions { display: flex; align-items: center; justify-content: flex-end; gap: 14px; margin-top: auto; padding-top: 12px; }
.talk-actions:empty { display: none; }
.talk-actions small { margin-right: auto; font: 400 13px/1 var(--f-num); color: var(--ink-faint); }
.talk-actions .pick-go { min-width: 150px; padding: 9px 16px; font-size: 16px; }
.talk-actions .link-btn { margin: 0; }
body.talk-open #help, body.talk-open #quest-track { visibility: hidden; }