/* v1359: Nhân Vật Admin Preview - tất cả vừa popup, không cuộn, tab trên cùng */
#characterDialog{
  width:min(390px,calc(100% - 20px))!important;
  max-width:390px!important;
  height:min(610px,calc(100dvh - 24px))!important;
  max-height:calc(100dvh - 24px)!important;
  padding:0!important;
  border:1px solid rgba(255,190,61,.78)!important;
  border-radius:20px!important;
  background:rgba(10,14,24,.95)!important;
  color:#fff!important;
  overflow:hidden!important;
  box-shadow:0 18px 52px rgba(0,0,0,.66),0 0 22px rgba(255,170,35,.28)!important;
  backdrop-filter:blur(9px)!important;
}
#characterDialog::backdrop{
  background:radial-gradient(circle at center,rgba(0,0,0,.34),rgba(0,0,0,.74));
  backdrop-filter:blur(2px)
}

#characterDialog .arena-shell,
#characterDialog .pt-shell,
#characterDialog .character-shell{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:100%!important;
  max-height:100%!important;
  margin:0!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:
    linear-gradient(180deg,rgba(5,9,16,.54),rgba(4,7,13,.91)),
    url('/popup-son-mon-bg.webp') center/cover no-repeat!important;
}
#characterDialog .pt-shell::before{display:none!important}
#characterDialog .pt-shell::after{animation:none!important}

#characterDialog .character-head{
  position:relative!important;
  flex:0 0 54px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:54px!important;
  padding:6px 8px 5px 10px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  box-sizing:border-box!important;
  border-bottom:1px solid rgba(245,183,61,.14)!important;
  background:linear-gradient(180deg,rgba(36,31,24,.90),rgba(17,20,27,.92))!important;
}
#characterDialog .character-head-copy{
  flex:1 1 auto!important;
  min-width:0!important;
}
#characterDialog .character-head p{
  margin:0 0 1px!important;
  font-size:7px!important;
  letter-spacing:.15em!important;
  color:#dcae4d!important;
  font-weight:900!important;
}
#characterDialog .character-head h2{
  margin:0!important;
  color:#ffe29a!important;
  font-size:15px!important;
  line-height:1.05!important;
}
#characterDialog .character-head small{
  display:block!important;
  margin-top:2px!important;
  max-width:225px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#91a1b3!important;
  font-size:7.1px!important;
}
#characterDialog .character-close{
  position:static!important;
  flex:0 0 27px!important;
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
}

#characterDialog .character-admin-tools{
  flex:0 0 auto!important;
  display:flex!important;
  gap:3px!important;
  align-items:center!important;
}
#characterDialog .character-admin-tools[hidden]{display:none!important}
#characterDialog .character-admin-tools button{
  height:24px!important;
  padding:0 6px!important;
  border:1px solid rgba(232,183,75,.28)!important;
  border-radius:7px!important;
  background:rgba(25,29,37,.92)!important;
  color:#dec579!important;
  font-size:7.1px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

#characterDialog .character-body{
  position:relative!important;
  flex:1 1 auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:8px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

/* Các khối dùng position absolute để Admin có thể kéo/sửa như Đoạt Bảo */
#characterDialog [data-character-layout]{
  position:absolute!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

/* TAB đưa lên trên cùng */
#characterDialog .character-tabs{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:4px!important;
  z-index:5!important;
}
#characterDialog .character-tabs button{
  height:100%!important;
  min-height:31px!important;
  border:1px solid rgba(137,151,169,.16)!important;
  border-radius:8px!important;
  background:rgba(12,20,30,.82)!important;
  color:#8fa1b5!important;
  font-size:8.8px!important;
  font-weight:800!important;
}
#characterDialog .character-tabs button.is-active{
  border-color:rgba(231,176,61,.48)!important;
  background:rgba(88,61,18,.70)!important;
  color:#f2d487!important;
}

