/* Lôi Đài v1436 - module viết mới hoàn toàn */
#phongThanDialog.arena-v1437 .arena-root{min-height:420px}
.arena-v1437 .a36-wrap{padding:12px;color:#f7ecd0}
.arena-v1437 .a36-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.arena-v1437 .a36-btn{border:1px solid #9d741f;background:linear-gradient(#3b2a0e,#1b1308);color:#f8dda1;border-radius:10px;padding:9px 13px;font-weight:800;cursor:pointer}
.arena-v1437 .a36-btn.primary{background:linear-gradient(#a8670b,#734006);color:#fff6d8}.arena-v1437 .a36-btn:disabled{opacity:.5;cursor:not-allowed}
.arena-v1437 .a36-card{border:1px solid rgba(211,163,60,.55);background:rgba(5,12,20,.83);border-radius:14px;padding:12px;margin-bottom:10px}
.arena-v1437 .a36-profile{display:flex;align-items:center;gap:10px}.arena-v1437 .a36-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;border:2px solid #d6a431;display:grid;place-items:center;background:#15110b;font-size:24px}.arena-v1437 .a36-avatar img{width:100%;height:100%;object-fit:cover}.arena-v1437 .a36-meta{min-width:0;flex:1}.arena-v1437 .a36-meta b{display:block;font-size:15px}.arena-v1437 .a36-meta small{display:block;color:#aab5c4;margin-top:2px}.arena-v1437 .a36-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.arena-v1437 .a36-opponent{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.arena-v1437 .a36-reward{font-weight:900;color:#ffe18d}
.arena-v1437 .a36-list-title{font-size:13px;font-weight:900;color:#ffd36b;margin:12px 0 7px}.arena-v1437 .a36-row{display:flex;gap:8px;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding:9px 0}.arena-v1437 .a36-row:first-child{border-top:0}.arena-v1437 .a36-row .a36-meta b{font-size:13px}.arena-v1437 .a36-status{font-size:12px;color:#b8c5d3}.arena-v1437 .a36-empty{text-align:center;color:#9ba8b6;padding:18px 8px}
.arena-v1437 .a36-battle{padding:0;overflow:hidden;border:1px solid #c08a20;border-radius:16px;background:#08111b;min-height:520px;position:relative}.arena-v1437 .a36-hud{display:grid;grid-template-columns:1fr 64px 1fr;gap:9px;align-items:center;padding:11px 12px;background:linear-gradient(180deg,#18191c,#21170a);border-bottom:1px solid #a16d12}.arena-v1437 .a36-fighter{min-width:0}.arena-v1437 .a36-fighter.right{text-align:right}.arena-v1437 .a36-fighter-name{font-weight:900;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena-v1437 .a36-fighter-realm{font-size:10px;color:#9fb0c2;margin:1px 0 4px}.arena-v1437 .a36-hp{height:12px;border-radius:8px;background:#2a3037;overflow:hidden;position:relative}.arena-v1437 .a36-hp-fill{height:100%;width:100%;background:linear-gradient(90deg,#39c76c,#9bea4f);transition:width .22s linear}.arena-v1437 .right .a36-hp-fill{background:linear-gradient(90deg,#ff5a4b,#e73a30)}.arena-v1437 .a36-hp-txt{font-size:10px;font-weight:900;margin-top:2px}.arena-v1437 .a36-vs{width:58px;height:58px;border-radius:50%;border:1px solid #b98927;background:#21180d;display:grid;place-items:center;font-weight:1000;font-size:21px;color:#ffe29b}
.arena-v1437 .a36-stage{min-height:300px;display:flex;align-items:flex-end;justify-content:space-between;padding:24px 26px 38px;background:linear-gradient(rgba(4,9,16,.16),rgba(4,9,16,.72)),url('/home-xianxia-banner.webp') center/cover no-repeat;position:relative}.arena-v1437 .a36-sprite{width:86px;height:86px;border:2px solid #d6a431;border-radius:50%;background:#111820;display:grid;place-items:center;font-size:42px;box-shadow:0 0 24px rgba(255,195,57,.18);position:relative}.arena-v1437 .a36-sprite.hit{animation:a36hit .22s ease}.arena-v1437 .a36-dmg{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-weight:1000;color:#ffdd72;text-shadow:0 2px 4px #000;animation:a36dmg .65s ease forwards;white-space:nowrap}.arena-v1437 .a36-dmg.crit{color:#ff6252;font-size:18px}
@keyframes a36hit{50%{transform:translateX(7px) scale(.96)}}@keyframes a36dmg{to{transform:translate(-50%,-32px);opacity:0}}
.arena-v1437 .a36-battle-log{padding:10px 14px;min-height:76px;background:#061019;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:#b9c5d0}.arena-v1437 .a36-battle-log b{color:#ffe090}.arena-v1437 .a36-result{position:absolute;inset:112px 28px auto;z-index:5;background:#07111b;border:1px solid #c48b20;border-radius:18px;padding:20px;text-align:center;box-shadow:0 10px 35px rgba(0,0,0,.55)}.arena-v1437 .a36-result h3{font-size:28px;color:#ffe2a0;margin:5px 0 12px}.arena-v1437 .a36-result p{font-weight:900}.arena-v1437 .a36-result .a36-btn{min-width:150px;margin-top:10px}
.arena-v1437 .a36-lock{text-align:center;padding:45px 16px}.arena-v1437 .a36-lock h3{color:#ffd36b}
@media(max-width:480px){.arena-v1437 .a36-hud{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);padding:9px 8px}.arena-v1437 .a36-vs{width:50px;height:50px}.arena-v1437 .a36-stage{padding:20px 18px 32px}.arena-v1437 .a36-sprite{width:72px;height:72px}.arena-v1437 .a36-result{inset:105px 18px auto}}


/* v1440 - battle full-bleed: scene phu kin popup, HUD noi tren nen */
#phongThanDialog.arena-v1437.arena-battle-active{
  overflow:hidden!important;
}
#phongThanDialog.arena-v1437.arena-battle-active .pt-shell{
  min-height:560px;
  background:#05090f!important;
}
#phongThanDialog.arena-v1437.arena-battle-active .pt-head,
#phongThanDialog.arena-v1437.arena-battle-active .pt-tabs{
  display:none!important;
}
#phongThanDialog.arena-v1437.arena-battle-active [data-pt-pane]{
  display:none!important;
}
#phongThanDialog.arena-v1437.arena-battle-active [data-pt-pane="arena"]{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  margin:0!important;
  padding:0!important;
}
#phongThanDialog.arena-v1437.arena-battle-active .arena-root{
  position:absolute!important;
  inset:0!important;
  min-height:0!important;
  height:100%!important;
}
#phongThanDialog.arena-v1437.arena-battle-active .a36-battle{
  position:absolute!important;
  inset:0!important;
  min-height:0!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(3,7,13,.28) 0%,rgba(3,7,13,.08) 36%,rgba(3,7,13,.48) 72%,rgba(3,7,13,.86) 100%),
    url('/home-xianxia-banner.webp') center/cover no-repeat!important;
}
#phongThanDialog.arena-v1437.arena-battle-active .a36-hud{
  position:absolute!important;
  z-index:5!important;
  left:0;right:0;top:0;
  padding:13px 12px 12px!important;
  background:linear-gradient(180deg,rgba(4,8,14,.90),rgba(4,8,14,.56),rgba(4,8,14,0))!important;
  border:0!important;
}
#phongThanDialog.arena-v1437.arena-battle-active .a36-stage{
  position:absolute!important;
  inset:0!important;
  min-height:0!important;
  height:100%!important;
  box-sizing:border-box!important;
  padding:150px 28px 86px!important;
  background:transparent!important;
  align-items:flex-end!important;
}
#phongThanDialog.arena-v1437.arena-battle-active .a36-battle-log{
  position:absolute!important;
  z-index:5!important;
  left:0;right:0;bottom:0;
  min-height:62px!important;
  padding:9px 14px 12px!important;
  background:linear-gradient(0deg,rgba(3,7,13,.95),rgba(3,7,13,.72),rgba(3,7,13,0))!important;
  border:0!important;
  color:#d7e0e8!important;
}
#phongThanDialog.arena-v1437.arena-battle-active .a36-result{
  z-index:10!important;
  inset:50% 24px auto!important;
  transform:translateY(-50%)!important;
  background:rgba(5,10,17,.91)!important;
  backdrop-filter:blur(5px);
}
@media(max-width:480px){
  #phongThanDialog.arena-v1437.arena-battle-active .pt-shell{min-height:520px}
  #phongThanDialog.arena-v1437.arena-battle-active .a36-stage{padding:135px 18px 78px!important}
  #phongThanDialog.arena-v1437.arena-battle-active .a36-result{inset:50% 18px auto!important}
}

