@font-face{font-family:Nunito Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/nunito-sans-400.woff2) format("woff2")}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/nunito-sans-600.woff2) format("woff2")}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/nunito-sans-700.woff2) format("woff2")}@font-face{font-family:"Noto Serif";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/noto-serif-700.woff2) format("woff2")}@font-face{font-family:Hanzi Bidak;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/hanzi-bidak.woff2) format("woff2")}:root{--font-teks: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-judul: "Noto Serif", Georgia, "Times New Roman", serif;--font-hanzi: "Hanzi Bidak", "Noto Serif SC", "Songti SC", SimSun, serif;--warna-latar: #fbf8f2;--warna-permukaan: #ffffff;--warna-teks: #201e1d;--warna-teks-redam: #5f5b59;--warna-utama: #07786a;--warna-utama-teks: #ffffff;--warna-bidang: #56c3c0;--warna-bidang-teks: #201e1d;--warna-bidang-samar: #e5f2f1;--warna-garis-utama: #cfe7e5;--warna-garis-halus: #e6e3e1;--warna-whatsapp: #25d366;--warna-whatsapp-teks: #201e1d;--warna-papan: #e8d8b8;--warna-garis: #6b563a;--warna-kayu-samar: #f6f1e6;--warna-kayu-garis: #e6decf;--warna-kotak: #f0efeb;--warna-bidak-latar: #fdf6e6;--warna-merah: #b32020;--warna-hitam: #1f1f1f;--warna-terpilih: #1d6fb8;--warna-tujuan: #2f7d4f;--warna-disorot: #f2c14e;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--warna-latar: #14161a;--warna-permukaan: #1c2024;--warna-teks: #ecebe9;--warna-teks-redam: #a8a4a0;--warna-utama: #56c3c0;--warna-utama-teks: #10201f;--warna-bidang: #07786a;--warna-bidang-teks: #ffffff;--warna-bidang-samar: #123a36;--warna-garis-utama: #2a4b48;--warna-garis-halus: #33383d;--warna-papan: #3a3226;--warna-garis: #a18f70;--warna-kayu-samar: #23201b;--warna-kayu-garis: #3a352c;--warna-kotak: #21242a;--warna-bidak-latar: #23201b;--warna-merah: #e06060;--warna-hitam: #d8d8d8;--warna-terpilih: #6fb0ea;--warna-tujuan: #6fc08d;--warna-disorot: #a8811f}}html{font-size:17px}body{margin:0;background:var(--warna-latar);color:var(--warna-teks);font-family:var(--font-teks);line-height:1.6}h1,h2,h3{font-family:var(--font-judul);font-weight:700;line-height:1.2}main{max-width:46rem;margin:0 auto;padding-bottom:4rem}button{font:inherit;min-height:44px;cursor:pointer}a{display:inline-flex;align-items:center;box-sizing:border-box;min-height:44px;color:var(--warna-utama)}p a.sebaris{display:inline;min-height:0}.kartu{background:var(--warna-permukaan, #fff);border:1px solid var(--warna-garis-utama, #cfe7e5);border-radius:.875rem}.label-kecil{margin:0;font-size:.6875rem;letter-spacing:.09em;text-transform:uppercase;font-weight:700}.bilah{display:flex;align-items:center;gap:.7rem;min-height:56px;padding:.4rem 1.1rem;background:var(--warna-kayu-samar, #f6f1e6);border-bottom:1px solid var(--warna-kayu-garis, #e6decf)}.bilah h1{margin:0;font-size:1.15rem}.bilah__kembali{flex-shrink:0;width:2.2rem;justify-content:center;font-size:1.6rem;line-height:1;color:inherit;text-decoration:none}.tombol{display:flex;flex-direction:column;justify-content:center;gap:.1rem;box-sizing:border-box;min-height:56px;padding:.7rem 1.1rem;border-radius:.75rem;text-decoration:none}.tombol__judul{font-size:1rem;font-weight:700;line-height:1.3}.tombol__sub{font-size:.8125rem;line-height:1.3;opacity:.85}.tombol--utama{background:var(--warna-utama, #07786a);color:var(--warna-utama-teks, #fff)}.tombol--whatsapp{background:var(--warna-whatsapp, #25d366);color:var(--warna-whatsapp-teks, #201e1d)}.tombol--samar{align-items:center;min-height:48px;color:var(--warna-utama, #07786a);font-weight:600}.kredit ul{list-style:none;margin:0;padding:0}.kredit--ringkas{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--warna-garis-halus, #e6e3e1);text-align:center}.kredit--ringkas .kredit__logo{display:flex;gap:1.5rem;justify-content:center;align-items:center;opacity:.55;transition:opacity .2s ease}.kredit--ringkas .kredit__logo:hover,.kredit--ringkas .kredit__logo:focus-within{opacity:1}.kredit--ringkas[data-nama=true] .kredit__logo{opacity:1;align-items:flex-start;gap:1.25rem}.kredit--ringkas[data-nama=true] .kredit__logo li{display:flex;flex-direction:column;align-items:center;gap:.35rem;flex:1 1 0;max-width:10rem}.kredit__nama-ringkas{font-size:.75rem;font-weight:600;line-height:1.3}.kredit__tagline{font-size:.75rem;font-style:italic;line-height:1.3;color:var(--warna-utama, #07786a);margin:0}.kredit__pengembang{margin-top:.75rem;font-size:.8125rem;color:var(--warna-teks-redam, #5f5b59)}.kredit__butir{display:flex;gap:1rem;align-items:flex-start;padding:.9rem 1rem;margin-bottom:.75rem;background:var(--warna-permukaan, #fff);border:1px solid var(--warna-garis-utama, #cfe7e5);border-radius:.875rem}.kredit__butir h3{margin:0;font-size:1rem}.kredit__butir p{margin:0}.kredit__butir>div{display:flex;flex-direction:column;gap:.15rem}.kredit__butir img{flex-shrink:0;object-fit:contain}.kredit__peran{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--warna-teks-redam, #5f5b59);font-weight:700}.kredit__butir>div>p:last-of-type{font-size:.8125rem;color:var(--warna-teks-redam, #5f5b59)}.kredit__nama-teks{font-size:.875rem;font-weight:600}.beranda{padding:0 0 2.5rem}.beranda__kepala{background:var(--warna-bidang, #56c3c0);color:var(--warna-bidang-teks, #201e1d);padding:2rem 1.25rem 1.35rem}.beranda__sambutan{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.beranda__kepala h1{margin:.35rem 0 0;font-size:1.6rem}.beranda__lambang{flex-shrink:0;width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--warna-bidak-latar, #fdf6e6);border:2px solid var(--warna-merah, #b32020)}.beranda__lambang span{font-family:var(--font-hanzi);font-size:1.45rem;font-weight:700;line-height:1;color:var(--warna-merah, #b32020)}.beranda__pengantar{margin:.7rem 0 0;font-size:.9375rem}.beranda__isi{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.25rem 0}.beranda__peringatan{margin:0;padding:1rem;font-size:.9375rem}.beranda__progres{padding:1.1rem;display:flex;flex-direction:column;gap:.7rem}.beranda__progres-kepala{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.beranda__progres-kepala h2{margin:0;font-size:1rem}.beranda__progres-kepala p{margin:0;font-size:.875rem;color:var(--warna-teks-redam, #5f5b59)}.beranda__progres-kepala strong{font-family:var(--font-judul);font-size:1.25rem;color:var(--warna-utama, #07786a)}.beranda__bar{height:8px;border-radius:4px;background:var(--warna-bidang-samar, #e5f2f1);overflow:hidden}.beranda__bar div{height:100%;border-radius:4px;background:var(--warna-utama, #07786a)}.beranda__lanjut{margin:0;font-size:.875rem;color:var(--warna-teks-redam, #5f5b59)}.beranda__lanjut strong{color:var(--warna-teks, #201e1d)}.beranda__unit{overflow:hidden}.beranda__unit-kepala{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.1rem;background:var(--warna-bidang-samar, #e5f2f1);border-bottom:1px solid var(--warna-garis-utama, #cfe7e5)}.beranda__unit-kepala h2{margin:.15rem 0 0;font-size:1.1rem}.beranda__unit-kepala .label-kecil{color:var(--warna-teks-redam, #5f5b59)}.beranda__hitung{margin:0;flex-shrink:0;font-size:.8125rem;font-weight:700;color:var(--warna-utama, #07786a);background:var(--warna-permukaan, #fff);border:1px solid var(--warna-garis-utama, #cfe7e5);border-radius:20px;padding:.2rem .6rem}.beranda__daftar{list-style:none;margin:0;padding:0}.beranda__daftar li+li .beranda__baris{border-top:1px solid var(--warna-garis-halus, #e6e3e1)}.beranda__baris{display:flex;align-items:center;gap:.8rem;width:100%;box-sizing:border-box;min-height:56px;padding:.5rem 1.1rem;color:var(--warna-teks, #201e1d);text-decoration:none}.beranda__baris[data-sekarang=true]{background:var(--warna-bidang-samar, #e5f2f1)}.beranda__nomor{flex-shrink:0;width:1.85rem;height:1.85rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid var(--warna-garis-utama, #cfe7e5);font-size:.8125rem;font-weight:700;color:var(--warna-teks-redam, #5f5b59)}.beranda__baris[data-sekarang=true] .beranda__nomor{border-color:var(--warna-utama, #07786a);color:var(--warna-utama, #07786a)}.beranda__baris[data-selesai=true] .beranda__nomor{background:var(--warna-utama, #07786a);border-color:var(--warna-utama, #07786a);color:var(--warna-utama-teks, #fff)}.beranda__judul{flex-grow:1;line-height:1.35}.beranda__baris[data-selesai=true] .beranda__judul{color:var(--warna-teks-redam, #5f5b59)}.beranda__tanda-lanjut{flex-shrink:0;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--warna-utama, #07786a);background:var(--warna-permukaan, #fff);border:1px solid var(--warna-utama, #07786a);border-radius:20px;padding:.15rem .5rem}.beranda__tanda{flex-shrink:0;color:var(--warna-utama, #07786a);font-weight:700}.beranda__tindakan{display:flex;flex-direction:column;gap:.7rem;margin-top:.25rem}.beranda__unit>summary{cursor:pointer;list-style:none}.beranda__unit>summary::-webkit-details-marker{display:none}.beranda__unit:not([open])>summary{border-bottom:none}.beranda__unit-kepala .beranda__unit-judul{margin:0;flex-grow:1;font-size:1.1rem}.beranda__unit-judul .label-kecil{display:block;margin-bottom:.15rem;font-family:var(--font-teks);color:var(--warna-teks-redam, #5f5b59)}.beranda__panah{flex-shrink:0;color:var(--warna-utama, #07786a);transition:transform .15s ease}.beranda__unit[open] .beranda__panah{transform:rotate(180deg)}.papan-bingkai{width:min(100%,42rem);margin:0 auto;display:grid;grid-template-columns:1fr}.papan-bingkai[data-koordinat=true]{grid-template-rows:1.2rem auto 1.2rem}.papan-koordinat{font-size:.78rem;font-weight:700;line-height:1;-webkit-user-select:none;user-select:none}.papan-koordinat--lajur{display:grid;grid-template-columns:repeat(9,1fr);justify-items:center}.papan-koordinat--atas{align-items:end}.papan-koordinat--bawah{align-items:start;padding-top:.2rem}.papan-koordinat[data-sisi=merah]{color:var(--warna-merah, #b32020)}.papan-koordinat[data-sisi=hitam]{color:var(--warna-hitam, #1f1f1f)}.papan{position:relative;display:grid;grid-template-columns:repeat(9,1fr);gap:0;width:100%;background:var(--warna-papan, #e8d8b8);aspect-ratio:9 / 10}.papan__garis{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.papan__garis line{stroke:var(--warna-garis, #6b563a);stroke-width:.03}.papan__garis .papan__bingkai{fill:none;stroke:var(--warna-garis, #6b563a);stroke-width:.07}.papan__titik{position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;touch-action:manipulation}.papan__titik[data-tujuan=true]:after{content:"";position:absolute;width:40%;height:40%;border-radius:50%;background:var(--warna-tujuan, #2f7d4f);opacity:.55}.papan__titik[data-terpilih=true]{outline:3px solid var(--warna-terpilih, #1d6fb8);outline-offset:-3px;border-radius:.25rem}.papan__titik[data-disorot=true]{background:var(--warna-disorot, #f2c14e);border-radius:50%}.bidak{display:flex;flex-direction:column;align-items:center;justify-content:center;width:88%;aspect-ratio:1;border-radius:50%;border:2px solid currentColor;background:var(--warna-bidak-latar, #fdf6e6);line-height:1.1}.bidak--merah{color:var(--warna-merah, #b32020)}.bidak--hitam{color:var(--warna-hitam, #1f1f1f)}.bidak__hanzi{font-family:var(--font-hanzi);font-size:1.5rem;font-weight:700}.bidak__nama{font-size:.6rem;letter-spacing:.02em}.papan__sungai{font-family:var(--font-hanzi);font-weight:700;fill:var(--warna-garis, #6b563a);opacity:.7;letter-spacing:.16px}.pelajaran{font-size:1.0625rem;line-height:1.6;padding-bottom:3rem}.pelajaran__isi[data-tindakan-tetap=true]{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))}.pelajaran__isi{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.1rem 0}.pelajaran h1{margin:0;font-size:1.75rem}.bilah__isi{flex-grow:1;min-width:0}.bilah__tajuk{margin:0;font-size:.9375rem;font-weight:700}.bilah__sub{margin:0;font-size:.75rem;line-height:1.3;color:var(--warna-teks-redam, #5f5b59)}.pelajaran__ruas{display:flex;gap:.25rem;flex-shrink:0}.pelajaran__ruas span{width:1.3rem;height:4px;border-radius:2px;background:var(--warna-kayu-garis, #e6decf)}.pelajaran__ruas span[data-lewat=true]{background:var(--warna-garis, #6b563a)}.pelajaran__sasaran{margin:0;font-weight:600}.pelajaran__isi>.pelajaran__sasaran{padding:.8rem 1rem;border-left:4px solid var(--warna-garis, #6b563a);border-radius:0 .6rem .6rem 0;background:var(--warna-kayu-samar, #f6f1e6);font-size:.9375rem}.pelajaran__paragraf{margin:0;text-wrap:pretty}.pelajaran__perintah{display:flex;flex-direction:column;gap:.35rem;padding:.85rem 1rem;background:var(--warna-permukaan, #fff);border:1px solid var(--warna-kayu-garis, #e6decf);border-left:4px solid var(--warna-garis, #6b563a);border-radius:0 .75rem .75rem 0}.pelajaran__perintah .label-kecil{color:var(--warna-teks-redam, #5f5b59)}.pelajaran__perintah-teks{margin:0;font-weight:700}.pelajaran__notasi{display:flex;align-items:center;gap:.5rem;margin:.15rem 0 0}.pelajaran__notasi span{font-size:.6875rem;color:var(--warna-teks-redam, #5f5b59)}.pelajaran__notasi code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem;font-weight:700;padding:.15rem .5rem;border:1px solid var(--warna-kayu-garis, #e6decf);border-radius:.375rem;background:var(--warna-kayu-samar, #f6f1e6)}.pelajaran__pesan:empty{display:none}.pelajaran__pesan{margin:0;padding:.85rem 1rem;background:var(--warna-kotak, #f0efeb);border-radius:.6rem;font-size:.9375rem}.pelajaran__petunjuk,.pelajaran__penutup{margin:0;font-size:.9375rem}.pelajaran__penutup{padding:.85rem 1rem;background:var(--warna-kayu-samar, #f6f1e6);border-radius:.6rem}.pelajaran__catatan-kaki{margin:0;font-size:.8125rem;text-align:center;color:var(--warna-teks-redam, #5f5b59)}.tombol-kayu{min-height:48px;padding:.5rem 1.25rem;font-size:1rem;font-weight:600;border-radius:.75rem;border:1.5px solid var(--warna-garis, #6b563a);background:var(--warna-permukaan, #fff);color:var(--warna-teks, #201e1d)}.tombol-kayu--isi{background:var(--warna-garis, #6b563a);border-color:var(--warna-garis, #6b563a);color:var(--warna-bidak-latar, #fdf6e6)}.papan-bebas__tombol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.papan-bebas__giliran{display:flex;align-items:center;gap:.7rem;margin:0;padding:.6rem .9rem;background:var(--warna-permukaan, #fff);border:1px solid var(--warna-kayu-garis, #e6decf);border-radius:.75rem}.papan-bebas__lambang{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--warna-bidak-latar, #fdf6e6);border:2px solid currentColor;font-family:var(--font-hanzi);font-size:1.05rem;font-weight:700;line-height:1}.papan-bebas__giliran[data-giliran=merah] .papan-bebas__lambang{color:var(--warna-merah, #b32020)}.papan-bebas__giliran[data-giliran=hitam] .papan-bebas__lambang{color:var(--warna-hitam, #1f1f1f)}.pelajaran__pengantar{display:flex;flex-direction:column;gap:.8rem}.pelajaran__penjelasan>summary{display:flex;align-items:center;gap:.7rem;box-sizing:border-box;min-height:48px;padding:.5rem 1rem;border:1.5px solid var(--warna-garis, #6b563a);border-radius:.75rem;background:var(--warna-permukaan, #fff);font-size:1rem;font-weight:600;cursor:pointer;list-style:none}.pelajaran__penjelasan>summary::-webkit-details-marker{display:none}.pelajaran__penjelasan>summary:before{content:"";flex-shrink:0;width:.5rem;height:.5rem;border-right:2px solid var(--warna-garis, #6b563a);border-bottom:2px solid var(--warna-garis, #6b563a);transform:translateY(-.15rem) rotate(45deg);transition:transform .15s ease}.pelajaran__penjelasan[open]>summary:before{transform:translateY(.1rem) rotate(-135deg)}.pelajaran__penjelasan[open]>summary{margin-bottom:.9rem}.pelajaran__tindakan{position:fixed;left:0;right:0;bottom:0;z-index:2;display:flex;box-sizing:border-box;max-width:46rem;margin:0 auto;padding:.7rem 1.1rem calc(.7rem + env(safe-area-inset-bottom,0px));background:var(--warna-latar, #fbf8f2);border-top:1px solid var(--warna-kayu-garis, #e6decf)}.pelajaran__tindakan .tombol-kayu{flex-grow:1}.splash{min-height:100vh;min-height:100dvh;max-width:30rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:1.5rem 1.25rem 1.75rem;background:var(--warna-bidang, #56c3c0);color:var(--warna-bidang-teks, #201e1d)}.splash__atas{display:flex;justify-content:flex-end}.splash__lewati{padding:0 1.1rem;border:none;border-radius:22px;background:var(--warna-permukaan, #fff);color:var(--warna-teks, #201e1d);font-size:.9375rem;font-weight:600}.splash__inti{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.9rem}.splash__lambang{width:8.5rem;height:8.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--warna-bidak-latar, #fdf6e6);border:3px solid var(--warna-merah, #b32020);box-shadow:0 8px 22px #201e1d2e;margin-bottom:.5rem}.splash__lambang span{font-family:var(--font-hanzi);font-size:3.9rem;font-weight:700;line-height:1;color:var(--warna-merah, #b32020)}.splash h1{margin:0;font-size:2rem;text-wrap:balance}.splash__hiasan{width:.4rem;height:.4rem;transform:rotate(45deg);background:var(--warna-utama, #07786a)}.splash__sasaran{margin:0;max-width:17rem;font-size:.95rem}.splash__kaki{background:var(--warna-permukaan, #fff);border-radius:1rem;padding:1rem 1rem .9rem;color:var(--warna-teks, #201e1d)}.splash__persembahan{margin:0;font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;text-align:center;color:var(--warna-teks-redam, #5f5b59)}.splash__kaki .kredit--ringkas{margin-top:.75rem;padding-top:0;border-top:none}.tentang{padding-bottom:2.5rem}.tentang .bilah{background:var(--warna-bidang, #56c3c0);color:var(--warna-bidang-teks, #201e1d);border-bottom:none}.tentang__isi{display:flex;flex-direction:column;gap:1.1rem;padding:1.35rem 1.25rem 0}.tentang__isi>p{margin:0;text-wrap:pretty}.tentang__komunitas{padding:1.1rem;display:flex;flex-direction:column;gap:.7rem}.tentang__komunitas h2{margin:0;font-size:1.25rem}.tentang__komunitas p{margin:0;font-size:.9375rem}.tentang__nomor{font-family:var(--font-judul);font-size:1.35rem!important;font-weight:700;letter-spacing:.01em}.tentang__komunitas .tombol{align-items:center;text-align:center}.tentang__judul-kredit{margin:.4rem 0 -.4rem;font-size:.6875rem;letter-spacing:.09em;text-transform:uppercase;font-family:var(--font-teks);color:var(--warna-teks-redam, #5f5b59)}.tentang__kembali{margin:0;text-align:center}