/* Khu avatar + 6 ô + profile thu gọn để không cuộn */
#characterDialog .character-stage{
  padding:0 4px!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
}
#characterDialog .character-equipment-ring{
  position:relative!important;
  width:100%!important;
  max-width:295px!important;
  height:150px!important;
  margin:0 auto!important;
}

#characterDialog .character-realm-badge{
  position:absolute!important;
  left:50%!important;
  top:22px!important;
  transform:translateX(-50%)!important;
  z-index:4!important;
  max-width:128px!important;
  padding:3px 8px!important;
  border:1px solid rgba(229,173,62,.34)!important;
  border-radius:999px!important;
  background:rgba(17,20,25,.88)!important;
  color:#f0d58c!important;
  font-size:7.6px!important;
  font-weight:900!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:0 2px 8px rgba(0,0,0,.28)!important;
}

#characterDialog .character-avatar{
  position:absolute!important;
  left:50%!important;
  top:46%!important;
  transform:translate(-50%,-50%)!important;
  width:78px!important;
  height:96px!important;
  border-radius:48% 48% 42% 42%!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:1px solid rgba(232,181,73,.48)!important;
  background:radial-gradient(circle,rgba(70,99,126,.22),rgba(6,11,18,.84))!important;
  box-shadow:0 0 20px rgba(235,174,54,.10)!important;
}
#characterDialog .character-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}

#characterDialog .character-slot{
  position:absolute!important;
  width:50px!important;
  height:50px!important;
  padding:2px!important;
  border:1px solid rgba(206,157,61,.36)!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,rgba(22,29,40,.94),rgba(8,12,19,.94))!important;
  color:#cdd8e6!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}
#characterDialog .character-slot-icon{font-size:14px!important;color:#e5c270!important;line-height:1!important}
#characterDialog .character-slot small{font-size:6.9px!important;font-weight:800!important}
#characterDialog .character-slot i{font-style:normal!important;font-size:5.8px!important;color:#6f7f92!important}

#characterDialog .slot-jade{left:50%!important;top:0!important;transform:translateX(-50%)!important}
#characterDialog .slot-weapon{left:8px!important;top:40px!important}
#characterDialog .slot-artifact{right:8px!important;top:40px!important}
#characterDialog .slot-ring{left:18px!important;bottom:2px!important}
#characterDialog .slot-robe{right:18px!important;bottom:2px!important}
#characterDialog .slot-boots{left:50%!important;bottom:-2px!important;transform:translateX(-50%)!important}

#characterDialog .character-profile{
  text-align:center!important;
  margin-top:0!important;
}
#characterDialog .character-profile>strong{
  display:block!important;
  color:#f6d98b!important;
  font-size:11.5px!important;
  line-height:1.05!important;
}
#characterDialog .character-progress{
  width:min(220px,84%)!important;
  margin:4px auto 0!important;
}
#characterDialog .character-progress>div{
  height:6px!important;
  border-radius:999px!important;
  background:#172231!important;
  border:1px solid rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}
#characterDialog .character-progress i{
  display:block!important;
  height:100%!important;
  width:0;
  background:linear-gradient(90deg,#c48821,#f1cd6d)!important;
}
#characterDialog .character-progress small{
  display:flex!important;
  justify-content:space-between!important;
  margin-top:2px!important;
  color:#8495a8!important;
  font-size:7.3px!important;
}
#characterDialog .character-progress small b{color:#e8cf8c!important}
#characterDialog .character-power{
  display:inline-flex!important;
  margin-top:3px!important;
  padding:3px 8px!important;
  border:1px solid rgba(229,173,62,.25)!important;
  border-radius:999px!important;
  background:rgba(55,40,16,.33)!important;
  color:#d7bc78!important;
  font-size:7.6px!important;
}
#characterDialog .character-power b{margin-left:4px!important;color:#f5df9c!important}

