/* Đạo Lộ: bảng Thiên Kiếp, Mệnh Cách, Ngộ Đạo và dải báo thiên kiếp. Không đụng ô nút của HUD 2.0. */
#kiepBanner{position:fixed;left:50%;top:calc(58 * var(--u,1px));transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 22px;max-width:70vw;pointer-events:none;
  background:linear-gradient(90deg,#0000,#1a0f33d9 18%,#1a0f33d9 82%,#0000);border-top:1px solid #b79cff88;border-bottom:1px solid #b79cff88;text-align:center}
#kiepBanner[hidden]{display:none}
#kiepBanner b{font:700 15px/1.3 'Palatino Linotype','Times New Roman',serif;letter-spacing:.14em;color:#e9dcff;text-shadow:0 0 12px #8f6bff}
#kiepBanner span{font:13px/1.35 'Segoe UI',Arial,sans-serif;color:#d8cdf2}
#kiepBanner.cua-toi b{color:#fff3c4;text-shadow:0 0 14px #ffb347}
#menhChip{position:fixed;left:calc(8 * var(--u,1px));top:calc(236 * var(--u,1px));z-index:3;padding:6px 16px;border:1px solid #ffb347;border-radius:999px;background:#2a1a08e6;color:#ffe08a;font:600 13px/1 'Segoe UI',Arial,sans-serif;cursor:pointer;animation:dlNhay 1.6s ease-in-out infinite}
#menhChip[hidden]{display:none}
@keyframes dlNhay{50%{box-shadow:0 0 16px #ffb347aa}}
.dl .eyebrow{margin:14px 0 6px}
.dl-kiep{padding:14px 16px;border:1px solid #8f7bff55;border-radius:6px;background:linear-gradient(180deg,#1b1436cc,#0f201a99)}
.dl-kiep h3{margin:0 0 4px;font:700 20px/1.2 'Palatino Linotype','Times New Roman',serif;color:#e9dcff}
.dl-chip{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}
.dl-chip span{padding:4px 12px;border-radius:999px;font-size:12px;border:1px solid}
.dl-chip .loi{color:#cfe3ff;border-color:#7dc4ff88;background:#10284599}.dl-chip .hoa{color:#ffd0a8;border-color:#ff9a4a88;background:#3a180899}.dl-chip .ma{color:#e6c8ff;border-color:#c79bff88;background:#28123f99}
.dl-dong{display:flex;justify-content:space-between;gap:14px;padding:6px 0;border-bottom:1px solid #ffffff14;font-size:13px;color:#d9cfb4}
.dl-dong b{color:#fff0c2;text-align:right}.dl-dong.tot b{color:#9be59b}.dl-dong.xau b{color:#ffb38a}
.dl-dan{margin-top:14px;width:100%;padding:11px;font-size:15px;letter-spacing:.12em}
.dl-luat{margin:0;padding-left:18px;color:#cfc5a8;font-size:12.5px;line-height:1.65}
.dl-ba{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dl-ba.co{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.dl-menh{display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid var(--mau);border-radius:6px;background:#0f201acc;box-shadow:inset 0 0 22px color-mix(in srgb,var(--mau) 16%,transparent)}
.dl-menh small{color:var(--mau);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.dl-menh b{font:700 16px/1.25 'Palatino Linotype','Times New Roman',serif;color:#fff3d6}
.dl-menh p{margin:0;color:#d9cfb4;font-size:12.5px;line-height:1.5;flex:1}
.dl-menh button{margin-top:6px}
.dl-cho{padding:12px 14px;margin-bottom:6px;border:1px solid #ffb34766;border-radius:6px;background:#2a1a0855}
.dl-cho .eyebrow{margin-top:0}.dl-cho>.quiet{margin-top:10px}
.dl-van{display:flex;align-items:baseline;gap:8px;margin:0 0 10px}
.dl-van b{font:700 26px/1 'Palatino Linotype','Times New Roman',serif;color:#ffe08a}.dl-van span{color:#e6d3a8}.dl-van small{margin-left:auto;color:#bba77d;font-size:12px}
.dl .dl-chieu{grid-template-columns:1fr 150px 150px}
.dl-chieu .xh-item>img{width:36px;height:36px;object-fit:contain}
.dl-tang{display:flex;gap:4px}.dl-tang i{width:11px;height:11px;border-radius:50%;border:1px solid #bba77d88;background:#0000}
.dl-tang i.co{background:#ffe08a;border-color:#ffe08a;box-shadow:0 0 6px #ffb347}.dl-tang i.khoa{opacity:.3}
.dl .xh-list{max-height:34vh}
.dl-nghe{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;gap:12px;margin-bottom:10px}.dl-nghe>div{display:flex;flex-direction:column;gap:4px;padding:9px 12px;border:1px solid #79916833;border-radius:5px;background:#0f201a99}
.dl-nghe b{color:#fff3d6;font-size:14px}.dl-nghe small{color:#bba77d;font-size:12px}.dl-thanh{height:6px;border-radius:3px;background:#00000066;overflow:hidden}.dl-thanh i{display:block;height:100%;background:linear-gradient(90deg,#c98a2b,#ffe08a)}
.dl-doc.tot b{color:#9be59b}.dl-doc.vua b{color:#ffe08a}.dl-doc.xau b{color:#ff8a7a}.dl-hoa button{align-self:flex-start;padding:5px 10px;font-size:12px}
.dl .dl-phuong{grid-template-columns:1.5fr 1fr 190px}.dl-phuong .xh-item>img{width:36px;height:36px;object-fit:contain}.dl-phuong .xh-item small{white-space:normal;line-height:1.4}
.dl-nl{display:flex;flex-wrap:wrap;gap:4px}.dl-nl span{padding:2px 8px;border-radius:999px;font-size:11.5px;border:1px solid}.dl-nl .du{color:#9be59b;border-color:#9be59b55}.dl-nl .thieu{color:#ffb38a;border-color:#ffb38a55}
.dl-lua{padding:14px 16px;border:1px solid #ff9a4a66;border-radius:6px;background:linear-gradient(180deg,#3a180899,#0f201a99);text-align:center}
.dl-ray{position:relative;height:34px;margin:14px 6px 8px;border-radius:17px;background:linear-gradient(90deg,#1a0d06,#5a2a10,#1a0d06);border:1px solid #a9762366;overflow:hidden}
.dl-ray .vung{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#ffb34744,#ffe08acc,#ffb34744);box-shadow:0 0 14px #ffb347}.dl-ray .giua{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff8dc}
.dl-ray .kim{position:absolute;top:-2px;bottom:-2px;width:6px;margin-left:-3px;border-radius:3px;background:#ff4a2a;box-shadow:0 0 10px #ff6a3a,0 0 22px #ff3a1a}
.dl-lua small{color:#bba77d;font-size:12px}.dl-nut{display:flex;gap:10px;justify-content:center;margin-top:12px}.dl-nut .primary{padding:10px 38px;font-size:15px;letter-spacing:.12em}
.dl-ket{display:flex;flex-direction:column;gap:3px;padding:10px 14px;margin-bottom:10px;border-radius:5px;border:1px solid #ffe08a66;background:#2a1a0877}.dl-ket b{font:700 16px/1.3 'Palatino Linotype','Times New Roman',serif;color:#fff3d6}.dl-ket span{color:#d9cfb4;font-size:12.5px}
.dl-ket.no{border-color:#ff6a5a88;background:#3a0f0a77}.dl-ket.no b{color:#ff9b8a}.dl-ket.pham0 b{color:#c9c2ae}.dl-ket.pham2 b{color:#7dc4ff}.dl-ket.pham3 b{color:#ffb347}
.dl-loai{margin-bottom:10px}.dl .dl-bang{max-height:46vh;gap:4px}
.dl-hang{display:grid;grid-template-columns:34px 1.1fr 1.2fr 1fr auto;gap:10px;align-items:center;padding:7px 12px;background:#0f201a99;border:1px solid #79916833;border-radius:4px;font-size:13px}
.dl-hang i{font:700 15px/1 'Palatino Linotype','Times New Roman',serif;font-style:normal;color:#bba77d;text-align:center}.dl-hang b{color:#fff3d6}.dl-hang span,.dl-hang small{color:#bba77d;font-size:12px}.dl-hang em{font-style:normal;color:#ffe08a;text-align:right;white-space:nowrap}
.dl-hang.top1{border-color:#ffb347;background:#2a1a0899}.dl-hang.top1 i{color:#ffb347}.dl-hang.top2 i{color:#d8d8e6}.dl-hang.top3 i{color:#d99a6c}.dl-hang.toi{box-shadow:inset 3px 0 0 #9be59b}
.dl-chu{margin-top:8px;font-size:12px}
@media(max-width:850px){.dl-nghe{grid-template-columns:1fr}.dl .dl-phuong{grid-template-columns:1fr}.dl-hang{grid-template-columns:28px 1fr auto}.dl-hang span,.dl-hang small{display:none}.dl-ba{grid-template-columns:1fr}.dl .dl-chieu{grid-template-columns:1fr}#kiepBanner{max-width:92vw}}
/* tuyệt kỹ đang mở thức kế: nút sáng lên, không đổi vị trí hay cỡ */
#skillbar button.lien{filter:drop-shadow(0 0 7px #ffd76b) drop-shadow(0 0 14px #ff9a2e);animation:dlThuc .5s ease-in-out infinite alternate}#skillbar button.lien i{color:#fff3c4;font-weight:800}
@keyframes dlThuc{to{filter:drop-shadow(0 0 11px #fff0b0) drop-shadow(0 0 22px #ffb347)}}
/* Động phủ */
.dl-nut.trai{justify-content:flex-start;flex-wrap:wrap}.dl-nut.trai button,.dl-nut.trai .primary{width:auto;flex:0 0 auto;margin:0;padding:8px 14px;font-size:13px;letter-spacing:0}
.dl-dien{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.dl-o{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:104px;padding:10px 8px;border:1px dashed #79916866;border-radius:6px;background:#0f201a99;text-align:center}
.dl-o img{width:40px;height:40px;object-fit:contain}.dl-o b{color:#fff3d6;font-size:13px}.dl-o small{color:#bba77d;font-size:11.5px}.dl-o select{max-width:100%;font-size:12px}
.dl-o.lon{border-style:solid;border-color:#9be59b55}.dl-o.chin{border-style:solid;border-color:#ffe08a;box-shadow:inset 0 0 18px #ffb34733}.dl-o.chin small{color:#ffe08a}
@media(max-width:850px){.dl-dien{grid-template-columns:repeat(2,1fr)}}