/* tool.css — BỘ MẶT CHUNG 16 WIDGET TOOL HMONG LIVE · bản 3 "CUTE HỒNG" 12/09/2026
   Aib chốt 09:40: "phong cách cute — màu hồng; màu sắc ĐỪNG lấy theo HMONG LIVE". Tool có bộ mặt RIÊNG, không theo brief xanh của app.
   Chủ đạo HỒNG (paj), phụ hồng phấn / kem / bạc; viền bo mềm, ánh phát sáng hồng; motif Mông giữ (thoi lồng · xoáy kis · paj yim ceg · nẹp chấm chỉ · taw ntxhw).
   Vẫn giữ: 🚫 qeej · không hiện tiền cá nhân · chữ Mông RPA to, Việt nhỏ.
   5 chủ đề (html[data-theme]): hong (Paj Hồng — MẶC ĐỊNH) · keo (Kẹo ngọt pastel) · tim (Hồng tím đêm) · tsiab (Tết vàng ấm) · cham (Chàm xanh — cũ).
   Tên biến GIỮ NGUYÊN để 16 widget không phải sửa: --hl-do = A / nhấn chính (hồng) · --hl-xanh = B / phe đối (xanh baby). */
:root{
  /* Paj Hồng — mặc định, cute */
  /* NEON HỒNG trên THỔ CẨM ĐEN — ảnh mẫu Aib 12/09 10:10: nền đen-đỏ tím dệt chữ thập magenta, viền neon hồng phát sáng, số hồng/đào, chữ trắng phát sáng */
  --hl-x:#FF3D9A; --hl-x2:#FF8AC9; --hl-live:#FF5FB0; --hl-sau:#C4106A;
  --hl-do:#FF4FA8;            /* A / nhấn chính — hồng neon */
  --hl-xanh:#FFB27A;          /* B / phe đối — đào (như số 590 trong ảnh) */
  --hl-vang:#FFD24A; --hl-bac:#FFFFFF; --hl-luc:#5CF2A0; --hl-tim:#D9A6FF; --hl-am:#FFB27A;
  --hl-nen:linear-gradient(180deg,rgba(58,8,40,.92),rgba(30,4,22,.94)); --hl-nen2:rgba(40,6,30,.9);
  --hl-chu:#FFFFFF; --hl-mo:rgba(255,220,240,.78);
  --hl-vien:#FF4FA8; --hl-bo:22px;
  --hl-bong:0 0 0 1px rgba(255,79,168,.6),0 0 14px rgba(255,61,154,.75),0 0 40px rgba(255,61,154,.35),inset 0 0 18px rgba(255,61,154,.18);
  --hl-nep:#FF3D9A; --hl-nep2:#FFD24A; --hl-hoavan:.34;
}
/* Kẹo ngọt — pastel sáng: hồng phấn + bạc hà + tím nhạt, nền kem tối nhẹ */
html[data-theme="keo"]{ --hl-x:#FF5FA2; --hl-x2:#FF9CCB; --hl-sau:#D6297A; --hl-do:#FF5FA2; --hl-xanh:#7FD8FF; --hl-vang:#FFE066; --hl-luc:#9DF5C8; --hl-tim:#E0CCFF; --hl-nen:linear-gradient(160deg,rgba(255,92,160,.94),rgba(255,140,200,.92) 55%,rgba(255,170,215,.9)); --hl-chu:#fff; --hl-mo:rgba(255,255,255,.85); --hl-vien:rgba(255,255,255,.7); --hl-bong:0 12px 34px rgba(255,92,160,.45); --hl-nep:#FFFFFF; --hl-nep2:#FFE066; --hl-hoavan:.26 }
/* Hồng tím đêm — sâu, sang, cho live đêm */
html[data-theme="tim"]{ --hl-x:#C77DFF; --hl-x2:#E2B4FF; --hl-sau:#7B2CBF; --hl-do:#D28BFF; --hl-xanh:#FF8AC9; --hl-nen:linear-gradient(180deg,rgba(34,8,58,.93),rgba(16,4,30,.95)); --hl-vien:#C77DFF; --hl-nep:#C77DFF; --hl-nep2:#FF8AC9; --hl-hoavan:.5; --hl-bong:0 0 0 1px rgba(199,125,255,.6),0 0 14px rgba(199,125,255,.75),0 0 40px rgba(199,125,255,.35),inset 0 0 18px rgba(199,125,255,.18) }
/* Tết Mông (Tsiab Peb Caug) — hồng + vàng ấm, hoa 8 cánh */
html[data-theme="tsiab"]{ --hl-x:#FF3D9A; --hl-x2:#FFD24A; --hl-do:#FF4FA8; --hl-xanh:#FFD24A; --hl-nen:linear-gradient(180deg,rgba(58,20,8,.93),rgba(30,8,4,.95)); --hl-vien:#FFD24A; --hl-nep:#FFD24A; --hl-nep2:#FF3D9A; --hl-hoavan:.5; --hl-bong:0 0 0 1px rgba(255,210,74,.6),0 0 14px rgba(255,210,74,.7),0 0 40px rgba(255,120,60,.35),inset 0 0 18px rgba(255,210,74,.15) }
/* Chàm xanh — bản cũ theo app, để ai thích */
html[data-theme="cham"]{ --hl-x:#4FB0FF; --hl-x2:#8FCFFF; --hl-live:#00D4FF; --hl-sau:#0E6FC4; --hl-do:#4FB0FF; --hl-xanh:#FFAE7A; --hl-vang:#FFC44D; --hl-bac:#E8F0F8; --hl-luc:#52D98A; --hl-tim:#8FCFFF; --hl-nen:rgba(4,18,31,.74); --hl-chu:#F0F8FF; --hl-mo:rgba(240,248,255,.68); --hl-vien:rgba(232,240,248,.16); --hl-bo:16px; --hl-bong:0 10px 28px rgba(0,0,0,.38); --hl-nep:#E8F0F8; --hl-nep2:#4FB0FF; --hl-hoavan:.10 }

*{box-sizing:border-box}
html,body{margin:0;background:transparent;color:var(--hl-chu);font-family:-apple-system,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.obs{width:1080px;height:1920px;overflow:hidden;position:relative}

/* ===== TẤM (card) — kính mờ + NẸP THÊU ở mép trên (dải nẹp áo: chấm chỉ bạc/xanh) ===== */
.tam{background:var(--hl-nen);border:2px solid var(--hl-vien);border-radius:var(--hl-bo);box-shadow:var(--hl-bong);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:12px 14px;position:relative;overflow:hidden}
html[data-theme="keo"] .tam,html[data-theme="cham"] .tam{border-width:1px}
.tam::before{content:'';position:absolute;left:0;right:0;top:0;height:10px;opacity:1;pointer-events:none;
  background-repeat:repeat-x;background-size:24px 10px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='10' viewBox='0 0 24 10' shape-rendering='crispEdges'><rect width='24' height='10' fill='%231E0416'/><path d='M0 8l6-6 6 6 6-6 6 6v1H0z' fill='%23FF2D8A'/><path d='M6 2l2 2-2 2-2-2zM18 2l2 2-2 2-2-2z' fill='%23FFD24A'/><path d='M0 0h24v1H0z' fill='%23FF6FB5'/><path d='M0 9h24v1H0z' fill='%23FF6FB5'/></svg>");
  border-bottom:1px solid rgba(255,61,154,.6)}
html[data-theme="keo"] .tam::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='10' viewBox='0 0 24 10'><rect width='24' height='10' fill='%23FFE066'/><path d='M0 0l6 5-6 5zM24 0l-6 5 6 5z' fill='%237FD8FF'/><path d='M12 0l5 5-5 5-5-5z' fill='white'/><path d='M12 2.5l2.5 2.5-2.5 2.5-2.5-2.5z' fill='%23FF5FA2'/></svg>");border-bottom:0}
.tam{padding-top:18px}
.tam.mong{padding-top:14px}
.tam>.hoa-van::after{content:'';position:absolute;left:0;right:0;bottom:0;height:6px;opacity:.9;background-repeat:repeat-x;background-size:16px 6px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='6' viewBox='0 0 16 6' shape-rendering='crispEdges'><rect width='16' height='6' fill='%231E0416'/><path d='M8 0l3 3-3 3-3-3z' fill='%23FF2D8A'/><rect x='0' y='0' width='16' height='1' fill='%23FF3D9A' opacity='.7'/></svg>")}
html[data-theme="cham"] .tam::before{background:repeating-linear-gradient(90deg,var(--hl-nep) 0 3px,transparent 3px 6px,var(--hl-nep2) 6px 9px,transparent 9px 14px);box-shadow:none;opacity:.75;height:4px}
.tam.mong{padding:8px 10px;border-radius:14px}
.tam.mong::before{left:8px;right:8px;height:3px}

/* ===== HOA VĂN NỀN — thoi lồng paj ntaub (mặc định) · xoáy kis · paj yim ceg · taw ntxhw ===== */
.hoa-van{position:absolute;inset:0;pointer-events:none;opacity:var(--hl-hoavan);background-size:40px 40px;
  background-size:96px 96px;image-rendering:pixelated;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='128' height='128' viewBox='0 0 32 32' shape-rendering='crispEdges'><path d='M0 0h1v1h-1zM0 31h1v1h-1zM1 0h1v1h-1zM1 2h1v1h-1zM1 3h1v1h-1zM1 4h1v1h-1zM1 5h1v1h-1zM1 6h1v1h-1zM1 7h1v1h-1zM1 24h1v1h-1zM1 25h1v1h-1zM1 26h1v1h-1zM1 27h1v1h-1zM1 28h1v1h-1zM1 29h1v1h-1zM1 31h1v1h-1zM2 0h1v1h-1zM2 2h1v1h-1zM2 7h1v1h-1zM2 15h1v1h-1zM2 16h1v1h-1zM2 24h1v1h-1zM2 29h1v1h-1zM2 31h1v1h-1zM3 0h1v1h-1zM3 2h1v1h-1zM3 5h1v1h-1zM3 7h1v1h-1zM3 14h1v1h-1zM3 17h1v1h-1zM3 24h1v1h-1zM3 26h1v1h-1zM3 29h1v1h-1zM3 31h1v1h-1zM4 0h1v1h-1zM4 2h1v1h-1zM4 5h1v1h-1zM4 7h1v1h-1zM4 13h1v1h-1zM4 18h1v1h-1zM4 24h1v1h-1zM4 26h1v1h-1zM4 29h1v1h-1zM4 31h1v1h-1zM5 0h1v1h-1zM5 2h1v1h-1zM5 3h1v1h-1zM5 4h1v1h-1zM5 5h1v1h-1zM5 7h1v1h-1zM5 12h1v1h-1zM5 19h1v1h-1zM5 24h1v1h-1zM5 26h1v1h-1zM5 27h1v1h-1zM5 28h1v1h-1zM5 29h1v1h-1zM5 31h1v1h-1zM6 0h1v1h-1zM6 7h1v1h-1zM6 11h1v1h-1zM6 14h1v1h-1zM6 17h1v1h-1zM6 20h1v1h-1zM6 24h1v1h-1zM6 31h1v1h-1zM7 0h1v1h-1zM7 1h1v1h-1zM7 2h1v1h-1zM7 3h1v1h-1zM7 4h1v1h-1zM7 5h1v1h-1zM7 6h1v1h-1zM7 7h1v1h-1zM7 10h1v1h-1zM7 13h1v1h-1zM7 18h1v1h-1zM7 21h1v1h-1zM7 24h1v1h-1zM7 25h1v1h-1zM7 26h1v1h-1zM7 27h1v1h-1zM7 28h1v1h-1zM7 29h1v1h-1zM7 30h1v1h-1zM7 31h1v1h-1zM8 9h1v1h-1zM8 12h1v1h-1zM8 19h1v1h-1zM8 22h1v1h-1zM9 8h1v1h-1zM9 11h1v1h-1zM9 20h1v1h-1zM9 23h1v1h-1zM10 7h1v1h-1zM10 10h1v1h-1zM10 21h1v1h-1zM10 24h1v1h-1zM11 6h1v1h-1zM11 9h1v1h-1zM11 22h1v1h-1zM11 25h1v1h-1zM12 5h1v1h-1zM12 8h1v1h-1zM12 23h1v1h-1zM12 26h1v1h-1zM13 4h1v1h-1zM13 7h1v1h-1zM13 24h1v1h-1zM13 27h1v1h-1zM14 3h1v1h-1zM14 6h1v1h-1zM14 25h1v1h-1zM14 28h1v1h-1zM15 2h1v1h-1zM15 29h1v1h-1zM16 2h1v1h-1zM16 29h1v1h-1zM17 3h1v1h-1zM17 6h1v1h-1zM17 25h1v1h-1zM17 28h1v1h-1zM18 4h1v1h-1zM18 7h1v1h-1zM18 24h1v1h-1zM18 27h1v1h-1zM19 5h1v1h-1zM19 8h1v1h-1zM19 23h1v1h-1zM19 26h1v1h-1zM20 6h1v1h-1zM20 9h1v1h-1zM20 22h1v1h-1zM20 25h1v1h-1zM21 7h1v1h-1zM21 10h1v1h-1zM21 21h1v1h-1zM21 24h1v1h-1zM22 8h1v1h-1zM22 11h1v1h-1zM22 20h1v1h-1zM22 23h1v1h-1zM23 9h1v1h-1zM23 12h1v1h-1zM23 19h1v1h-1zM23 22h1v1h-1zM24 0h1v1h-1zM24 1h1v1h-1zM24 2h1v1h-1zM24 3h1v1h-1zM24 4h1v1h-1zM24 5h1v1h-1zM24 6h1v1h-1zM24 7h1v1h-1zM24 10h1v1h-1zM24 13h1v1h-1zM24 18h1v1h-1zM24 21h1v1h-1zM24 24h1v1h-1zM24 25h1v1h-1zM24 26h1v1h-1zM24 27h1v1h-1zM24 28h1v1h-1zM24 29h1v1h-1zM24 30h1v1h-1zM24 31h1v1h-1zM25 0h1v1h-1zM25 7h1v1h-1zM25 11h1v1h-1zM25 14h1v1h-1zM25 17h1v1h-1zM25 20h1v1h-1zM25 24h1v1h-1zM25 31h1v1h-1zM26 0h1v1h-1zM26 2h1v1h-1zM26 3h1v1h-1zM26 4h1v1h-1zM26 5h1v1h-1zM26 7h1v1h-1zM26 12h1v1h-1zM26 19h1v1h-1zM26 24h1v1h-1zM26 26h1v1h-1zM26 27h1v1h-1zM26 28h1v1h-1zM26 29h1v1h-1zM26 31h1v1h-1zM27 0h1v1h-1zM27 2h1v1h-1zM27 5h1v1h-1zM27 7h1v1h-1zM27 13h1v1h-1zM27 18h1v1h-1zM27 24h1v1h-1zM27 26h1v1h-1zM27 29h1v1h-1zM27 31h1v1h-1zM28 0h1v1h-1zM28 2h1v1h-1zM28 5h1v1h-1zM28 7h1v1h-1zM28 14h1v1h-1zM28 17h1v1h-1zM28 24h1v1h-1zM28 26h1v1h-1zM28 29h1v1h-1zM28 31h1v1h-1zM29 0h1v1h-1zM29 2h1v1h-1zM29 7h1v1h-1zM29 15h1v1h-1zM29 16h1v1h-1zM29 24h1v1h-1zM29 29h1v1h-1zM29 31h1v1h-1zM30 0h1v1h-1zM30 2h1v1h-1zM30 3h1v1h-1zM30 4h1v1h-1zM30 5h1v1h-1zM30 6h1v1h-1zM30 7h1v1h-1zM30 24h1v1h-1zM30 25h1v1h-1zM30 26h1v1h-1zM30 27h1v1h-1zM30 28h1v1h-1zM30 29h1v1h-1zM30 31h1v1h-1zM31 0h1v1h-1zM31 31h1v1h-1z' fill='%23FF2D8A'/><path d='M10 15h1v1h-1zM10 16h1v1h-1zM11 15h1v1h-1zM11 16h1v1h-1zM12 12h1v1h-1zM12 15h1v1h-1zM12 16h1v1h-1zM12 19h1v1h-1zM13 13h1v1h-1zM13 15h1v1h-1zM13 16h1v1h-1zM13 18h1v1h-1zM14 14h1v1h-1zM14 15h1v1h-1zM14 16h1v1h-1zM14 17h1v1h-1zM15 10h1v1h-1zM15 11h1v1h-1zM15 12h1v1h-1zM15 13h1v1h-1zM15 14h1v1h-1zM15 15h1v1h-1zM15 17h1v1h-1zM15 18h1v1h-1zM15 19h1v1h-1zM15 20h1v1h-1zM16 10h1v1h-1zM16 11h1v1h-1zM16 12h1v1h-1zM16 13h1v1h-1zM16 14h1v1h-1zM16 15h1v1h-1zM16 17h1v1h-1zM16 18h1v1h-1zM16 19h1v1h-1zM16 20h1v1h-1zM17 14h1v1h-1zM17 15h1v1h-1zM17 16h1v1h-1zM17 17h1v1h-1zM18 13h1v1h-1zM18 15h1v1h-1zM18 16h1v1h-1zM18 18h1v1h-1zM19 12h1v1h-1zM19 15h1v1h-1zM19 16h1v1h-1zM19 19h1v1h-1zM20 15h1v1h-1zM20 16h1v1h-1z' fill='%23FFB3D9'/><path d='M4 15h1v1h-1zM4 16h1v1h-1zM5 15h1v1h-1zM5 16h1v1h-1zM15 4h1v1h-1zM15 5h1v1h-1zM15 15h1v1h-1zM15 16h1v1h-1zM15 26h1v1h-1zM15 27h1v1h-1zM16 4h1v1h-1zM16 5h1v1h-1zM16 15h1v1h-1zM16 16h1v1h-1zM16 26h1v1h-1zM16 27h1v1h-1zM26 15h1v1h-1zM26 16h1v1h-1zM27 15h1v1h-1zM27 16h1v1h-1z' fill='%23FFD24A'/></svg>")}
html[data-theme="keo"] .hoa-van{image-rendering:auto;background-size:80px 80px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'><path d='M40 4l36 36-36 36L4 40z' stroke='white' stroke-width='1.6'/><path d='M40 14l26 26-26 26L14 40z' stroke='%23FFE066' stroke-width='1.2'/><path d='M40 24l16 16-16 16-16-16z' stroke='white' stroke-width='1'/></svg>")}
html[data-theme="cham"] .hoa-van{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none' stroke='white'><path d='M20 2l18 18-18 18L2 20z' stroke-width='1.1'/><path d='M20 9l11 11-11 11L9 20z' stroke-width='.9' opacity='.8'/><path d='M20 15l5 5-5 5-5-5z' fill='white' stroke='none' opacity='.55'/></svg>")}
.hoa-van.kis{background-size:44px 44px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 48 48' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'><path d='M24 24q0-8 7-8t7 7-6 6-5-5 4-4'/><path d='M24 24q0 8-7 8t-7-7 6-6 5 5-4 4'/></svg>")}
.hoa-van.paj{background-size:48px 48px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='white' stroke-width='1.3'><g transform='translate(24 24)'><path d='M0-18 4-4 0 0-4-4z'/><path d='M0-18 4-4 0 0-4-4z' transform='rotate(45)'/><path d='M0-18 4-4 0 0-4-4z' transform='rotate(90)'/><path d='M0-18 4-4 0 0-4-4z' transform='rotate(135)'/><path d='M0-18 4-4 0 0-4-4z' transform='rotate(180)'/><path d='M0-18 4-4 0 0-4-4z' transform='rotate(225)'/><path d='M0-18 4-4 0 0-4-4z' transform='rotate(270)'/><path d='M0-18 4-4 0 0-4-4z' transform='rotate(315)'/><circle r='3' fill='white' stroke='none'/></g></svg>")}
.hoa-van.ntxhw{background-size:40px 40px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 48 48' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'><path d='M24 8v8m0 16v8M8 24h8m16 0h8'/><path d='M16 16l4 4m8 8 4 4m0-16-4 4m-8 8-4 4' opacity='.8'/><path d='M24 20l4 4-4 4-4-4z' fill='white' stroke='none' opacity='.6'/></svg>")}
html[data-theme="tsiab"] .hoa-van{background-size:48px 48px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='white' stroke-width='1.3'><g transform='translate(24 24)'><path d='M0-18 4-4 0 0-4-4z'/><path d='M0-18 4-4 0 0-4-4z' transform='rotate(45)'/><path d='M0-18 4-4 0 0-4-4z' transform='rotate(90)'/><path d='M0-18 4-4 0 0-4-4z' transform='rotate(135)'/><path d='M0-18 4-4 0 0-4-4z' transform='rotate(180)'/><path d='M0-18 4-4 0 0-4-4z' transform='rotate(225)'/><path d='M0-18 4-4 0 0-4-4z' transform='rotate(270)'/><path d='M0-18 4-4 0 0-4-4z' transform='rotate(315)'/><circle r='3' fill='white' stroke='none'/></g></svg>")}
html[data-theme="keo"] .hoa-van{background-size:44px 44px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 48 48' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'><path d='M24 24q0-8 7-8t7 7-6 6-5-5 4-4'/><path d='M24 24q0 8-7 8t-7-7 6-6 5 5-4 4'/></svg>")}

/* ===== CHỮ — 3 cỡ: tiêu 15 · thân 13–14 · Việt 11 ===== */
.tieu{font-weight:900;font-size:15px;letter-spacing:.4px;text-transform:uppercase;display:flex;align-items:center;gap:8px;margin:0 0 8px}
.tieu{color:#fff;text-shadow:0 0 6px rgba(255,79,168,.9),0 0 14px rgba(255,79,168,.5)}
html[data-theme="keo"] .tieu{color:var(--hl-chu);text-shadow:none}
html[data-theme="cham"] .tieu{text-shadow:none}
.tieu .vi{font-weight:600;font-size:11px;color:var(--hl-mo);text-transform:none;letter-spacing:0}
.vi{color:var(--hl-mo);font-size:11px;font-weight:500}
.hmoob{font-weight:800}

/* ===== CHIP — pill kính mờ; màu chỉ 4: bạc (mặc định) · xanh · vàng (địa vị) · lục ===== */
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(255,61,154,.16);border:1px solid rgba(255,79,168,.7);box-shadow:0 0 8px rgba(255,61,154,.45);font-weight:800;font-size:13px;line-height:1;color:#fff;text-shadow:0 0 6px rgba(255,79,168,.7)}
html[data-theme="keo"] .chip{background:rgba(255,255,255,.28);border-color:rgba(255,255,255,.45);box-shadow:none;text-shadow:0 1px 2px rgba(180,40,110,.35)}
html[data-theme="cham"] .chip{background:rgba(232,240,248,.12);border-color:rgba(232,240,248,.14);text-shadow:none;font-weight:700}
.chip.do{background:linear-gradient(135deg,var(--hl-x2),var(--hl-x));color:#fff;border-color:transparent;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.chip.vang{background:linear-gradient(135deg,#FFE99A,var(--hl-vang));color:#5a3200;border-color:transparent;text-shadow:none;box-shadow:0 0 10px rgba(255,210,74,.6)}
.chip.xanh{background:linear-gradient(135deg,#E6F8FF,var(--hl-xanh));color:#1b4a5a;border-color:transparent;text-shadow:none}
.chip.tim{background:rgba(201,167,255,.25);color:var(--hl-tim)}
.chip.luc{background:linear-gradient(135deg,#E2FFF1,var(--hl-luc));color:#0f4a2e;border-color:transparent;text-shadow:none}
.chip.xam{background:rgba(232,240,248,.10)}

/* ===== AVATAR — vòng bạc xauv (conic bạc→xanh→vàng) ===== */
.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#2a0a1e;border:2px solid transparent;box-shadow:0 0 10px rgba(255,61,154,.7);
  background-image:linear-gradient(#2a0a1e,#2a0a1e),conic-gradient(from 0deg,#FFFFFF,var(--hl-x),#FFFFFF,var(--hl-x2),#FFFFFF);background-origin:border-box;background-clip:content-box,border-box}
.avatar.to{width:64px;height:64px}

/* ===== HẠNG R1–R9 — đồng bạc: R1 vàng · R2 bạc · R3 đồng-ấm · còn lại chàm ===== */
.hang{width:26px;height:26px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;background:rgba(255,61,154,.2);border:1px solid rgba(255,79,168,.7);color:#fff;box-shadow:0 0 8px rgba(255,61,154,.4)}
.hang.r1{background:linear-gradient(135deg,#FFE29A,#FF9F1C);color:#2a1a00;border-color:transparent;box-shadow:0 0 10px rgba(255,196,77,.55)}
.hang.r2{background:linear-gradient(135deg,#F6FAFF,#9BA3AE);color:#111;border-color:transparent}
.hang.r3{background:linear-gradient(135deg,#FFC9A1,#B5651D);color:#fff;border-color:transparent}

/* ===== THANH tiến độ — vệt sáng chạy (shimmer) ===== */
.thanh{height:12px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden;position:relative;box-shadow:inset 0 0 0 1px rgba(255,79,168,.35)}
.thanh>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--hl-x),var(--hl-x2));box-shadow:0 0 10px var(--hl-x);transition:width .4s ease;position:relative;overflow:hidden}
.thanh>i::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-100%);animation:hlShimmer 2.4s ease-in-out infinite}
@keyframes hlShimmer{to{transform:translateX(100%)}}
.thanh.vang>i{background:linear-gradient(90deg,#1FD37A,#5CF2A0);box-shadow:0 0 10px #5CF2A0}
.thanh.xanh>i{background:linear-gradient(90deg,#2F7BFF,#5CB8FF);box-shadow:0 0 10px #4FB0FF}

/* ===== NÚT — gradient + bóng CÙNG MÀU (không bóng đen) ===== */
.nut{appearance:none;border:0;border-radius:14px;padding:10px 14px;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(135deg,var(--hl-x2),var(--hl-x));cursor:pointer;box-shadow:0 6px 18px rgba(255,95,162,.38);transition:transform .1s;text-shadow:0 1px 2px rgba(0,0,0,.15)}
.tam .nut{background:linear-gradient(135deg,var(--hl-x2),var(--hl-x));color:#fff;box-shadow:0 0 14px rgba(255,61,154,.7)}
.nut:active{transform:scale(.94)}
.nut.xanh{background:linear-gradient(135deg,#C8F0FF,var(--hl-xanh));color:#1b2a36;box-shadow:0 6px 18px rgba(127,216,255,.35);text-shadow:none}
.nut.vang{background:linear-gradient(135deg,#FFE9B0,var(--hl-vang));color:#4a2a00;box-shadow:0 6px 18px rgba(255,209,102,.35);text-shadow:none}
.nut.xam{background:rgba(255,241,247,.14);color:var(--hl-chu);box-shadow:none;border:1px solid var(--hl-vien);text-shadow:none}
.nut.nho{padding:6px 10px;font-size:12px;border-radius:9px}
.nut:disabled{opacity:.45;cursor:default}
html[data-theme="cham"] .nut{color:#04121F;text-shadow:none;box-shadow:0 6px 18px rgba(79,176,255,.38)}
/* lấp lánh cute ở góc tấm */
.tam::after{content:'✦ ✦';position:absolute;right:10px;top:14px;font-size:10px;letter-spacing:6px;color:var(--hl-x2);opacity:.9;pointer-events:none;text-shadow:0 0 8px var(--hl-x);animation:hlLap 2.6s ease-in-out infinite}
@keyframes hlLap{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:.9;transform:scale(1.15)}}
html[data-theme="cham"] .tam::after{display:none}

.hang-doi{display:flex;flex-direction:column;gap:6px}
.dong{display:flex;align-items:center;gap:10px}
.so{font-variant-numeric:tabular-nums;font-weight:900}
.nhay{animation:hlNhay .5s ease}
@keyframes hlNhay{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}
/* tim bay đường CONG (--dx ngẫu nhiên) */
.bay{--dx:0px;animation:hlBay 1.4s ease-out forwards;position:absolute;pointer-events:none;font-size:22px;filter:drop-shadow(0 0 6px rgba(255,95,162,.8))}
@keyframes hlBay{0%{opacity:1;transform:translate(0,0) scale(.8)}60%{opacity:.9}100%{opacity:0;transform:translate(var(--dx),-90px) scale(1.3)}}
.ruc{animation:hlRuc 1s ease-in-out infinite alternate}
@keyframes hlRuc{from{box-shadow:0 0 0 rgba(255,209,102,0)}to{box-shadow:0 0 22px rgba(255,209,102,.85)}}
.an{display:none!important}

/* ===== DẢI NẸP rời (dùng chỗ cần ngăn cách) ===== */
.nep{height:6px;border-radius:3px;opacity:.6;background:repeating-linear-gradient(90deg,var(--hl-nep) 0 3px,transparent 3px 6px,var(--hl-nep2) 6px 9px,transparent 9px 14px)}

/* lớp phủ nhúng vào màn phòng live */
#tool-lop{position:absolute;inset:0;pointer-events:none;z-index:40}
#tool-lop .tam{pointer-events:auto}
#tool-lop .goc-trai{position:absolute;left:8px;top:64px;width:46%}
#tool-lop .goc-phai{position:absolute;right:8px;top:64px;width:46%}
#tool-lop .day{position:absolute;left:8px;right:8px;bottom:120px}

/* HOA VĂN VẢI THẬT — 10 tấm Aib gửi 12/09 10:40 (duab/paj-ntaub/N.jpg), chọn ở mục 🎨; 've' = hoa văn vẽ (mặc định) */
html[data-hoavan="1"] .hoa-van{image-rendering:auto;background-size:300px auto;background-repeat:repeat;opacity:.55;mix-blend-mode:screen;background-image:url("duab/paj-ntaub/1.jpg")}
html[data-hoavan="2"] .hoa-van{image-rendering:auto;background-size:300px auto;background-repeat:repeat;opacity:.55;mix-blend-mode:screen;background-image:url("duab/paj-ntaub/2.jpg")}
html[data-hoavan="3"] .hoa-van{image-rendering:auto;background-size:300px auto;background-repeat:repeat;opacity:.55;mix-blend-mode:screen;background-image:url("duab/paj-ntaub/3.jpg")}
html[data-hoavan="4"] .hoa-van{image-rendering:auto;background-size:300px auto;background-repeat:repeat;opacity:.55;mix-blend-mode:screen;background-image:url("duab/paj-ntaub/4.jpg")}
html[data-hoavan="5"] .hoa-van{image-rendering:auto;background-size:300px auto;background-repeat:repeat;opacity:.55;mix-blend-mode:screen;background-image:url("duab/paj-ntaub/5.jpg")}
html[data-hoavan="6"] .hoa-van{image-rendering:auto;background-size:300px auto;background-repeat:repeat;opacity:.55;mix-blend-mode:screen;background-image:url("duab/paj-ntaub/6.jpg")}
html[data-hoavan="7"] .hoa-van{image-rendering:auto;background-size:300px auto;background-repeat:repeat;opacity:.55;mix-blend-mode:screen;background-image:url("duab/paj-ntaub/7.jpg")}
html[data-hoavan="8"] .hoa-van{image-rendering:auto;background-size:300px auto;background-repeat:repeat;opacity:.55;mix-blend-mode:screen;background-image:url("duab/paj-ntaub/8.jpg")}
html[data-hoavan="9"] .hoa-van{image-rendering:auto;background-size:300px auto;background-repeat:repeat;opacity:.55;mix-blend-mode:screen;background-image:url("duab/paj-ntaub/9.jpg")}
html[data-hoavan="10"] .hoa-van{image-rendering:auto;background-size:300px auto;background-repeat:repeat;opacity:.55;mix-blend-mode:screen;background-image:url("duab/paj-ntaub/10.jpg")}
html[data-hoavan]:not([data-hoavan="ve"]) .tam{background:linear-gradient(180deg,rgba(30,4,22,.9),rgba(20,2,14,.94))}
html[data-hoavan="ai"] .hoa-van{image-rendering:auto;background-size:256px 256px;background-repeat:repeat;opacity:.5;mix-blend-mode:screen;background-image:url("duab/ai/56-hoa-van-lien-mach-512.png")}