/* Chỉ số 2 hàng x 3, thấp và gọn */
#characterDialog .character-stats{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  grid-template-rows:repeat(2,1fr)!important;
  gap:4px!important;
}
#characterDialog .character-stats>div{
  min-height:0!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:9px!important;
  background:rgba(7,13,21,.66)!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  padding:3px 5px!important;
  gap:0 4px!important;
}
#characterDialog .character-stats span{grid-row:1/3!important;color:#d5b765!important;font-size:11px!important}
#characterDialog .character-stats small{color:#8393a6!important;font-size:6.6px!important}
#characterDialog .character-stats b{color:#dce4ee!important;font-size:8.4px!important}

/* Nội dung tab ngắn gọn, nằm trong phần còn lại */
#characterDialog .character-tab-content{
  padding:0!important;
}
#characterDialog .character-preview-note{
  height:100%!important;
  min-height:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  padding:6px 7px!important;
  border:1px dashed rgba(211,165,71,.24)!important;
  border-radius:10px!important;
  background:rgba(7,13,21,.52)!important;
}
#characterDialog .character-preview-note>b{
  display:block!important;
  color:#e8ca7d!important;
  font-size:8.5px!important;
  margin-bottom:3px!important;
}
#characterDialog .character-preview-note>span{
  display:block!important;
  color:#8fa0b3!important;
  font-size:7.1px!important;
  line-height:1.32!important;
}
#characterDialog .character-stat-lines,
#characterDialog .character-achievement-grid{
  display:grid!important;
  gap:2px!important;
  margin-top:5px!important;
}
#characterDialog .character-stat-lines i,
#characterDialog .character-achievement-grid i{
  display:flex!important;
  justify-content:space-between!important;
  font-style:normal!important;
  font-size:7.2px!important;
  color:#9cacbd!important;
}
#characterDialog .character-stat-lines em,
#characterDialog .character-achievement-grid em{
  font-style:normal!important;
  color:#d8c27f!important;
}

/* Chế độ chỉnh bố cục Admin giống Đoạt Bảo */
#characterDialog.is-layout-editing [data-character-layout]{
  outline:1px dashed #ffe36d!important;
  outline-offset:-1px!important;
  cursor:move!important;
  touch-action:none!important;
  overflow:visible!important;
  background-color:rgba(26,124,199,.06)!important;
}
#characterDialog.is-layout-editing [data-character-layout]::before{
  content:attr(data-character-layout);
  position:absolute;
  z-index:80;
  left:2px;
  top:2px;
  padding:1px 3px;
  border-radius:3px;
  background:rgba(0,0,0,.76);
  color:#ffe36d;
  font:700 7px/1.15 Arial,sans-serif;
  pointer-events:none;
  text-transform:uppercase;
}
#characterDialog.is-layout-editing [data-character-layout].is-layout-selected{
  outline:2px solid #6ee7ff!important;
  background-color:rgba(110,231,255,.08)!important;
}
#characterDialog .character-layout-resize{
  display:none;
}
#characterDialog.is-layout-editing .character-layout-resize{
  display:block!important;
  position:absolute!important;
  z-index:100!important;
  right:-5px!important;
  bottom:-5px!important;
  width:15px!important;
  height:15px!important;
  border:2px solid #fff!important;
  border-radius:4px!important;
  background:#24b8d8!important;
  cursor:nwse-resize!important;
  box-shadow:0 2px 7px rgba(0,0,0,.55)!important;
  touch-action:none!important;
}

@media(max-width:700px){
  #characterDialog{
    width:min(94vw,390px)!important;
    height:min(600px,calc(100dvh - 18px))!important;
  }
  #characterDialog .character-head{
    flex-basis:56px!important;
    min-height:56px!important;
  }
  #characterDialog .character-head small{max-width:205px!important}
  #characterDialog .character-admin-tools button{padding:0 5px!important;font-size:7px!important}
  #characterDialog .character-equipment-ring{height:164px!important;max-width:310px!important}
  #characterDialog .character-avatar{width:82px!important;height:102px!important}
  #characterDialog .character-slot{width:54px!important;height:54px!important}
  #characterDialog .slot-weapon,#characterDialog .slot-artifact{top:45px!important}
  #characterDialog .character-profile>strong{font-size:12px!important}
  #characterDialog .character-stats{gap:4px!important}
}


