/* =====================================================================
   ของข้างในแผง (1 ต.ค. งานที่เหลือของ UI System 1)
   1) การ์ดย่อย/ฉาก/แถวแคมป์ ในแผง Village · Tower · Trail · Log → กล่องพิกเซลทึบ ขอบดำ ไฮไลต์ในบน/ซ้าย (แบบช่องค่าพลังในการ์ดใบใหญ่)
   2) ตัวหนังสือ 4 ขนาดทั้งเกม: 14 หัวแผง · 13 ชื่อ/ปุ่ม · 11 เนื้อหา/ตัวเลข · 10 ป้ายเล็ก (จ๊อบใช้ไปก่อน ดูของจริงอีกรอบ)
   ===================================================================== */
:root { --in-bg: #0a1826; --in-edge: #06101c; --in-hi: #1d3a56; --in-lo: #2c5070; }
body[data-zone="desert"] { --in-bg: #170e06; --in-edge: #1a0f06; --in-hi: #3a2814; --in-lo: #6e5030; }

/* ---------- 1) การ์ดย่อยในแผง ---------- */
body[data-zone] main > section .card:not(.tc):not(.store):not(.trader),
body[data-zone] #haul .card, body[data-zone] #store .card, body[data-zone] .card.store, body[data-zone] .card.trader {
  background: var(--in-bg) !important; border: 2px solid var(--in-edge) !important; border-image: none !important; border-radius: 0 !important;
  box-shadow: inset 1px 1px 0 var(--in-hi), inset -1px -1px 0 var(--in-lo) !important; clip-path: none !important; outline: none !important; }
body[data-zone] main > section .scene {
  border: 2px solid var(--in-edge) !important; border-image: none !important; border-radius: 0 !important; outline: none !important;
  box-shadow: inset 0 0 0 1px var(--in-lo), 0 3px 0 rgba(0,0,0,.4) !important; }
/* แถวแคมป์ในแผง Village */
body[data-zone] .site-row { background: var(--in-bg) !important; border: 2px solid var(--in-edge) !important; border-radius: 0 !important;
  box-shadow: inset 1px 1px 0 var(--in-hi) !important; outline: none !important; }
body[data-zone] .site-row:hover { box-shadow: inset 1px 1px 0 var(--in-lo), inset 0 0 0 1px var(--in-lo) !important; }
body[data-zone] .site-row.on { box-shadow: inset 3px 0 0 #9fd8e0, inset 1px 1px 0 var(--in-hi) !important; }
body[data-zone="desert"] .site-row.on { box-shadow: inset 3px 0 0 #f0d29a, inset 1px 1px 0 var(--in-hi) !important; }
/* ช่องทีม Tower ว่าง + กล่อง Records */
body[data-zone] .tw-stats > div { background: rgba(0,0,0,.25); border: 2px solid var(--in-edge); box-shadow: inset 1px 1px 0 var(--in-hi); border-radius: 0; }
/* กล่อง Log ในแผง */
body[data-zone] #log { background: var(--in-bg) !important; box-shadow: inset 1px 1px 0 var(--in-hi), inset -1px -1px 0 var(--in-lo) !important; border: 2px solid var(--in-edge) !important; }

/* ---------- 2) ตัวหนังสือ 4 ขนาด ---------- */
body[data-zone] main { font-size: 11px; }
body[data-zone] main .card-title, body[data-zone] main .card-title > :not(.pill):not(.flag):not(.ico),
body[data-zone] main .tw-h, body[data-zone] main .site-name, body[data-zone] main .item-name, body[data-zone] main .gate-title,
body[data-zone] main button.job:not(.tiny), body[data-zone] main .send, body[data-zone] main .recipe .card-title { font-size: 13px !important; }
body[data-zone] main .muted, body[data-zone] main .rate, body[data-zone] main .warn, body[data-zone] main .item-stats, body[data-zone] main .statline,
body[data-zone] main .site-crew, body[data-zone] main .site-rate, body[data-zone] main .cost, body[data-zone] main .drop-list, body[data-zone] main #log .log-line,
body[data-zone] main .tw-stats, body[data-zone] main .storerow, body[data-zone] main p { font-size: 11px !important; }
body[data-zone] main .pill, body[data-zone] main .pill *, body[data-zone] main .flag, body[data-zone] main .flag *, body[data-zone] main .chip,
body[data-zone] main .tiny, body[data-zone] main .item-slot, body[data-zone] main small, body[data-zone] main .tw-stats span, body[data-zone] main .vgroup-head .muted,
body[data-zone] main .site-lv { font-size: 10px !important; }
/* ตัวที่เล็กกว่า 10 เดิม (9 px) ขึ้นเป็น 10 ทั้งหมด · หัวแผงคุมไว้ที่ ui2.css (14 ตัวหนา) */
/* ป้ายชื่อเหนือหัวตัวละครในฉาก 9 → 10 · หัวกลุ่มในรายชื่อ 11 · ข้อยกเว้น: แท็บ 12 (5 แท็บพอดีแถวเดียว) · ป้าย ENTER TOWER เป็นภาพป้าย */
body[data-zone] main .actor .tag { font-size: 10px !important; }
body[data-zone] #villagers .vgroup-head { font-size: 11px !important; }
body[data-zone] .gate-title { white-space: nowrap; }   /* หัว At the gate ห้ามขึ้นสองบรรทัดตอนคนรอเยอะ */