/* gz_quests_hud.css
   Quest tracker under HUD (simple list)
   Version: V0.108_hudpos4
*/

#gzQuestHud.gzQuestHud{
  position: fixed;
  left: 22px;
  top: calc(130px + env(safe-area-inset-top));
  z-index: 6510;
  pointer-events: auto;
  margin-top: 8px;
  width: auto;
  max-width: 460px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

#gzQuestHud .gzQuestLines{
  display:flex;
  flex-direction:column;
  gap: 6px;
}

#gzQuestHud .gzQuestLine{
  cursor: pointer;
  display:grid;
  grid-template-columns: 1fr auto;
  column-gap: 10px;
  align-items: baseline;
  font-size: 14px;
  font-weight: 800;
  color: var(--gz-accent, #d4af37);
  text-shadow: 0 1px 2px rgba(0,0,0,.75);
}

#gzQuestHud .gzQuestLine .t{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#gzQuestHud .gzQuestLine .p{
  font-weight: 900;
  white-space: nowrap;
}

#gzQuestHud .gzQuestLine.done{
  color: #d8ffcf;
}
#gzQuestHud .gzQuestLine.done .p{
  color: #d8ffcf;
}

#gzQuestHud .gzQuestEmpty{
  font-size: 13px;
  font-weight: 700;
  opacity: .75;
  color: var(--gz-muted, #cbb98f);
  text-shadow: 0 1px 2px rgba(0,0,0,.75);
}

/* Completion toast (keep) */
#gzQuestToast{
  position: fixed;
  left: 50%;
  top: calc(86px + env(safe-area-inset-top));
  transform: translateX(-50%);
  z-index: 7000;
  padding: 10px 14px;
  border-radius: 14px;
  background: rgba(0,0,0,.68);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 14px 50px rgba(0,0,0,.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  display: none;
  max-width: min(560px, calc(100vw - 24px));
  pointer-events: auto;
}

#gzQuestToast.show{ display:block; }

#gzQuestToast .t{ font-weight: 900; font-size: 13px; }
#gzQuestToast .b{ margin-top: 2px; opacity: .9; font-size: 12px; }

@media (max-width: 900px){
  #gzQuestHud.gzQuestHud{ max-width: none; }
  #gzQuestToast{ top: calc(120px + env(safe-area-inset-top)); }
}

#gzQuestHud .gzQuestLine:hover{ text-decoration: underline; }
#gzQuestHud .gzQuestLine:focus{ outline: 2px solid rgba(212,175,55,.45); outline-offset: 2px; }