/* v1362: can lại bố cục Nhân Vật để không chồng chéo */
#characterDialog .character-body{padding:8px!important;}
#characterDialog .character-tab-content{overflow:hidden!important;}
#characterDialog .character-preview-note{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;}
#characterDialog .character-preview-note>span{line-height:1.28!important;}
#characterDialog .character-stats>div{overflow:hidden!important;}
@media(max-width:700px){
  #characterDialog{height:min(595px,calc(100dvh - 18px))!important;}
  #characterDialog .character-equipment-ring{height:144px!important;max-width:286px!important;}
  #characterDialog .character-avatar{width:74px!important;height:92px!important;}
  #characterDialog .character-slot{width:48px!important;height:48px!important;}
  #characterDialog .slot-weapon,#characterDialog .slot-artifact{top:38px!important;}
  #characterDialog .slot-ring{left:16px!important;bottom:1px!important;}
  #characterDialog .slot-robe{right:16px!important;bottom:1px!important;}
  #characterDialog .character-progress{width:min(210px,84%)!important;}
}


/* ===== v1363: bố cục mới - 3 ô trái / Avatar giữa / 3 ô phải ===== */

/* Giữ popup hiện tại, chỉ sắp lại phần bên trong */
#characterDialog .character-body{
  padding:8px!important;
  overflow:hidden!important;
}

/* Tab nằm gọn trên cùng */
#characterDialog .character-tabs{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
}
#characterDialog .character-tabs button{
  min-height:32px!important;
  height:100%!important;
  font-size:8.8px!important;
}

/* Khu nhân vật chính */
#characterDialog .character-stage{
  position:absolute!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
}

#characterDialog .character-equipment-ring{
  position:relative!important;
  width:100%!important;
  max-width:330px!important;
  height:190px!important;
  margin:0 auto!important;
}

/* Avatar ở chính giữa, không đè lên slot */
#characterDialog .character-avatar{
  position:absolute!important;
  left:50%!important;
  top:47%!important;
  transform:translate(-50%,-50%)!important;
  width:92px!important;
  height:116px!important;
  z-index:3!important;
  border-radius:48% 48% 44% 44%!important;
  border:1px solid rgba(232,181,73,.55)!important;
  box-shadow:0 0 22px rgba(235,174,54,.13)!important;
}

/* 6 ô trang bị thành 2 cột dọc, tuyệt đối không chồng avatar */
#characterDialog .character-slot{
  position:absolute!important;
  width:58px!important;
  height:54px!important;
  padding:3px!important;
  border-radius:11px!important;
  z-index:2!important;
}
#characterDialog .character-slot-icon{
  font-size:15px!important;
}
#characterDialog .character-slot small{
  font-size:7px!important;
  line-height:1.05!important;
}
#characterDialog .character-slot i{
  font-size:5.8px!important;
}

/* Cột trái: Vũ Khí - Nhẫn - Ngọc Bội */
#characterDialog .slot-weapon{
  left:10px!important;
  top:8px!important;
}
#characterDialog .slot-ring{
  left:10px!important;
  top:68px!important;
  bottom:auto!important;
}
#characterDialog .slot-jade{
  left:10px!important;
  top:128px!important;
  transform:none!important;
}

/* Cột phải: Pháp Bảo - Pháp Bào - Giày */
#characterDialog .slot-artifact{
  right:10px!important;
  top:8px!important;
}
#characterDialog .slot-robe{
  right:10px!important;
  top:68px!important;
  bottom:auto!important;
}
#characterDialog .slot-boots{
  right:10px!important;
  top:128px!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
}

/* Tên/cảnh giới nằm dưới avatar */
#characterDialog .character-profile{
  position:relative!important;
  margin-top:-1px!important;
  text-align:center!important;
}
#characterDialog .character-profile>strong{
  font-size:12px!important;
}
#characterDialog .character-profile>span{
  margin-top:1px!important;
  font-size:7.6px!important;
}

