/* =====================================================================
   กรอบมุมมนทั้งเกม (2 ต.ค. จ๊อบ: กรอบหน้าต่างทุกอย่างควรมุมมนแบบแผงเลือดตี้ · ทั้งคอมและมือถือ)
   หน้าร่าง tools/mockup/round_frames.html · กรอบพิกเซลใหม่ panel_*_r.png (tools/mockup/make_panel_round.py)
   - กรอบใหญ่ (แผง แถบบน แท็บ กล่องคำอธิบาย หน้าต่าง) = 9 ช่อง มุมมนรัศมี 8 ภาพ 32 ตัด 10 แสดง 1:1
   - หน้าแท็บ = มุมบนเหลี่ยม (ต่อเส้นกับแท็บ มีชิ้นต่อเส้นเดิม) มุมล่างมน
   - กล่องย่อยในแผง มน 6 · ภาพฉาก มน 10 · ปุ่มกับกรอบไอเทมบนการ์ดคงเดิม
   ===================================================================== */
body[data-zone] main > section, body[data-zone] #topbar, body[data-zone] #tip, body[data-zone] .cv-panel, body[data-zone] .modal-box.confirm-box {
  border-image: url(../assets/ui/v2/panel_ice_r.png) 10 fill / 10px stretch !important; }
body[data-zone="desert"] main > section, body[data-zone="desert"] #topbar, body[data-zone="desert"] #tip,
body[data-zone="desert"] .cv-panel, body[data-zone="desert"] .modal-box.confirm-box, body[data-zone] .modal-box.temper-box.rf {
  border-image: url(../assets/ui/v2/panel_desert_r.png) 10 fill / 10px stretch !important; }
body[data-zone] main > section#col-people { border-image: none !important; }
body[data-zone] #col-people .tab-page { border-image: url(../assets/ui/v2/panel_ice_rb.png) 10 fill / 10px stretch !important; }
body[data-zone="desert"] #col-people .tab-page { border-image: url(../assets/ui/v2/panel_desert_rb.png) 10 fill / 10px stretch !important; }
/* แท็บ: มนแค่มุมบน */
body[data-zone] #col-people .tabs .tab { border-image: url(../assets/ui/v2/tab_off_ice_r.png) 10 fill / 10px 10px 0 10px stretch !important; }
body[data-zone] #col-people .tabs .tab.on { border-image: url(../assets/ui/v2/panel_ice_r.png) 10 fill / 10px 10px 0 10px stretch !important; }
body[data-zone="desert"] #col-people .tabs .tab { border-image-source: url(../assets/ui/v2/tab_off_desert_r.png) !important; }
body[data-zone="desert"] #col-people .tabs .tab.on { border-image-source: url(../assets/ui/v2/panel_desert_r.png) !important; }

/* กล่องย่อยในแผง + ของที่เป็นกล่อง: มน 6 */
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,
body[data-zone] main > section .card.gate, body[data-zone] .card.site-info, body[data-zone] .card.tw-sec, body[data-zone] .gate-row.held-row, body[data-zone] .tw-m.empty,
body[data-zone] .upgrade, body[data-zone] .site-row, body[data-zone] .tw-stats > div, body[data-zone] #log, body[data-zone] .dd .menu, body[data-zone] .confirm-box .swap-list,
body[data-zone] .hp-panel, body[data-zone] .recipe, body[data-zone] .item-list, body[data-zone] .bonus, body[data-zone] #towershop .shop .it { border-radius: 6px !important; }
body[data-zone] #resources .res, body[data-zone] .creator-mini { border-radius: 5px !important; }
body[data-zone] #towershop .shop .it .slot { border-radius: 5px !important; overflow: hidden; }   /* แสงหายใจ/แสงวิ่งของชุด ตัดตามมุมมน */
/* ภาพฉาก: มน 10 (6 มองไม่ออกเพราะขอบหนา) */
body[data-zone] main > section .scene, body[data-zone] #buildings .village-scene, body[data-zone] #tower-scene { border-radius: 10px !important; overflow: hidden; }

/* กล่อง Records (จ๊อบ: ตัวเลขชิดขอบบน ไอคอนเหรียญชิดขอบ) จัดกลางกล่อง เว้นบนล่างเท่ากัน · เลขกับไอคอนแนวเดียวกัน */
body[data-zone] .tw-stats { gap: 6px !important; }
body[data-zone] .tw-stats > div { min-height: 50px; box-sizing: border-box; padding: 7px 4px 6px !important; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; }
body[data-zone] .tw-stats b { display: inline-flex !important; align-items: center; justify-content: center; gap: 4px; font-size: 14px !important; line-height: 16px !important; height: 16px; }
body[data-zone] .tw-stats img.dcoin { width: 14px !important; height: 14px !important; margin: 0 !important; vertical-align: 0 !important; }
body[data-zone] .tw-stats span { line-height: 12px; }

/* ป้าย ENTER TOWER (จ๊อบเลือกแบบ ค): ไม่มีคาน · ห่วงเหล็กสองอันตอกขอบบน (tw_anchor.png) โซ่ห้อยจากห่วง
   ข้อโซ่คล้องสลับ: ห่วงหันหน้าวง → ข้อแรกหันข้าง (เลื่อนลาย chain.png ขึ้น 7 แถว = 14 px) สอดผ่านห่วง */
#tower-scene .tw-anchor { position: absolute; top: 0; width: 24px; height: 28px; image-rendering: pixelated; z-index: 4; pointer-events: none; }
#tower-scene .tw-anchor.l { left: 84px; } #tower-scene .tw-anchor.r { left: 212px; }
#tower-scene .tw-chain { top: 21px !important; height: 113px !important; background-position: 0 -14px !important; z-index: 5 !important; }