/* v1444 - avatar/damage kept, result popover rebuilt cleanly */
.arena-v1437 .a36-sprite.has-avatar{
  padding:0;
  overflow:visible!important;
  background:#0b1118;
}
.arena-v1437 .a36-sprite.has-avatar img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
  clip-path:circle(50% at 50% 50%);
}
.arena-v1437 .a36-sprite.is-fallback{font-size:42px}

/* Damage floats above avatar, never inside it */
.arena-v1437 .a36-dmg{
  top:-42px!important;
  left:50%!important;
  z-index:20!important;
  padding:2px 6px!important;
  border-radius:8px!important;
  background:rgba(3,7,12,.72)!important;
  box-shadow:0 2px 10px rgba(0,0,0,.45)!important;
  pointer-events:none!important;
}
@keyframes a36dmg{to{transform:translate(-50%,-28px);opacity:0}}

/* Legacy result box is disabled; only the new popover is used */
.arena-v1437 .a36-result{display:none!important}
.arena-v1437 .a36-result-close{display:none!important}

/* Centered glass popover */
#phongThanDialog.arena-v1437.arena-battle-active .a36-result-popover{
  position:absolute!important;
  z-index:50!important;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;

  width:min(320px,84%)!important;
  max-width:320px!important;
  min-width:220px!important;
  box-sizing:border-box!important;

  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px 12px!important;

  padding:18px 18px 16px!important;
  border:1px solid rgba(245,205,116,.52)!important;
  border-radius:18px!important;

  background:linear-gradient(180deg,rgba(18,24,32,.72),rgba(6,10,16,.66))!important;
  -webkit-backdrop-filter:blur(15px) saturate(135%)!important;
  backdrop-filter:blur(15px) saturate(135%)!important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.10)!important;

  color:#fff8e9!important;
  pointer-events:auto!important;
  animation:a36ResultGlassIn .20s ease-out both!important;
}

