/* Tawandee — โหมดขาว "นูนนุ่ม" (แบบ A · เจ้าของเลือก 2026-09-24) · ป้ายติดโดย assets/tawandee-clay.js
   เฉพาะ html.lotto-soft-light · โหมดเขียวไม่แตะ · ไม่เปลี่ยนสีพื้นของกล่อง เปลี่ยนแค่เงา/กรอบ/มุม
   ความเจาะจง: :is(.ป้าย, #tz#tz#tz#tz#tz#tz#tz) — ไอดีหลอก 7 ตัว (ไม่มีทางตรงกับอะไร) ทำให้กฎนี้ชนะกฎธีมเดิมที่ซ้อนไอดีถึง 4–6 ชั้น
   ส่วนสไตล์ inline !important ของตัวทาสีธีมตั้งแค่สี/สีกรอบ ไม่ตั้งเงา เราจึงไม่ชนกัน (กรอบใช้ border-width:0 แทนการเปลี่ยนสีกรอบ) */

/* พื้นหน้าใช้สีเดิมของธีมขาว (#eef0ef) — ลองเข้มขึ้นเป็น #eceeec แล้วกล่องหัวหน้าสีเทาจางที่เคยกลืนกับพื้นโผล่เป็นสี่เหลี่ยม จึงไม่แตะ */

/* 2026-09-24 ช่วงรอสีนิ่ง (ตอนเปิดหน้า / หลังสลับโหมด): ปิดการไล่สีทั้งหน้า ให้สีเปลี่ยนทีเดียว ไม่ค่อย ๆ ปรับให้เห็น
   tawandee-clay.js ใส่ twd-settled เมื่อสีนิ่ง (ถ้าสคริปต์โหลดไม่ขึ้น แค่ไม่มี transition — ใช้งานได้ปกติ) */
/* ไอดีหลอก 8 ตัว: ต้องชนะกฎเดิมที่ตั้ง transition แบบ !important ไว้เจาะจงกว่า (เช่น ปุ่มสลับโหมด) */
html:not(.twd-settled) :is(*,#tz#tz#tz#tz#tz#tz#tz#tz),html:not(.twd-settled) :is(*,#tz#tz#tz#tz#tz#tz#tz#tz)::before,html:not(.twd-settled) :is(*,#tz#tz#tz#tz#tz#tz#tz#tz)::after{transition:none !important}

/* ช่องพิมพ์: บุ๋มลง (คู่กับปุ่มที่นูนขึ้น) */
html.lotto-soft-light body :is(input[type="text"],input[type="search"],input[type="tel"],input[type="email"],input[type="password"],input[type="number"],input[type="url"],input:not([type]),textarea,select,#tz#tz#tz#tz#tz#tz#tz){
  border-width:0 !important;
  box-shadow:inset 0 3px 7px rgba(28,58,44,.13),inset 0 -1px 0 rgba(255,255,255,.9),0 1px 0 rgba(255,255,255,.85) !important}
html.lotto-soft-light body :is(input[type="text"],input[type="search"],input[type="tel"],input[type="email"],input[type="password"],input[type="number"],input[type="url"],input:not([type]),textarea,select,#tz#tz#tz#tz#tz#tz#tz):focus{
  box-shadow:inset 0 3px 7px rgba(28,58,44,.13),0 0 0 3px rgba(0,156,65,.24) !important;outline:0 !important}

/* การ์ดใหญ่ */
html.lotto-soft-light body :is(.twd-clay-cd,#tz#tz#tz#tz#tz#tz#tz){
  border-width:0 !important;
  box-shadow:0 14px 26px -14px rgba(28,58,44,.30),0 2px 6px rgba(28,58,44,.06),inset 0 -3px 0 rgba(28,58,44,.06),inset 0 2px 0 rgba(255,255,255,.95) !important}
/* ชิป/กล่องเล็กพื้นขาว */
html.lotto-soft-light body :is(.twd-clay-sf,#tz#tz#tz#tz#tz#tz#tz){
  border-width:0 !important;
  box-shadow:0 7px 12px -8px rgba(28,58,44,.34),0 1px 3px rgba(28,58,44,.06),inset 0 -2px 0 rgba(28,58,44,.07),inset 0 1px 0 rgba(255,255,255,.95) !important}
/* ปุ่ม/ช่องสีทึบ: หนาแบบดินน้ำมัน เงาสีเดียวกับปุ่ม (--twd-glow ตั้งจากสีจริงของปุ่ม) */
html.lotto-soft-light body :is(.twd-clay-bt,#tz#tz#tz#tz#tz#tz#tz){
  border-width:0 !important;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.28),inset 0 -5px 0 rgba(0,0,0,.18),0 9px 14px -8px var(--twd-glow,rgba(0,90,45,.45)) !important}
