/* PK Lôi Đài - phong cách "Thiên Đạo Đài" (v2, 20261017). Chỉ áp khi không ở chế độ sửa bố cục admin. Hoàn tác: gỡ link pk-skin-v2.css khỏi index.html */
.a1484-battle:not(.is-editing){--pk-gold:#f4d27a;--pk-gold2:#b8862e;--pk-jade:#3fe0b0;--pk-jade2:#0f7d63;--pk-blood:#ff5a4e;--pk-blood2:#8f1420;font-family:"Noto Serif",Georgia,serif}
.a1484-battle:not(.is-editing) .a1484-stage-bg{filter:saturate(.9) brightness(.92)}
.a1484-battle:not(.is-editing) .a1484-stage-bg:before{content:"";position:absolute;left:50%;top:452px;width:330px;height:330px;margin:-165px 0 0 -165px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,transparent 0 38%,rgba(244,210,122,.55) 38.4% 39%,transparent 39.4% 56%,rgba(244,210,122,.35) 56.3% 56.8%,transparent 57.2% 68%,rgba(244,210,122,.5) 68.3% 69%,transparent 69.4%),repeating-conic-gradient(from 0deg,rgba(244,210,122,.6) 0 1.4deg,transparent 1.2deg 15deg);-webkit-mask:radial-gradient(circle,#000 0 69.5%,transparent 70%);mask:radial-gradient(circle,#000 0 69.5%,transparent 70%);transform:scaleY(.28);opacity:1;mix-blend-mode:screen;animation:pkv2-formation 18s linear infinite}
@keyframes pkv2-formation{from{transform:scaleY(.28) rotate(0)}to{transform:scaleY(.28) rotate(360deg)}}
.a1484-battle:not(.is-editing) .a1484-stage-bg:after{background:linear-gradient(180deg,rgba(4,6,10,.92) 0,rgba(4,6,10,.78) 92px,rgba(4,6,10,0) 132px),linear-gradient(0deg,rgba(4,6,10,.95) 0,rgba(4,6,10,.7) 128px,rgba(4,6,10,0) 170px),radial-gradient(ellipse at 50% 55%,transparent 45%,rgba(0,0,0,.55) 100%)!important}
.a1484-battle:not(.is-editing):after{content:"";position:absolute;left:0;right:0;top:100px;height:1px;z-index:9;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(244,210,122,.7) 20%,rgba(244,210,122,.15) 50%,rgba(244,210,122,.7) 80%,transparent)}
.a1484-battle:not(.is-editing) [data-pk-key=avatar-me],.a1484-battle:not(.is-editing) [data-pk-key=avatar-op]{top:22px!important;width:56px!important;height:56px!important;border-radius:0!important;padding:3px;overflow:visible!important;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.a1484-battle:not(.is-editing) [data-pk-key=avatar-me]{left:12px!important;background:linear-gradient(135deg,#bff7e4,var(--pk-jade) 40%,var(--pk-jade2))}
.a1484-battle:not(.is-editing) [data-pk-key=avatar-op]{left:322px!important;background:linear-gradient(135deg,#ffd0c8,var(--pk-blood) 40%,var(--pk-blood2))}
.a1484-battle:not(.is-editing) .a1484-avatar img{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#0a0f16}
.a1484-battle:not(.is-editing) .a1484-name{font-family:"Noto Serif",Georgia,serif!important;font-weight:800!important;letter-spacing:.3px;background:linear-gradient(180deg,#fff6d8,var(--pk-gold) 55%,#c99a3c);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none!important;filter:drop-shadow(0 1px 2px #000);overflow:hidden;text-overflow:ellipsis}
.a1484-battle:not(.is-editing) [data-pk-key=name-me]{left:74px!important;top:16px!important;width:112px!important;height:20px!important;font-size:14px!important}
.a1484-battle:not(.is-editing) [data-pk-key=name-op]{left:204px!important;top:16px!important;width:112px!important;height:20px!important;font-size:14px!important}
.a1484-battle:not(.is-editing) .a1484-realm{font-family:system-ui,sans-serif!important;width:auto!important;max-width:112px;height:15px!important;padding:0 7px;border-radius:999px;font-size:8.5px!important;font-weight:700!important;text-shadow:none!important;overflow:hidden;text-overflow:ellipsis}
.a1484-battle:not(.is-editing) [data-pk-key=realm-me]{left:74px!important;top:37px!important;color:#bff7e4!important;background:rgba(15,125,99,.35);border:1px solid rgba(63,224,176,.45)}
.a1484-battle:not(.is-editing) [data-pk-key=realm-op]{left:auto!important;right:74px!important;top:37px!important;color:#ffd6cf!important;background:rgba(143,20,32,.4);border:1px solid rgba(255,90,78,.45)}
.a1484-battle:not(.is-editing) .a1484-hp{height:14px!important;top:57px!important;width:114px!important;border-radius:0!important;border:0!important;background:rgba(0,0,0,.6)!important;box-shadow:inset 0 0 0 1px rgba(244,210,122,.55)}
.a1484-battle:not(.is-editing) [data-pk-key=hp-me]{left:74px!important;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.a1484-battle:not(.is-editing) [data-pk-key=hp-op]{left:202px!important;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);transform:scaleX(-1)!important}
.a1484-battle:not(.is-editing) .a1484-hp i{position:relative;transition:width .35s cubic-bezier(.2,.8,.2,1)}
.a1484-battle:not(.is-editing) .a1484-hp.me i{background:linear-gradient(180deg,#9dffd9,var(--pk-jade) 45%,var(--pk-jade2))!important;box-shadow:0 0 10px rgba(63,224,176,.7)}
.a1484-battle:not(.is-editing) .a1484-hp.op i{background:linear-gradient(180deg,#ffb3a8,var(--pk-blood) 45%,var(--pk-blood2))!important;box-shadow:0 0 10px rgba(255,90,78,.7)}
.a1484-battle:not(.is-editing) .a1484-hp:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 10.5px,rgba(0,0,0,.45) 10.5px 11.5px),linear-gradient(180deg,rgba(255,255,255,.28),transparent 55%)}
.a1484-battle:not(.is-editing) .a1484-hptext{top:57px!important;height:14px!important;width:106px!important;justify-content:center!important;text-align:center!important;font:700 8.5px/14px system-ui,sans-serif!important;color:#fff!important;text-shadow:0 0 3px #000,0 1px 2px #000!important;z-index:13!important}
.a1484-battle:not(.is-editing) [data-pk-key=hptext-me]{left:74px!important}
.a1484-battle:not(.is-editing) [data-pk-key=hptext-op]{left:210px!important}
.a1484-battle:not(.is-editing) .a1484-mp{top:75px!important;height:4px!important;width:100px!important;border:0!important;background:rgba(255,255,255,.12)!important}
.a1484-battle:not(.is-editing) [data-pk-key=mp-me]{left:74px!important}
.a1484-battle:not(.is-editing) [data-pk-key=mp-op]{left:216px!important}
.a1484-battle:not(.is-editing) .a1484-mp i{background:linear-gradient(90deg,#5fb8ff,#b3e6ff)!important}
.a1484-battle:not(.is-editing) [data-pk-key=vs]{left:165px!important;top:16px!important;width:60px!important;height:60px!important;background:radial-gradient(circle,#2a1c08 0 52%,#120c04 53% 100%)!important;border-radius:50%;box-shadow:0 0 0 1.5px var(--pk-gold),0 0 18px rgba(244,190,80,.55),inset 0 0 12px rgba(0,0,0,.8);color:transparent!important;font-size:0!important;overflow:visible}
.a1484-battle:not(.is-editing) [data-pk-key=vs]:before{content:"";position:absolute;inset:-6px;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(244,210,122,.85) 0 4deg,transparent 4deg 18deg);-webkit-mask:radial-gradient(circle,transparent 0 62%,#000 63% 70%,transparent 71%);mask:radial-gradient(circle,transparent 0 62%,#000 63% 70%,transparent 71%);animation:pkv2-spin 9s linear infinite}
.a1484-battle:not(.is-editing) [data-pk-key=vs]:after{content:"VS";position:absolute;inset:0;display:grid;place-items:center;font:800 22px/1 "Noto Serif",Georgia,serif;letter-spacing:-1px;background:linear-gradient(180deg,#fff7dc,var(--pk-gold) 50%,#a8761f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 6px rgba(255,190,70,.8))}
@keyframes pkv2-spin{to{transform:rotate(360deg)}}
.a1484-battle:not(.is-editing) .a1484-fighter:before{content:"";position:absolute;left:50%;bottom:-8px;width:150px;height:36px;margin-left:-75px;border-radius:50%;z-index:-1;pointer-events:none;mix-blend-mode:screen;animation:pkv2-aura 2.4s ease-in-out infinite}
.a1484-battle:not(.is-editing) [data-pk-key=fighter-me]:before{background:radial-gradient(ellipse,rgba(63,224,176,.75),rgba(15,125,99,.25) 55%,transparent 72%)}
.a1484-battle:not(.is-editing) [data-pk-key=fighter-op]:before{background:radial-gradient(ellipse,rgba(255,90,78,.75),rgba(143,20,32,.25) 55%,transparent 72%);animation-delay:-1.2s}
@keyframes pkv2-aura{0%,100%{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}
.a1484-battle:not(.is-editing) [data-pk-key=fighter-me] img{filter:drop-shadow(0 10px 8px rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(63,224,176,.35))!important}
.a1484-battle:not(.is-editing) [data-pk-key=fighter-op] img{filter:drop-shadow(0 10px 8px rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(255,90,78,.35))!important}
.a1484-battle:not(.is-editing) .a1484-fighter.hit img{animation:pkv2-hit .26s ease}
@keyframes pkv2-hit{30%{filter:brightness(2.2) drop-shadow(0 0 14px #fff)}}
.a1484-battle:not(.is-editing) [data-pk-key=skill-frame]{left:10px!important;top:500px!important;width:370px!important;height:64px!important;background:linear-gradient(180deg,rgba(20,16,10,.78),rgba(6,8,12,.9))!important;border-radius:14px;box-shadow:inset 0 1px 0 rgba(244,210,122,.55),inset 0 0 0 1px rgba(244,210,122,.22),0 6px 18px rgba(0,0,0,.55)}
.a1484-battle:not(.is-editing) .a1484-skill{top:509px!important;width:46px!important;height:46px!important;border-radius:0!important;padding:3px;isolation:isolate;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:linear-gradient(160deg,#fff0b8,var(--pk-gold2) 50%,#5a3d10)!important;transition:filter .2s}
.a1484-battle:not(.is-editing) .a1484-skill img{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:radial-gradient(circle,#2a2416,#0b0d12);object-fit:cover!important}
.a1484-battle:not(.is-editing) [data-pk-key=skill-item]{left:23px!important}
.a1484-battle:not(.is-editing) [data-pk-key=skill-attack]{left:83px!important}
.a1484-battle:not(.is-editing) [data-pk-key=skill-defend]{left:142px!important}
.a1484-battle:not(.is-editing) [data-pk-key=skill-heal]{left:202px!important}
.a1484-battle:not(.is-editing) [data-pk-key=skill-crit]{left:261px!important}
.a1484-battle:not(.is-editing) [data-pk-key=skill-utility]{left:321px!important;color:var(--pk-gold)!important;font-size:20px!important}
.a1484-battle:not(.is-editing) [data-pk-key=skill-utility]:before{content:"";position:absolute;inset:3px;z-index:-1;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:radial-gradient(circle,#2a2416,#0b0d12)}
.a1484-battle:not(.is-editing) .a1484-skill.is-active{filter:brightness(1.4) drop-shadow(0 0 10px #ffd356)!important;background:linear-gradient(160deg,#fff,#ffd356 45%,#c07a10)!important}
.a1484-battle:not(.is-editing) [data-pk-key=log]{left:10px!important;top:572px!important;width:370px!important;height:40px!important;background:rgba(6,8,12,.86)!important;border-radius:10px;box-shadow:inset 3px 0 0 var(--pk-gold),inset 0 0 0 1px rgba(244,210,122,.2)}
.a1484-battle:not(.is-editing) [data-pk-key=log-title]{left:20px!important;top:585px!important;width:66px!important;height:14px!important;font:800 10px/14px "Noto Serif",Georgia,serif!important;color:var(--pk-gold)!important;letter-spacing:.5px}
.a1484-battle:not(.is-editing) [data-pk-key=log-text]{left:90px!important;top:577px!important;width:282px!important;height:30px!important;font:500 10px/15px system-ui,sans-serif!important;color:#e9edf3!important;align-items:center!important;padding-left:8px;border-left:1px solid rgba(244,210,122,.25)}
.a1484-battle:not(.is-editing) .a36-dmg{white-space:nowrap!important;font:800 22px/1 "Noto Serif",Georgia,serif!important;background:linear-gradient(180deg,#fff8de,#ffd56a 55%,#d48a12);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none!important;filter:drop-shadow(0 2px 2px #000) drop-shadow(0 0 6px rgba(255,190,60,.6));animation:pkv2-dmg .8s cubic-bezier(.2,.8,.2,1) forwards!important}
.a1484-battle:not(.is-editing) .a36-dmg.crit{font-size:28px!important;background:linear-gradient(180deg,#fff1e8,#ff7a5c 50%,#c0121e);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 2px #000) drop-shadow(0 0 10px rgba(255,80,60,.85))}
@keyframes pkv2-dmg{0%{transform:translate(-50%,8px) scale(.5);opacity:0}18%{transform:translate(-50%,-6px) scale(1.25);opacity:1}40%{transform:translate(-50%,-14px) scale(1)}100%{transform:translate(-50%,-52px) scale(.95);opacity:0}}
.a1484-battle:not(.is-editing) .a1484-result{left:35px!important;top:190px!important;width:320px!important;padding:26px 20px 20px!important;border:0!important;border-radius:18px!important;background:radial-gradient(ellipse at 50% 0,rgba(244,210,122,.22),transparent 60%),linear-gradient(180deg,#141018,#07090d)!important;box-shadow:0 0 0 1px rgba(244,210,122,.6),0 0 0 5px rgba(6,8,12,.9),0 0 0 6px rgba(244,210,122,.25),0 24px 60px #000!important;animation:pkv2-pop .45s cubic-bezier(.2,1.4,.4,1)}
.a1484-battle:not(.is-editing) .a1484-result b{font:800 30px/1.1 "Noto Serif",Georgia,serif!important;letter-spacing:1px;background:linear-gradient(180deg,#fff7dc,var(--pk-gold) 55%,#a8761f);-webkit-background-clip:text;background-clip:text;color:transparent!important;filter:drop-shadow(0 0 10px rgba(255,190,70,.55))}
.a1484-battle:not(.is-editing) .a1484-result small{color:#cfd6df!important;font-size:12px!important}
.a1484-battle:not(.is-editing) .a1484-result button{border:0!important;border-radius:999px!important;padding:10px 26px!important;font:800 13px "Noto Serif",Georgia,serif!important;color:#2a1a02!important;cursor:pointer;background:linear-gradient(180deg,#fff0b8,#f4c45a 50%,#c88a1e)!important;box-shadow:0 0 0 1px #7a5310,0 6px 16px rgba(244,180,60,.35)!important}
@keyframes pkv2-pop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.a1484-battle:not(.is-editing) *,.a1484-battle:not(.is-editing) .a1484-stage-bg:before{animation:none!important}}
