/* ขนาดตัวอักษรขั้นต่ำ 13px ทุกข้อความที่ผู้เล่นเห็น (กฎโปรเจกต์) — 26 ก.ย.
 * วัดจากหน้าจอจริง (มือถือ 390×844 · 844×390 · คอม 1366×768) เจอ 9–12.5px หลายจุด:
 *   แผงตัวละครมือถือ (ui-polish ใช้ clamp ถึง cqw เพดาน 9–10px) · ชื่อโซน · ตัวบอกชุดสกิล · ป้ายปุ่มเมนู/แชท · แชท
 *   คอม: ตัวเลข HP/SP/EXP 10px · เมนู 10.5–11.5px · Gold/เลเวล 11px · ช่องลัด 11px · แท็บแชท 11.5px
 * อ้างอิง: เกม MMORPG มือถือทั่วไป ตัวเลข HUD ~12–13px · ป้าย/ปุ่ม 13–14px · เนื้อหาในหน้าต่าง 14–16px (Apple ขั้นต่ำ 11pt)
 * โหลดท้ายสุด (index.html) — ไม่ไล่แก้ค่าในไฟล์เดิมทีละที่ ให้ไฟล์นี้เป็นที่เดียวที่คุมพื้นขั้นต่ำ */

/* ── มือถือ: แผงตัวละคร (ข้อยกเว้นเดียวของกฎ 13px) ──
 * แผงเป็นภาพวาดช่องขนาดตายตัว — ลอง 13px แล้วตัวเลขโดนตัดขอบล่าง บรรทัดเลเวลจมใต้ป้ายชื่อ (ภาพ 27 ก.ย.)
 * ตัวเลขในหลอด 12px ตัวหนา กึ่งกลางหลอด (เกมมือถือทั่วไปใช้ 11–12px ในกรอบแบบนี้) · บรรทัด Lv·อาชีพ 11px (เดิม ~9.4px) */
html.touch-ui body #hud #basic .bi-name b { font-size: 13px; }
/* บรรทัด "Lv · อาชีพ" ไม่มีที่ในแผงภาพ (11px ก็จมใต้หลอด HP) → มือถือซ่อน · เลเวลไปอยู่บนเหรียญดาวใต้รูปหน้าแทน
 * ชื่ออาชีพดูในหน้าสถานะ · เหรียญอยู่กึ่งกลางใต้รูปหน้า (รูปหน้า left 10.6% กว้าง 24.2% → กลาง 22.7%) */
html.touch-ui body #hud #basic .bi-name span { display: none; }
html body #basic #b-lvbadge { display: none; }
html.touch-ui body #hud #basic #b-lvbadge {
  display: block; position: absolute; left: 22.7%; top: 86%; transform: translate(-50%, -50%); z-index: 3;
  font: 800 13px/1 var(--font-head); font-style: normal; color: #fff6dc; white-space: nowrap;
  background: #5a3c1c; border: 1.5px solid #e8b64a; border-radius: 999px; padding: 2px 7px; box-shadow: 0 1px 2px rgba(0,0,0,.35);
}
html.touch-ui body #hud #basic .cc .bi-bar span,
html.touch-ui body #hud .bi .bi-bar span { font: 700 12px/1 var(--font); align-self: center; }

/* ── มือถือ: ป้ายอื่น ๆ บน HUD ── */
html.touch-ui body #hud #zone-name b, html.touch-ui body #zone-name b { font-size: 13px; }
html.touch-ui body #touch-acts b, html.touch-ui body #touch-acts i, html.touch-ui body #touch-acts small { font-size: 13px; }
html.touch-ui body #fabs .fab-lb { font-size: 13px; }
html.touch-ui body #chat-log .msg, html.touch-ui body #chat-log .who, html.touch-ui body #chat-log .sep { font-size: 13px; }

/* ── ในหน้าต่าง (ทุกจอ) ── */
html body #windows .small, html body #windows small { font-size: 13px; }
html body #windows .qty { font-size: 13px; }

/* ── คอม ── */
html:not(.touch-ui) body .bi-bar span, html:not(.touch-ui) body .bi-lv em { font-size: 13px; }
html:not(.touch-ui) body #basic .bi-name span, html:not(.touch-ui) body #b-job span { font-size: 13px; }
html:not(.touch-ui) body #basic span, html:not(.touch-ui) body #basic .bi-zeny,
html:not(.touch-ui) body #b-zeny b, html:not(.touch-ui) body #b-blv b, html:not(.touch-ui) body #b-jlv b { font-size: 13px; }
html:not(.touch-ui) body #menu button, html:not(.touch-ui) body #menu small { font-size: 13px; }
html:not(.touch-ui) body #hotbar .key, html:not(.touch-ui) body #hotbar .qty, html:not(.touch-ui) body #hotbar .hb-page { font-size: 13px; }
html:not(.touch-ui) body #chat .chat-tabs button, html:not(.touch-ui) body #chat button { font-size: 13px; }
html:not(.touch-ui) body #chat-log .msg, html:not(.touch-ui) body #chat-log .who, html:not(.touch-ui) body #chat-log .sep,
html:not(.touch-ui) body #chat-mode button, html:not(.touch-ui) body #chat-send button { font-size: 13.5px; }
html:not(.touch-ui) body #chat-log time { font-size: 13px; opacity: .75; }
html:not(.touch-ui) body #zone-name b { font-size: 13px; }

/* จุดที่กฎเดิมจำเพาะกว่า (สกินไม้ ui-skin.css · ui-kit) — ไฟล์นี้คุมพื้นขั้นต่ำอย่างเดียว จึงใช้ !important เฉพาะตรงนี้ */
html body #zone-name, html body #zone-name b { font-size: 13px !important; }
html.touch-ui body #touch-acts b, html.touch-ui body #touch-acts i, html.touch-ui body #touch-acts small { font-size: 13px !important; }
html.touch-ui body #fabs .fab-lb { font-size: 13px !important; }
html:not(.touch-ui) body #b-hpt, html:not(.touch-ui) body #b-spt, html:not(.touch-ui) body #b-job { font-size: 13px !important; }
html.touch-ui body #b-hpt, html.touch-ui body #b-spt { font-size: 12px !important; }

html:not(.touch-ui) body #menu button, html:not(.touch-ui) body #menu small { font-size: 13px !important; }
html:not(.touch-ui) body #hotbar .key { font-size: 13px !important; }
html body .eqslot, html body .eqslot span, html body .slot .qty, html body .slot .sk { font-size: 13px !important; }   /* ช่องสวมใส่ "หมวก" ฯลฯ · ตัวเลขจำนวนในช่อง */
/* ตัวเลขใหญ่ขึ้นแล้วกินพื้นที่ทับไส้หลอด — ยกตัวเลขขึ้นเหนือไส้หลอดเสมอ (check-ui-layout: "ไส้หลอดทับตัวเลข") */
html body .bi-bar span, html body #b-hpt, html body #b-spt, html body .bi-lv > :not(.rbar) { position: relative; z-index: 2; }