/* Tu Vi và chiến lực gọn dưới tên */
#characterDialog .character-progress{
  width:min(235px,78%)!important;
  margin:5px auto 0!important;
}
#characterDialog .character-progress>div{
  height:6px!important;
}
#characterDialog .character-progress small{
  margin-top:2px!important;
  font-size:7px!important;
}
#characterDialog .character-power{
  margin-top:4px!important;
  padding:3px 8px!important;
  font-size:7.5px!important;
}

/* 6 chỉ số: 2 hàng x 3 cột */
#characterDialog .character-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:5px!important;
}
#characterDialog .character-stats>div{
  min-width:0!important;
  min-height:0!important;
  padding:4px 6px!important;
}
#characterDialog .character-stats span{
  font-size:11px!important;
}
#characterDialog .character-stats small{
  font-size:6.8px!important;
}
#characterDialog .character-stats b{
  font-size:8.5px!important;
}

/* Nội dung tab ở cuối, ngắn gọn */
#characterDialog .character-tab-content{
  overflow:hidden!important;
}
#characterDialog .character-preview-note{
  padding:6px 7px!important;
  overflow:hidden!important;
}
#characterDialog .character-preview-note>b{
  font-size:8.5px!important;
}
#characterDialog .character-preview-note>span{
  font-size:7px!important;
  line-height:1.28!important;
}

/* Chế độ sửa bố cục vẫn giữ nguyên, chỉ kéo 4 khối lớn */
#characterDialog.is-layout-editing [data-character-layout]{
  overflow:visible!important;
}

/* Mobile vẫn giữ đúng 3 trái / 3 phải */
@media(max-width:700px){
  #characterDialog .character-equipment-ring{
    max-width:315px!important;
    height:182px!important;
  }
  #characterDialog .character-avatar{
    width:86px!important;
    height:108px!important;
  }
  #characterDialog .character-slot{
    width:54px!important;
    height:51px!important;
  }

  #characterDialog .slot-weapon{left:7px!important;top:8px!important}
  #characterDialog .slot-ring{left:7px!important;top:65px!important}
  #characterDialog .slot-jade{left:7px!important;top:122px!important}

  #characterDialog .slot-artifact{right:7px!important;top:8px!important}
  #characterDialog .slot-robe{right:7px!important;top:65px!important}
  #characterDialog .slot-boots{right:7px!important;top:122px!important}

  #characterDialog .character-progress{
    width:min(220px,76%)!important;
  }
}


/* ===== v1364: Avatar thật của Đạo Hữu + mở Nhân Vật toàn server ===== */
#characterDialog .character-avatar.is-fallback{
  background:
    radial-gradient(circle at 50% 36%,rgba(205,168,87,.17),rgba(7,13,20,.92) 68%)!important;
}
#characterDialog .character-avatar-fallback{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  color:#e5c878!important;
  font-size:34px!important;
  font-weight:900!important;
  text-shadow:0 2px 12px rgba(0,0,0,.65)!important;
}


/* ===== v1365: bỏ 3 tab, phóng to 6 ô Trang Bị ===== */

/* Ẩn sạch mọi dấu vết tab/content cũ nếu cache DOM cũ còn tồn tại */
#characterDialog .character-tabs,
#characterDialog .character-tab-content{
  display:none!important;
}

/* Stage chiếm gần toàn bộ phần nội dung */
#characterDialog .character-stage{
  padding:0 4px!important;
  border:0!important;
}

/* Cụm trang bị lớn hơn rõ rệt */
#characterDialog .character-equipment-ring{
  max-width:340px!important;
  height:238px!important;
  margin:0 auto!important;
}

/* Avatar giữa lớn hơn nhưng vẫn không đè slot */
#characterDialog .character-avatar{
  width:104px!important;
  height:132px!important;
  top:48%!important;
}