#phongThanDialog.arena-v1437.arena-battle-active .a36-result-popover::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 36%,transparent 68%,rgba(255,210,107,.05));
}

#phongThanDialog.arena-v1437.arena-battle-active .a36-result-popover.is-win{
  border-color:rgba(245,196,78,.66)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.46),0 0 28px rgba(229,172,47,.10),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
#phongThanDialog.arena-v1437.arena-battle-active .a36-result-popover.is-loss{
  border-color:rgba(218,104,104,.56)!important;
  background:linear-gradient(180deg,rgba(34,15,19,.74),rgba(12,7,10,.68))!important;
}

@keyframes a36ResultGlassIn{
  from{opacity:0;transform:translate(-50%,-46%) scale(.96)}
  to{opacity:1;transform:translate(-50%,-50%) scale(1)}
}

.arena-v1437 .a36-result-icon{
  position:relative;
  z-index:1;
  font-size:30px!important;
  line-height:1!important;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.35));
}
.arena-v1437 .a36-result-copy{
  position:relative;
  z-index:1;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  min-width:0!important;
}
.arena-v1437 .a36-result-copy b{
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:1000!important;
  letter-spacing:.8px!important;
  color:#ffe8ad!important;
  text-shadow:0 1px 8px rgba(255,197,71,.16)!important;
  white-space:nowrap!important;
}
.arena-v1437 .a36-result-popover.is-loss .a36-result-copy b{color:#ffd1d1!important}
.arena-v1437 .a36-result-copy small{
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:900!important;
  color:#f4d585!important;
  white-space:nowrap!important;
}

/* Rebuilt Close button */
.arena-v1437 .a36-result-done{
  position:relative!important;
  z-index:1!important;
  grid-column:1/-1!important;
  justify-self:stretch!important;

  min-height:42px!important;
  margin-top:4px!important;
  padding:9px 18px!important;

  border:1px solid rgba(248,211,126,.62)!important;
  border-radius:12px!important;
  outline:none!important;

  background:linear-gradient(180deg,rgba(112,78,24,.92),rgba(65,43,13,.94))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 7px 18px rgba(0,0,0,.22)!important;

  color:#fff0bd!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.35px!important;
  text-align:center!important;
  cursor:pointer!important;

  transition:transform .12s ease,filter .12s ease,background .12s ease!important;
}
.arena-v1437 .a36-result-done:hover{
  filter:brightness(1.08)!important;
  background:linear-gradient(180deg,rgba(130,92,30,.95),rgba(72,47,14,.96))!important;
}
.arena-v1437 .a36-result-done:active{transform:translateY(1px) scale(.99)!important}
.arena-v1437 .a36-result-done:focus-visible{box-shadow:0 0 0 3px rgba(244,199,96,.22),inset 0 1px 0 rgba(255,255,255,.13)!important}

@media(min-width:700px){
  #phongThanDialog.arena-v1437.arena-battle-active .a36-stage{padding-left:54px!important;padding-right:54px!important}
  #phongThanDialog.arena-v1437.arena-battle-active .a36-sprite{width:96px;height:96px;flex:0 0 96px}
}

@media(max-width:480px){
  #phongThanDialog.arena-v1437.arena-battle-active .a36-result-popover{
    top:50%!important;
    left:50%!important;
    width:min(286px,86%)!important;
    max-width:286px!important;
    min-width:210px!important;
    padding:16px 15px 14px!important;
    border-radius:16px!important;
  }
  .arena-v1437 .a36-result-icon{font-size:27px!important}
  .arena-v1437 .a36-result-copy b{font-size:16px!important}
  .arena-v1437 .a36-result-copy small{font-size:11px!important}
  .arena-v1437 .a36-result-done{min-height:40px!important;font-size:13px!important}
  .arena-v1437 .a36-dmg{top:-36px!important;font-size:15px!important}
  .arena-v1437 .a36-dmg.crit{font-size:17px!important}
}

/* v1445 - Spell FX layer */
.arena-v1437 .a36-stage{overflow:hidden}
.arena-v1437 .a36-spell-fx{position:absolute;display:block;pointer-events:none;z-index:8;image-rendering:auto;will-change:transform,background-position;filter:drop-shadow(0 0 8px rgba(155,210,255,.58))}
.arena-v1437 .a36-spell-fx.impact{z-index:9;filter:drop-shadow(0 0 12px rgba(255,205,98,.58))}
.arena-v1437 .a36-sprite{z-index:5}
.arena-v1437 .a36-dmg{z-index:12}
@media(max-width:480px){.arena-v1437 .a36-spell-fx{transform-origin:center}}