:root{--pat-kawung: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 width=%2272%22 height=%2272%22 viewBox=%220 0 72 72%22%3E%3Crect width=%2272%22 height=%2272%22 fill=%22%233a1f0e%22/%3E%3Cg transform=%22translate(18.0 18.0) rotate(45)%22%3E%3Cellipse rx=%2223.8%22 ry=%2212.2%22 fill=%22%23e9c98c%22 stroke=%22%231a0c04%22 stroke-width=%221.6%22/%3E%3Cellipse rx=%2219.4%22 ry=%228.6%22 fill=%22none%22 stroke=%22%233a1f0e%22 stroke-width=%221.9%22 stroke-dasharray=%220.1 3.3%22 stroke-linecap=%22round%22/%3E%3Cellipse rx=%2213.7%22 ry=%224.7%22 fill=%22%239a6430%22 stroke=%22%231a0c04%22 stroke-width=%221%22/%3E%3Cpath d=%22M-10.8 0H10.8%22 stroke=%22%23e9c98c%22 stroke-width=%221%22/%3E%3C/g%3E%3Cg transform=%22translate(54.0 54.0) rotate(45)%22%3E%3Cellipse rx=%2223.8%22 ry=%2212.2%22 fill=%22%23e9c98c%22 stroke=%22%231a0c04%22 stroke-width=%221.6%22/%3E%3Cellipse rx=%2219.4%22 ry=%228.6%22 fill=%22none%22 stroke=%22%233a1f0e%22 stroke-width=%221.9%22 stroke-dasharray=%220.1 3.3%22 stroke-linecap=%22round%22/%3E%3Cellipse rx=%2213.7%22 ry=%224.7%22 fill=%22%239a6430%22 stroke=%22%231a0c04%22 stroke-width=%221%22/%3E%3Cpath d=%22M-10.8 0H10.8%22 stroke=%22%23e9c98c%22 stroke-width=%221%22/%3E%3C/g%3E%3Cg transform=%22translate(54.0 18.0) rotate(-45)%22%3E%3Cellipse rx=%2223.8%22 ry=%2212.2%22 fill=%22%23e9c98c%22 stroke=%22%231a0c04%22 stroke-width=%221.6%22/%3E%3Cellipse rx=%2219.4%22 ry=%228.6%22 fill=%22none%22 stroke=%22%233a1f0e%22 stroke-width=%221.9%22 stroke-dasharray=%220.1 3.3%22 stroke-linecap=%22round%22/%3E%3Cellipse rx=%2213.7%22 ry=%224.7%22 fill=%22%239a6430%22 stroke=%22%231a0c04%22 stroke-width=%221%22/%3E%3Cpath d=%22M-10.8 0H10.8%22 stroke=%22%23e9c98c%22 stroke-width=%221%22/%3E%3C/g%3E%3Cg transform=%22translate(18.0 54.0) rotate(-45)%22%3E%3Cellipse rx=%2223.8%22 ry=%2212.2%22 fill=%22%23e9c98c%22 stroke=%22%231a0c04%22 stroke-width=%221.6%22/%3E%3Cellipse rx=%2219.4%22 ry=%228.6%22 fill=%22none%22 stroke=%22%233a1f0e%22 stroke-width=%221.9%22 stroke-dasharray=%220.1 3.3%22 stroke-linecap=%22round%22/%3E%3Cellipse rx=%2213.7%22 ry=%224.7%22 fill=%22%239a6430%22 stroke=%22%231a0c04%22 stroke-width=%221%22/%3E%3Cpath d=%22M-10.8 0H10.8%22 stroke=%22%23e9c98c%22 stroke-width=%221%22/%3E%3C/g%3E%3Cg transform=%22translate(36.0 36.0)%22%3E%3Cellipse rx=%221.8%22 ry=%224.2%22 transform=%22rotate(0) translate(0 -3.8)%22 fill=%22%23d29a36%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3Cellipse rx=%221.8%22 ry=%224.2%22 transform=%22rotate(90) translate(0 -3.8)%22 fill=%22%23d29a36%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3Cellipse rx=%221.8%22 ry=%224.2%22 transform=%22rotate(180) translate(0 -3.8)%22 fill=%22%23d29a36%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3Cellipse rx=%221.8%22 ry=%224.2%22 transform=%22rotate(270) translate(0 -3.8)%22 fill=%22%23d29a36%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3Ccircle r=%222.3%22 fill=%22%23e9c98c%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3C/g%3E%3Cg transform=%22translate(0 0)%22%3E%3Cellipse rx=%221.8%22 ry=%224.2%22 transform=%22rotate(0) translate(0 -3.8)%22 fill=%22%23d29a36%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3Cellipse rx=%221.8%22 ry=%224.2%22 transform=%22rotate(90) translate(0 -3.8)%22 fill=%22%23d29a36%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3Cellipse rx=%221.8%22 ry=%224.2%22 transform=%22rotate(180) translate(0 -3.8)%22 fill=%22%23d29a36%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3Cellipse rx=%221.8%22 ry=%224.2%22 transform=%22rotate(270) translate(0 -3.8)%22 fill=%22%23d29a36%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3Ccircle r=%222.3%22 fill=%22%23e9c98c%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3C/g%3E%3Cg transform=%22translate(72 0)%22%3E%3Cellipse rx=%221.8%22 ry=%224.2%22 transform=%22rotate(0) translate(0 -3.8)%22 fill=%22%23d29a36%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3Cellipse rx=%221.8%22 ry=%224.2%22 transform=%22rotate(90) translate(0 -3.8)%22 fill=%22%23d29a36%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3Cellipse rx=%221.8%22 ry=%224.2%22 transform=%22rotate(180) translate(0 -3.8)%22 fill=%22%23d29a36%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3Cellipse rx=%221.8%22 ry=%224.2%22 transform=%22rotate(270) translate(0 -3.8)%22 fill=%22%23d29a36%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3Ccircle r=%222.3%22 fill=%22%23e9c98c%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3C/g%3E%3Cg transform=%22translate(0 72)%22%3E%3Cellipse rx=%221.8%22 ry=%224.2%22 transform=%22rotate(0) translate(0 -3.8)%22 fill=%22%23d29a36%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3Cellipse rx=%221.8%22 ry=%224.2%22 transform=%22rotate(90) translate(0 -3.8)%22 fill=%22%23d29a36%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3Cellipse rx=%221.8%22 ry=%224.2%22 transform=%22rotate(180) translate(0 -3.8)%22 fill=%22%23d29a36%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3Cellipse rx=%221.8%22 ry=%224.2%22 transform=%22rotate(270) translate(0 -3.8)%22 fill=%22%23d29a36%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3Ccircle r=%222.3%22 fill=%22%23e9c98c%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3C/g%3E%3Cg transform=%22translate(72 72)%22%3E%3Cellipse rx=%221.8%22 ry=%224.2%22 transform=%22rotate(0) translate(0 -3.8)%22 fill=%22%23d29a36%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3Cellipse rx=%221.8%22 ry=%224.2%22 transform=%22rotate(90) translate(0 -3.8)%22 fill=%22%23d29a36%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3Cellipse rx=%221.8%22 ry=%224.2%22 transform=%22rotate(180) translate(0 -3.8)%22 fill=%22%23d29a36%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3Cellipse rx=%221.8%22 ry=%224.2%22 transform=%22rotate(270) translate(0 -3.8)%22 fill=%22%23d29a36%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3Ccircle r=%222.3%22 fill=%22%23e9c98c%22 stroke=%22%231a0c04%22 stroke-width=%22.8%22/%3E%3C/g%3E%3Cg transform=%22translate(36.0 0)%22%3E%3Ccircle cx=%220%22 cy=%22-4%22 r=%221.6%22 fill=%22%23d29a36%22/%3E%3Ccircle cx=%220%22 cy=%224%22 r=%221.6%22 fill=%22%23d29a36%22/%3E%3Ccircle cx=%22-4%22 cy=%220%22 r=%221.6%22 fill=%22%23d29a36%22/%3E%3Ccircle cx=%224%22 cy=%220%22 r=%221.6%22 fill=%22%23d29a36%22/%3E%3Ccircle r=%221.4%22 fill=%22%23e9c98c%22/%3E%3C/g%3E%3Cg transform=%22translate(36.0 72)%22%3E%3Ccircle cx=%220%22 cy=%22-4%22 r=%221.6%22 fill=%22%23d29a36%22/%3E%3Ccircle cx=%220%22 cy=%224%22 r=%221.6%22 fill=%22%23d29a36%22/%3E%3Ccircle cx=%22-4%22 cy=%220%22 r=%221.6%22 fill=%22%23d29a36%22/%3E%3Ccircle cx=%224%22 cy=%220%22 r=%221.6%22 fill=%22%23d29a36%22/%3E%3Ccircle r=%221.4%22 fill=%22%23e9c98c%22/%3E%3C/g%3E%3Cg transform=%22translate(0 36.0)%22%3E%3Ccircle cx=%220%22 cy=%22-4%22 r=%221.6%22 fill=%22%23d29a36%22/%3E%3Ccircle cx=%220%22 cy=%224%22 r=%221.6%22 fill=%22%23d29a36%22/%3E%3Ccircle cx=%22-4%22 cy=%220%22 r=%221.6%22 fill=%22%23d29a36%22/%3E%3Ccircle cx=%224%22 cy=%220%22 r=%221.6%22 fill=%22%23d29a36%22/%3E%3Ccircle r=%221.4%22 fill=%22%23e9c98c%22/%3E%3C/g%3E%3Cg transform=%22translate(72 36.0)%22%3E%3Ccircle cx=%220%22 cy=%22-4%22 r=%221.6%22 fill=%22%23d29a36%22/%3E%3Ccircle cx=%220%22 cy=%224%22 r=%221.6%22 fill=%22%23d29a36%22/%3E%3Ccircle cx=%22-4%22 cy=%220%22 r=%221.6%22 fill=%22%23d29a36%22/%3E%3Ccircle cx=%224%22 cy=%220%22 r=%221.6%22 fill=%22%23d29a36%22/%3E%3Ccircle r=%221.4%22 fill=%22%23e9c98c%22/%3E%3C/g%3E%3C/svg%3E");--pat-kawung-size: 72px 72px;--pat-mendung: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 width=%22230%22 height=%22160%22 viewBox=%220 0 230 160%22%3E%3Crect width=%22230%22 height=%22160%22 fill=%22%23f4efe2%22/%3E%3Cdefs%3E%3Cg id=%22m%22%3E%3Cg transform=%22translate(25 15)%22%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%230b1f47%22 stroke-width=%2257.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%23f4f8fc%22 stroke-width=%2249.2%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%2315386a%22 stroke-width=%2247.9%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%23f4f8fc%22 stroke-width=%2241.0%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%2322528c%22 stroke-width=%2239.7%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%23f4f8fc%22 stroke-width=%2232.8%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%233770aa%22 stroke-width=%2231.5%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%23f4f8fc%22 stroke-width=%2224.6%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%235a92c6%22 stroke-width=%2223.3%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%23f4f8fc%22 stroke-width=%2216.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%2388b5dc%22 stroke-width=%2215.1%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%23f4f8fc%22 stroke-width=%228.2%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%23b9d6ee%22 stroke-width=%226.9%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22%23eaf3fb%22 stroke=%22%23f4f8fc%22 stroke-width=%221.3%22/%3E%3C/g%3E%3Cg transform=%22translate(140.0 95.0)%22%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%230b1f47%22 stroke-width=%2257.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%23f4f8fc%22 stroke-width=%2249.2%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%2315386a%22 stroke-width=%2247.9%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%23f4f8fc%22 stroke-width=%2241.0%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%2322528c%22 stroke-width=%2239.7%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%23f4f8fc%22 stroke-width=%2232.8%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%233770aa%22 stroke-width=%2231.5%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%23f4f8fc%22 stroke-width=%2224.6%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%235a92c6%22 stroke-width=%2223.3%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%23f4f8fc%22 stroke-width=%2216.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%2388b5dc%22 stroke-width=%2215.1%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%23f4f8fc%22 stroke-width=%228.2%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22none%22 stroke=%22%23b9d6ee%22 stroke-width=%226.9%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10 60A14 14 0 0 1 22 40A20 20 0 0 1 52 28A22 22 0 0 1 90 30A16 16 0 0 1 112 46A12 12 0 0 1 112 66A10 10 0 0 1 96 72A12 12 0 0 1 74 74A12 12 0 0 1 50 74A11 11 0 0 1 30 72A9 9 0 0 1 10 60Z%22 fill=%22%23eaf3fb%22 stroke=%22%23f4f8fc%22 stroke-width=%221.3%22/%3E%3C/g%3E%3C/g%3E%3C/defs%3E%3Cuse href=%22%23m%22 xlink:href=%22%23m%22 x=%22-230%22 y=%22-160%22/%3E%3Cuse href=%22%23m%22 xlink:href=%22%23m%22 x=%22-230%22 y=%220%22/%3E%3Cuse href=%22%23m%22 xlink:href=%22%23m%22 x=%22-230%22 y=%22160%22/%3E%3Cuse href=%22%23m%22 xlink:href=%22%23m%22 x=%220%22 y=%22-160%22/%3E%3Cuse href=%22%23m%22 xlink:href=%22%23m%22 x=%220%22 y=%220%22/%3E%3Cuse href=%22%23m%22 xlink:href=%22%23m%22 x=%220%22 y=%22160%22/%3E%3Cuse href=%22%23m%22 xlink:href=%22%23m%22 x=%22230%22 y=%22-160%22/%3E%3Cuse href=%22%23m%22 xlink:href=%22%23m%22 x=%22230%22 y=%220%22/%3E%3Cuse href=%22%23m%22 xlink:href=%22%23m%22 x=%22230%22 y=%22160%22/%3E%3C/svg%3E");--pat-mendung-size: 230px 160px;--pat-parang: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 width=%2264%22 height=%2264%22 viewBox=%220 0 64 64%22%3E%3Crect width=%2264%22 height=%2264%22 fill=%22%23f0dcc0%22/%3E%3Cdefs%3E%3Cg id=%22m%22%3E%3Cg transform=%22translate(16.0 16.0) rotate(-45)%22%3E%3Crect x=%22-46.3%22 y=%22-15.4%22 width=%2292.5%22 height=%2230.8%22 fill=%22%236b1616%22/%3E%3Cg transform=%22translate(-22.6 0)%22%3E%3Cpath d=%22M-17 8.5 C-17 -8.5 -5 -8.5 0 0 C5 8.5 17 8.5 17 -8.5%22 fill=%22none%22 stroke=%22%23f3e3c4%22 stroke-width=%226%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M-17 8.5 C-17 -8.5 -5 -8.5 0 0 C5 8.5 17 8.5 17 -8.5%22 fill=%22none%22 stroke=%22%232a0606%22 stroke-width=%221.1%22/%3E%3Ccircle cx=%22-17%22 cy=%228.5%22 r=%223%22 fill=%22%23c8902c%22 stroke=%22%232a0606%22 stroke-width=%22.8%22/%3E%3Ccircle cx=%2217%22 cy=%22-8.5%22 r=%223%22 fill=%22%23c8902c%22 stroke=%22%232a0606%22 stroke-width=%22.8%22/%3E%3C/g%3E%3Cg transform=%22translate(22.6 0)%22%3E%3Cpath d=%22M-17 8.5 C-17 -8.5 -5 -8.5 0 0 C5 8.5 17 8.5 17 -8.5%22 fill=%22none%22 stroke=%22%23f3e3c4%22 stroke-width=%226%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M-17 8.5 C-17 -8.5 -5 -8.5 0 0 C5 8.5 17 8.5 17 -8.5%22 fill=%22none%22 stroke=%22%232a0606%22 stroke-width=%221.1%22/%3E%3Ccircle cx=%22-17%22 cy=%228.5%22 r=%223%22 fill=%22%23c8902c%22 stroke=%22%232a0606%22 stroke-width=%22.8%22/%3E%3Ccircle cx=%2217%22 cy=%22-8.5%22 r=%223%22 fill=%22%23c8902c%22 stroke=%22%232a0606%22 stroke-width=%22.8%22/%3E%3C/g%3E%3Cpath d=%22M-46.3 -15.4H46.3M-46.3 15.4H46.3%22 stroke=%22%232a0606%22 stroke-width=%221.4%22/%3E%3Cpath d=%22M-45.3 18.1L-39.8 22.6L-45.3 27.1L-50.8 22.6Z%22 fill=%22%236b1616%22 stroke=%22%232a0606%22 stroke-width=%22.8%22/%3E%3Ccircle cx=%22-45.3%22 cy=%2222.6%22 r=%221.3%22 fill=%22%23c8902c%22/%3E%3Ccircle cx=%22-22.6%22 cy=%2222.6%22 r=%221.5%22 fill=%22%236b1616%22/%3E%3Cpath d=%22M0.0 18.1L5.5 22.6L0.0 27.1L-5.5 22.6Z%22 fill=%22%236b1616%22 stroke=%22%232a0606%22 stroke-width=%22.8%22/%3E%3Ccircle cx=%220.0%22 cy=%2222.6%22 r=%221.3%22 fill=%22%23c8902c%22/%3E%3Ccircle cx=%2222.6%22 cy=%2222.6%22 r=%221.5%22 fill=%22%236b1616%22/%3E%3Cpath d=%22M45.3 18.1L50.8 22.6L45.3 27.1L39.8 22.6Z%22 fill=%22%236b1616%22 stroke=%22%232a0606%22 stroke-width=%22.8%22/%3E%3Ccircle cx=%2245.3%22 cy=%2222.6%22 r=%221.3%22 fill=%22%23c8902c%22/%3E%3Ccircle cx=%2267.9%22 cy=%2222.6%22 r=%221.5%22 fill=%22%236b1616%22/%3E%3C/g%3E%3C/g%3E%3C/defs%3E%3Cuse href=%22%23m%22 xlink:href=%22%23m%22 x=%22-64%22 y=%22-64%22/%3E%3Cuse href=%22%23m%22 xlink:href=%22%23m%22 x=%22-64%22 y=%220%22/%3E%3Cuse href=%22%23m%22 xlink:href=%22%23m%22 x=%22-64%22 y=%2264%22/%3E%3Cuse href=%22%23m%22 xlink:href=%22%23m%22 x=%220%22 y=%22-64%22/%3E%3Cuse href=%22%23m%22 xlink:href=%22%23m%22 x=%220%22 y=%220%22/%3E%3Cuse href=%22%23m%22 xlink:href=%22%23m%22 x=%220%22 y=%2264%22/%3E%3Cuse href=%22%23m%22 xlink:href=%22%23m%22 x=%2264%22 y=%22-64%22/%3E%3Cuse href=%22%23m%22 xlink:href=%22%23m%22 x=%2264%22 y=%220%22/%3E%3Cuse href=%22%23m%22 xlink:href=%22%23m%22 x=%2264%22 y=%2264%22/%3E%3C/svg%3E");--pat-parang-size: 64px 64px;--pat-truntum: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 width=%2256%22 height=%2256%22 viewBox=%220 0 56 56%22%3E%3Crect width=%2256%22 height=%2256%22 fill=%22%2314182c%22/%3E%3Cpath d=%22M0 28.0L28.0 0L56 28.0L28.0 56Z%22 fill=%22none%22 stroke=%22%233a4166%22 stroke-width=%221%22 stroke-dasharray=%221 3%22/%3E%3Cg transform=%22translate(0 0)%22%3E%3Ccircle cx=%226.50%22 cy=%220.00%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%2210.62%22 cy=%224.40%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%224.60%22 cy=%224.60%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%224.40%22 cy=%2210.62%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%220.00%22 cy=%226.50%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-4.40%22 cy=%2210.62%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%22-4.60%22 cy=%224.60%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-10.62%22 cy=%224.40%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%22-6.50%22 cy=%220.00%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-10.62%22 cy=%22-4.40%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%22-4.60%22 cy=%22-4.60%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-4.40%22 cy=%22-10.62%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%22-0.00%22 cy=%22-6.50%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%224.40%22 cy=%22-10.62%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%224.60%22 cy=%22-4.60%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%2210.62%22 cy=%22-4.40%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle r=%223%22 fill=%22%23f2e6c8%22/%3E%3Ccircle r=%221.2%22 fill=%22%2314182c%22/%3E%3C/g%3E%3Cg transform=%22translate(56 0)%22%3E%3Ccircle cx=%226.50%22 cy=%220.00%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%2210.62%22 cy=%224.40%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%224.60%22 cy=%224.60%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%224.40%22 cy=%2210.62%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%220.00%22 cy=%226.50%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-4.40%22 cy=%2210.62%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%22-4.60%22 cy=%224.60%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-10.62%22 cy=%224.40%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%22-6.50%22 cy=%220.00%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-10.62%22 cy=%22-4.40%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%22-4.60%22 cy=%22-4.60%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-4.40%22 cy=%22-10.62%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%22-0.00%22 cy=%22-6.50%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%224.40%22 cy=%22-10.62%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%224.60%22 cy=%22-4.60%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%2210.62%22 cy=%22-4.40%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle r=%223%22 fill=%22%23f2e6c8%22/%3E%3Ccircle r=%221.2%22 fill=%22%2314182c%22/%3E%3C/g%3E%3Cg transform=%22translate(0 56)%22%3E%3Ccircle cx=%226.50%22 cy=%220.00%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%2210.62%22 cy=%224.40%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%224.60%22 cy=%224.60%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%224.40%22 cy=%2210.62%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%220.00%22 cy=%226.50%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-4.40%22 cy=%2210.62%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%22-4.60%22 cy=%224.60%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-10.62%22 cy=%224.40%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%22-6.50%22 cy=%220.00%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-10.62%22 cy=%22-4.40%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%22-4.60%22 cy=%22-4.60%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-4.40%22 cy=%22-10.62%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%22-0.00%22 cy=%22-6.50%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%224.40%22 cy=%22-10.62%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%224.60%22 cy=%22-4.60%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%2210.62%22 cy=%22-4.40%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle r=%223%22 fill=%22%23f2e6c8%22/%3E%3Ccircle r=%221.2%22 fill=%22%2314182c%22/%3E%3C/g%3E%3Cg transform=%22translate(56 56)%22%3E%3Ccircle cx=%226.50%22 cy=%220.00%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%2210.62%22 cy=%224.40%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%224.60%22 cy=%224.60%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%224.40%22 cy=%2210.62%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%220.00%22 cy=%226.50%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-4.40%22 cy=%2210.62%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%22-4.60%22 cy=%224.60%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-10.62%22 cy=%224.40%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%22-6.50%22 cy=%220.00%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-10.62%22 cy=%22-4.40%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%22-4.60%22 cy=%22-4.60%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-4.40%22 cy=%22-10.62%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%22-0.00%22 cy=%22-6.50%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%224.40%22 cy=%22-10.62%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%224.60%22 cy=%22-4.60%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%2210.62%22 cy=%22-4.40%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle r=%223%22 fill=%22%23f2e6c8%22/%3E%3Ccircle r=%221.2%22 fill=%22%2314182c%22/%3E%3C/g%3E%3Cg transform=%22translate(28.0 28.0)%22%3E%3Ccircle cx=%226.50%22 cy=%220.00%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%2210.62%22 cy=%224.40%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%224.60%22 cy=%224.60%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%224.40%22 cy=%2210.62%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%220.00%22 cy=%226.50%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-4.40%22 cy=%2210.62%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%22-4.60%22 cy=%224.60%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-10.62%22 cy=%224.40%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%22-6.50%22 cy=%220.00%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-10.62%22 cy=%22-4.40%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%22-4.60%22 cy=%22-4.60%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-4.40%22 cy=%22-10.62%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%22-0.00%22 cy=%22-6.50%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%224.40%22 cy=%22-10.62%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle cx=%224.60%22 cy=%22-4.60%22 r=%222.3%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%2210.62%22 cy=%22-4.40%22 r=%22.95%22 fill=%22%23f2e6c8%22/%3E%3Ccircle r=%223%22 fill=%22%23f2e6c8%22/%3E%3Ccircle r=%221.2%22 fill=%22%2314182c%22/%3E%3C/g%3E%3Cg transform=%22translate(28.0 0)%22%3E%3Ccircle cx=%220%22 cy=%22-3%22 r=%221.2%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%220%22 cy=%223%22 r=%221.2%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-3%22 cy=%220%22 r=%221.2%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%223%22 cy=%220%22 r=%221.2%22 fill=%22%23e0b04a%22/%3E%3C/g%3E%3Cg transform=%22translate(0 28.0)%22%3E%3Ccircle cx=%220%22 cy=%22-3%22 r=%221.2%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%220%22 cy=%223%22 r=%221.2%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-3%22 cy=%220%22 r=%221.2%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%223%22 cy=%220%22 r=%221.2%22 fill=%22%23e0b04a%22/%3E%3C/g%3E%3Cg transform=%22translate(56 28.0)%22%3E%3Ccircle cx=%220%22 cy=%22-3%22 r=%221.2%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%220%22 cy=%223%22 r=%221.2%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-3%22 cy=%220%22 r=%221.2%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%223%22 cy=%220%22 r=%221.2%22 fill=%22%23e0b04a%22/%3E%3C/g%3E%3Cg transform=%22translate(28.0 56)%22%3E%3Ccircle cx=%220%22 cy=%22-3%22 r=%221.2%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%220%22 cy=%223%22 r=%221.2%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%22-3%22 cy=%220%22 r=%221.2%22 fill=%22%23e0b04a%22/%3E%3Ccircle cx=%223%22 cy=%220%22 r=%221.2%22 fill=%22%23e0b04a%22/%3E%3C/g%3E%3C/svg%3E");--pat-truntum-size: 56px 56px}:root,[data-theme=kawung]{--bg: #e9d6b4;--bg2: #d9bf92;--pat-col: rgba(110, 62, 28, .16);--paper: #fff8ea;--paper2: #f7ead0;--ink: #3b2414;--muted: #8a6a4a;--given: #3b2414;--user: #1f4f9a;--accent: #c8902c;--accent2: #e8b84a;--accent-d: #8a5a14;--line: rgba(80, 45, 20, .22);--line-b: #6b3f1c;--frame: #5a3218;--peer: rgba(200, 144, 44, .14);--same: rgba(31, 79, 154, .16);--sel: rgba(200, 144, 44, .42);--err: #d23a2a;--err-bg: rgba(210, 58, 42, .14);--hint: rgba(46, 160, 90, .2);--card: rgba(255, 248, 234, .94);--dock: rgba(90, 50, 24, .92);--dock-ink: #fff3dc;--pat: var(--pat-kawung);--pat-size: var(--pat-kawung-size)}[data-theme=mendung]{--bg: #cfe2f3;--bg2: #a9c8e8;--paper: #f7fbff;--paper2: #e6f0fa;--ink: #13284a;--muted: #4a6a90;--given: #13284a;--user: #c0392b;--accent: #2f6fbf;--accent2: #5aa0e8;--accent-d: #1a4a8a;--line: rgba(19, 40, 74, .2);--line-b: #1d3f72;--frame: #1d3f72;--peer: rgba(47, 111, 191, .12);--same: rgba(192, 57, 43, .14);--sel: rgba(47, 111, 191, .34);--card: rgba(247, 251, 255, .94);--dock: rgba(29, 63, 114, .92);--dock-ink: #e8f2ff;--pat: var(--pat-mendung);--pat-size: var(--pat-mendung-size)}[data-theme=parang]{--bg: #f1dcc8;--bg2: #e2bfa0;--paper: #fff7ef;--paper2: #f6e4d2;--ink: #3a1010;--muted: #8a4a3a;--given: #3a1010;--user: #1f5f4a;--accent: #a8301e;--accent2: #d8603e;--accent-d: #6e1a1a;--line: rgba(90, 20, 20, .2);--line-b: #6e1a1a;--frame: #6e1a1a;--peer: rgba(168, 48, 30, .1);--same: rgba(31, 95, 74, .16);--sel: rgba(168, 48, 30, .3);--card: rgba(255, 247, 239, .94);--dock: rgba(110, 26, 26, .93);--dock-ink: #fff0e4;--pat: var(--pat-parang);--pat-size: var(--pat-parang-size)}[data-theme=truntum]{--bg: #161a2e;--bg2: #0e1120;--paper: #20253d;--paper2: #191d31;--ink: #f2e6c8;--muted: #a49a80;--given: #f2e6c8;--user: #7fc4ff;--accent: #e0b04a;--accent2: #f2cc6a;--accent-d: #a87a1a;--line: rgba(242, 230, 200, .14);--line-b: #c8a24a;--frame: #0c0f1c;--peer: rgba(224, 176, 74, .1);--same: rgba(127, 196, 255, .16);--sel: rgba(224, 176, 74, .3);--err: #ff6b5a;--err-bg: rgba(255, 107, 90, .16);--hint: rgba(90, 210, 140, .18);--card: rgba(32, 37, 61, .95);--dock: rgba(12, 15, 28, .94);--dock-ink: #f2e6c8;--pat: var(--pat-truntum);--pat-size: var(--pat-truntum-size)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%}body{font-family:Poppins,system-ui,sans-serif;color:var(--ink);background:var(--bg) var(--pat);background-size:var(--pat-size);background-attachment:fixed;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none;-webkit-user-select:none;user-select:none}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 30%,transparent 55%,rgba(0,0,0,.28) 100%);z-index:0}#app{position:relative;z-index:1}button{font:inherit;color:inherit;cursor:pointer}.screen{display:none;min-height:100dvh}.screen.on{display:block}.c{text-align:center;justify-content:center}.small{font-size:.84rem;color:var(--muted)}:focus-visible{outline:3px solid var(--accent2);outline-offset:2px}.btn{--c: var(--accent);--d: var(--accent-d);display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:8px 20px;border:0;border-radius:14px;font-weight:800;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c) 60%,var(--d));box-shadow:0 4px 0 var(--d),0 8px 16px #00000026;transition:transform .06s}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--d)}.btn.gold{--c: var(--accent);--d: var(--accent-d)}.btn.red{--c: #d23a2a;--d: #8a1a10}.btn.ghost{background:var(--paper);color:var(--ink);box-shadow:0 4px 0 var(--line-b),0 6px 12px #0000001a;border:2px solid var(--line-b)}.row{display:flex;gap:10px;flex-wrap:wrap}.row>.btn{flex:1}.col{display:flex;flex-direction:column;gap:10px}.icon{width:44px;height:44px;border-radius:14px;border:2px solid var(--line-b);background:var(--paper);color:var(--ink);font-size:1.25rem;font-weight:900;display:grid;place-items:center;flex:none}.icon.sm{width:36px;height:36px;font-size:1.1rem}.icon:disabled{opacity:.35}#home{padding:46px 16px 110px;max-width:980px;margin:0 auto}.brand{text-align:center;padding:18px 12px 16px;position:relative;margin:14px auto 18px;max-width:520px;background:var(--paper);border:3px solid var(--frame);border-radius:26px;box-shadow:0 0 0 4px var(--accent),0 0 0 6px var(--frame),0 16px 34px #0000004d}.brand:before{content:"";position:absolute;inset:6px;border:1.5px dashed color-mix(in srgb,var(--accent) 60%,transparent);border-radius:20px;pointer-events:none}.ornament{width:74px;height:74px;margin:-52px auto 4px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 4px var(--accent),0 0 0 8px var(--paper),0 0 0 10px var(--line-b),0 10px 24px #0003;background-image:radial-gradient(circle,var(--paper) 42%,transparent 43%),var(--pat);background-size:100% 100%,calc(var(--pat-size) * .6);background-position:center;display:grid;place-items:center}.ornament:after{content:"9";font-family:Playfair Display,serif;font-weight:900;font-size:2.2rem;color:var(--accent-d);text-shadow:0 2px 0 var(--paper)}.logo{margin:10px 0 0;line-height:1}.logo small{display:block;font-size:1.05rem;letter-spacing:.6em;font-weight:800;color:var(--accent-d);padding-left:.6em}.logo span{display:block;font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:900;font-size:clamp(2.6rem,12.5vw,4.4rem);color:var(--accent);-webkit-text-stroke:1.5px var(--accent-d);text-shadow:0 4px 0 var(--accent-d),0 10px 24px rgba(0,0,0,.18);margin-top:-4px}.tagline{margin:6px 0 0;color:var(--muted);font-weight:600}.home-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;align-items:start;margin-top:8px}.card{width:100%;text-align:left;background:var(--paper);border:2px solid var(--line-b);border-radius:20px;padding:14px 16px;box-shadow:0 5px 0 var(--line-b),0 12px 24px #0000001a;position:relative;margin-bottom:16px}.card:before{content:"";position:absolute;inset:5px;border:1px dashed color-mix(in srgb,var(--accent) 55%,transparent);border-radius:15px;pointer-events:none}.continue{display:flex;align-items:center;gap:12px}.continue .ic{width:46px;height:46px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:1.2rem;box-shadow:0 3px 0 var(--accent-d);flex:none}.continue .txt{flex:1;display:flex;flex-direction:column}.continue small{color:var(--muted);font-weight:600}.ring{width:42px;height:42px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p, 0) * 1%),var(--line) 0);flex:none;display:grid;place-items:center}.ring:after{content:"";width:30px;height:30px;border-radius:50%;background:var(--paper)}.daily-top{display:flex;justify-content:space-between;align-items:flex-start}.daily small{color:var(--accent-d);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.daily-top b{display:block;font-size:1.15rem}.daily p{margin:8px 0 12px;font-size:.92rem}.streak{background:linear-gradient(#ff9a3a,#e2462a);color:#fff;font-weight:900;padding:6px 12px;border-radius:99px;box-shadow:0 3px #a8301a}.sec{display:inline-block;margin:0 0 10px;font-size:.9rem;text-transform:uppercase;letter-spacing:.12em;color:var(--dock-ink);background:var(--dock);padding:5px 16px;border-radius:99px;box-shadow:0 4px 12px #00000040}.modes{display:grid;gap:10px}.mode{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:18px;border:2px solid var(--line-b);background:var(--paper);box-shadow:0 4px 0 var(--line-b);text-align:left;transition:transform .08s}.mode:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line-b)}.mgrid{width:42px;height:42px;flex:none;border-radius:8px;border:2.5px solid var(--line-b);background:var(--paper2);background-image:linear-gradient(var(--line-b) 2px,transparent 2px),linear-gradient(90deg,var(--line-b) 2px,transparent 2px)}.mgrid.g9{background-size:13px 13px;background-position:-1px -1px}.mgrid.g6{background-size:19px 13px;background-position:-1px -1px}.mtxt{flex:1;display:flex;flex-direction:column}.mtxt b{font-size:1.05rem}.mtxt small{color:var(--muted);font-size:.78rem;font-weight:600}.mbest{display:flex;flex-direction:column;align-items:flex-end;font-weight:800;font-size:.82rem;color:var(--accent-d)}.mbest i{font-style:normal;font-weight:600;color:var(--muted);font-size:.72rem}.m-mini-mudah .mgrid,.m-mudah .mgrid{background-color:#dff3d6}.m-mini-sedang .mgrid,.m-sedang .mgrid{background-color:#fdf0c4}.m-sulit .mgrid{background-color:#fde0c8}.m-ahli .mgrid{background-color:#f6d0d0}.dock{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:4px;padding:6px;border-radius:22px;background:var(--dock);box-shadow:0 10px 30px #0000004d;z-index:5;max-width:calc(100% - 20px)}.dock button{border:0;background:none;color:var(--dock-ink);display:flex;flex-direction:column;align-items:center;font-size:.7rem;font-weight:700;padding:6px 10px;border-radius:16px;min-width:64px}.dock button span{font-size:1.3rem;line-height:1.2}.dock button:active{background:#ffffff1f}#game{padding:0 12px max(12px,env(safe-area-inset-bottom))}.gbar{display:flex;align-items:center;gap:8px;padding:6px 8px;max-width:980px;margin:max(10px,env(safe-area-inset-top)) auto 12px;background:var(--paper);border:2px solid var(--line-b);border-radius:20px;box-shadow:0 6px 18px #00000040}.ginfo{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.15}.ginfo b{font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ginfo small{color:var(--muted);font-weight:600;font-size:.78rem}.gstats{display:flex;gap:6px}.chip{border:2px solid var(--line-b);background:var(--paper);border-radius:99px;padding:4px 10px;font-weight:800;font-size:.85rem;white-space:nowrap;color:var(--ink)}.chip.warn{background:var(--err);color:#fff;border-color:var(--err)}.chip.timer{font-variant-numeric:tabular-nums}.play{max-width:980px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;justify-items:center}.board-wrap{position:relative;width:min(100%,calc(100dvh - 330px),560px);min-width:280px}.board{container-type:inline-size;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:repeat(var(--n),minmax(0,1fr));aspect-ratio:1;background:var(--paper);border:4px solid var(--frame);border-radius:14px;overflow:hidden;box-shadow:0 0 0 4px var(--accent),0 0 0 6px var(--frame),0 16px 36px #00000040;transition:filter .2s}.board.s6{aspect-ratio:1}.board.blur{filter:blur(10px)}.cell{position:relative;border:0;padding:0;background:transparent;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:calc(100cqw / var(--n) * .56);font-weight:600;color:var(--user);display:grid;place-items:center;transition:background .12s;touch-action:manipulation}.cell:nth-child(9n),.board.s6 .cell:nth-child(6n){border-right:0}.board.s9 .cell:nth-child(n+73),.board.s6 .cell:nth-child(n+31){border-bottom:0}.cell.br{border-right:2.5px solid var(--line-b)}.cell.bb{border-bottom:2.5px solid var(--line-b)}.board.s9 .cell:nth-child(9n).br{border-right:0}.cell .v{line-height:1}.cell.given{color:var(--given);font-weight:800;background-color:color-mix(in srgb,var(--paper2) 70%,transparent)}.cell.peer{background-color:var(--peer)}.cell.same{background-color:var(--same)}.cell.sel{background-color:var(--sel);box-shadow:inset 0 0 0 2px var(--accent-d)}.cell.err{color:var(--err);background-color:var(--err-bg)}.cell.hunit{background-color:var(--hint)}.cell.hcell{animation:pulse 1s ease-in-out 3;box-shadow:inset 0 0 0 3px #2ea05a}.cell.hinted:after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.nt{position:absolute;inset:2px;display:grid;grid-template-columns:repeat(3,1fr);font-size:calc(100cqw / var(--n) * .23);font-weight:700;color:var(--muted);pointer-events:none}.nt.n6{grid-template-rows:repeat(2,1fr)}.nt i{font-style:normal;display:grid;place-items:center;opacity:0;line-height:1}.nt i.on{opacity:1}.nt i.same{color:var(--user);font-weight:900}.cell:not(.hasnotes) .nt{display:none}.cell.shake{animation:shake .35s}.cell.glow{animation:glow .7s ease-out both;animation-delay:var(--d)}.cell.win{animation:winwave .9s ease-out both;animation-delay:var(--d)}@keyframes shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes glow{0%{background-color:var(--accent2);color:#fff}}@keyframes winwave{0%{transform:scale(1)}40%{transform:scale(.82);background-color:var(--accent2);color:#fff;border-radius:30%}to{transform:scale(1);background-color:color-mix(in srgb,var(--accent2) 35%,transparent)}}@keyframes pulse{50%{box-shadow:inset 0 0 0 5px #2ea05a}}.hintbox{background:var(--paper);border:2px solid #2ea05a;border-radius:16px;padding:8px 12px;box-shadow:0 8px 24px #0003;z-index:3;animation:drop .25s ease-out}.hintbox b{display:block;color:#2ea05a;font-size:.85rem}.hintbox span{font-size:.9rem;font-weight:600}@keyframes drop{0%{opacity:0;transform:translateY(-8px)}}.paused{position:absolute;inset:0;display:grid;place-items:center;z-index:2}.paused div{background:var(--paper);border:2px solid var(--line-b);border-radius:20px;padding:16px 22px;text-align:center;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 30px #00000040}.paused b{font-size:1.3rem}.controls{width:min(100%,560px);min-width:0;display:flex;flex-direction:column;gap:12px}.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tool{position:relative;border:2px solid var(--line-b);background:var(--paper);border-radius:16px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;font-weight:700;font-size:.74rem;color:var(--ink);box-shadow:0 3px 0 var(--line-b)}.tool span{font-size:1.3rem;line-height:1.2}.tool:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line-b)}.tool em{position:absolute;top:-8px;right:4px;font-style:normal;font-size:.6rem;font-weight:900;background:var(--muted);color:#fff;border-radius:99px;padding:1px 6px}.tool.on{background:var(--accent);color:#fff;border-color:var(--accent-d)}.tool.on em{background:#2ea05a}.pad{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}.pad.p6{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.pad.p6 .key{aspect-ratio:.9}.key{position:relative;min-width:0;padding:0;border:2px solid var(--line-b);background:linear-gradient(var(--paper),var(--paper2));border-radius:12px;aspect-ratio:.58;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 0 var(--line-b);color:var(--user);touch-action:none}.key b{font-size:clamp(1.5rem,6vw,2rem);font-weight:700;line-height:1}.key small{font-size:.66rem;font-weight:800;color:var(--muted)}.key:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line-b)}.key.done{opacity:.28}.key.cur{background:var(--sel)}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:14px;background:#140a0080;backdrop-filter:blur(3px)}.modal[hidden]{display:none}.panel{width:min(460px,100%);max-height:calc(100dvh - 28px);overflow:auto;scrollbar-width:none;background:var(--paper) var(--pat);background-blend-mode:normal;border:3px solid var(--frame);border-radius:22px;padding:18px;box-shadow:0 0 0 4px var(--accent),0 0 0 6px var(--frame),0 20px 50px #00000059;animation:pop .25s cubic-bezier(.2,1.4,.4,1);position:relative}.panel:before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--paper) 93%,transparent);border-radius:19px;z-index:-1}.panel{isolation:isolate}.panel.wide{width:min(620px,100%)}.panel h2{margin:0 0 12px;text-align:center;color:var(--accent-d);font-size:1.35rem}.panel p{line-height:1.5}@keyframes pop{0%{transform:scale(.85);opacity:0}}.how{padding-left:22px;line-height:1.5;margin:0 0 14px}.how li{margin-bottom:6px}.toggles{display:flex;flex-direction:column;margin-bottom:14px}.tg{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px dashed var(--line);cursor:pointer}.tg span{display:flex;flex-direction:column}.tg small{color:var(--muted);font-size:.78rem}.tg input{position:absolute;opacity:0;width:1px;height:1px}.tg i{width:50px;height:30px;border-radius:99px;background:var(--line);position:relative;flex:none;transition:background .2s}.tg i:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #00000040;transition:left .2s}.tg input:checked+i{background:var(--accent)}.tg input:checked+i:after{left:23px}.tg input:focus-visible+i{outline:3px solid var(--accent2)}.themes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.th{border:3px solid var(--line);border-radius:16px;padding:8px;background:var(--paper2);display:flex;flex-direction:column;text-align:left;color:var(--ink)}.th.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}.th .sw{height:64px;border-radius:10px;margin-bottom:6px;border:2px solid rgba(0,0,0,.15)}.th small{color:var(--muted);font-size:.74rem}.th-kawung .sw{background:var(--pat-kawung);background-size:calc(var(--pat-kawung-size) * .7)}.th-mendung .sw{background:var(--pat-mendung);background-size:calc(var(--pat-mendung-size) * .7)}.th-parang .sw{background:var(--pat-parang);background-size:calc(var(--pat-parang-size) * .7)}.th-truntum .sw{background:var(--pat-truntum);background-size:calc(var(--pat-truntum-size) * .7)}.calhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.cal em{font-style:normal;font-size:.7rem;font-weight:800;color:var(--muted);text-align:center}.cd{aspect-ratio:1;border:2px solid var(--line);border-radius:10px;background:var(--paper);font-weight:800;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.9rem;line-height:1;padding:0}.cd i{font-style:normal;font-size:.5rem;color:var(--accent);letter-spacing:-1px}.cd.ok{background:color-mix(in srgb,var(--accent) 25%,var(--paper));border-color:var(--accent)}.cd.today{box-shadow:0 0 0 3px var(--accent2)}.cd:disabled{opacity:.35}.win{text-align:center;position:relative;overflow:hidden}.win small{color:var(--muted);font-weight:700}.bigstars{display:flex;justify-content:center;gap:6px;font-size:3.2rem;line-height:1;margin:2px 0 10px;color:var(--line)}.bigstars span.on{color:var(--accent2);text-shadow:0 3px 0 var(--accent-d);animation:star .5s cubic-bezier(.2,1.6,.4,1) both;animation-delay:var(--d)}@keyframes star{0%{transform:scale(0) rotate(-90deg)}}.wgrid,.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.sgrid{grid-template-columns:repeat(4,1fr)}.wgrid div,.sgrid div{background:var(--paper2);border-radius:14px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;position:relative}.wgrid span,.sgrid span{font-size:.72rem;font-weight:700;color:var(--muted);text-align:center}.wgrid b,.sgrid b{font-size:1.3rem}.wgrid em{position:absolute;top:-9px;font-style:normal;background:#d23a2a;color:#fff;font-size:.62rem;font-weight:800;padding:1px 8px;border-radius:99px}.wscore{font-size:1.1rem;font-weight:700}.wscore b{font-size:1.8rem;color:var(--accent-d)}.conf{position:absolute;inset:0;pointer-events:none}.conf i{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;background:var(--accent);animation:fall 2.6s ease-in both}.conf i:nth-child(3n){background:#d23a2a}.conf i:nth-child(3n+1){background:#2ea05a}.conf i:nth-child(1){left:4%}.conf i:nth-child(2){left:10%;animation-delay:.2s}.conf i:nth-child(3){left:17%;animation-delay:.5s}.conf i:nth-child(4){left:23%;animation-delay:.1s}.conf i:nth-child(5){left:30%;animation-delay:.4s}.conf i:nth-child(6){left:36%;animation-delay:.7s}.conf i:nth-child(7){left:43%;animation-delay:.2s}.conf i:nth-child(8){left:49%;animation-delay:.6s}.conf i:nth-child(9){left:55%;animation-delay:.3s}.conf i:nth-child(10){left:62%}.conf i:nth-child(11){left:68%;animation-delay:.5s}.conf i:nth-child(12){left:74%;animation-delay:.25s}.conf i:nth-child(13){left:80%;animation-delay:.65s}.conf i:nth-child(14){left:86%;animation-delay:.15s}.conf i:nth-child(15){left:92%;animation-delay:.45s}.conf i:nth-child(16){left:97%;animation-delay:.35s}@keyframes fall{to{transform:translateY(560px) rotate(600deg);opacity:0}}.tablewrap{overflow-x:auto;scrollbar-width:none;margin-bottom:8px}.st{width:100%;border-collapse:collapse;font-size:.86rem}.st th{text-align:left;font-size:.72rem;color:var(--muted);padding:6px;border-bottom:2px solid var(--line-b)}.st td{padding:8px 6px;border-bottom:1px dashed var(--line);white-space:nowrap}.toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%);z-index:60;background:var(--ink);color:var(--paper);font-weight:700;padding:10px 18px;border-radius:14px;box-shadow:0 8px 24px #0000004d;max-width:calc(100% - 32px);text-align:center;pointer-events:none;animation:pop .25s}@media(min-width:860px){.play{grid-template-columns:minmax(0,1fr) 340px;align-items:center;justify-items:stretch;gap:26px;min-height:calc(100dvh - 90px)}.board-wrap{width:min(100%,calc(100dvh - 120px),620px);justify-self:end}.controls{width:100%}.pad{grid-template-columns:repeat(3,1fr);gap:10px}.pad.p6{grid-template-columns:repeat(3,1fr)}.key{aspect-ratio:1.15}.key b{font-size:2rem}}@media(max-width:720px){.home-grid{grid-template-columns:1fr;gap:0}.gstats .chip{padding:3px 8px;font-size:.78rem}#gScore{display:none}}@media(max-height:640px)and (max-width:720px){.board-wrap{width:min(100%,calc(100dvh - 290px))}.key{aspect-ratio:1}}@media(orientation:landscape)and (max-height:520px){.gbar{margin-top:4px;margin-bottom:6px}.play{grid-template-columns:auto 1fr;align-items:center}.board-wrap{width:calc(100dvh - 80px);min-width:0}.pad{grid-template-columns:repeat(5,1fr)}.key{aspect-ratio:1.5}.key b{font-size:1.3rem}.gbar{padding-top:4px;padding-bottom:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}