/* 6 ô trang bị lớn hơn */
#characterDialog .character-slot{
  width:72px!important;
  height:68px!important;
  padding:5px!important;
  border-radius:13px!important;
}
#characterDialog .character-slot-icon{
  font-size:20px!important;
}
#characterDialog .character-slot small{
  font-size:8.5px!important;
  line-height:1.1!important;
}
#characterDialog .character-slot i{
  font-size:7px!important;
}

/* 3 ô bên trái */
#characterDialog .slot-weapon{
  left:8px!important;
  top:8px!important;
}
#characterDialog .slot-ring{
  left:8px!important;
  top:85px!important;
}
#characterDialog .slot-jade{
  left:8px!important;
  top:162px!important;
  transform:none!important;
}

/* 3 ô bên phải */
#characterDialog .slot-artifact{
  right:8px!important;
  top:8px!important;
}
#characterDialog .slot-robe{
  right:8px!important;
  top:85px!important;
}
#characterDialog .slot-boots{
  right:8px!important;
  top:162px!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
}

/* Tên / cảnh giới / tu vi nằm gọn bên dưới avatar */
#characterDialog .character-profile{
  margin-top:1px!important;
}
#characterDialog .character-profile>strong{
  font-size:13px!important;
}
#characterDialog .character-profile>span{
  font-size:8.2px!important;
}
#characterDialog .character-progress{
  width:min(250px,82%)!important;
  margin-top:5px!important;
}
#characterDialog .character-power{
  margin-top:4px!important;
  padding:4px 10px!important;
  font-size:8px!important;
}

/* 6 chỉ số dưới cùng vẫn giữ 2 hàng x 3 nhưng to hơn chút */
#characterDialog .character-stats{
  gap:6px!important;
}
#characterDialog .character-stats>div{
  padding:5px 7px!important;
  border-radius:10px!important;
}
#characterDialog .character-stats span{
  font-size:13px!important;
}
#characterDialog .character-stats small{
  font-size:7.2px!important;
}
#characterDialog .character-stats b{
  font-size:9px!important;
}

@media(max-width:700px){
  #characterDialog .character-equipment-ring{
    max-width:320px!important;
    height:224px!important;
  }
  #characterDialog .character-avatar{
    width:96px!important;
    height:122px!important;
  }
  #characterDialog .character-slot{
    width:66px!important;
    height:63px!important;
  }
  #characterDialog .slot-weapon{left:5px!important;top:7px!important}
  #characterDialog .slot-ring{left:5px!important;top:78px!important}
  #characterDialog .slot-jade{left:5px!important;top:149px!important}
  #characterDialog .slot-artifact{right:5px!important;top:7px!important}
  #characterDialog .slot-robe{right:5px!important;top:78px!important}
  #characterDialog .slot-boots{right:5px!important;top:149px!important}
}


/* ===== v1366: ô trang bị chỉ hiển thị chữ, bỏ biểu tượng ===== */
#characterDialog .character-slot{
  justify-content:center!important;
  align-items:center!important;
  gap:4px!important;
  text-align:center!important;
}
#characterDialog .character-slot-icon{
  display:none!important;
}
#characterDialog .character-slot strong{
  display:block!important;
  color:#f0d389!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.15!important;
  letter-spacing:.01em!important;
}
#characterDialog .character-slot small{
  display:none!important;
}
#characterDialog .character-slot i{
  display:block!important;
  font-style:normal!important;
  font-size:7.2px!important;
  line-height:1.05!important;
  color:#93a1b0!important;
}
@media(max-width:700px){
  #characterDialog .character-slot strong{font-size:9.2px!important;}
  #characterDialog .character-slot i{font-size:6.6px!important;}
}


/* ===== v1367: đổi vị trí ô trang bị ===== */
/* Bên trái: Vũ Khí - Pháp Bào - Giày */
#characterDialog .slot-weapon{left:8px!important;top:8px!important;right:auto!important;}
#characterDialog .slot-robe{left:8px!important;top:85px!important;right:auto!important;bottom:auto!important;}
#characterDialog .slot-boots{left:8px!important;top:162px!important;right:auto!important;bottom:auto!important;transform:none!important;}

