#faunaraPause .fa-quest-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-self: start;
}
.fa-quest-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 5px;
  padding: 16px !important;
  min-height: 112px;
}
.fa-quest-card strong {
  font-size: 20px;
}
.fa-quest-card small {
  font:
    10px ui-monospace,
    monospace;
  letter-spacing: 1px;
  color: #66755d;
}
.fa-quest-meta {
  font-size: 13px;
  color: #64715b;
}
.fa-quest-card.selected {
  outline: 2px solid #42695c;
  background: #e8e4cd !important;
}
.fa-quest-detail {
  align-self: start;
  position: sticky;
  top: 8px;
}
.fa-quest-count {
  font:
    12px ui-monospace,
    monospace;
  color: #617159;
}
.fa-quest-objectives {
  padding-left: 20px;
}
.fa-quest-objectives li {
  margin-bottom: 8px;
}
#faunaraPause .fa-quest-columns {
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 1fr);
}
@media (max-width: 650px) {
  #faunaraPause .fa-quest-columns {
    grid-template-columns: 1fr;
  }
  .fa-quest-detail {
    position: static;
  }
  .fa-quest-card strong {
    font-size: 18px;
  }
}

.fa-quest-hud {
  position: fixed;
  z-index: 14;
  left: 24px;
  top: 134px;
  max-width: min(340px, calc(100vw - 48px));
  padding: 9px 12px;
  border-left: 3px solid #6e9675;
  border-radius: 6px;
  color: #f7f2dc;
  background: #233d35dd;
  font:
    12px/1.45 system-ui,
    sans-serif;
  pointer-events: none;
  text-shadow: 0 1px 2px #0004;
}
.fa-quest-hud[hidden] {
  display: none;
}
.fa-quest-hud strong {
  display: block;
  font-variant-numeric: tabular-nums;
  color: #ffdda0;
}
.fa-quest-hud strong[hidden] {
  display: none;
}
@media (max-width: 650px) {
  .fa-quest-hud {
    left: 12px;
    top: 118px;
    max-width: min(290px, calc(100vw - 24px));
    font-size: 11px;
  }
}