/* V3.4 — Progressive UI · Túi · Prep/Fail mobile · Avatar/Title · Bảng Phong Thần · Enemy state */
#nav button.feat-off,.dock-btn.feat-off{display:none!important}
/* avatar: frame only, title under the player name */
.av-title{display:none!important}.av-wrap{height:76px}
.hud-ttl{font:700 10.5px/1.2 var(--cv-font-display,serif);color:var(--cv-lightgold,#ffe7a0);text-shadow:0 0 8px rgba(255,200,80,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;margin:1px 0}
@media (max-width:640px){.av-wrap{height:64px}.hud-ttl{font-size:9.5px;max-width:130px}}
/* Túi */
.bag-legend{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;font-size:11px}.bag-legend span{padding:1px 8px;border-radius:999px;border:1px solid var(--ic);color:var(--ic)}
.bag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}
.bag-it{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 8px;border-radius:12px;background:rgba(58,23,104,.32);border:1px solid rgba(184,108,255,.25);color:#fff;text-align:center;min-height:128px}
.bag-it b{font-size:12.5px;line-height:1.2}.bag-it small{font-size:10.5px;color:var(--cv-muted,#b9a9d6)}
.bi-ic{width:52px;height:52px;display:flex;align-items:center;justify-content:center}.bi-ic img{max-width:100%;max-height:100%;object-fit:contain}
.bi-n{position:absolute;top:6px;right:8px;font-style:normal;font-weight:800;font-size:12px;color:var(--cv-lightgold,#ffe7a0)}
.bi-imp{position:absolute;top:6px;left:6px;font-style:normal;font-size:9px;font-weight:800;padding:1px 5px;border-radius:6px;color:#14081f;background:var(--ic)}.bi-imp.big{position:static;display:inline-block;font-size:11px;margin:4px 0}
.bag-it.imp-essential{border-color:rgba(255,138,138,.6);box-shadow:inset 0 0 14px rgba(255,138,138,.12)}.bag-it.imp-important{border-color:rgba(255,213,79,.5)}
.bag-dart{display:flex;justify-content:center}.bag-dart img{max-height:160px}
/* Đạo Tâm quiz */
.qz-q{font-size:15px;line-height:1.55;margin:12px 0}.dao-res .align-row b{min-width:22px;text-align:right}
/* Liệp Yêu prep (mobile-first: CTA always in viewport) */
.prep34{display:flex;flex-direction:column;gap:8px}
.p-art{min-height:110px;border-radius:14px;padding:12px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#2a1450,#0e0720) center/cover;border:1px solid rgba(184,108,255,.3)}
.p-reg{font:800 20px/1.1 var(--cv-font-display,serif);color:var(--cv-lightgold,#ffe7a0);letter-spacing:1px}.p-stars{color:#FFD54F;letter-spacing:2px}.p-art small{color:#e9ddff;font-size:11px}
.p-kv{display:grid;gap:4px;font-size:13px}.p-kv .danger{color:#ff9db0}.p-kv small{color:var(--cv-muted,#b9a9d6)}
.p-rw{display:flex;flex-wrap:wrap;gap:5px}.rw{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;background:rgba(58,23,104,.45);border:1px solid rgba(184,108,255,.3);font-size:11.5px}.rw.gold{color:#2a1600;background:linear-gradient(#ffe7a0,#d9a441)}
.p-more summary{cursor:pointer;color:#cdb8ff;font-size:12.5px;padding:4px 0}
.prep34 .seg.diff button{padding:6px 4px;font-size:11.5px}
.p-cta{position:sticky;bottom:-1px;z-index:2;margin:0 -4px;padding:8px 4px calc(6px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,rgba(18,9,36,0),rgba(18,9,36,.96) 30%)}
/* Fail screen gọn */
.fail34{margin:8px 0;padding:10px;border-radius:12px;background:rgba(216,58,88,.08);border:1px solid rgba(216,58,88,.35);text-align:left}
.fail34 .f-top{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.f-why{list-style:none;padding:0;margin:4px 0 8px;display:grid;gap:4px;font-size:13px}.f-why .ic{width:15px;height:15px;vertical-align:-2px;color:#ffb0b0}
.f-det{margin-top:8px}
/* Enemy state in detail */
.e-live{margin-top:6px}.e-live small{display:block;margin:3px 0}
.dart.st-burning img{filter:drop-shadow(0 0 10px #ff8a3d)}.dart.st-frozen img{filter:drop-shadow(0 0 10px #9be8ff) saturate(.5) brightness(1.15)}.dart.st-poisoned img{filter:drop-shadow(0 0 10px #8de36b)}.dart.st-injured img{filter:sepia(.25) saturate(1.3) hue-rotate(-12deg)}.dart.st-stunned img{animation:stwob .5s ease-in-out infinite alternate}
@keyframes stwob{to{transform:rotate(3deg)}}
/* Bảng Phong Thần */
.podium{display:grid;grid-template-columns:1fr 1.18fr 1fr;align-items:end;gap:8px;margin:6px 0 12px}
.pod{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 4px 10px;border-radius:16px;background:linear-gradient(180deg,rgba(58,23,104,.55),rgba(14,7,30,.9));border:1px solid rgba(184,108,255,.35);min-width:0}
.pod.p1{border-color:#FFD54F;box-shadow:0 0 0 1px rgba(255,213,79,.4),0 0 28px rgba(255,200,80,.35);background:linear-gradient(180deg,rgba(120,80,20,.45),rgba(14,7,30,.92))}
.pod.p2{border-color:#cfd8ff}.pod.p3{border-color:#e0a070}.pod.empty{visibility:hidden}
.pod-art{height:120px;display:flex;align-items:flex-end;justify-content:center}.pod.p1 .pod-art{height:150px}.pod-art img{max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 12px rgba(184,108,255,.6))}
.pod-av{width:46px!important;height:46px!important;margin-top:-18px}.pod-av .av-frame{width:46px;height:46px;margin-left:-23px}
.pod-rank{position:relative;z-index:2;width:30px;height:30px;margin-top:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 15px var(--cv-font-num,sans-serif);color:#2a1600;background:linear-gradient(#fff3c4,#d9a441)}
.pod.p2 .pod-rank{background:linear-gradient(#fff,#a9b4d6)}.pod.p3 .pod-rank{background:linear-gradient(#ffe0c0,#c07a40)}
.pod-name{font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pod-ttl{color:var(--cv-lightgold,#ffe7a0);font-size:10.5px}.pod small{font-size:10.5px}.pod-val{margin-top:3px;font-weight:800;color:#fff;font-size:12px}
.lb34{display:grid;gap:4px}.lb-row{display:grid;grid-template-columns:30px 1fr auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:6px 10px;border-radius:10px;background:rgba(58,23,104,.28)}
.lb-row>span:first-child{grid-row:span 2;color:var(--cv-muted,#b9a9d6)}.lb-row small{grid-column:2;font-size:11px;color:var(--cv-muted,#b9a9d6)}.lb-row>span:last-child{grid-column:3;grid-row:1/span 2;font-weight:700}.lb-row.me{border:1px solid var(--cv-lightgold,#ffe7a0)}
@media (max-width:420px){.pod-art{height:90px}.pod.p1 .pod-art{height:116px}.pod-name{font-size:12px}}