/* Bên phải: Nhẫn - Ngọc Bội - Pháp Bảo */
#characterDialog .slot-ring{right:8px!important;left:auto!important;top:8px!important;bottom:auto!important;}
#characterDialog .slot-jade{right:8px!important;left:auto!important;top:85px!important;bottom:auto!important;transform:none!important;}
#characterDialog .slot-artifact{right:8px!important;left:auto!important;top:162px!important;bottom:auto!important;}

@media(max-width:700px){
  #characterDialog .slot-weapon{left:5px!important;top:7px!important;right:auto!important;}
  #characterDialog .slot-robe{left:5px!important;top:78px!important;right:auto!important;}
  #characterDialog .slot-boots{left:5px!important;top:149px!important;right:auto!important;}

  #characterDialog .slot-ring{right:5px!important;left:auto!important;top:7px!important;}
  #characterDialog .slot-jade{right:5px!important;left:auto!important;top:78px!important;}
  #characterDialog .slot-artifact{right:5px!important;left:auto!important;top:149px!important;}
}


/* ===== v1368: bỏ thanh Tu Vi trong Nhân Vật ===== */
#characterDialog .character-progress{display:none!important;}
#characterDialog .character-profile{margin-top:4px!important;}
#characterDialog .character-power{margin-top:6px!important;}

/* ===== v1426: 4 thuộc tính + khóa Phàm Nhân ===== */
#characterDialog .character-stats{
  grid-template-columns:repeat(2,1fr)!important;
  grid-template-rows:repeat(2,1fr)!important;
  gap:6px!important;
}
#characterDialog .character-stats>div{
  padding:6px 8px!important;
  grid-template-columns:auto 1fr!important;
}
#characterDialog .character-stats span{font-size:14px!important}
#characterDialog .character-stats small{font-size:7.6px!important}
#characterDialog .character-stats b{font-size:10px!important;color:#fff0ba!important}
#characterDialog .character-lock{
  position:absolute!important;
  inset:10px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border:1px solid rgba(229,173,62,.25)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(10,16,25,.88),rgba(5,9,15,.94))!important;
  padding:22px!important;
  box-sizing:border-box!important;
}
#characterDialog .character-lock[hidden]{display:none!important}
#characterDialog .character-lock-icon{font-size:34px!important;margin-bottom:9px!important}
#characterDialog .character-lock>b{color:#f2d487!important;font-size:16px!important;margin-bottom:8px!important}
#characterDialog .character-lock>span{color:#d9e1eb!important;font-size:11px!important;line-height:1.5!important}
#characterDialog .character-lock>span strong{color:#ffe29a!important}
#characterDialog .character-lock>small{margin-top:7px!important;color:#8495a8!important;font-size:8px!important}


/* ===== v1428: cảnh giới lên trên + chữ Chiến Lực / thuộc tính rõ hơn ===== */
#characterDialog .character-stage{
  padding-top:4px!important;
}
#characterDialog .character-realm-badge{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  z-index:8!important;
  width:max-content!important;
  max-width:82%!important;
  margin:0 auto 4px!important;
  padding:5px 14px 6px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#ffe6a1!important;
  font-size:15px!important;
  font-weight:1000!important;
  line-height:1.05!important;
  letter-spacing:.035em!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  text-shadow:
    0 1px 0 rgba(68,38,0,.95),
    0 0 5px rgba(255,199,76,.70),
    0 0 12px rgba(255,157,31,.30)!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.65))!important;
  animation:characterRealmGlow 2.4s ease-in-out infinite!important;
}
#characterDialog .character-realm-badge::before,
#characterDialog .character-realm-badge::after{
  content:'✦';
  display:inline-block;
  margin:0 7px;
  color:#dca83d;
  font-size:9px;
  vertical-align:2px;
  text-shadow:0 0 6px rgba(255,192,64,.65);
}
@keyframes characterRealmGlow{
  0%,100%{opacity:.92;filter:drop-shadow(0 2px 4px rgba(0,0,0,.65)) brightness(1)}
  50%{opacity:1;filter:drop-shadow(0 2px 5px rgba(0,0,0,.72)) brightness(1.16)}
}
#characterDialog .character-equipment-ring{
  margin-top:0!important;
}

