@import url('/assets/css/catalog-r11-map.css');

/* KyUcMaple Catalog R11.4 — NPC detail additions only. */
.kym-npc-quote{
  margin-bottom:18px;
}
.kym-npc-quote p{
  margin:5px 0 0;
  line-height:1.65;
}
.kym-npc-shop-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.kym-npc-shop-card{
  margin:0 !important;
  min-width:0;
}
.kym-npc-shop-card .kr8-source-info{
  min-width:0;
}
.kym-npc-shop-card .kr8-entity-name{
  display:inline-block;
  max-width:100%;
  overflow-wrap:anywhere;
}
.kym-npc-shop-card .kr8-price{
  flex:0 0 auto;
}
.kym-npc-more{
  margin-top:12px;
}
.kym-npc-more[open] > .kym-npc-shop-grid{
  margin-top:12px;
}
@media (max-width:820px){
  .kym-npc-shop-grid{grid-template-columns:1fr}
}

.kym-npc-quest-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.kym-npc-quest-card{
  margin:0 !important;
  min-width:0;
}
.kym-npc-quest-card .kr8-source-info{
  min-width:0;
}
.kym-npc-quest-card .kr8-entity-name{
  display:inline-block;
  max-width:100%;
  overflow-wrap:anywhere;
}
@media (max-width:820px){
  .kym-npc-quest-grid{grid-template-columns:1fr}
}


/* R11.6 — Quest detail: NPC nhận/trả và vị trí */
.kym-quest-npc-person{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:4px;
}
.kym-quest-npc-person .kr8-source-info{
  min-width:0;
}
.kym-quest-location-label{
  margin:16px 0 9px;
  font-weight:700;
  color:var(--catalog-ink,#244b35);
}
.kym-quest-location-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.kym-quest-no-location{
  margin-top:14px;
}
@media (max-width:820px){
  .kym-quest-location-grid{grid-template-columns:1fr}
}

/* R11.7 — Quest guide, requirements and rewards */
.kym-quest-generic-icon{
  object-fit:contain;
}
.kym-quest-guide-list{
  list-style:none;
  margin:0;
  padding:0;
}
.kym-quest-guide-list li{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:13px 0;
  border-top:1px solid rgba(40,95,63,.12);
}
.kym-quest-guide-list li:first-child{border-top:0;padding-top:4px}
.kym-step-no{
  width:32px;
  height:32px;
  flex:0 0 32px;
  border:1px solid rgba(45,126,83,.32);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  color:#267b50;
  background:#f5fbf7;
}
.kym-quest-guide-list strong{
  display:block;
  color:var(--catalog-ink,#244b35);
  line-height:1.45;
}
.kym-quest-guide-list p{
  margin:4px 0 0;
  line-height:1.6;
  color:#6d8275;
}
.kym-quest-guide-list a,
.kym-quest-story a{
  color:#267b50;
  font-weight:700;
  text-decoration:none;
}
.kym-quest-story > p{
  margin:0;
  line-height:1.75;
}
.kym-quest-complete{
  margin-top:16px;
  padding:14px 16px;
  border-left:3px solid #3cb878;
  border-radius:10px;
  background:#f6fbf8;
}
.kym-quest-complete p{margin:5px 0 0;line-height:1.7}
.kym-quest-target-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.kym-quest-target-card,
.kym-quest-reward-card{
  margin:0 !important;
  min-width:0;
}
.kym-quest-target-count{
  margin-left:auto;
  flex:0 0 auto;
  font-weight:800;
  color:#267b50;
  background:#edf7f0;
  padding:5px 9px;
  border-radius:999px;
}
.kym-quest-reward-summary{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.kym-quest-reward-summary span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 11px;
  border-radius:9px;
  background:#f0f7f2;
  color:#285e40;
}
.kym-quest-reward-items{margin-top:14px}
@media (max-width:820px){
  .kym-quest-target-grid{grid-template-columns:1fr}
}