/* น้ำหนักกระเป๋า (weight-hud.js) — ป้ายเล็กมุมซ้ายล่างเหนือแชท · ครีม/ทองชุดเดียวกับการ์ดไอเทม */
.wt-chip { position: fixed; left: 16px; top: 368px; z-index: 25; display: flex; align-items: center; gap: 7px; padding: 4px 10px 4px 6px; cursor: pointer;
  border-radius: 999px; border: 1.5px solid #d9b56a; background: linear-gradient(#fffaf0f2, #f8eed8f2); box-shadow: 0 3px 10px #0004; color: #3e2c16;
  font: 700 13px/1 var(--font-head, inherit); }
.wt-chip .wt-ic { font-style: normal; font-size: 16px; }
.wt-bar { width: 72px; height: 8px; border-radius: 4px; background: #ece3cf; overflow: hidden; }
.wt-bar b { display: block; height: 100%; border-radius: 4px; background: linear-gradient(90deg, #72c46a, #9bd97a); transition: width .3s; }
.wt-chip em { font-style: normal; font-size: 12.5px; }
.wt-chip.l1 { border-color: #e8b64a; background: linear-gradient(#fff6dc, #fbe9bb); }
.wt-chip.l1 .wt-bar b { background: linear-gradient(90deg, #e8b64a, #f2c14e); }
.wt-chip.l1 em { color: #8a5a12; }
.wt-chip.l2 { border-color: #d0453a; background: linear-gradient(#fff0ec, #fbd8cf); animation: wt-pulse 0.9s ease-in-out infinite alternate; }
.wt-chip.l2 .wt-bar b { background: linear-gradient(90deg, #e0663a, #d0453a); }
.wt-chip.l2 em { color: #a8302a; }
@keyframes wt-pulse { to { box-shadow: 0 0 0 4px #d0453a55, 0 3px 10px #0004; } }
/* กระเป๋าเต็มตอนเก็บของอัตโนมัติ (weight-hud.js full) — กะพริบแดง 4 วิ แม้น้ำหนักยังไม่ถึงเส้น (ช่องเต็ม) */
.wt-chip.wt-full { border-color: #d0453a; animation: wt-pulse 0.45s ease-in-out 8 alternate; }
/* ป้ายเหนือหัวตอนหนักเกิน */
.wt-over { position: fixed; z-index: 24; transform: translate(-50%, -100%); padding: 2px 9px; border-radius: 999px; pointer-events: none; white-space: nowrap;
  background: #d0453a; color: #fff; font: 700 12.5px/1.5 var(--font-head, inherit); box-shadow: 0 2px 0 #7a2a22; animation: wt-bob 0.8s ease-in-out infinite alternate; }
@keyframes wt-bob { to { transform: translate(-50%, calc(-100% - 4px)); } }
@media (max-width: 760px), (pointer: coarse) {
  .wt-chip { left: 14px; top: 264px; padding: 3px 8px 3px 5px; font-size: 12.5px; }
  .wt-chip em { display: none; }
  .wt-bar { width: 48px; }
}
.bag-wt.l1 { color: #8a5a12; } .bag-wt.l2 { color: #c0392b; }
/* มือถือ: ชิปต่อขวาชิปเพชร (weight-hud.js place) · ชั้นต่ำกว่าแถบเป้าหมาย/ป้ายมอน/หน้าต่าง — ไม่บังป๊อปอัป (1 ต.ค.) */
.wt-chip, .wt-over { z-index: 8; }   /* คอมด้วย: ผู้ใช้ 1 ต.ค. "tab น้ำหนักยังบัง popup ในโหมด pc" (การ์ดเป้าหมายตอนกาง z 24 · หน้าต่าง) */
/* 1 ต.ค. (ผู้ใช้): แผงโปร่งสีเข้มแบบเดียวกับแถบเป้าหมาย (ui-goal-glass.css) ทั้งคอมและมือถือ · คอม: กว้างเท่าแถว Lv/Gold (256 · ขอบ 14) */
.wt-chip { color: #fff; background: rgba(16, 24, 32, .56); border: 1px solid rgba(255, 255, 255, .16); box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
  -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); border-radius: 10px; min-height: 30px; box-sizing: border-box; text-shadow: 0 1px 2px rgba(0, 0, 0, .5); }
.wt-chip .wt-bar { background: rgba(255, 255, 255, .18); }
.wt-chip.l1 { background: rgba(16, 24, 32, .62); border-color: #e8b64a; }
.wt-chip.l1 em { color: #ffd98a; }
.wt-chip.l2 { background: rgba(70, 18, 16, .66); border-color: #ff7a6a; }
.wt-chip.l2 em { color: #ffb4a8; }
.wt-chip em, .wt-chip .wt-n { white-space: nowrap; }
.wt-chip em { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
html:not(.touch-ui) .wt-chip { left: 14px; width: 256px; }