/* Chiến lực: giữ nguyên vị trí, chỉ tăng độ nổi bật */
#characterDialog .character-power{
  margin-top:6px!important;
  padding:5px 12px!important;
  font-size:10.5px!important;
  font-weight:900!important;
  line-height:1.1!important;
  color:#e7c66f!important;
  letter-spacing:.01em!important;
}
#characterDialog .character-power b{
  margin-left:5px!important;
  color:#fff0a9!important;
  font-size:11.5px!important;
  font-weight:1000!important;
  text-shadow:0 0 7px rgba(255,193,66,.30)!important;
}

/* 4 thuộc tính: tên và số đều to, đậm hơn */
#characterDialog .character-stats>div{
  padding:8px 9px!important;
}
#characterDialog .character-stats span{
  font-size:16px!important;
  font-weight:900!important;
}
#characterDialog .character-stats small{
  color:#a8b4c2!important;
  font-size:9.2px!important;
  font-weight:900!important;
  line-height:1.1!important;
}
#characterDialog .character-stats b{
  color:#fff0ba!important;
  font-size:13px!important;
  font-weight:1000!important;
  line-height:1.05!important;
  text-shadow:0 0 6px rgba(255,193,66,.18)!important;
}

@media(max-width:700px){
  #characterDialog .character-realm-badge{
    font-size:14px!important;
    padding:4px 10px 5px!important;
    margin-bottom:3px!important;
  }
  #characterDialog .character-realm-badge::before,
  #characterDialog .character-realm-badge::after{margin:0 5px!important}
  #characterDialog .character-power{font-size:10px!important;padding:5px 11px!important}
  #characterDialog .character-power b{font-size:11px!important}
  #characterDialog .character-stats small{font-size:8.8px!important}
  #characterDialog .character-stats b{font-size:12.5px!important}
}
@media (prefers-reduced-motion: reduce){
  #characterDialog .character-realm-badge{animation:none!important}
}


/* ===== v1429: thanh sửa bố cục Admin nổi như Đoạt Bảo ===== */
#characterDialog .character-admin-tools{
  position:absolute!important;
  z-index:140!important;
  top:6px!important;
  right:7px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:4px!important;
  max-width:calc(100% - 14px)!important;
  pointer-events:auto!important;
}
#characterDialog .character-admin-tools[hidden]{display:none!important}
#characterDialog .character-admin-tools button{
  min-height:27px!important;
  height:27px!important;
  padding:0 8px!important;
  border:1px solid rgba(239,190,79,.55)!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,rgba(60,49,25,.96),rgba(24,24,25,.96))!important;
  color:#ffe29a!important;
  font-size:8.5px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 3px 10px rgba(0,0,0,.38)!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
#characterDialog .character-admin-tools button:hover{
  border-color:#f0c764!important;
  filter:brightness(1.12)!important;
}
#characterDialog.is-layout-editing .character-admin-tools{
  background:rgba(4,8,14,.72)!important;
  padding:4px!important;
  border:1px solid rgba(255,214,112,.18)!important;
  border-radius:10px!important;
  backdrop-filter:blur(5px)!important;
}
#characterDialog.is-layout-editing [data-character-layout]{
  outline:2px dashed #ffe36d!important;
  outline-offset:-2px!important;
  cursor:move!important;
}
#characterDialog.is-layout-editing [data-character-layout]::before{
  font-size:8px!important;
  padding:2px 4px!important;
}
@media(max-width:700px){
  #characterDialog .character-admin-tools{top:5px!important;right:5px!important;gap:3px!important}
  #characterDialog .character-admin-tools button{min-height:25px!important;height:25px!important;padding:0 6px!important;font-size:7.8px!important}
}