/* เฟรมแรกที่เพิ่งติดป้าย: ห้าม transition ไม่งั้นปุ่มค่อย ๆ แปลงร่างจากแบบเก่าให้เห็น (สคริปต์ถอดคลาสนี้ออกหลัง 2 เฟรม) */
html body :is(.twd-clay-fresh,#tz#tz#tz#tz#tz#tz#tz#tz){transition:none !important}
/* กดแล้วยุบลงนิดหนึ่ง */
html.lotto-soft-light body :is(button,a,[role="button"],.lgs-option,.lgs-group):is(.twd-clay-bt,.twd-clay-sf):active{
  box-shadow:inset 0 2px 0 rgba(255,255,255,.22),inset 0 -2px 0 rgba(0,0,0,.18),0 4px 8px -6px var(--twd-glow,rgba(0,90,45,.45)) !important}

/* สรุปเด่น: กล่องหุ้มชั้นนอกเป็นแผ่นรองสีอ่อน (การ์ดข้างในขาวลอยบนแผ่นนี้) · พื้นหลังชื่อหวยต้องโปร่ง ไม่งั้นเห็นสี่เหลี่ยมขาว */
html.lotto-soft-light body :is(#dashP4SummarySlot#dashP4SummarySlot#dashP4SummarySlot#dashP4SummarySlot#dashP4SummarySlot#dashP4SummarySlot#dashP4SummarySlot){background-color:#f4f5f4 !important;background-image:none !important}
html.lotto-soft-light body :is(#p4LottoName#p4LottoName#p4LottoName#p4LottoName#p4LottoName#p4LottoName#p4LottoName){background:transparent !important;box-shadow:none !important}

/* แถบเมนูล่าง: ไม่มีเส้นขอบ ใช้เงานุ่มลอยขึ้นแทน */
html.lotto-soft-light body :is(.cbn-bar,#tz#tz#tz#tz#tz#tz#tz){border-top:0 !important;box-shadow:0 -10px 30px -12px rgba(28,58,44,.25) !important}
/* แผ่นเมนูเด้งขึ้น: แผ่นขาวมีเงา + ช่องเมนูเป็นชิปนูน */
html.lotto-soft-light body :is(.cbn-sheet .cbn-panel,#tz#tz#tz#tz#tz#tz#tz){border:0 !important;box-shadow:0 -16px 40px -12px rgba(28,58,44,.30),inset 0 2px 0 #fff !important}
html.lotto-soft-light body :is(.cbn-sheet .cbn-item,.cbn-sheet .cbn-gitem,#tz#tz#tz#tz#tz#tz#tz){border:0 !important;box-shadow:0 7px 12px -8px rgba(28,58,44,.34),inset 0 -2px 0 rgba(28,58,44,.07),inset 0 1px 0 #fff !important}
html.lotto-soft-light body :is(.cbn-sheet .cbn-item.is-key,.cbn-sheet .cbn-gitem.is-key,#tz#tz#tz#tz#tz#tz#tz){box-shadow:inset 0 3px 0 rgba(255,255,255,.28),inset 0 -5px 0 rgba(0,0,0,.18),0 9px 14px -8px rgba(0,86,36,.45) !important}

/* ไม่ต้องขยับเวลาผู้ใช้ตั้งเครื่องไว้ว่าลดการเคลื่อนไหว — เงาไม่มีแอนิเมชันอยู่แล้ว */

/* ══ โหมดเขียว "เขียวหยก" (แบบ A · เจ้าของเลือก 2026-09-24) ══════════════════════════════
   สีหยกมาจาก tawandee-clay.js (แก้ค่าในกฎ CSS ตอนอยู่โหมดเขียว) · ที่นี่คือเงานูนแบบดินน้ำมันของโหมดเขียว
   กรอบใช้ border-color:transparent (ไม่ใช่ border-width:0) ขนาดกล่องจึงไม่ขยับ */
html:not(.lotto-soft-light) body :is(.twd-gclay-cd,#tz#tz#tz#tz#tz#tz#tz){
  border-color:transparent !important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.13),inset 0 -3px 0 rgba(0,0,0,.14),0 16px 30px -16px rgba(0,18,10,.6),0 2px 6px rgba(0,18,10,.12) !important}
html:not(.lotto-soft-light) body :is(.twd-gclay-sf,#tz#tz#tz#tz#tz#tz#tz){
  border-color:transparent !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -2px 0 rgba(0,0,0,.14),0 8px 14px -9px rgba(0,18,10,.55) !important}
html:not(.lotto-soft-light) body :is(.twd-gclay-tl,#tz#tz#tz#tz#tz#tz#tz){
  border-color:transparent !important;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.26),inset 0 -5px 0 rgba(0,0,0,.24),0 10px 16px -9px rgba(0,20,10,.6) !important}
html:not(.lotto-soft-light) body :is(.twd-gclay-bt,#tz#tz#tz#tz#tz#tz#tz){
  border-color:transparent !important;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.24),inset 0 -5px 0 rgba(0,0,0,.2),0 10px 16px -9px rgba(0,20,10,.55) !important}
/* กดแล้วยุบลงนิดหนึ่ง */
html:not(.lotto-soft-light) body :is(button,a,[role="button"],.lgs-option,.lgs-group):is(.twd-gclay-bt,.twd-gclay-tl,.twd-gclay-sf):active{
  box-shadow:inset 0 2px 0 rgba(255,255,255,.2),inset 0 -2px 0 rgba(0,0,0,.2),0 4px 8px -6px rgba(0,20,10,.5) !important}
/* แถบเมนูล่าง / แผ่นเมนู: ไม่มีเส้นขอบ เงาลอย */
html:not(.lotto-soft-light) body :is(.cbn-bar,#tz#tz#tz#tz#tz#tz#tz){border-top-color:transparent !important;box-shadow:0 -12px 30px -12px rgba(0,18,10,.55) !important}
html:not(.lotto-soft-light) body :is(.cbn-sheet .cbn-panel,#tz#tz#tz#tz#tz#tz#tz){border-color:transparent !important;box-shadow:0 -16px 40px -12px rgba(0,18,10,.6),inset 0 2px 0 rgba(255,255,255,.12) !important}
/* สรุปเด่น: พื้นหลังชื่อหวยโปร่ง ไม่งั้นเห็นแถบสี่เหลี่ยมหลังป้ายชื่อ (แบบเดียวกับโหมดขาว) */
html:not(.lotto-soft-light) body :is(#p4LottoName#p4LottoName#p4LottoName#p4LottoName#p4LottoName#p4LottoName#p4LottoName){background:transparent !important;box-shadow:none !important}

/* ══ 2026-09-26 เจ้าของ: "ทั้งโปรแกรม ทั้ง 2 โหมด ทุกปุ่ม ออกใส ๆ สวย ๆ แบบ iOS 26 — ใสแต่ยังมองเห็นรายละเอียด" ══════════
   รอบ 1 แสงนวลก้อนใหญ่ข้างใน → เจ้าของ: "มัว ๆ ฝ้า" · รอบ 2 เหลือแต่ขอบกระจก → เจ้าของ: "มิติหายไป อยากได้มิติ + ใส"
   รอบ 3 = ความหนานูนแบบเดิม (ขอบล่างเข้ม + เงาใต้ปุ่มสีเดียวกับปุ่ม) + ขอบกระจกใสแบบ iOS (liquid glass):
     ขอบใน 1px สีขาวใส + เส้นแสงสะท้อนคม ๆ ขอบบน · ด้านในปุ่มไม่มีแสงคลุม (ไม่ฝ้า สีสดเท่าเดิม)
   box-shadow ล้วน: ไม่ใช้ ::before/::after (ปุ่มหวย/แท็บ/เมนูซ้ายใช้ ::after อยู่แล้ว) ไม่ใช้ backdrop-filter (ไอแพดมัว)
   ไม่แตะสีพื้น/สีตัวหนังสือ · ความเจาะจงเท่ากฎด้านบน (ไอดีหลอก 7 ตัว) มาทีหลังจึงชนะ */
/* โหมดขาว */
html.lotto-soft-light body :is(.twd-clay-cd,#tz#tz#tz#tz#tz#tz#tz){
  border-width:0 !important;
  box-shadow:0 14px 26px -14px rgba(28,58,44,.30),0 2px 6px rgba(28,58,44,.06),0 0 0 1px rgba(28,58,44,.07),inset 0 -3px 0 rgba(28,58,44,.06),inset 0 2px 0 #fff !important}
html.lotto-soft-light body :is(.twd-clay-sf,#tz#tz#tz#tz#tz#tz#tz){
  border-width:0 !important;
  box-shadow:0 7px 12px -8px rgba(28,58,44,.34),0 1px 3px rgba(28,58,44,.06),0 0 0 1px rgba(28,58,44,.09),inset 0 -3px 0 rgba(28,58,44,.08),inset 0 1.5px 0 #fff !important}
html.lotto-soft-light body :is(.twd-clay-bt,#tz#tz#tz#tz#tz#tz#tz){
  border-width:0 !important;
  box-shadow:0 9px 14px -8px var(--twd-glow,rgba(0,90,45,.45)),inset 0 -5px 0 rgba(0,0,0,.17),inset 0 0 0 1px rgba(255,255,255,.34),inset 0 2px 0 rgba(255,255,255,.58) !important}
html.lotto-soft-light body :is(button,a,[role="button"],.lgs-option,.lgs-group):is(.twd-clay-bt,#tz#tz#tz#tz#tz#tz#tz):active{
  box-shadow:0 4px 8px -6px var(--twd-glow,rgba(0,90,45,.45)),inset 0 -2px 0 rgba(0,0,0,.17),inset 0 0 0 1px rgba(255,255,255,.34),inset 0 1.5px 0 rgba(255,255,255,.45) !important}
html.lotto-soft-light body :is(button,a,[role="button"],.lgs-option,.lgs-group):is(.twd-clay-sf,#tz#tz#tz#tz#tz#tz#tz):active{
  box-shadow:0 3px 6px -5px rgba(28,58,44,.34),0 0 0 1px rgba(28,58,44,.10),inset 0 -1px 0 rgba(28,58,44,.08),inset 0 1px 0 #fff !important}
/* แผ่นเมนูเด้งขึ้น (แอป) */
html.lotto-soft-light body :is(.cbn-sheet .cbn-item,.cbn-sheet .cbn-gitem,#tz#tz#tz#tz#tz#tz#tz){
  box-shadow:0 7px 12px -8px rgba(28,58,44,.34),0 0 0 1px rgba(28,58,44,.09),inset 0 -3px 0 rgba(28,58,44,.08),inset 0 1.5px 0 #fff !important}
html.lotto-soft-light body :is(.cbn-sheet .cbn-item.is-key,.cbn-sheet .cbn-gitem.is-key,#tz#tz#tz#tz#tz#tz#tz){
  box-shadow:0 9px 14px -8px rgba(0,86,36,.45),inset 0 -5px 0 rgba(0,0,0,.17),inset 0 0 0 1px rgba(255,255,255,.34),inset 0 2px 0 rgba(255,255,255,.58) !important}
/* โหมดเขียว (หยก) */
html:not(.lotto-soft-light) body :is(.twd-gclay-cd,#tz#tz#tz#tz#tz#tz#tz){
  border-color:transparent !important;
  box-shadow:0 16px 30px -16px rgba(0,18,10,.6),0 2px 6px rgba(0,18,10,.12),inset 0 -3px 0 rgba(0,0,0,.14),inset 0 0 0 1px rgba(255,255,255,.10),inset 0 2px 0 rgba(255,255,255,.16) !important}
html:not(.lotto-soft-light) body :is(.twd-gclay-sf,#tz#tz#tz#tz#tz#tz#tz){
  border-color:transparent !important;
  box-shadow:0 8px 14px -9px rgba(0,18,10,.55),inset 0 -3px 0 rgba(0,0,0,.16),inset 0 0 0 1px rgba(255,255,255,.16),inset 0 1.5px 0 rgba(255,255,255,.24) !important}
html:not(.lotto-soft-light) body :is(.twd-gclay-tl,.twd-gclay-bt,#tz#tz#tz#tz#tz#tz#tz){
  border-color:transparent !important;
  box-shadow:0 10px 16px -9px rgba(0,20,10,.6),inset 0 -5px 0 rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.30),inset 0 2px 0 rgba(255,255,255,.48) !important}
html:not(.lotto-soft-light) body :is(button,a,[role="button"],.lgs-option,.lgs-group):is(.twd-gclay-tl,.twd-gclay-bt,.twd-gclay-sf,#tz#tz#tz#tz#tz#tz#tz):active{
  box-shadow:0 4px 8px -6px rgba(0,20,10,.5),inset 0 -2px 0 rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.28),inset 0 1.5px 0 rgba(255,255,255,.36) !important}

/* ══ 2026-09-26 ค่ำ เจ้าของ: "ชัด เคลียร์ ไม่มัว ไม่ฟุ้ง ดูนาน ๆ แสบตา — ทุกจุดทั้ง 2 โหมด แบบรูปที่แต่งในไอโฟน" ══════════
   โหมดเขียว: สีมาจาก tawandee-clay.js (JADE ใหม่ = มรกตเข้ม) · โหมดขาว: เงาก้อนใหญ่เบลอ 14–26px = ขอบการ์ด/ปุ่มฟุ้ง
   → เงาสั้นคม + เส้นขอบบาง 1px ให้ขอบกล่องชัด (การ์ดเขียวอ่อนบนพื้นเทาสว่างพอ ๆ กัน เดิมแยกกันด้วยเงาเบลออย่างเดียว)
   ความเจาะจงเท่ากฎด้านบน มาทีหลังจึงชนะ */
html.lotto-soft-light body :is(.twd-clay-cd,#tz#tz#tz#tz#tz#tz#tz){
  box-shadow:0 1px 1px rgba(28,58,44,.08),0 5px 10px -7px rgba(28,58,44,.34),0 0 0 1px rgba(28,58,44,.13),inset 0 -2px 0 rgba(28,58,44,.06),inset 0 1.5px 0 #fff !important}
html.lotto-soft-light body :is(.twd-clay-sf,#tz#tz#tz#tz#tz#tz#tz){
  box-shadow:0 3px 5px -3px rgba(28,58,44,.32),0 0 0 1px rgba(28,58,44,.15),inset 0 -2px 0 rgba(28,58,44,.08),inset 0 1.5px 0 #fff !important}
html.lotto-soft-light body :is(.twd-clay-bt,#tz#tz#tz#tz#tz#tz#tz){
  box-shadow:0 4px 5px -3px var(--twd-glow,rgba(0,90,45,.45)),inset 0 -4px 0 rgba(0,0,0,.2),inset 0 0 0 1px rgba(0,0,0,.06),inset 0 1.5px 0 rgba(255,255,255,.45) !important}
html.lotto-soft-light body :is(.cbn-sheet .cbn-item,.cbn-sheet .cbn-gitem,#tz#tz#tz#tz#tz#tz#tz){
  box-shadow:0 3px 5px -3px rgba(28,58,44,.32),0 0 0 1px rgba(28,58,44,.15),inset 0 -2px 0 rgba(28,58,44,.08),inset 0 1.5px 0 #fff !important}
html.lotto-soft-light body :is(.cbn-sheet .cbn-item.is-key,.cbn-sheet .cbn-gitem.is-key,#tz#tz#tz#tz#tz#tz#tz){
  box-shadow:0 4px 5px -3px rgba(0,86,36,.45),inset 0 -4px 0 rgba(0,0,0,.2),inset 0 0 0 1px rgba(0,0,0,.06),inset 0 1.5px 0 rgba(255,255,255,.45) !important}
/* โหมดเขียว: พื้นเกือบดำแล้ว เงาเบลอก้อนใหญ่ไม่ได้ช่วยอะไร → เงาสั้น + ขอบในบางคม */
html:not(.lotto-soft-light) body :is(.twd-gclay-cd,#tz#tz#tz#tz#tz#tz#tz){
  box-shadow:0 6px 12px -8px rgba(0,0,0,.7),inset 0 -2px 0 rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.09),inset 0 1.5px 0 rgba(255,255,255,.13) !important}
html:not(.lotto-soft-light) body :is(.twd-gclay-sf,#tz#tz#tz#tz#tz#tz#tz){
  box-shadow:0 4px 6px -4px rgba(0,0,0,.6),inset 0 -2px 0 rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.13),inset 0 1.5px 0 rgba(255,255,255,.18) !important}
html:not(.lotto-soft-light) body :is(.twd-gclay-tl,.twd-gclay-bt,#tz#tz#tz#tz#tz#tz#tz){
  box-shadow:0 5px 7px -4px rgba(0,0,0,.6),inset 0 -4px 0 rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.22),inset 0 1.5px 0 rgba(255,255,255,.42) !important}
/* 2026-09-26 ค่ำ ตรวจสี: หน้าวิธีใช้ (gd-hero / gd-cta) เดิมไล่เขียว → แปลงเป็นเขียวช่องเลขสดทั้งแผ่น ตัวเขียวอ่อน/เหลืองบนนั้นจาง (2.8 เท่า)
   → กล่องใหญ่ใช้มรกตเข้มกว่าช่องเลข (ตัวขาว/เหลืองชัด) · อยู่ในไฟล์นี้เพราะ tawandee-clay.js ไม่แปลงสีในไฟล์นี้ */
html:not(.lotto-soft-light) body :is(.gd-hero,.gd-cta,#tz#tz#tz#tz#tz#tz#tz){background:linear-gradient(135deg,#087a3c,#0b6a47) !important}
/* 2026-09-28 ค่ำ เจ้าของ (รูปหน้า 57 โหมดเขียว ขีดแดง): "สีมันฟุ้ง ๆ" — กล่องคำอธิบายการ์ดแดง + ปุ่มดึงใหม่ในหัวหน้า 57
   เดิมพื้นขาวโปร่ง .14/.18 ทับเขียว (ขุ่นเป็นฝ้า) + เงาดำเบลอใต้กล่อง + ตัวอักษรถูกแปลงเป็นเขียวมิ้นต์ → ทึบ ขอบบางคม ไม่มีเงาเบลอ
   อยู่ในไฟล์นี้เพราะ tawandee-clay.js ไม่แปลงสีในไฟล์นี้ (ถ้าใส่ใน index_kawaii สีจะโดนแปลงเป็นมิ้นต์อีก) */
html:not(.lotto-soft-light) body :is(#mainPage57 .dy-hero .dy-cards-note,#tz#tz#tz#tz#tz#tz#tz){
  background:#0a3324 !important;background-image:none !important;border:1px solid rgba(255,255,255,.16) !important;box-shadow:none !important;
  color:#f2fff8 !important;-webkit-text-fill-color:#f2fff8 !important;font-weight:700 !important}
html:not(.lotto-soft-light) body :is(#mainPage57 .dy-hero .dy-cards-note b,#tz#tz#tz#tz#tz#tz#tz){color:#ffe066 !important;-webkit-text-fill-color:#ffe066 !important;font-weight:800 !important}
html:not(.lotto-soft-light) body :is(#mainPage57 .dy-hero .dy-btn,#tz#tz#tz#tz#tz#tz#tz){
  background:#0f7a4a !important;background-image:none !important;border:1px solid #2bb673 !important;box-shadow:0 2px 0 #06301f !important;
  color:#fff !important;-webkit-text-fill-color:#fff !important}

/* ══ 2026-09-29 เจ้าของ (รูปจอคอม โหมดเขียว ขีดใต้ปุ่มหวย/แท็บประเภทหวย/เมนูซ้าย): "แก้กรอบร่องพวกนี้ ด้านบนไม่มีแต่เห็นว่าเป็นมิติ — ทุกจุด ทั้งโหมดขาวและเขียว" ══
   ร่อง = เงาด้านใน inset 0 -Npx 0 (ขอบล่างเข้ม) ซ้อนกับขอบใน 1px + แถบกรอบโปร่ง (โหมดเขียวกรอบ transparent เห็นสีพื้นกล่อง 1–2px ใต้เส้น)
   → ขอบล่างเป็น "เส้นเข้ม-เส้นสว่าง-สีพื้น" ดูเป็นร่องบุ๋มเข้าไป · แก้: ไม่มีเงาด้านในที่ขอบล่างแล้วทุกป้าย
   ความหนานูนย้ายออกไปไว้นอกกล่อง (เงาทึบสั้นใต้กล่อง 0 2–3px 0) → ขอบล่างเหมือนขอบบน/ข้าง มิติยังอยู่ ไม่มีร่อง
   โหมดเขียว: ถอดขอบใน 1px ด้วย — กรอบของกล่องโปร่ง (เห็นสีพื้น 1–2px) เส้นขอบในจึงลอยห่างขอบจริง ดูเป็นเส้นร่องรอบกล่อง · ความเป็นกระจกเหลือเส้นแสงขอบบน
   ความเจาะจงเท่ากฎด้านบน มาทีหลังจึงชนะ · ของเดิม: backups/groove-2026-09-29/ */
/* โหมดขาว */
html.lotto-soft-light body :is(.twd-clay-cd,#tz#tz#tz#tz#tz#tz#tz){
  box-shadow:0 1px 1px rgba(28,58,44,.08),0 5px 10px -7px rgba(28,58,44,.34),0 0 0 1px rgba(28,58,44,.13),inset 0 1.5px 0 #fff !important}
html.lotto-soft-light body :is(.twd-clay-sf,#tz#tz#tz#tz#tz#tz#tz){
  box-shadow:0 1.5px 0 rgba(28,58,44,.10),0 3px 5px -3px rgba(28,58,44,.32),0 0 0 1px rgba(28,58,44,.15),inset 0 1.5px 0 #fff !important}
html.lotto-soft-light body :is(.twd-clay-bt,#tz#tz#tz#tz#tz#tz#tz){
  box-shadow:0 2.5px 0 var(--twd-glow,rgba(0,90,45,.45)),0 5px 6px -3px var(--twd-glow,rgba(0,90,45,.45)),inset 0 0 0 1px rgba(0,0,0,.06),inset 0 1.5px 0 rgba(255,255,255,.45) !important}
html.lotto-soft-light body :is(button,a,[role="button"],.lgs-option,.lgs-group):is(.twd-clay-bt,#tz#tz#tz#tz#tz#tz#tz):active{
  box-shadow:0 1px 0 var(--twd-glow,rgba(0,90,45,.45)),0 2px 4px -2px var(--twd-glow,rgba(0,90,45,.45)),inset 0 0 0 1px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.4) !important}
html.lotto-soft-light body :is(button,a,[role="button"],.lgs-option,.lgs-group):is(.twd-clay-sf,#tz#tz#tz#tz#tz#tz#tz):active{
  box-shadow:0 1px 2px -1px rgba(28,58,44,.3),0 0 0 1px rgba(28,58,44,.15),inset 0 1px 0 #fff !important}
html.lotto-soft-light body :is(.cbn-sheet .cbn-item,.cbn-sheet .cbn-gitem,#tz#tz#tz#tz#tz#tz#tz){
  box-shadow:0 1.5px 0 rgba(28,58,44,.10),0 3px 5px -3px rgba(28,58,44,.32),0 0 0 1px rgba(28,58,44,.15),inset 0 1.5px 0 #fff !important}
html.lotto-soft-light body :is(.cbn-sheet .cbn-item.is-key,.cbn-sheet .cbn-gitem.is-key,#tz#tz#tz#tz#tz#tz#tz){
  box-shadow:0 2.5px 0 rgba(0,86,36,.45),0 5px 6px -3px rgba(0,86,36,.45),inset 0 0 0 1px rgba(0,0,0,.06),inset 0 1.5px 0 rgba(255,255,255,.45) !important}
/* โหมดเขียว */
html:not(.lotto-soft-light) body :is(.twd-gclay-cd,#tz#tz#tz#tz#tz#tz#tz){
  box-shadow:0 2px 0 rgba(0,0,0,.22),0 6px 12px -8px rgba(0,0,0,.7),inset 0 1.5px 0 rgba(255,255,255,.13) !important}
html:not(.lotto-soft-light) body :is(.twd-gclay-sf,#tz#tz#tz#tz#tz#tz#tz){
  box-shadow:0 2px 0 rgba(0,0,0,.28),0 4px 6px -4px rgba(0,0,0,.6),inset 0 1.5px 0 rgba(255,255,255,.18) !important}
html:not(.lotto-soft-light) body :is(.twd-gclay-tl,.twd-gclay-bt,#tz#tz#tz#tz#tz#tz#tz){
  box-shadow:0 3px 0 rgba(0,0,0,.32),0 6px 8px -4px rgba(0,0,0,.55),inset 0 1.5px 0 rgba(255,255,255,.42) !important}
html:not(.lotto-soft-light) body :is(button,a,[role="button"],.lgs-option,.lgs-group):is(.twd-gclay-tl,.twd-gclay-bt,.twd-gclay-sf,#tz#tz#tz#tz#tz#tz#tz):active{
  box-shadow:0 1px 0 rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.3) !important}
/* 2026-09-29 ต่อ เจ้าของ: "รายชื่อหวยไทย จม" — เงาใต้ปุ่มย้ายออกนอกกล่องแล้ว แต่กล่องเลื่อนที่ห่อแท็บประเภท/รายชื่อหวย (overflow:auto, ขอบล่าง 0–2px)
   ตัดเงาแถวล่างสุดทิ้ง (หวยไทยมีแถวเดียว = ไม่มีเงาเลย) → เผื่อที่ใต้แถว 8px แล้วดึงกลับด้วย margin ติดลบ ระยะหน้าจอเท่าเดิม
   หน้า 41 (p41-lgs) มี padding 11px อยู่แล้ว ไม่แตะ */
html body :is(.lgs-options-wrap,#tz#tz#tz#tz#tz#tz#tz):not(.p41-lgs .lgs-options-wrap){padding-bottom:8px !important;margin-bottom:-8px !important}
html body :is(.lgs-groups,#tz#tz#tz#tz#tz#tz#tz):not(.p41-lgs .lgs-groups){padding-bottom:8px !important;margin-bottom:-6px !important}