/* V3.5 — post-update fix */
/* Tự động / Thủ công */
.autobtn,#combatBar .autobtn{width:auto!important;min-width:92px;padding:0 12px;white-space:nowrap;font-size:12px!important;min-height:44px}
.autobtn:not(.off){box-shadow:0 0 0 1px rgba(184,108,255,.6),0 0 14px rgba(184,108,255,.55);color:#fff}
.autobtn.off{opacity:.85}
@media (max-width:640px){.autobtn,#combatBar .autobtn{min-width:86px;font-size:11px!important;padding:0 10px;min-height:42px}}
/* Upgrade cards (Tu Luyện nhanh) */
#qdock{width:min(820px,calc(100vw - 12px))}
.qd-row{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important}
.qd{min-height:112px!important;padding:6px 4px 5px!important;gap:1px!important;justify-content:flex-start!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(58,23,104,.55),rgba(14,7,30,.85))!important}
.qd-i{font-size:20px!important;line-height:1.1}.qd-n{font-weight:800;font-size:11.5px;color:#fff}.qd-r{font-size:9.5px;color:#cdb8ff;line-height:1.15}
.qd-lv{font-size:10px;color:#e9ddff}.qd-lv b{color:var(--cv-lightgold,#ffe7a0)}.qd-e{font-size:10px;font-weight:700;color:#9ff0d0}
.qd-c{margin-top:auto;width:100%;padding:3px 0;border-radius:8px;font-size:10px!important;font-weight:800;color:#2a1600!important;background:linear-gradient(#ffe7a0,#d9a441)}
.qd:disabled .qd-c{background:rgba(255,255,255,.12);color:#cbbbe6!important}
.qd.ok{border-color:rgba(159,240,208,.7)!important}.qd:not(:disabled):active{transform:scale(.95)}
@media (max-width:640px){.qd-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}.qd{min-height:84px!important}.qd-i{font-size:16px!important}.qd-r{display:none}}
/* Luyện Đan */
.pill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
@media (max-width:640px){.pill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pill-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;border-radius:14px;background:rgba(58,23,104,.32);border:1px solid rgba(184,108,255,.25);text-align:center;min-width:0}
.pill-card.ok{border-color:rgba(255,213,79,.6);box-shadow:0 0 14px rgba(255,200,80,.18)}
.pc-art{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;cursor:pointer}.pc-art img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(184,108,255,.55))}
.pc-n{position:absolute;right:-6px;top:-2px;font-style:normal;font-weight:800;font-size:11px;color:var(--cv-lightgold,#ffe7a0)}
.pc-name{font-size:13px;line-height:1.2}.pc-imp{font-size:10px;color:var(--ic)}.pc-use{font-size:10.5px;color:var(--cv-muted,#b9a9d6);line-height:1.2;min-height:2.4em}
.pc-req{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.pc-req span{display:inline-flex;align-items:center;gap:2px;font-size:10.5px;padding:1px 5px;border-radius:999px;background:rgba(0,0,0,.25)}
.pc-req img{width:14px;height:14px;object-fit:contain}.pc-req .ic{width:12px;height:12px}.pc-req .ok{color:#9ff0d0}.pc-req .lo{color:#ff9db0}
.pill-card .btn{width:100%}
.pc-src{width:100%;font-size:11px;text-align:left}.pc-src summary{cursor:pointer;color:#cdb8ff;text-align:center;list-style:none;padding:2px 0}.pc-src summary::-webkit-details-marker{display:none}
.pc-src-m{margin-top:4px}.pc-src .ms-r{font-size:10.5px}
/* Linh Khí Thăng Thiên (Tĩnh Tâm) */
.aura-ring{display:none!important}
.meditate{position:relative}
.qi-rise{position:absolute;left:50%;bottom:8px;width:0;height:0;pointer-events:none;z-index:0}
.qi-rise .qi-glow{position:absolute;left:-80px;top:-30px;width:160px;height:50px;border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--qc) 45%,transparent),transparent 70%);filter:blur(6px)}
.qi-rise i{position:absolute;left:var(--x);bottom:0;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px var(--qc);animation:qiUp var(--d) linear var(--dl) infinite;transform:scale(var(--s))}
.qi-rise b{position:absolute;left:var(--x);bottom:0;width:2px;height:26px;border-radius:2px;background:linear-gradient(transparent,var(--qc));opacity:.6;animation:qiStreak var(--d) linear var(--dl) infinite}
@keyframes qiUp{0%{transform:translate(0,0) scale(.5);opacity:0}12%{opacity:1}100%{transform:translate(var(--dx),-190px) scale(1.2);opacity:0}}
@keyframes qiStreak{0%{transform:translateY(0);opacity:0}20%{opacity:.7}100%{transform:translateY(-170px);opacity:0}}
.meditate img,.meditate canvas{position:relative;z-index:1}
/* Character state FX on HTML art (kết quả, chi tiết, cinematic) */
.hs{position:relative;display:inline-block}.hs img{display:block}
.hs-fx{position:absolute;inset:0;pointer-events:none;border-radius:12px}
.hs-victorious .hs-fx{background:radial-gradient(circle at 50% 40%,rgba(255,231,160,.35),transparent 60%);animation:hsPulse 1.6s ease-in-out infinite}
.hs-victorious img{filter:drop-shadow(0 0 14px rgba(255,213,79,.8))}
.hs-defeated img{filter:grayscale(.6) brightness(.7)}.hs-defeated .hs-fx{background:radial-gradient(circle,transparent 40%,rgba(5,2,12,.7))}
.hs-injured img{filter:sepia(.3) saturate(1.4) hue-rotate(-15deg)}.hs-injured .hs-fx{background:radial-gradient(circle,rgba(216,58,88,.25),transparent 65%);animation:hsPulse 1s infinite}
.hs-breakthrough .hs-fx{background:linear-gradient(90deg,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%),radial-gradient(circle at 50% 70%,rgba(116,231,255,.4),transparent 60%);animation:hsBeam 1.2s ease-in-out infinite}
.hs-ultimate img{filter:drop-shadow(0 0 18px rgba(255,231,160,.95)) saturate(1.25)}.hs-ultimate .hs-fx{background:radial-gradient(circle,rgba(255,231,160,.4),transparent 60%);animation:hsPulse .8s infinite}
.hs-meditate .hs-fx{background:radial-gradient(circle at 50% 90%,rgba(116,231,255,.3),transparent 55%)}
.hs-sect_join img{filter:drop-shadow(0 0 16px rgba(184,108,255,.9))}
.hs-battle img{filter:drop-shadow(0 0 10px rgba(116,231,255,.7))}
@keyframes hsPulse{50%{opacity:.45}}@keyframes hsBeam{0%,100%{opacity:.5}50%{opacity:1}}
/* Trang Phục */
.skin-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:10px 12px;margin-bottom:8px;border-radius:14px;border:1px solid var(--fx);background:linear-gradient(135deg,color-mix(in srgb,var(--fx) 18%,transparent),rgba(14,7,30,.8))}
.skin-head b{font-size:16px}.skin-col{font-size:11.5px}.skin-col .ok{color:#9ff0d0}.skin-col .ic{width:12px;height:12px}
.kv-pass{font-size:11px;font-weight:700;color:var(--fx,#ffe7a0);margin:2px 0}
/* V3.5b — mobile: bảng nâng cấp gọn 1 hàng, không che nhân vật */
@media (max-width:640px){
#qdock{padding:4px 5px!important;border-radius:12px;background:rgba(14,7,30,.72)}
.qd-tip{font-size:10.5px!important;padding:0 2px 4px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important}
.qd-tip .qd-go,.qd-tip .qd-need{display:none}
.qd-row{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:4px!important}
.qd{min-height:0!important;padding:4px 2px 3px!important;border-radius:9px!important}
.qd-i{font-size:14px!important}.qd-n{font-size:9.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qd-r,.qd-e{display:none!important}.qd-lv{font-size:8.5px;white-space:nowrap}
.qd-c{padding:1px 0;font-size:8.5px!important;border-radius:6px;white-space:nowrap;overflow:hidden}
.qd-badge{font-size:7.5px;top:-6px;right:-2px;padding:0 3px}
}
@media (max-width:640px){.qd-c em{display:none}}
.qd-c em{font-style:normal}