/* V3.9 — sát thương theo chiêu · đồng hồ mobile · lượt Liệp Yêu · Thông Thiên · Định Thiên Đạo Đài · Giáp Ảo */
/* sát thương theo chiêu (mục mở rộng trong tổng kết) */
.dm39{margin:8px 0;border:1px solid rgba(184,108,255,.35);border-radius:12px;background:rgba(14,7,30,.55);text-align:left}
.dm39>summary{cursor:pointer;list-style:none;padding:8px 10px;font-size:13px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.dm39>summary::-webkit-details-marker{display:none}.dm39>summary .ic{width:16px;height:16px}
.dm39>summary em{margin-left:auto;font-style:normal;color:#cdb8ff;transition:transform .2s}.dm39[open]>summary em{transform:rotate(180deg)}
.dm39-l{display:flex;flex-direction:column;gap:6px;padding:0 10px 10px;max-height:240px;overflow:auto}
.dm39-r{display:flex;gap:8px;align-items:center}
.dm39-i{flex:0 0 30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(0,0,0,.3)}
.dm39-i img,.dm39-i .ic,.dm39-i svg{width:26px;height:26px;object-fit:contain}
.dm39-m{flex:1;min-width:0}.dm39-t{display:flex;gap:6px;align-items:baseline;font-size:12.5px}.dm39-t b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm39-t small{font-size:10px}.dm39-t .t-num{margin-left:auto;font-weight:800;color:#ffe7a0}
.dm39-b{height:6px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden;margin:2px 0}
.dm39-b i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 60%,#fff 0%),var(--c));box-shadow:0 0 8px var(--c)}
.dm39-m .cap{font-size:10.5px}
/* đồng hồ mobile: dưới HUD, không che thanh máu */
#clk38.m39{padding:2px 10px;font-size:12px;z-index:21}
/* lượt Liệp Yêu */
.hl39{font-size:12px;padding:4px 8px;border-radius:8px;background:rgba(159,240,208,.1);border:1px solid rgba(159,240,208,.35);color:#c9ffe9}
.hl39 .ic{width:14px;height:14px;vertical-align:-2px}
.hl39.off{background:rgba(216,58,88,.12);border-color:rgba(255,157,176,.45);color:#ffc4cf}.hl39.off span{color:#ffb3c1}
.hl39.big{margin:8px 0;font-size:13px;text-align:center}
/* Thông Thiên */
.tt-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0 10px;padding:8px 10px;border-radius:14px;background:linear-gradient(135deg,rgba(255,213,79,.14),rgba(58,23,104,.5));border:1px solid rgba(255,213,79,.35)}
.tt-nav>div{text-align:center;display:flex;flex-direction:column}.tt-nav b{font-size:16px;letter-spacing:.06em;color:#ffe7a0}.tt-nav small{font-size:11px;color:#cdb8ff}
.tt39 .lb-row.r1,.dtd-lb .lb-row.r1{background:linear-gradient(90deg,rgba(255,213,79,.22),transparent)}
.tt39 .lb-row.r2,.dtd-lb .lb-row.r2{background:linear-gradient(90deg,rgba(220,220,240,.16),transparent)}
.tt39 .lb-row.r3,.dtd-lb .lb-row.r3{background:linear-gradient(90deg,rgba(205,127,50,.18),transparent)}
/* Định Thiên Đạo Đài — dock button nhấp nháy khi mở */
.dock-btn.dtd-live{border-color:rgba(255,213,79,.9);background:linear-gradient(180deg,rgba(255,170,40,.45),rgba(90,20,60,.85));animation:dtdBlink 1.1s ease-in-out infinite}
.dock-btn.dtd-live .ic{filter:drop-shadow(0 0 8px #ffd54f)}
.dock-btn.dtd-live.dot-on::after{background:linear-gradient(#ffe7a0,#d9a441);color:#2a1600;font-size:9px}
@keyframes dtdBlink{0%,100%{box-shadow:0 0 0 0 rgba(255,213,79,.0),0 0 10px rgba(255,170,40,.5)}50%{box-shadow:0 0 0 4px rgba(255,213,79,.35),0 0 22px rgba(255,170,40,.95);transform:scale(1.05)}}
.dtd-card{display:flex;gap:14px;align-items:flex-start;padding:12px;border-radius:16px;border:1px solid rgba(184,108,255,.35);background:radial-gradient(circle at 15% 30%,rgba(255,213,79,.12),transparent 50%),rgba(20,9,40,.75)}
.dtd-card.live{border-color:rgba(255,213,79,.7);box-shadow:0 0 22px rgba(255,170,40,.25)}
.dtd-emb{flex:0 0 auto;width:86px;height:86px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(255,213,79,.35),rgba(58,23,104,.4) 70%);box-shadow:inset 0 0 18px rgba(255,213,79,.4)}
.dtd-card.live .dtd-emb{animation:hsPulse 1.6s ease-in-out infinite}
.dtd-emb .ic{width:60px;height:60px}.dtd-inf{flex:1;min-width:0}.dtd-inf p{margin:6px 0}
.tag.live{background:linear-gradient(#ffe7a0,#d9a441);color:#2a1600;animation:dtdBlink 1.1s infinite}
.chip.fans{border-color:rgba(255,213,79,.5);color:#ffe7a0}
.dtd-rw span{display:flex;flex-wrap:wrap;gap:4px}
.dtdres{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
.dtdres>div{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:12px;background:rgba(58,23,104,.35);border:1px solid rgba(255,213,79,.3)}
.dtdres b{font-size:20px;color:#ffe7a0}
@media (max-width:640px){.dtd-card{flex-direction:column;align-items:center;text-align:center}.dtd-emb{width:70px;height:70px}}
/* tiến độ leo hạng khi đang đấu */
#dtd39{position:fixed;top:calc(env(safe-area-inset-top,0px) + 88px);left:50%;transform:translateX(-50%);z-index:21;width:min(300px,78vw);padding:5px 10px 6px;border-radius:12px;background:rgba(14,8,30,.78);border:1px solid rgba(255,213,79,.45);color:#fff;pointer-events:none;backdrop-filter:blur(4px);font-size:11px;text-align:center}
#dtd39 .d39-h{display:flex;justify-content:center;gap:8px;align-items:center}#dtd39 .d39-h b{font-size:14px;color:#ffe7a0;letter-spacing:.05em}
#dtd39 .d39-h span{font-size:10px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.1)}#dtd39 .d39-in{background:linear-gradient(#ffe7a0,#d9a441)!important;color:#2a1600;font-weight:800}
#dtd39 .d39-b{height:5px;margin:4px 0 3px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}#dtd39 .d39-b i{display:block;height:100%;background:linear-gradient(90deg,#b86cff,#ffd54f);transition:width .4s}
#dtd39 small{display:block;line-height:1.3}
#dtd39.up{animation:d39Up .9s ease-out}@keyframes d39Up{0%{box-shadow:0 0 0 0 rgba(255,213,79,.9);transform:translateX(-50%) scale(1.12)}100%{box-shadow:0 0 0 14px rgba(255,213,79,0);transform:translateX(-50%) scale(1)}}
/* Boss Thế Giới: Giáp Ảo */
.wb-arm{position:relative;height:14px;margin:4px 0;border-radius:8px;background:rgba(116,231,255,.08);border:1px solid rgba(116,231,255,.55);overflow:hidden}
.wb-arm i{position:absolute;left:0;top:0;bottom:0;background:repeating-linear-gradient(135deg,rgba(116,231,255,.85) 0 8px,rgba(80,180,255,.65) 8px 16px);box-shadow:0 0 10px #74e7ff;transition:width .4s}
.wb-arm span{position:relative;display:block;text-align:center;font-size:10.5px;line-height:14px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}
.wb-arm.hidden{display:none}
#waBoss.shielded::after{content:'';position:absolute;inset:-8%;border-radius:50%;pointer-events:none;border:2px solid rgba(116,231,255,.75);background:radial-gradient(circle,transparent 52%,rgba(116,231,255,.18) 64%,rgba(116,231,255,.38) 70%,transparent 72%),repeating-conic-gradient(from 0deg,rgba(116,231,255,.18) 0 10deg,transparent 10deg 20deg);box-shadow:0 0 30px rgba(116,231,255,.6),inset 0 0 40px rgba(116,231,255,.35);animation:wbShield 3s linear infinite}
#waBoss{position:relative}
#waBoss.sh-up::before{content:'';position:absolute;inset:-30%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(160,240,255,.9),rgba(116,231,255,.3) 40%,transparent 70%);animation:wbShUp 1.2s ease-out forwards}
#waBoss.sh-hit::after{animation:wbShield 3s linear infinite,wbShHit .25s ease-out}
@keyframes wbShield{to{transform:rotate(360deg)}}
@keyframes wbShUp{0%{transform:scale(.3);opacity:1}100%{transform:scale(1.4);opacity:0}}
@keyframes wbShHit{0%{filter:brightness(2.2)}100%{filter:none}}
.wb-shnote{position:fixed;left:50%;top:26%;transform:translateX(-50%);z-index:230;padding:10px 18px;border-radius:14px;text-align:center;pointer-events:none;background:linear-gradient(180deg,rgba(20,60,90,.92),rgba(10,20,40,.92));border:1px solid rgba(116,231,255,.8);box-shadow:0 0 30px rgba(116,231,255,.55);color:#dff8ff;animation:wbNote 3.6s ease forwards;width:max-content;max-width:90vw}
.wb-shnote b{display:block;font-size:15px}.wb-shnote small{color:#9fefff}
.wb-shnote.brk{border-color:rgba(255,157,176,.8);box-shadow:0 0 30px rgba(216,58,88,.55);background:linear-gradient(180deg,rgba(90,20,40,.92),rgba(30,10,20,.92));animation-duration:2.2s}
@keyframes wbNote{0%{opacity:0;transform:translate(-50%,-14px) scale(.9)}10%{opacity:1;transform:translate(-50%,0) scale(1)}85%{opacity:1}100%{opacity:0;transform:translate(-50%,-10px)}}
.dtd-warn{margin:0 0 10px;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,rgba(216,58,88,.35),rgba(90,10,30,.6));border:1.5px solid #ff5a76;color:#ffd6de;font-size:12.5px;line-height:1.45;box-shadow:0 0 16px rgba(255,60,90,.35);animation:dtdWarn 1.6s ease-in-out infinite}
.dtd-warn b{color:#fff}@keyframes dtdWarn{50%{box-shadow:0 0 26px rgba(255,60,90,.7)}}
.dtd-test{margin:0 0 10px;padding:8px 12px;border-radius:12px;background:rgba(116,231,255,.12);border:1px dashed rgba(116,231,255,.7);color:#dff8ff;font-size:12.5px}