/* Cốt truyện: khung theo dõi, hội thoại nhánh, bảng Tinh Ngọc. Chữ tiếng Việt dùng Palatino Linotype (Georgia hỏng dấu) */
.cot-truyen{pointer-events:auto;cursor:pointer;margin-bottom:calc(6 * var(--u));text-shadow:0 1px 1px #000}
.cot-truyen>.eyebrow{font-size:calc(9 * var(--u));letter-spacing:0;color:#fff;display:inline-block;background:linear-gradient(#f0c66cb8,#b98a2eb3);border:1px solid #f2dc9c;padding:calc(2 * var(--u)) calc(9 * var(--u));margin-bottom:5px}
.cot-truyen h3{font-size:calc(9.5 * var(--u));color:#ffd451;margin:4px 0}
.cot-truyen p{font-size:calc(9 * var(--u));color:#eef2f5;line-height:1.35;margin:0}
.cot-truyen p.phu{color:#a5f3fc;margin-top:3px}
.cot-truyen:hover h3{color:#fff0b0}
.menu #tinhNgocButton img{object-fit:contain}
#tinhNgocButton.co-tin{box-shadow:0 0 calc(8 * var(--u)) #c4b5fd;animation:tin-sang 1.6s ease-in-out infinite}
@keyframes tin-sang{50%{box-shadow:0 0 calc(14 * var(--u)) #a78bfa}}
.ch-story{color:#c9b98e;font-size:.92em}

.npc-talk.nv{grid-template-columns:150px minmax(0,1fr)}
.nv-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:#c7af78;margin-bottom:10px;padding-bottom:7px;border-bottom:1px solid #d6b46e33}
.nv-meta .nv-cg{color:#ffd451}
.nv-loi{font:15px/1.7 "Palatino Linotype","Times New Roman",serif;color:#efe3c4;max-height:38vh;overflow:auto}
.nv-loi b{color:#ffd451}
.nv-lc{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.nv-chon{text-align:left;padding:7px 12px;background:#1c1710cc;border:1px solid #d6b46e55;border-radius:4px;color:#efe3c4;font:14px "Palatino Linotype","Times New Roman",serif;cursor:pointer}
.nv-chon:hover:not(:disabled){background:#3a2e18;border-color:#ffd451}
.nv-chon:disabled{opacity:.45;cursor:default}
.nv-chon.cot{color:#ffd451;border-color:#ffd45199}
.nv-chon.phu{color:#a5f3fc;border-color:#a5f3fc77}
.nv-dv{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid #d6b46e33}
.nv-dv button{font-size:12px;padding:5px 10px}

.nq{padding:16px 22px;font:14px/1.6 "Palatino Linotype","Times New Roman",serif;color:#efe3c4;max-height:72vh;overflow:auto}
.nq-dau{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
.nq-chi{display:flex;flex-direction:column;gap:3px;min-width:0}
.nq-chi span{font-size:12px;color:#c7af78}
.nq-chi i,.nq-nv-hc i{display:block;height:4px;background:#0006;border-radius:2px;overflow:hidden}
.nq-chi em,.nq-nv-hc em{display:block;height:100%}
.nq-tabs{display:flex;gap:6px;margin-bottom:12px}
.nq-tabs button{padding:6px 16px;background:#1c1710cc;border:1px solid #d6b46e55;color:#efe3c4;border-radius:4px;cursor:pointer;font:inherit}
.nq-tabs button.active{background:#5a4420;color:#ffd451;border-color:#ffd451}
.nq-lao{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start;margin-bottom:8px}
.nq-lao img{width:64px;height:64px;object-fit:contain}
.nq-lao b{color:#c4b5fd}
.nq-lao button{margin-top:8px;padding:5px 14px;cursor:pointer}
.nq-muc{color:#ffd451;margin:12px 0 5px;padding-bottom:3px;border-bottom:1px solid #d6b46e33}
.nq-tin{padding:3px 0;color:#d9cfb4}
.nq-kyuc{padding:6px 0;color:#8f8672}
.nq-kyuc b{display:block;color:#a8a29e}
.nq-kyuc.mo{color:#d9cfb4}.nq-kyuc.mo b{color:#c4b5fd}
.nq-nv{padding:6px 0;border-bottom:1px solid #d6b46e1a}
.nq-nv-ten{display:flex;justify-content:space-between;gap:10px}
.nq-nv-ten span{color:#a8a29e;font-size:12px}
.nq-nv-hc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;font-size:12px}
.nq-nv-ct{font-size:12px;color:#a8a29e}
.nq-hoi{padding:5px 0}
.nq-hoi b{display:block}
.nq-hoi span{color:#d9cfb4}
.nq-hoi.xong b{color:#4ade80}
.nq-hoi.dang b{color:#ffd451}
.nq-hoi.khoa b{color:#6f6a5c}
@media(max-width:850px){.npc-talk.nv{grid-template-columns:1fr}.nq-dau{grid-template-columns:1fr}}