/* An Nhiên V41.2 — Pháp danh ngắn, ưu tiên không gian 3D. */
#botPilgrimLabels,#remotePlayerLabels{pointer-events:none!important;contain:layout style;}
.an412-nameplate{
  position:absolute;left:0;top:0;transform:translate(-50%,-100%);
  box-sizing:border-box;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  max-width:156px;padding:4px 10px;border-radius:999px;
  color:#fff0cc;background:rgba(42,23,12,.81);border:1px solid rgba(222,180,94,.54);
  box-shadow:0 3px 8px rgba(0,0,0,.2);
  font:600 12px/1.3 system-ui,-apple-system,'Segoe UI',sans-serif;
  letter-spacing:.01em;text-align:center;text-shadow:0 1px 2px #0008;
  transition:left 110ms linear,top 110ms linear;
  will-change:left,top;
}
.an412-player{border-color:rgba(255,226,162,.87);background:rgba(62,31,15,.89);font-weight:700;}
.an412-bot{opacity:.82;}
#an412CharacterCard{
 position:fixed;left:max(14px,env(safe-area-inset-left));bottom:calc(100px + env(safe-area-inset-bottom));
 z-index:17;box-sizing:border-box;max-width:min(300px,calc(100vw - 28px));min-width:190px;
 padding:14px 42px 13px 14px;border-radius:18px;
 border:1px solid rgba(235,199,120,.68);background:rgba(39,21,12,.94);
 box-shadow:0 14px 28px rgba(0,0,0,.35);color:#fff1d6;
 font:500 13px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif;
 backdrop-filter:blur(7px);
}
#an412CharacterCard[hidden]{display:none!important;}
#an412CharacterCard strong{display:block;font-size:16px;margin-bottom:2px;color:#ffe0a0;overflow-wrap:anywhere;}
#an412CharacterCard span{display:block;color:#f0d9b2;}
#an412CharacterCard button{
 position:absolute;right:8px;top:8px;width:32px;height:32px;border:0;border-radius:10px;
 background:rgba(255,255,255,.12);color:white;font-size:21px;cursor:pointer;
}
@media(max-width:900px){
 .an412-nameplate{max-width:125px;padding:3px 8px;font-size:11px;line-height:1.35;
  transition:left 145ms linear,top 145ms linear;}
 #an412CharacterCard{bottom:calc(182px + env(safe-area-inset-bottom));left:12px;
   max-width:min(238px,calc(100vw - 24px));padding:12px 42px 11px 13px;}
}
@media(prefers-reduced-motion:reduce){.an412-nameplate{transition:none!important;}}


/* V41.3: nhãn hiện theo tầng khoảng cách — xa vẫn thấy một ít, gần thấy rõ hơn */
.an412-nameplate[data-tier="near"]{opacity:1;transform:translate(-50%,-100%) scale(1);}
.an412-nameplate[data-tier="mid"]{opacity:.9;transform:translate(-50%,-100%) scale(.93);}
.an412-nameplate[data-tier="far"]{opacity:.76;transform:translate(-50%,-100%) scale(.84);}
.an412-player[data-tier="far"]{background:rgba(60,33,16,.76);}
.an412-bot[data-tier="far"]{opacity:.66;}
@media(max-width:900px){
 .an412-nameplate[data-tier="far"]{opacity:.72;transform:translate(-50%,-100%) scale(.81);}
 .an412-nameplate[data-tier="mid"]{transform:translate(-50%,-100%) scale(.91);}
}

/* V41.4 — thêm tên trong bán kính, gọn nhưng dễ nhận biết */
.an412-nameplate{max-width:155px;font-size:12px;transition:left 120ms linear,top 120ms linear,opacity 140ms linear}
.an412-nameplate[data-tier="near"]{opacity:1;transform:translate(-50%,-100%) scale(1)}
.an412-nameplate[data-tier="mid"]{opacity:.88;transform:translate(-50%,-100%) scale(.92)}
.an412-nameplate[data-tier="far"]{opacity:.7;transform:translate(-50%,-100%) scale(.82)}
@media(max-width:900px){
 .an412-nameplate{max-width:118px;padding:3px 7px;font-size:11px;transition:left 130ms linear,top 130ms linear,opacity 130ms linear}
 .an412-nameplate[data-tier="near"]{opacity:1;transform:translate(-50%,-100%) scale(1)}
 .an412-nameplate[data-tier="far"]{opacity:.66;transform:translate(-50%,-100%) scale(.8)}
}

/* Không nội suy vị trí trái/trên: theo đầu nhân vật thật, không tránh chồng tên. */
.an412-nameplate{transition:opacity 120ms ease!important;will-change:auto!important}

/* V41.4.2: chống giật tên khi di chuyển / xoay camera.
 * GPU translate3d cập nhật cùng frame với WebGL.
 * KHÔNG dịch tên để né nhau. KHÔNG animate left/top.
 */
#botPilgrimLabels,#remotePlayerLabels{pointer-events:none!important;}
.an412-nameplate{
 left:0!important;
 top:0!important;
 transition:none!important;
 transform-origin:center bottom!important;
 will-change:transform;
 backface-visibility:hidden;
 -webkit-backface-visibility:hidden;
}
/* Không để CSS tier cũ ghi đè transform do game tính theo frame. */
.an412-nameplate[data-tier="near"],
.an412-nameplate[data-tier="mid"],
.an412-nameplate[data-tier="far"]{
 transition:none!important;
}
@media(prefers-reduced-motion:reduce){.an412-nameplate{transition:none!important}}

/* V41.7: click directly on visible name; don't reposition or jitter labels. */
#botPilgrimLabels .an412-nameplate.an412-bot,
#remotePlayerLabels .an412-nameplate.an412-player{pointer-events:auto!important;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent;}
#remotePlayerLabels .an412-nameplate.an412-player:focus-visible,
#botPilgrimLabels .an412-nameplate.an412-bot:focus-visible{outline:2px solid #f4cf78;outline-offset:3px;}