@import "https://fonts.googleapis.com/css2?family=Amiri+Quran&display=swap";
.kuis-app{--primary:#4020a0;--primary-dark:#2e1a70;--primary-soft:#ede8fb;--primary-tint:#f6f3fe;--primary-terang:#6b3fd4;--gold:#f59e0b;--gold-dark:#d97706;--gold-soft:#fef3c7;--bg:#f3f1f9;--surface:#fff;--border:#e6e3f0;--text:#1e1b2e;--text-soft:#5b5670;--akidah:#4020a0;--ibadah:#6b3fd4;--akhlaq:#6fa524;--adab:#2e1a70;--benar:#16a34a;--salah:#dc2626;--r-kartu:18px;--r-tombol:14px;--sh-kartu:0 4px 16px #2e1a701a;--sh-tombol:0 8px 20px #2e1a7038;--sh-emas:0 6px 16px #f59e0b40;background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Nunito,Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif}.kuis-app .wadah{width:100%;max-width:680px;margin:0 auto;padding:18px}.wadah-kartu{width:100%;max-width:960px;margin:0 auto;padding:18px}.kuis-isi{width:100%;max-width:960px;margin-inline:auto;padding-block:20px 40px;padding-inline:16px}.kuis-isi.sempit{max-width:760px}.kuis-logo{align-items:center;gap:10px;display:inline-flex}.kuis-logo .lambang{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;width:42px;height:42px;box-shadow:var(--sh-tombol);border-radius:13px;place-items:center;display:grid}.kuis-logo .nama{letter-spacing:-.02em;font-size:19px;font-weight:800;line-height:1.1}.kuis-logo .nama small{color:var(--text-soft);letter-spacing:0;font-size:11px;font-weight:600;display:block}.kuis-badge{background:var(--gold-soft);color:var(--gold-dark);box-shadow:var(--sh-emas);border:1px solid #f59e0b66;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:14px;font-weight:800;display:inline-flex}.kuis-badge .pisah{background:#d977064d;width:1px;height:16px}.kuis-tombol{border-radius:var(--r-tombol);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:12px 18px;font-family:inherit;font-size:16px;font-weight:800;transition:transform .15s,filter .15s,box-shadow .15s;display:inline-flex}.kuis-tombol:active{transform:translateY(0)}.kuis-tombol:disabled{opacity:.6;cursor:not-allowed}.kuis-tombol.primary{background:linear-gradient(135deg, var(--primary-terang), var(--primary));color:#fff;box-shadow:var(--sh-tombol)}.kuis-tombol.gold{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:#fff;box-shadow:var(--sh-emas)}.kuis-tombol.netral{background:var(--surface);color:var(--text);border:1.5px solid var(--border)}.kuis-tombol.primary:hover:not(:disabled),.kuis-tombol.gold:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.kuis-tombol.netral:hover:not(:disabled){border-color:var(--primary-terang);transform:translateY(-1px)}.kuis-kartu{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-kartu);box-shadow:var(--sh-kartu)}.kuis-grid-kategori{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (min-width:640px){.kuis-grid-kategori{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.kuis-grid-kategori{grid-template-columns:repeat(4,1fr)}}.kuis-kat{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-kartu);box-shadow:var(--sh-kartu);cursor:pointer;flex-direction:column;gap:10px;width:100%;padding:16px;font-family:inherit;transition:transform .1s,box-shadow .15s;display:flex}.kuis-kat:hover{transform:translateY(-2px);box-shadow:0 10px 22px #2e1a7024}.kuis-kat .kotak-ikon{border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.kuis-kat .judul{color:var(--text);font-size:16px;font-weight:800}.kuis-kat .ket{color:var(--text-soft);font-size:12px;font-weight:600}.kuis-kat-baru{color:var(--primary-dark);background:var(--primary-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-flex}.kuis-kat-dot{background:currentColor;border-radius:999px;flex-shrink:0;width:7px;height:7px}.kuis-kat-selesai{color:#059669;white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.kuis-progres-main{background:var(--primary-soft);color:var(--primary-dark);border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.kuis-progres-main .dorong{color:#b45309;font-weight:700}.kuis-field{margin-bottom:14px}.kuis-field label{color:var(--text-soft);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.kuis-input{border:1.5px solid var(--border);border-radius:var(--r-tombol);background:var(--surface);width:100%;min-height:48px;color:var(--text);padding:12px 14px;font-family:inherit;font-size:16px;font-weight:600;transition:border-color .15s,box-shadow .15s}.kuis-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.kuis-input.pin{text-align:center;letter-spacing:.5em;font-size:22px;font-weight:800}.kuis-pilih2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kuis-pilih2 button{border:1.5px solid var(--border);border-radius:var(--r-tombol);background:var(--surface);min-height:48px;color:var(--text);cursor:pointer;font-family:inherit;font-size:15px;font-weight:700}.kuis-pilih2 button.aktif{border-color:var(--primary);background:var(--primary-tint);color:var(--primary-dark);box-shadow:0 0 0 3px var(--primary-soft)}.kuis-pesan{border-radius:var(--r-tombol);align-items:center;gap:8px;margin-bottom:14px;padding:11px 14px;font-size:14px;font-weight:700;display:flex}.kuis-pesan.error{color:var(--salah);background:#fee2e2}.kuis-pesan.sukses{color:var(--benar);background:#dcfce7}.kuis-toggle{text-align:center;color:var(--text-soft);margin-top:16px;font-size:14px;font-weight:600}.kuis-toggle button{color:var(--primary-dark);cursor:pointer;background:0 0;border:none;padding:4px;font-family:inherit;font-size:14px;font-weight:800}.kuis-pusat{justify-content:center;align-items:center;min-height:100vh;padding:18px;display:flex}.kuis-kartu-masuk{width:100%;max-width:420px;padding:26px 22px}.kuis-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.kuis-sapaan{letter-spacing:-.02em;margin:6px 0 18px;font-size:22px;font-weight:800}.kuis-sapaan span{color:var(--primary-dark)}.kuis-timer{background:var(--border);border-radius:999px;width:100%;height:7px;margin-bottom:6px;overflow:hidden}.kuis-timer>span{background:var(--gold);border-radius:999px;height:100%;transition:width .95s linear,background-color .3s;display:block}.kuis-timer.bahaya>span{background:#f87171}.kuis-timer-teks{text-align:right;color:var(--text-soft);margin-bottom:14px;font-size:12px;font-weight:700}.kuis-kartu-soal{padding:20px 18px}.kuis-label-kat{border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:5px 11px;font-size:12px;font-weight:800;display:inline-flex}.kuis-pertanyaan{color:var(--text);overflow-wrap:anywhere;margin-bottom:18px;font-size:18px;font-weight:700;line-height:1.8}.kuis-arabik,.kuis-pertanyaan,.kuis-opsi button,.kuis-input{font-family:Amiri Quran,Noto Naskh Arabic,Amiri,Scheherazade New,Segoe UI,Plus Jakarta Sans,system-ui,sans-serif}.kuis-opsi button{line-height:1.7}.kuis-opsi{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.kuis-opsi button{text-align:left;border:1.5px solid var(--border);border-radius:var(--r-tombol);background:var(--surface);width:100%;min-height:52px;color:var(--text);cursor:pointer;align-items:center;gap:12px;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:700;transition:border-color .12s,background .12s,transform 60ms;display:flex}.kuis-opsi button:hover:not(:disabled){border-color:var(--primary);background:var(--primary-tint)}.kuis-opsi button:active:not(:disabled){transform:translateY(1px)}.kuis-opsi button:disabled{cursor:default}.kuis-opsi button.pilihan-benar{border-color:var(--benar);color:#166534;background:#dcfce7}.kuis-opsi button.pilihan-salah{border-color:var(--salah);color:#991b1b;background:#fee2e2}.kuis-opsi .kunci{background:var(--primary-soft);min-width:30px;height:30px;color:var(--primary-dark);border-radius:999px;place-items:center;font-size:14px;font-weight:800;display:grid}.kuis-jujur{border:1.5px dashed var(--primary);border-radius:var(--r-tombol);background:var(--primary-tint);width:100%;min-height:48px;color:var(--primary-dark);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px;font-family:inherit;font-size:15px;font-weight:800;display:flex}.kuis-jujur:disabled{opacity:.6;cursor:default}.kuis-jujur small{color:var(--text-soft);font-weight:600}.kuis-umpan{border-radius:var(--r-kartu);margin-top:4px;padding:16px}.kuis-umpan .judul{align-items:center;gap:8px;margin-bottom:8px;font-size:18px;font-weight:800;display:flex}.kuis-umpan .penjelasan{font-size:14px;font-weight:600;line-height:1.55}.kuis-umpan .jawaban-benar{margin-bottom:6px;font-size:14px;font-weight:700}.kuis-umpan.benar{color:#166534;background:#dcfce7}.kuis-umpan.salah{color:#991b1b;background:#fee2e2}.kuis-umpan.tidak_tahu{background:var(--primary-soft);color:var(--primary-dark)}.kuis-umpan.lewat{color:#475569;background:#f1f5f9}.kuis-kode-besar{border-radius:var(--r-kartu);background:var(--gold-soft);border:2px dashed var(--gold);color:var(--gold-dark);letter-spacing:.06em;box-shadow:var(--sh-emas);align-items:center;gap:12px;padding:14px 22px;font-size:30px;font-weight:800;display:inline-flex}.kuis-kode-besar button{border:1.5px solid var(--gold);width:34px;height:34px;color:var(--gold-dark);cursor:pointer;background:#fff;border-radius:10px;place-items:center;display:grid}.kuis-app .wadah-admin{width:100%;max-width:960px;margin:0 auto;padding:18px}.kuis-ringkas{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px;display:grid}@media (min-width:640px){.kuis-ringkas{grid-template-columns:repeat(4,1fr)}}.kuis-ringkas .kotak{background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-kartu);border-radius:14px;padding:12px 14px}.kuis-ringkas .angka{color:var(--text);font-size:22px;font-weight:800}.kuis-ringkas .nama{color:var(--text-soft);text-transform:capitalize;font-size:12px;font-weight:700}.kuis-tag{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-block}.kuis-tag.s-approved{color:#166534;background:#dcfce7}.kuis-tag.s-draft{color:#475569;background:#f1f5f9}.kuis-tag.s-rejected{color:#991b1b;background:#fee2e2}.kuis-tag.s-ai_flagged{color:#9a3412;background:#ffedd5}.kuis-tag.s-ai_passed{background:var(--primary-soft);color:var(--primary-dark)}.kuis-tabel-bungkus{border:1px solid var(--border);border-radius:var(--r-kartu);background:var(--surface);box-shadow:var(--sh-kartu);overflow-x:auto}.kuis-tabel{border-collapse:collapse;width:100%;min-width:720px;font-size:13px}.kuis-tabel th,.kuis-tabel td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.kuis-tabel th{color:var(--text-soft);text-transform:uppercase;letter-spacing:.02em;background:var(--primary-tint);font-size:11px;font-weight:800}.kuis-tabel tr:last-child td{border-bottom:none}.kuis-tabel .pertanyaan-sel{color:var(--text);max-width:320px;font-weight:600}.kuis-tabel .aksi{flex-wrap:wrap;gap:6px;display:flex}.kuis-aksi-kecil{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);border-radius:10px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.kuis-aksi-kecil:hover{border-color:var(--primary)}.kuis-aksi-kecil.bahaya{color:#991b1b;border-color:#fecaca}.kuis-aksi-kecil.hijau{color:#166534;border-color:#bbf7d0}.kuis-filter{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.kuis-select{border:1.5px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);border-radius:10px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:700}.kuis-form-admin label{color:var(--text-soft);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.kuis-form-admin textarea{border:1.5px solid var(--border);border-radius:var(--r-tombol);background:var(--surface);width:100%;min-height:80px;color:var(--text);resize:vertical;padding:12px 14px;font-family:inherit;font-size:15px;font-weight:500}.kuis-form-admin textarea:focus,.kuis-form-admin .kuis-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.kuis-baris{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (min-width:640px){.kuis-baris.tiga{grid-template-columns:1fr 1fr 1fr}}.kuis-opsi-baris{align-items:center;gap:10px;margin-bottom:10px;display:flex}.kuis-opsi-baris .kunci{background:var(--primary-soft);min-width:32px;height:32px;color:var(--primary-dark);border-radius:999px;place-items:center;font-weight:800;display:grid}.kuis-opsi-baris .tandai{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;min-height:40px;color:var(--text-soft);border-radius:10px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:800}.kuis-opsi-baris .tandai.benar{border-color:var(--benar);color:#166534;background:#dcfce7}.kuis-naik-level{border-radius:var(--r-kartu);background:linear-gradient(135deg, var(--gold-soft), #fde68a);border:2px solid var(--gold);color:var(--gold-dark);box-shadow:var(--sh-emas);align-items:center;gap:14px;margin-top:14px;padding:16px 18px;display:flex}.kuis-naik-level .judul{font-size:18px;font-weight:800}.kuis-naik-level .isi{color:#92400e;font-size:14px;font-weight:600}.kuis-level-box{background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-kartu);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;display:flex}.kuis-level-pill{background:var(--primary-soft);color:var(--primary-dark);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:800;display:inline-flex}.kuis-level-progress{flex:1;min-width:140px}.kuis-level-progress .ket{color:var(--text-soft);margin-bottom:5px;font-size:12px;font-weight:700}.kuis-level-bar{background:var(--border);border-radius:999px;height:9px;overflow:hidden}.kuis-level-bar>span{background:linear-gradient(90deg, var(--primary), var(--gold));border-radius:999px;height:100%;display:block}.kuis-hasil-header{align-items:center;gap:8px;margin-top:8px;font-size:16px;font-weight:800;display:flex}.kuis-hasil-header.benar{color:#166534}.kuis-hasil-header.salah{color:var(--gold-dark)}.kuis-hasil-header.lewat{color:#64748b}.kuis-hasil-header.tidak_tahu{color:var(--primary-dark)}.kuis-fb{text-align:center;border:1.5px solid #0000;border-radius:16px;margin-top:10px;padding:14px 16px;animation:.32s ease-out both kuis-fb-masuk}.kuis-fb-arab{direction:rtl;font-size:30px;font-weight:800;line-height:1.5}.kuis-fb-arti{color:var(--text-soft);margin-top:4px;font-size:13.5px;font-weight:700}.kuis-fb.benar{background:#dcfce7;border-color:#86efac}.kuis-fb.benar .kuis-fb-arab{color:#166534}.kuis-fb.salah{background:var(--gold-soft);border-color:#fcd34d}.kuis-fb.salah .kuis-fb-arab{color:var(--gold-dark)}.kuis-fb.tegur{background:#ffedd5;border-color:#fdba74}.kuis-fb.tegur .kuis-fb-arab{color:#9a3412}.kuis-fb.adab{background:var(--primary-soft);border-color:#c4b5fd}.kuis-fb.adab .kuis-fb-arab{color:var(--primary-dark)}@keyframes kuis-fb-masuk{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.kuis-goyang{animation:.45s ease-in-out both kuis-goyang}@keyframes kuis-goyang{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.kuis-goyang,.kuis-fb{animation:none}}.kuis-pelajaran{border-radius:var(--r-kartu);background:#ecfdf5;border:1.5px solid #34d399;margin-top:12px;padding:14px 16px}.kuis-pelajaran.wajib{background:var(--primary-tint);border-color:var(--primary)}.kuis-pelajaran .judul{color:var(--primary-dark);align-items:center;gap:8px;margin-bottom:8px;font-size:15px;font-weight:800;display:flex}.kuis-pelajaran .jb{color:#166534;margin-bottom:6px;font-size:14px;font-weight:800}.kuis-pelajaran .isi{color:#334155;font-size:14px;font-weight:600;line-height:1.6}.kuis-opsi button.opsi-dibacakan{background:#1d4ed814;border-color:#1d4ed8;box-shadow:0 0 0 2px #1d4ed82e}.kuis-opsi.menunggu-audio button{opacity:.7}.kuis-opsi.menunggu-audio button.opsi-dibacakan{opacity:1}.kuis-baca-ajak{color:var(--primary-dark);text-align:center;margin-top:10px;font-size:13px;font-weight:700}.kuis-paham{border-radius:var(--r-tombol);background:var(--gold-soft);border:1.5px solid var(--gold);color:var(--gold-dark);cursor:pointer;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;font-size:15px;font-weight:800;display:flex}.kuis-paham input{width:20px;height:20px}.kuis-mau-belajar{border-radius:var(--r-tombol);background:var(--primary-tint);border:1.5px dashed var(--primary);width:100%;color:var(--primary-dark);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:12px 14px;font-size:14.5px;font-weight:800;transition:background .15s;display:flex}.kuis-mau-belajar:hover:not(:disabled){background:var(--primary-soft)}.kuis-mau-belajar:disabled{cursor:default;opacity:.85}.kuis-belajar-error{color:var(--gold-dark);text-align:center;margin-top:10px;font-size:13.5px;font-weight:700}.kuis-pelajaran.kuis-belajar-dalam{background:var(--primary-tint);border-color:var(--primary);margin-top:12px}.kuis-belajar-tersimpan{color:var(--primary-dark);align-items:center;gap:6px;margin-top:10px;font-size:12.5px;font-weight:700;display:flex}.kuis-paham-tanya{border-top:1.5px dashed var(--primary);margin-top:14px;padding-top:14px}.kuis-paham-tanya .tanya-judul{color:var(--primary-dark);margin-bottom:10px;font-size:14.5px;font-weight:800}.kuis-paham-tanya .tanya-tombol{flex-wrap:wrap;gap:10px;display:flex}.kuis-paham-tanya .tanya-tombol .kuis-tombol{flex:1;min-width:150px}.kuis-alasan-chips{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.kuis-alasan-chips .chip{border:1.5px solid var(--border);color:#475569;cursor:pointer;background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.kuis-alasan-chips .chip.aktif{border-color:var(--primary);background:var(--primary-tint);color:var(--primary-dark)}.kuis-alasan-teks{resize:vertical;margin-bottom:10px;font-family:inherit}.kuis-paham-selesai{border-radius:var(--r-tombol);color:#166534;background:#ecfdf5;border:1.5px solid #34d399;align-items:center;gap:8px;margin-top:14px;padding:12px 14px;font-size:14px;font-weight:800;display:flex}.kuis-riwayat-list{flex-direction:column;gap:12px;display:flex}.kuis-riwayat-kartu{border:1.5px solid var(--border);border-radius:var(--r-kartu);background:#fff;transition:border-color .15s;overflow:hidden}.kuis-riwayat-kartu.buka{border-color:var(--primary)}.kuis-riwayat-kepala{text-align:left;cursor:pointer;width:100%;color:var(--primary-dark);background:0 0;border:none;align-items:center;gap:10px;padding:14px 16px;display:flex}.kuis-riwayat-info{flex:1;min-width:0}.kuis-riwayat-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.kuis-riwayat-badge{border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:800;display:inline-block}.kuis-riwayat-status{border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:11.5px;font-weight:800;display:inline-flex}.kuis-riwayat-status.paham{color:#166534;background:#dcfce7}.kuis-riwayat-status.belum{background:var(--gold-soft);color:var(--gold-dark)}.kuis-riwayat-status.dibaca{color:#64748b;background:#f1f5f9}.kuis-riwayat-tanya{color:#1e293b;font-size:14.5px;font-weight:700;line-height:1.4}.kuis-riwayat-tgl{color:#94a3b8;margin-top:4px;font-size:12px;font-weight:600}.kuis-riwayat-isi{border-top:1.5px solid var(--primary-tint);padding:0 16px 16px}.kuis-riwayat-isi .judul{color:var(--primary-dark);align-items:center;gap:7px;margin:12px 0 8px;font-size:14px;font-weight:800;display:flex}.kuis-riwayat-isi .teks{color:#334155;font-size:14px;font-weight:600;line-height:1.65}.kuis-keyboard-arab{border:1.5px solid var(--border);border-radius:var(--r-kartu);background:var(--primary-tint);margin-top:12px;padding:12px}.kuis-keyboard-arab .info{color:var(--text-soft);text-align:right;margin-bottom:8px;font-size:12px;font-weight:700}.kuis-keyboard-arab .tombol-huruf{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.kuis-keyboard-arab .huruf{background:var(--surface);border:1.5px solid var(--border);cursor:pointer;min-width:40px;height:42px;color:var(--text);border-radius:10px;font-family:Amiri Quran,Noto Naskh Arabic,Amiri,serif;font-size:22px;font-weight:700;line-height:1}.kuis-keyboard-arab .huruf:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft)}.kuis-keyboard-arab .baris-aksi{justify-content:center;gap:8px;margin-top:8px;display:flex}.kuis-keyboard-arab .aksi{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;min-height:40px;color:var(--text);border-radius:10px;padding:8px 18px;font-family:inherit;font-size:14px;font-weight:700}.kuis-keyboard-arab .aksi.hapus{color:#991b1b;border-color:#fecaca}.kuis-jodoh .petunjuk{color:var(--text-soft);margin-bottom:10px;font-size:13px;font-weight:600}.kuis-jodoh .kolom{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kuis-jodoh .sisi{flex-direction:column;gap:8px;display:flex}.kuis-jodoh .item{border:1.5px solid var(--border);border-radius:var(--r-tombol);background:var(--surface);min-height:46px;color:var(--text);cursor:pointer;text-align:center;padding:8px 12px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.7}.kuis-jodoh .item.aktif{border-color:var(--primary);background:var(--primary-tint);box-shadow:0 0 0 3px var(--primary-soft)}.kuis-jodoh .item.terpasang{border-color:var(--benar);background:#dcfce7}.kuis-jodoh .item.dipakai{opacity:.45}.kuis-jodoh .item .ke{color:var(--primary-dark);font-size:12px;font-weight:600}.kuis-jodoh-benar{color:#166534;background:#dcfce7;border-radius:8px;align-items:center;gap:8px;margin-bottom:5px;padding:6px 10px;font-size:13px;font-weight:700;display:flex}.kuis-jodoh-benar .panah{color:#16a34a}.kuis-memeriksa{border-radius:var(--r-tombol);background:var(--primary-tint);color:var(--primary-dark);justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:10px;font-size:14px;font-weight:700;display:flex}.kuis-putar{animation:.9s linear infinite kuis-spin}@keyframes kuis-spin{to{transform:rotate(360deg)}}.kuis-dok-baris{text-align:left;background:var(--surface);border:1px solid var(--border);width:100%;box-shadow:var(--sh-kartu);cursor:pointer;border-radius:14px;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;font-family:inherit;transition:transform .1s,box-shadow .15s;display:flex}.kuis-dok-baris:hover{transform:translateY(-1px);box-shadow:0 10px 22px #2e1a7024}.kuis-dok-baris .ikon{background:var(--primary-soft);width:40px;height:40px;color:var(--primary-dark);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.kuis-dok-baris .nama{color:var(--text);word-break:break-word;font-size:14px;font-weight:800}.kuis-dok-baris .ket{color:var(--text-soft);font-size:12px;font-weight:600}.kuis-md{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-kartu);box-shadow:var(--sh-kartu);color:var(--text);word-wrap:break-word;overflow-wrap:anywhere;padding:22px;font-size:15px;line-height:1.7}.kuis-md h1,.kuis-md h2,.kuis-md h3,.kuis-md h4{color:var(--text);margin:1.1em 0 .5em;line-height:1.3}.kuis-md h1{letter-spacing:-.01em;font-size:24px;font-weight:800}.kuis-md h2{border-bottom:2px solid var(--primary-soft);padding-bottom:4px;font-size:20px;font-weight:800}.kuis-md h3{color:var(--primary-dark);font-size:17px;font-weight:700}.kuis-md h4{font-size:15px;font-weight:700}.kuis-md p{margin:.6em 0}.kuis-md ul,.kuis-md ol{margin:.6em 0;padding-left:1.4em}.kuis-md li{margin:.3em 0}.kuis-md strong{color:var(--text);font-weight:800}.kuis-md a{color:var(--primary-dark);text-decoration:underline}.kuis-md code{background:var(--primary-tint);color:var(--primary-dark);border-radius:6px;padding:2px 6px;font-size:13px}.kuis-md pre{color:#e2e8f0;background:#0f172a;border-radius:12px;margin:.8em 0;padding:14px;overflow-x:auto}.kuis-md pre code{color:inherit;background:0 0;padding:0}.kuis-md blockquote{border-left:4px solid var(--gold);background:var(--gold-soft);color:#92400e;border-radius:0 10px 10px 0;margin:.8em 0;padding:8px 16px}.kuis-md blockquote p{margin:.3em 0}.kuis-md hr{border:none;border-top:1px solid var(--border);margin:1.2em 0}.kuis-md table{border-collapse:collapse;width:100%;margin:.9em 0;font-size:13px;display:block;overflow-x:auto}.kuis-md th,.kuis-md td{border:1px solid var(--border);text-align:left;padding:8px 10px}.kuis-md th{background:var(--primary-tint);font-weight:800}.kuis-habis{text-align:center;padding:32px 22px}.kuis-habis h2{margin:12px 0 8px;font-size:22px;font-weight:800}.kuis-habis p{color:var(--text-soft);margin-bottom:18px;font-weight:600}.kuis-manhaj-isi{color:var(--text);font-size:15.5px;line-height:1.75}.kuis-manhaj-isi .kuis-manhaj-h2{color:var(--primary-dark);margin:22px 0 8px;font-size:18px;font-weight:800}.kuis-manhaj-isi .kuis-manhaj-h3{color:var(--text);margin:16px 0 6px;font-size:16px;font-weight:800}.kuis-manhaj-isi .kuis-manhaj-p{margin:0 0 12px}.kuis-manhaj-isi .kuis-manhaj-ul{margin:0 0 12px;padding-left:22px}.kuis-manhaj-isi .kuis-manhaj-ul li{margin-bottom:6px}.kuis-manhaj-isi strong{color:var(--primary-dark);font-weight:800}.kuis-ajak-manhaj{text-align:center;background:var(--primary-tint);color:var(--primary-dark);border:1px solid var(--primary-soft);border-radius:12px;justify-content:center;align-items:center;gap:7px;margin-top:14px;padding:10px 12px;font-size:13.5px;font-weight:700;text-decoration:none;display:flex}.kuis-ajak-manhaj:hover{background:var(--primary-soft)}.kuis-etalase{text-align:center;margin-top:16px}.kuis-etalase-judul{color:var(--text-soft,#64748b);margin-bottom:8px;font-size:12px;font-weight:600}.kuis-etalase-chips{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.kuis-etalase-chip{white-space:nowrap;background:#fff;border:1.5px solid;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700}.quran-daftar{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:560px){.quran-daftar{grid-template-columns:1fr 1fr}}.quran-surah-kartu{border:1.5px solid var(--border);border-radius:var(--r-tombol);background:var(--surface);color:var(--text);align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:border-color .12s,transform 60ms;display:flex}.quran-surah-kartu:hover{border-color:var(--primary);transform:translateY(-1px)}.quran-surah-nomor{background:var(--primary-soft);width:40px;height:40px;color:var(--primary-dark);border-radius:12px;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid}.quran-surah-info{flex:1;min-width:0}.quran-surah-latin{font-size:15px;font-weight:800}.quran-surah-arti{color:#64748b;font-size:12.5px;font-weight:600}.quran-surah-arab{text-align:right;font-family:Amiri Quran,Noto Naskh Arabic,Amiri,Scheherazade New,serif;font-size:22px;font-weight:700;line-height:1.6}.quran-bismillah{text-align:center;color:var(--primary-dark);border-bottom:1.5px dashed var(--border);margin-bottom:14px;padding:16px 10px;font-family:Amiri Quran,Noto Naskh Arabic,Amiri,Scheherazade New,serif;font-size:26px;line-height:2}.quran-ayat{border-bottom:1.5px solid var(--border);padding:16px 0}.quran-ayat.aktif{background:var(--primary-soft);border-radius:12px;padding:16px 12px}.quran-ayat-atas{align-items:center;gap:10px;margin-bottom:12px;display:flex}.quran-ayat-badge{background:var(--primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:grid}.quran-ayat-play{cursor:pointer;border:1.5px solid var(--border);background:var(--surface);color:var(--primary-dark);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.quran-ayat-play:hover{border-color:var(--primary)}.quran-ayat-play.main{background:var(--primary);color:#fff;border-color:var(--primary)}.quran-arab{text-align:right;color:var(--text);direction:rtl;margin-bottom:12px;font-family:Amiri Quran,Noto Naskh Arabic,Amiri,Scheherazade New,serif;font-size:30px;line-height:2.2}.quran-terjemah{color:#334155;font-size:15px;line-height:1.7}.quran-kontrol{border:1.5px solid var(--border);border-radius:var(--r-tombol);background:var(--surface);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.kuis-bansuara-tombol{border-radius:var(--r-tombol,14px);color:#fff;cursor:pointer;background:linear-gradient(135deg,#6b3fd4,#4020a0);border:none;flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin:10px 0 4px;padding:11px 14px;font-size:15px;font-weight:800;display:inline-flex;box-shadow:0 4px 14px #4020a04d}.kuis-bansuara-tombol:hover{filter:brightness(1.05)}.kuis-bansuara-tombol .sisa{background:#ffffff38;border-radius:999px;margin-left:auto;padding:3px 8px;font-size:11px;font-weight:700}.kuis-bansuara-overlay{z-index:1000;background:#0f172a9e;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.kuis-bansuara-modal{background:var(--surface,#fff);border-radius:22px;width:100%;max-width:380px;padding:28px 22px 24px;position:relative;box-shadow:0 20px 60px #00000059}.kuis-bansuara-x{color:#5b5670;cursor:pointer;background:#f3f1f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;top:12px;right:12px}.kuis-bansuara-x:hover{background:#e6e3f0}.kuis-bansuara-tengah{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.kuis-bansuara-tengah .judul{color:var(--primary-dark,#2e1a70);margin-top:6px;font-size:18px;font-weight:800}.kuis-bansuara-tengah .ket{color:var(--text-soft,#64748b);max-width:300px;font-size:14px;font-weight:600;line-height:1.45}.kuis-bansuara-orb{color:#fff;background:linear-gradient(135deg,#4020a0,#6b3fd4);border-radius:50%;justify-content:center;align-items:center;width:118px;height:118px;margin:6px 0 4px;display:flex}.kuis-bansuara-orb.anak{--ring:#4020a04d;background:linear-gradient(135deg,#4020a0,#2e1a70);animation:1.1s ease-out infinite bansuaraDenyut}.kuis-bansuara-orb.ai{--ring:#ff9e0052;background:linear-gradient(135deg,#ff9e00,#ffc000);animation:.9s ease-out infinite bansuaraDenyut}.kuis-bansuara-orb.sedih{background:linear-gradient(135deg,#9793ab,#5b5670)}@keyframes bansuaraDenyut{0%{box-shadow:0 0 0 0 var(--ring)}to{box-shadow:0 0 0 18px #0000}}.kuis-bansuara-waktu{color:var(--primary-dark,#2e1a70);background:var(--primary-soft,#ede8fb);border-radius:999px;margin-top:10px;padding:5px 12px;font-size:13px;font-weight:800}.kuis-bansuara-tengah .kuis-putar{animation:1s linear infinite bansuaraPutar}@keyframes bansuaraPutar{to{transform:rotate(360deg)}}.kuis-bansuara-tabnav{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.kuis-bansuara-tabnav .tab{border:1.5px solid var(--border,#e2e8f0);background:var(--surface,#fff);color:var(--text-soft,#64748b);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.kuis-bansuara-tabnav .tab.aktif{color:#fff;background:linear-gradient(135deg,#4020a0,#6b3fd4);border-color:#0000}.kuis-harga-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;display:grid}.kuis-harga-grid input{padding:6px 8px;font-size:13px}.nonton-kartu-mobile{display:none}.nonton-tabel-desktop{display:block}@media (max-width:640px){.nonton-tabel-desktop{display:none}.nonton-kartu-mobile{flex-direction:column;gap:10px;display:flex}.nonton-kartu{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-kartu);box-shadow:var(--sh-kartu);padding:12px}.nonton-kartu-atas{align-items:center;gap:10px;margin-bottom:10px;display:flex}.nonton-kartu-bawah{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nonton-kartu-bawah .kuis-select{min-width:120px}.nonton-kartu-bawah .kuis-aksi-kecil{min-height:36px}}.ks-tema-grid{grid-template-columns:1fr;gap:12px;margin-bottom:8px;display:grid}@media (min-width:640px){.ks-tema-grid{grid-template-columns:1fr 1fr}}@media (min-width:980px){.ks-tema-grid{grid-template-columns:1fr 1fr 1fr}}.ks-tema-kartu{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-kartu);box-shadow:var(--sh-kartu);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.ks-tema-kartu.aktif-buka{border-color:var(--primary-terang);box-shadow:0 0 0 3px var(--primary-soft)}.ks-tema-atas{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ks-tema-nama{color:var(--primary-dark);font-size:16px;font-weight:800}.ks-tema-kode{color:var(--text-soft);font-size:12px}.ks-hitung{flex-wrap:wrap;gap:6px;display:flex}.ks-pil{background:var(--primary-soft);color:var(--primary-dark);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.ks-pil.draft{background:var(--gold-soft);color:var(--gold-dark)}.ks-pil.disetujui{color:#166534;background:#dcfce7}.ks-pil.tolak{color:#991b1b;background:#fee2e2}.ks-tema-aksi{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.ks-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-kartu);box-shadow:var(--sh-kartu);margin-top:14px;padding:14px 16px}.ks-panel-kepala{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.ks-filter{flex-wrap:wrap;gap:6px;display:flex}.ks-filter button{border:1.5px solid var(--border);background:var(--surface);color:var(--text-soft);cursor:pointer;border-radius:999px;min-height:36px;padding:6px 14px;font-size:13px;font-weight:700}.ks-filter button.aktif{background:var(--primary);color:#fff;border-color:var(--primary)}.ks-kata-list{flex-direction:column;gap:10px;display:flex}.ks-kata{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.ks-kata-baris{justify-content:space-between;align-items:center;gap:12px;display:flex}.ks-kata-teks{min-width:0}.ks-arab{color:var(--text);text-align:right;direction:rtl;unicode-bidi:plaintext;font-size:26px;font-weight:700;line-height:1.6}.ks-indo{color:var(--text-soft);margin-top:2px;font-size:14px;font-weight:600}.ks-trans{color:var(--text-soft);font-size:12px;font-style:italic}.ks-kata-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.ks-lvl{background:var(--primary-soft);color:var(--primary-dark);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.ks-status{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.ks-status.draft{background:var(--gold-soft);color:var(--gold-dark)}.ks-status.disetujui{color:#166534;background:#dcfce7}.ks-status.tolak{color:#991b1b;background:#fee2e2}.ks-kata-aksi{flex-wrap:wrap;gap:8px;display:flex}.ks-kata-aksi .kuis-aksi-kecil{min-height:38px}.ks-edit-grid{grid-template-columns:1fr;gap:8px;display:grid}@media (min-width:560px){.ks-edit-grid{grid-template-columns:1.4fr 1fr}}.ks-edit-grid .arab-input{text-align:right;direction:rtl;font-size:24px}.ks-edit-baris2{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ks-edit-baris2 .kuis-input{margin-bottom:0}.ks-edit-baris2 select{min-height:40px}.ks-jenis{color:#5b21b6;white-space:nowrap;background:#ede9fe;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.ks-jenis.fiil{color:#9a3412;background:#ffedd5}.ks-jenis.harf{color:#075985;background:#e0f2fe}.ks-jenis-pilih{width:auto;min-height:38px;margin-bottom:0;padding:4px 8px;font-size:12px;font-weight:700}.ks-fiil-lihat{background:var(--primary-soft);border-radius:10px;flex-direction:column;gap:6px;margin-top:8px;padding:8px 10px;display:flex}.ks-fiil-bentuk{flex-wrap:wrap;gap:10px;display:flex}.ks-fiil-sel{align-items:center;gap:6px;display:flex}.ks-fiil-tag{text-transform:uppercase;letter-spacing:.03em;color:var(--text-soft);flex-shrink:0;font-size:10px;font-weight:800}.ks-fiil-arab{color:var(--primary-dark);font-size:20px;font-weight:700}.ks-fiil-contoh{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ks-fiil-kalimat{color:var(--text);font-size:17px;font-weight:600}.ks-fiil-arti,.ks-fiil-kosong{color:var(--text-soft);font-size:12px;font-style:italic}.ks-fiil-isian{flex-direction:column;gap:8px;display:flex}.ks-fiil-judul{color:var(--text-soft);font-size:12px;font-weight:800}.ks-fiil-isian .arab-input{text-align:right;direction:rtl}.game-wrap{padding-bottom:8px}.game-stat-kartu{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--r-kartu);box-shadow:var(--sh-kartu);margin-bottom:20px;padding:16px}.game-stat-atas{align-items:center;gap:12px;margin-bottom:12px;display:flex}.game-lvl-lambang{background:#ffffff2e;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.game-lvl-judul{font-size:17px;font-weight:800}.game-lvl-xp{opacity:.92;margin-top:2px;font-size:12.5px}.game-bar{background:#ffffff38;border-radius:999px;height:10px;overflow:hidden}.game-bar-isi{background:var(--gold,#f59e0b);border-radius:999px;height:100%;transition:width .4s}.game-bar-ket{opacity:.9;margin-top:6px;font-size:11.5px}.game-judul-sesi{color:var(--primary-dark);margin-bottom:12px;font-size:16px;font-weight:800}.game-mode-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (min-width:560px){.game-mode-grid{grid-template-columns:1fr 1fr 1fr}}.game-mode{background:var(--surface);border:1.5px solid var(--border);cursor:pointer;min-height:88px;color:var(--primary-dark);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:14px 10px;font-size:14px;font-weight:800;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.game-mode small{color:var(--text-soft);font-size:11px;font-weight:600}.game-mode:hover:not(:disabled){box-shadow:var(--sh-kartu);border-color:var(--primary-terang);transform:translateY(-2px)}.game-mode:disabled{opacity:.55;cursor:default}.game-mode-campur{background:var(--primary-soft);border-color:var(--primary-terang)}.game-papan{flex-direction:column;gap:6px;display:flex}.game-papan-baris{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:9px 12px;display:flex}.game-papan-baris.aku{border-color:var(--primary-terang);background:var(--primary-tint)}.game-medali{background:var(--border);width:26px;height:26px;color:var(--text-soft);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.game-medali.m1{color:#7a5a00;background:#ffd84d}.game-medali.m2{color:#4a4a55;background:#d9dbe4}.game-medali.m3{color:#6a4310;background:#f0c088}.game-papan-nama{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.game-papan-xp{color:var(--primary-dark);font-size:14px;font-weight:800}.game-main-kepala{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.game-info{color:var(--text-soft);font-size:13px;font-weight:700}.game-papan-main{grid-template-columns:repeat(3,1fr);gap:8px;max-width:420px;margin-inline:auto;display:grid}@media (min-width:641px){.game-papan-main{grid-template-columns:repeat(4,1fr);gap:12px;max-width:640px}}.game-kartu{aspect-ratio:3/4;cursor:pointer;border:1.5px solid var(--border);background:var(--surface);text-align:center;border-radius:14px;justify-content:center;align-items:center;min-height:84px;padding:6px;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:flex;overflow:hidden}.game-kartu:disabled{cursor:default}.game-kartu .game-punggung{background:linear-gradient(135deg, var(--primary), var(--primary-terang));color:#fff;opacity:.92;border-radius:10px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.game-kartu.buka{border-color:var(--primary-terang);box-shadow:var(--sh-kartu);background:#fff}.game-kartu.cocok{background:var(--sukses-bg,#f0fdf4);border-color:#86efac}.game-teks-arab{color:var(--text);direction:rtl;font-size:25px;font-weight:700;line-height:1.5}.game-teks-indo{color:var(--primary-dark);font-size:15px;font-weight:700;line-height:1.35}@media (min-width:560px){.game-teks-arab{font-size:28px}.game-teks-indo{font-size:16px}}.game-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1e1b2e8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.game-overlay-kartu{background:var(--surface);text-align:center;border-radius:22px;width:100%;max-width:340px;padding:26px 22px;box-shadow:0 18px 50px #2e1a7059}.game-bintang-baris{justify-content:center;gap:8px;margin-bottom:8px;display:flex}.game-bintang{color:var(--border)}.game-bintang.nyala{color:#ffc000;fill:#ffc000;animation:.4s both game-pop}@keyframes game-pop{0%{transform:scale(0)rotate(-30deg)}70%{transform:scale(1.25)}to{transform:scale(1)rotate(0)}}.game-overlay-judul{color:var(--primary-dark);margin:6px 0 4px;font-size:20px;font-weight:900}.game-overlay-xp{color:var(--gold-dark,#d97706);font-size:15px;font-weight:800}.game-overlay-lvl{color:var(--text-soft);margin-top:2px;font-size:13px;font-weight:700}.game-overlay-aksi{flex-direction:column;gap:10px;margin-top:18px;display:flex}@media (prefers-reduced-motion:reduce){.game-bintang.nyala{animation:none}.game-mode,.game-kartu,.game-bar-isi{transition:none}}.game-galeri{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:640px){.game-galeri{grid-template-columns:1fr 1fr}}@media (min-width:980px){.game-galeri{grid-template-columns:1fr 1fr 1fr}}.game-galeri-kartu{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-kartu);box-shadow:var(--sh-kartu);color:inherit;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}a.game-galeri-kartu:hover{box-shadow:var(--sh-tombol);border-color:var(--primary-terang);transform:translateY(-2px)}a.game-galeri-kartu:active{transform:translateY(0)}.game-galeri-kartu.segera{opacity:.5;cursor:default}.game-galeri-ikon{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-terang));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.game-galeri-kartu.segera .game-galeri-ikon{background:var(--abu-400,#9793ab)}.game-galeri-teks{flex:1;min-width:0}.game-galeri-nama{color:var(--primary-dark);align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.game-galeri-desk{color:var(--text-soft);margin-top:2px;font-size:13px}.game-galeri-badge{background:var(--gold-soft);color:var(--gold-dark);text-transform:uppercase;letter-spacing:.3px;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800}.game-galeri-main{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-dark));border-radius:12px;flex-shrink:0;align-items:center;gap:5px;min-height:40px;padding:8px 14px;font-size:13px;font-weight:800;display:inline-flex}.bk-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.bk-stat-pil{color:var(--primary-dark);background:var(--primary-soft);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:800;display:inline-flex}.bk-judul{color:var(--primary-dark);margin-bottom:12px;font-size:22px;font-weight:900}.bk-petunjuk{color:var(--text-soft);margin-bottom:14px;font-size:13.5px}.bk-belajar-intro{margin-bottom:14px}.bk-belajar-intro h2{color:var(--primary-dark);font-size:18px;font-weight:800}.bk-belajar-intro p{color:var(--text-soft);margin-top:4px;font-size:13.5px}.bk-belajar-grid{margin-inline:auto;grid-template-columns:repeat(2,1fr);gap:10px;max-width:420px;margin-bottom:18px;display:grid}@media (min-width:641px){.bk-belajar-grid{grid-template-columns:repeat(3,1fr);gap:12px;max-width:680px}}.bk-belajar-kartu{background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-kartu);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;display:flex}.bk-belajar-arab{color:var(--text);direction:rtl;unicode-bidi:plaintext;font-size:30px;font-weight:700;line-height:1.5}.bk-belajar-indo{color:var(--primary-dark);font-size:15px;font-weight:800}.bk-belajar-translit{color:var(--text-soft);font-size:12px;font-style:italic}.bk-belajar-mulai{max-width:420px;margin-inline:auto}@media (min-width:641px){.bk-belajar-mulai{max-width:360px}}.game-dengar-semua{max-width:420px;margin:0 auto 14px}@media (min-width:641px){.game-dengar-semua{max-width:360px}}.game-dengar-semua .kuis-tombol{background:#1d4ed8;border-color:#1d4ed8}.game-dengar-semua .kuis-tombol:hover:not(:disabled){background:#1e40af;border-color:#1e40af}.game-dengar-tip{text-align:center;color:var(--text-soft);margin-top:6px;font-size:12px}.bk-belajar-kartu,.tg-belajar-kartu{cursor:pointer;transition:border-color .15s,box-shadow .15s}.bk-belajar-kartu.kartu-dibacakan,.tg-belajar-kartu.kartu-dibacakan{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed838}.gmb-generate{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.gmb-quality{flex-direction:column;gap:4px;display:flex}.gmb-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:560px){.gmb-grid{grid-template-columns:1fr 1fr}}@media (min-width:900px){.gmb-grid{grid-template-columns:1fr 1fr 1fr}}.gmb-kartu{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-kartu);box-shadow:var(--sh-kartu);align-items:center;gap:12px;padding:12px;display:flex}.gmb-thumb{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:12px;flex-shrink:0;width:76px;height:76px}.gmb-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.gmb-arab{color:var(--text);direction:rtl;font-size:24px;font-weight:700;line-height:1.4}.gmb-indo{color:var(--primary-dark);font-size:14px;font-weight:700}.gmb-aksi{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.gmb-aksi .kuis-aksi-kecil{min-height:36px}.gmb-progress{background:var(--primary-tint);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;display:flex}.gmb-progress-baris{color:var(--primary-dark);align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.gmb-edit{flex-direction:column;gap:6px;width:100%;display:flex}.tg-belajar-grid{margin-inline:auto;grid-template-columns:repeat(2,1fr);gap:10px;max-width:440px;margin-bottom:18px;display:grid}@media (min-width:641px){.tg-belajar-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-width:760px}}.tg-belajar-kartu{background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-kartu);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:10px;display:flex}.tg-belajar-foto{aspect-ratio:1;object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;margin-bottom:4px}.tg-foto-bungkus{flex-direction:column;align-items:center;margin:4px 0 16px;display:flex}.tg-foto{aspect-ratio:1;object-fit:contain;border:1px solid var(--border);width:100%;max-width:360px;box-shadow:var(--sh-kartu);background:#fff;border-radius:18px}@media (min-width:641px){.tg-foto{max-width:420px}}.tg-pilihan{grid-template-columns:1fr 1fr;gap:10px;max-width:480px;margin-inline:auto;display:grid}.tg-tombol{border:1.5px solid var(--border);background:var(--surface);min-height:56px;color:var(--text);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:24px;font-weight:700;transition:transform .12s,border-color .12s,background .12s;display:inline-flex}.tg-tombol:hover:not(:disabled){border-color:var(--primary-terang);transform:translateY(-1px)}.tg-tombol:disabled{cursor:default}.tg-tombol.benar{background:var(--sukses-bg,#f0fdf4);color:#166534;border-color:#86efac}.tg-tombol.salah{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.tg-tombol.redup{opacity:.5}.tg-tombol .tg-ikon{flex-shrink:0}@media (prefers-reduced-motion:reduce){.tg-tombol{transition:none}}.ck-pilih-blok{margin-bottom:14px}.ck-pilih-judul{color:var(--text-soft);margin-bottom:6px;font-size:13px;font-weight:800}.ck-pilih-grup{flex-wrap:wrap;gap:8px;display:flex}.ck-pilih{border:1.5px solid var(--border);background:var(--surface);color:var(--primary-dark);cursor:pointer;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:9px 16px;font-size:14px;font-weight:800;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.ck-pilih.aktif{background:var(--primary);color:#fff;border-color:var(--primary)}.ck-hafal-kepala{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.ck-hafal-judul{color:var(--primary-dark);font-size:16px;font-weight:800}.ck-hafal-sub{color:var(--text-soft);margin-top:2px;font-size:13px}.ck-hafal-bar{background:var(--border);border-radius:999px;height:8px;margin-bottom:14px;overflow:hidden}.ck-hafal-isi{background:linear-gradient(135deg, var(--primary), var(--primary-terang));border-radius:999px;height:100%;transition:width .1s linear}@media (prefers-reduced-motion:reduce){.ck-hafal-isi,.ck-pilih{transition:none}}.game-kartu-foto{object-fit:contain;background:#fff;border-radius:10px;width:100%;height:100%}.pg-baris{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.pg-baris:last-child{border-bottom:none}.pg-info{flex:1;min-width:0}.pg-label{color:var(--primary-dark);font-size:14px;font-weight:800;display:block}.pg-ket{color:var(--text-soft);margin-top:2px;font-size:12px}.pg-aksi{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pg-pesan{color:var(--sukses,#16a34a);font-size:12px;font-weight:700}.tg-foto-label{text-align:center;color:var(--text-soft,#6b7280);margin-top:10px;font-size:16px;font-weight:800}.jj-pilih{max-width:320px;margin-bottom:14px}.jj-label{color:var(--text-soft);margin-bottom:4px;font-size:12px;font-weight:800;display:block}.jj-daftar{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.jj-kartu{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-kartu);box-shadow:var(--sh-kartu);padding:14px}.jj-kartu.nonaktif{opacity:.62}.jj-atas{align-items:flex-start;gap:10px;display:flex}.jj-tingkat{background:var(--primary-soft);min-width:38px;height:38px;color:var(--primary-dark);border-radius:12px;flex:none;justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:900;display:inline-flex}.jj-judul-blok{flex:1;min-width:0}.jj-judul{color:var(--text);font-size:15px;font-weight:800}.jj-tujuan{color:var(--text-soft);margin-top:2px;font-size:12px}.jj-status{color:#475569;background:#f1f5f9;border-radius:999px;flex:none;padding:3px 10px;font-size:11px;font-weight:800}.jj-status.aktif{color:#166534;background:#dcfce7}.jj-meta{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.jj-chip{white-space:nowrap;background:var(--primary-tint);color:var(--primary-dark);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.jj-chip.anak{color:#8a5a00;background:#fff4d6}.jj-form{margin:10px 0}.jj-angka{grid-template-columns:1fr;gap:8px;margin-bottom:10px;display:grid}@media (min-width:560px){.jj-angka{grid-template-columns:repeat(3,1fr)}}.jj-aksi{flex-wrap:wrap;gap:8px;display:flex}.jj-aksi .kuis-aksi-kecil,.jj-tambah-tombol{white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-height:38px;display:inline-flex}.jj-pesan-galat{color:#991b1b;margin-top:8px;font-size:12px;font-weight:700}.jj-tambah-tombol{min-height:40px}.uj-wadah{max-width:640px;padding-top:16px;padding-bottom:32px}.uj-hero{background:var(--grad-hero,linear-gradient(135deg, #4020a0 0%, #6b3fd4 50%, #8f4fd4 100%));color:#fff;text-align:center;border-radius:20px;margin-bottom:16px;padding:24px 16px;box-shadow:0 8px 28px #2e1a7024}.uj-hero-judul{margin:8px 0 4px;font-size:24px;font-weight:900;line-height:1.2}.uj-hero-sub{opacity:.95;margin:0;font-size:15px}.uj-kartu{margin-bottom:14px;padding:16px}.uj-info-judul{color:var(--primary-dark);align-items:center;gap:8px;margin-bottom:8px;font-size:15px;font-weight:800;display:flex}.uj-daftar{color:var(--text);margin:0;padding-left:18px;font-size:14px;line-height:1.7}.uj-alasan{color:var(--text-soft);margin:0;font-size:14px;line-height:1.6}.uj-mulai{justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;margin-bottom:8px;display:flex}.uj-sabar{color:var(--text-soft);text-align:center;margin-bottom:12px;font-size:13px}.uj-kembali{align-items:center;gap:6px;min-height:40px;display:inline-flex}.uj-progres{margin-bottom:16px}.uj-progres-teks{color:var(--text-soft);margin-bottom:6px;font-size:14px}.uj-progres-bar{background:var(--primary-tint);border-radius:999px;height:8px;overflow:hidden}.uj-progres-isi{background:var(--grad-hero,linear-gradient(135deg, #4020a0, #6b3fd4));border-radius:999px;height:100%;transition:width .25s}.uj-soal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-kartu);box-shadow:var(--sh-kartu);margin-bottom:12px;padding:14px}.uj-pertanyaan{color:var(--text);margin-bottom:12px;font-size:16px;font-weight:700;line-height:1.6}.uj-nomor{background:var(--primary-soft);width:24px;height:24px;color:var(--primary-dark);border-radius:999px;justify-content:center;align-items:center;margin-right:6px;font-size:12px;font-weight:900;display:inline-flex}.uj-opsi-daftar{flex-direction:column;gap:8px;display:flex}.uj-opsi{text-align:left;background:var(--surface);border:1.5px solid var(--border);width:100%;min-height:48px;color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;font-size:15px;transition:all .15s;display:flex}.uj-opsi:hover{border-color:var(--primary)}.uj-opsi.pilih{border-color:var(--primary);background:var(--primary-soft);font-weight:700}.uj-opsi-key{background:var(--primary-tint);width:26px;height:26px;color:var(--primary-dark);text-transform:uppercase;border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:inline-flex}.uj-opsi-teks{word-break:break-word;flex:1;min-width:0}.uj-opsi-teks.arab{text-align:right;font-size:21px;line-height:1.9}.uj-bs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.uj-opsi.bs{justify-content:center;font-weight:700}.uj-opsi.pilih.benar{color:#166534;background:#f0fdf4;border-color:#16a34a}.uj-opsi.pilih.salah{color:#991b1b;background:#fef2f2;border-color:#dc2626}.uj-cocok{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-kartu);box-shadow:var(--sh-kartu);margin-bottom:12px;padding:14px}.uj-cocok-petunjuk{color:var(--text-soft);text-align:center;margin-bottom:12px;font-size:13px}.uj-cocok-kolom{grid-template-columns:1fr 1fr;gap:10px;display:grid}.uj-cocok-sisi{flex-direction:column;gap:8px;min-width:0;display:flex}.uj-kata{background:var(--surface);border:1.5px solid var(--border);min-height:52px;color:var(--text);cursor:pointer;word-break:break-word;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 6px;font-family:inherit;font-size:14px;transition:all .15s;display:flex}.uj-kata:hover:not(:disabled){border-color:var(--primary)}.uj-kata:disabled{opacity:.55;cursor:default}.uj-kata.pilih{border-color:var(--primary);background:var(--primary-soft)}.uj-kata.sudah{background:#eef7dc;border-color:#8fbf3a}.uj-arab{font-size:22px;font-weight:700;line-height:1.6}.uj-kata-arti{color:var(--text-soft);font-size:11px;font-weight:700}.uj-hasil{text-align:center;color:#fff;border-radius:20px;margin-bottom:16px;padding:28px 16px}.uj-hasil.lulus{background:var(--grad-hijau,linear-gradient(135deg, #6fa524 0%, #8fbf3a 100%));box-shadow:0 8px 28px #6fa5243d}.uj-hasil.belum{background:var(--grad-hero,linear-gradient(135deg, #4020a0, #6b3fd4));box-shadow:0 8px 28px #2e1a7024}.uj-nilai{background:#ffffff38;border-radius:999px;margin-top:10px;padding:6px 16px;font-size:15px;font-weight:900;display:inline-block}.uj-rincian{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.uj-rincian:last-child{border-bottom:none}.uj-tanda{color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.uj-tanda.ya{background:#16a34a}.uj-tanda.tidak{background:#dc2626}.uj-rincian-nama{flex:1;min-width:0;font-size:14px;font-weight:700}.uj-rincian-nilai{color:var(--primary-dark);font-weight:900}.uj-aksi-hasil{margin-bottom:12px}.jj-textarea{resize:vertical;width:100%;min-height:96px;font-size:13px;line-height:1.6}.jj-chip.ujian-siap{color:#3f6212;background:#eef7dc}.jj-chip.ujian-kosong{color:#475569;background:#f1f5f9}.jj-contoh{background:var(--primary-tint);border-radius:12px;margin-top:10px;padding:12px}.jj-contoh-atas{color:var(--primary-dark);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.jj-contoh-tahap{margin-bottom:10px}.jj-contoh-metode{color:var(--primary-dark);text-transform:uppercase;font-size:11px;font-weight:900}.jj-contoh-daftar{margin:4px 0 0;padding-left:18px;font-size:13px;line-height:1.8}.jj-contoh-daftar li{margin-bottom:4px}.jj-contoh-opsi{color:var(--text-soft);font-size:12px;display:block}.jj-contoh-kunci{color:#166534;font-size:12px;display:block}.jj-arab{font-size:18px}.uj-daftar{list-style:outside}.uj-progres-syarat{margin-top:12px}.uj-syarat-baris{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.uj-syarat-nama{color:var(--primary-dark);font-size:13px;font-weight:800}.uj-syarat-angka{color:var(--text-soft);font-size:13px;font-weight:700}.uj-progres-isi.cukup{background:var(--grad-hijau,linear-gradient(135deg, #6fa524, #8fbf3a))}.uj-cooldown{background:var(--primary-tint);color:var(--primary-dark);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:10px;font-size:14px;font-weight:700;display:flex}.uj-ajak{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.uj-ajak .kuis-aksi-kecil{align-items:center;gap:6px;min-height:40px;display:inline-flex}.srt{border:2px solid var(--primary,#4020a0);background:linear-gradient(160deg,#f6f3fe 0%,#fff 55%,#fff9ea 100%);border-radius:18px;padding:6px;position:relative;overflow:hidden;box-shadow:0 8px 28px #2e1a7024}.srt-dalam{border:1.5px dashed var(--ungu-300,#a78be0);text-align:center;border-radius:13px;padding:22px 16px 18px}.srt-sudut{pointer-events:none;border:3px solid var(--gold,#ffc000);opacity:.5;width:74px;height:74px;position:absolute}.srt-sudut.ka{border-bottom:0;border-right:0;border-radius:14px 0 0;top:8px;left:8px}.srt-sudut.kb{border-top:0;border-left:0;border-radius:0 0 14px;bottom:8px;right:8px}.srt-merek{justify-content:center;align-items:center;gap:7px;margin-bottom:12px;display:flex}.srt-logo{width:34px;height:34px}.srt-merek-teks{letter-spacing:-.01em;font-size:17px;font-weight:900}.srt-merek-teks .ilmu{color:var(--primary,#4020a0)}.srt-merek-teks .anak{color:var(--gold-dark,#ff9e00)}.srt-pita{color:#fff;letter-spacing:.14em;background:linear-gradient(135deg,#4020a0,#6b3fd4);border-radius:999px;align-items:center;gap:8px;padding:7px 20px;font-size:15px;font-weight:900;display:inline-flex}.srt-sub{color:var(--text-soft,#5b5670);letter-spacing:.05em;margin-top:6px;font-size:12px;font-weight:700}.srt-diberikan{color:var(--text-soft,#5b5670);margin-top:18px;font-size:12px}.srt-nama{color:var(--primary-dark,#2e1a70);word-break:break-word;margin:6px 0 4px;font-size:27px;font-weight:900;line-height:1.25}.srt-nama:after{content:"";background:linear-gradient(90deg, transparent, var(--ungu-300,#a78be0), transparent);width:72%;max-width:260px;height:2px;margin:8px auto 0;display:block}.srt-kalimat{color:var(--text,#1e1b2e);margin-top:12px;font-size:14px;line-height:1.7}.srt-nilai{color:#2e1a70;background:linear-gradient(135deg,#ff9e00,#ffc000);border-radius:999px;align-items:center;gap:6px;margin-top:14px;padding:6px 16px;font-size:14px;font-weight:900;display:inline-flex}.srt-kaki{border-top:1px solid var(--border,#e6e3f0);text-align:left;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:22px;padding-top:12px;display:flex}.srt-kaki-blok.kanan{text-align:right}.srt-kaki-label{color:var(--text-soft,#5b5670);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}.srt-kaki-isi{color:var(--primary-dark,#2e1a70);font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.srt-catatan{color:var(--text-soft,#9793ab);margin-top:10px;font-size:10px}.srt-tombol{justify-content:center;align-items:center;gap:8px;width:auto;min-height:46px;display:inline-flex}.srt-aksi{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0;display:flex}@media (min-width:640px){.srt-dalam{padding:30px 28px 24px}.srt-nama{font-size:34px}.srt-kalimat{font-size:15px}}.srt-kepala{margin-bottom:16px}.srt-kepala-judul{color:var(--primary-dark,#2e1a70);align-items:center;gap:8px;margin:0;font-size:22px;font-weight:900;display:flex}.srt-kepala-sub{color:var(--text-soft,#5b5670);margin:4px 0 0;font-size:14px}.srt-halaman{padding-top:12px}.srt-bar-atas{margin-bottom:12px}.srt-kosong{text-align:center;color:var(--text-soft,#5b5670)}.srt-kosong svg{color:var(--ungu-300,#a78be0)}.srt-kosong-judul{color:var(--primary-dark,#2e1a70);margin:8px 0 4px;font-size:16px;font-weight:800}.srt-daftar{grid-template-columns:1fr;gap:12px;margin-bottom:16px;display:grid}@media (min-width:640px){.srt-daftar{grid-template-columns:1fr 1fr}}.srt-mini{background:var(--surface,#fff);border:1px solid var(--border,#e6e3f0);box-shadow:var(--sh-kartu);color:inherit;border-radius:16px;align-items:center;gap:12px;padding:14px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.srt-mini:hover{border-color:var(--primary,#4020a0);transform:translateY(-2px);box-shadow:0 8px 28px #2e1a7024}.srt-mini-lencana{color:#2e1a70;background:linear-gradient(135deg,#ff9e00,#ffc000);border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.srt-mini-isi{flex-direction:column;flex:1;min-width:0;display:flex}.srt-mini-judul{color:var(--primary-dark,#2e1a70);font-size:15px;font-weight:800}.srt-mini-tingkat{color:var(--text,#1e1b2e);margin-top:1px;font-size:12px}.srt-mini-kaki{color:var(--text-soft,#5b5670);font-variant-numeric:tabular-nums;margin-top:3px;font-size:11px}.srt-mini-nilai{background:var(--primary-soft,#ede8fb);min-width:38px;height:38px;color:var(--primary-dark,#2e1a70);border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:900;display:inline-flex}.srt-di-hasil{text-align:center;border:1.5px solid var(--gold,#ffc000);background:#fff9ea;border-radius:16px;margin-bottom:14px;padding:16px}.srt-di-hasil-judul{color:#8a5a00;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;font-size:15px;font-weight:900;display:flex}.srt-di-hasil-nomor{color:var(--text-soft,#5b5670);font-variant-numeric:tabular-nums;margin-top:8px;font-size:12px}@media print{body{background:#fff!important}.kuis-nav,.kuis-nav-drawer,.admin-side,.admin-topbar,.admin-overlay,.srt-tombol,.srt-bar-atas,.srt-daftar,.srt-kepala,.uj-aksi-hasil,.uj-kembali,.uj-ajak,.uj-hasil,.uj-kartu,.srt-di-hasil-judul,.srt-di-hasil-nomor{display:none!important}.srt-di-hasil{background:0 0!important;border:0!important;padding:0!important}.kuis-isi,.uj-wadah,.srt-halaman{max-width:none!important;padding:0!important}.srt{page-break-inside:avoid;break-inside:avoid;max-width:100%;box-shadow:none!important}.srt,.srt-pita,.srt-nilai,.srt-sudut,.srt-mini-lencana{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@page{margin:12mm}}.uj-hadiah{border:1.5px solid var(--gold,#ffc000);color:#8a5a00;text-align:center;background:#fff4d6;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:12px;font-size:14px;font-weight:700;display:flex}.uj-hadiah.menunggu{margin:0 0 14px}.uj-hadiah-ket{color:var(--text-soft,#5b5670);flex-basis:100%;font-size:11px;font-weight:600}.ii-wadah{max-width:640px;padding-top:16px;padding-bottom:32px}.ii-kepala{margin-bottom:14px}.ii-judul{color:var(--primary-dark);align-items:center;gap:8px;margin:0;font-size:22px;font-weight:900;display:flex}.ii-sub{color:var(--text-soft);margin:4px 0 0;font-size:14px}.ii-kunci{background:var(--grad-hero,linear-gradient(135deg, #4020a0, #6b3fd4));color:#fff;text-align:center;border-radius:20px;margin-bottom:14px;padding:24px 16px}.ii-tahap{color:var(--primary-dark);margin-bottom:10px;font-size:14px;font-weight:800}.ii-belajar{grid-template-columns:1fr;gap:10px;margin-bottom:14px;display:grid}@media (min-width:560px){.ii-belajar{grid-template-columns:1fr 1fr}}.ii-contoh{background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-kartu);text-align:center;border-radius:14px;padding:12px}.ii-kalimat{font-size:24px;font-weight:700;line-height:1.9}.ii-tunjuk{border-radius:8px;padding:2px 8px}.ii-tunjuk.mz{color:#1e40af;background:#dbeafe}.ii-tunjuk.mn{color:#9d174d;background:#fce7f3}.ii-arti{color:var(--text-soft);margin-top:4px;font-size:12px;font-weight:700}.ii-soal{background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-kartu);border-radius:14px;margin-bottom:10px;padding:12px}.ii-benda{text-align:center;margin-bottom:10px}.ii-benda-arab{font-size:26px;font-weight:700;line-height:1.8;display:block}.ii-benda-arti{color:var(--text-soft);font-size:12px;font-weight:700;display:block}.ii-pilih{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ii-opsi-arab{font-size:22px;font-weight:700;line-height:1.8}.ii-bintang{justify-content:center;gap:8px;margin-bottom:6px;display:flex}.ii-bintang .game-bintang{opacity:.35}.ii-bintang .game-bintang.nyala{opacity:1;fill:#ffc000;color:#ffc000}.ii-rincian-arti{color:var(--text-soft);font-size:12px;font-weight:700}.st-ringkas-atas{color:var(--text-soft);margin-bottom:10px;font-size:13px}.st-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (min-width:720px){.st-grid{grid-template-columns:repeat(4,1fr)}}.st-sel{background:var(--primary-tint);text-align:center;border-radius:12px;padding:10px}.st-sel-t{color:var(--primary-dark);font-size:15px;font-weight:900}.st-sel-nama{color:var(--text-soft);font-size:11px;font-weight:700}.st-sel-angka{flex-direction:column;gap:2px;margin-top:6px;font-size:11px;font-weight:800;display:flex}.st-draft{color:#8a5a00}.st-final{color:var(--text-soft)}.st-final.ada{color:#166534}.st-massal{justify-content:center;align-items:center;gap:4px;width:100%;margin-top:6px;display:inline-flex}.st-tombol{justify-content:center;align-items:center;gap:8px;width:auto;min-height:46px;display:inline-flex}.st-filter{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.st-filter .kuis-input{flex:1;min-width:160px}.st-daftar{flex-direction:column;gap:10px;display:flex}.st-soal{background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-kartu);border-radius:12px;padding:12px}.st-soal.setuju{background:#fbfef5;border-color:#8fbf3a}.st-soal-atas{align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.st-usul{background:var(--primary-soft);min-width:34px;height:28px;color:var(--primary-dark);border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:inline-flex}.st-soal-teks{word-break:break-word;font-size:13px;line-height:1.6}.st-ubah{width:auto;min-height:34px;margin-bottom:0;padding:4px 8px;font-size:12px}.gd-grid{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:640px){.gd-grid{grid-template-columns:1fr 1fr}}.gd-kata{background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-kartu);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.gd-kata.setuju{background:#fbfef5;border-color:#8fbf3a}.gd-arab{font-size:22px;font-weight:700;line-height:1.8}.gd-isi{flex:1;min-width:0}.gd-arti{color:var(--text-soft);font-size:12px;font-weight:700}.gd-alasan{color:var(--text-soft);font-size:11px;font-style:italic}.gd-tag{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800}.gd-tag.mz{color:#1e40af;background:#dbeafe}.gd-tag.mn{color:#9d174d;background:#fce7f3}.hj-blok{margin-top:28px}.hj-kepala{color:var(--primary-dark);align-items:center;gap:8px;margin:0 0 6px;font-size:18px;font-weight:900;display:flex}.hj-ket{color:var(--text-soft);margin:0 0 14px;font-size:12px;line-height:1.6}.hj-anak{background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-kartu);border-radius:16px;margin-bottom:12px;padding:12px}.hj-anak-kepala{color:var(--primary-dark);margin-bottom:8px;font-size:15px;font-weight:900}.hj-anak-tingkat{color:var(--text-soft);font-size:11px;font-weight:700}.hj-baris{border-top:1px solid var(--border);gap:10px;padding:10px 0;display:flex}.hj-baris.lewat{opacity:.6}.hj-tingkat{background:var(--primary-soft);width:34px;height:34px;color:var(--primary-dark);border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:inline-flex}.hj-isi{flex:1;min-width:0}.hj-judul{font-size:14px;font-weight:800}.hj-hadiah{color:#8a5a00;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;font-size:12px;font-weight:700;display:flex}.hj-kosong{color:var(--text-soft);margin-top:2px;font-size:12px}.hj-tag{border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.hj-tag.menunggu{color:#8a5a00;background:#fff4d6}.hj-tag.beres{color:#3f6212;background:#eef7dc}.hj-form{margin-top:8px}.hj-lihat{width:100%;min-height:36px;margin-top:10px}.kt-tambah{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.kt-putar{animation:1s linear infinite kt-spin}@keyframes kt-spin{to{transform:rotate(360deg)}}.kt-daftar{flex-direction:column;gap:10px;display:flex}.kt-baris{background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-kartu);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.kt-baris-info{flex:220px;min-width:0}.kt-baris-judul{flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.kt-judul-arab{color:var(--primary-dark);font-family:Amiri Quran,Noto Naskh Arabic,Amiri,Scheherazade New,serif;font-size:17px;font-weight:700;line-height:1.8}.kt-baris-meta{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:12px;font-weight:600;display:flex}.kt-kategori{background:var(--primary-soft);color:var(--primary-dark);border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:800}.kt-akses{border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:10.5px;font-weight:800;display:inline-flex}.kt-akses.publik{color:#3f6212;background:#eef7dc}.kt-akses.terkunci{background:var(--gold-soft);color:#8a5a00}.kt-akses.privat{color:#991b1b;background:#fee2e2}.kt-syarat-kecil{color:#8a5a00;font-size:11px;font-weight:700}.kt-baris-saklar{flex-wrap:wrap;flex:0 auto;gap:10px;display:flex}.kt-saklar{cursor:pointer;color:var(--text-soft);align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.kt-saklar input{width:16px;height:16px;accent-color:var(--primary)}.kt-saklar-baris{flex-wrap:wrap;gap:16px;margin-top:12px;display:flex}.kt-baris-aksi{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.kt-baris-aksi .kuis-aksi-kecil{min-height:36px}.kt-kartu-form{margin-top:14px}.kt-judul-bagian{color:var(--primary-dark);align-items:center;gap:8px;margin:0 0 10px;font-size:16px;font-weight:900;display:flex}.kt-hitung{background:var(--primary-soft);color:var(--primary-dark);border-radius:999px;padding:1px 9px;font-size:12px}.kt-label{color:var(--text-soft);margin:10px 0 4px;font-size:12px;font-weight:800;display:block}.kt-form-baris2{flex-wrap:wrap;gap:10px;display:flex}.kt-form-aksi{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.kt-arab-input{text-align:right;direction:rtl;font-family:Amiri Quran,Noto Naskh Arabic,Amiri,Scheherazade New,serif;font-size:20px;line-height:2}.kt-syarat-kotak{background:var(--gold-soft);border:1px solid #fde68a;border-radius:12px;margin-top:12px;padding:10px 12px}.kt-form-bab{flex-direction:column;gap:2px;display:flex}.kt-daftar-bab{flex-direction:column;gap:8px;display:flex}.kt-bab{border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex}.kt-bab-urut{flex-direction:column;flex:none;align-items:center;gap:2px;display:flex}.kt-geser{cursor:pointer;border:1px solid var(--border);background:var(--surface);width:26px;height:22px;color:var(--primary-dark);border-radius:6px;place-items:center;display:grid}.kt-geser:hover:not(:disabled){border-color:var(--primary)}.kt-geser:disabled{opacity:.35;cursor:not-allowed}.kt-bab-nomor{color:var(--primary-dark);font-size:12px;font-weight:900}.kt-bab-info{flex:180px;min-width:0}.kt-bab-judul{font-size:14px;font-weight:800}.kt-bab-arab{color:var(--primary-dark);font-family:Amiri Quran,Noto Naskh Arabic,Amiri,Scheherazade New,serif;font-size:15px;line-height:1.9}.kt-bab-cuplik{color:var(--text-soft);overflow-wrap:anywhere;margin-top:2px;font-size:12px}.kt-bab-aksi{flex-wrap:wrap;gap:6px;display:flex}.kt-bab-aksi .kuis-aksi-kecil{min-height:36px}.kt-bab-edit{border:1.5px solid var(--primary);background:var(--primary-tint);border-radius:12px;padding:12px}.kt-bab-edit-atas{color:var(--primary-dark);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:800;display:flex}.kt-modal-overlay{z-index:60;background:#1e1b2e80;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.kt-modal{background:var(--surface);border-radius:var(--r-kartu);text-align:center;width:100%;max-width:380px;box-shadow:var(--shadow-ungu-lg,0 18px 40px #2e1a7040);padding:22px}.kt-modal-ikon{color:#991b1b;background:#fee2e2;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 10px;display:grid}.kt-modal-judul{color:var(--text);overflow-wrap:anywhere;font-size:17px;font-weight:900}.kt-modal-pesan{color:var(--text-soft);margin:6px 0 0;font-size:13.5px;font-weight:600;line-height:1.6}.kt-modal-aksi{gap:8px;margin-top:18px;display:flex}.kt-modal-aksi>*{flex:1}.kt-tombol-hapus{border-radius:var(--r-tombol);cursor:pointer;color:#fff;background:#dc2626;border:none;min-height:46px;font-size:15px;font-weight:800}.kt-tombol-hapus:hover:not(:disabled){background:#b91c1c}.kt-tombol-hapus:disabled{opacity:.6;cursor:not-allowed}.pk-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.pk-kartu{color:var(--text);background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-kartu);border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .12s,border-color .12s;display:flex;overflow:hidden}a.pk-kartu:hover{border-color:var(--primary);transform:translateY(-3px)}.pk-kartu.terkunci{cursor:not-allowed}.pk-cover{aspect-ratio:3/4;background:var(--primary-soft);position:relative;overflow:hidden}.pk-cover img{object-fit:cover;width:100%;height:100%;display:block}.pk-kartu.terkunci .pk-cover img{filter:blur(3px)grayscale(.6);opacity:.7}.pk-cover-kosong{height:100%;color:var(--primary);place-items:center;display:grid}.pk-gembok{color:#fff;background:#2e1a706b;place-items:center;display:grid;position:absolute;inset:0}.pk-isi{padding:10px 11px 12px}.pk-kategori{background:var(--primary-soft);color:var(--primary-dark);border-radius:999px;margin-bottom:5px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.pk-judul{font-size:14px;font-weight:800;line-height:1.35}.pk-judul-arab{color:var(--primary-dark);margin-top:2px;font-family:Amiri Quran,Noto Naskh Arabic,Amiri,Scheherazade New,serif;font-size:16px;font-weight:700;line-height:1.9}.pk-pengarang{color:var(--text-soft);margin-top:3px;font-size:11.5px;font-weight:600}.pk-syarat{color:#8a5a00;background:var(--gold-soft);border-radius:8px;margin-top:7px;padding:5px 7px;font-size:11px;font-weight:700;line-height:1.5}.pk-baca-atas{justify-content:space-between;align-items:center;gap:8px;display:flex}.pk-bar-tombol{cursor:pointer;color:var(--text-soft);background:0 0;border:none;align-items:center;gap:5px;min-height:32px;padding:6px 2px;font-size:12.5px;font-weight:700;text-decoration:none;display:inline-flex}.pk-bar-tombol:hover{color:var(--primary)}.pk-baca-kepala{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:7px;margin-bottom:14px;padding:2px 0 10px;display:flex}.pk-baca-judul{color:var(--text-soft);margin:0;font-size:15px;font-weight:600}.pk-baca-pisah{color:var(--border);font-weight:700}.pk-baca-judul-arab{color:var(--text-soft);font-family:Amiri Quran,Noto Naskh Arabic,Amiri,Scheherazade New,serif;font-size:16px;font-weight:600;line-height:1.8}.pk-daftar-bab{border:1px solid var(--border);background:var(--primary-tint);border-radius:14px;flex-direction:column;gap:4px;max-height:320px;margin-bottom:16px;padding:8px;display:flex;overflow-y:auto}.pk-daftar-item{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;border-radius:10px;align-items:center;gap:9px;min-height:40px;padding:9px 8px;font-size:13.5px;font-weight:700;display:flex}.pk-daftar-item:hover{background:var(--primary-soft)}.pk-daftar-item.aktif{background:var(--primary);color:#fff}.pk-daftar-nomor{background:var(--surface);width:24px;height:24px;color:var(--primary-dark);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:900;display:grid}.pk-daftar-judul{overflow-wrap:anywhere;min-width:0}.pk-bab-kepala{margin-bottom:14px}.pk-bab-badge{background:var(--primary);color:#fff;border-radius:999px;padding:3px 11px;font-size:11.5px;font-weight:800;display:inline-block}.pk-bab-judul{color:var(--primary-dark);margin:6px 0 0;font-size:15px;font-weight:800}.pk-bab-judul-arab{text-align:right;color:var(--text);direction:rtl;font-family:Amiri Quran,Noto Naskh Arabic,Amiri,Scheherazade New,serif;font-size:18px;font-weight:700;line-height:1.8}.pk-audio{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;margin-bottom:14px;padding:10px;display:flex}.pk-audio-label{color:var(--primary-dark);align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.pk-arab{font-family:Amiri Quran,Noto Naskh Arabic,Amiri,Scheherazade New,serif;font-size:var(--pk-arab-size);line-height:var(--pk-arab-lh);text-align:right;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;direction:rtl}.pk-garis{border-top:1.5px dashed var(--border);margin:18px 0}.pk-terjemah{font-size:var(--pk-terjemah-size);line-height:var(--pk-terjemah-lh);color:#334155;white-space:pre-wrap}.pk-bab{max-width:720px;margin-left:auto;margin-right:auto}@media (max-width:640px){.pk-bab-judul{font-size:14px}.pk-bab-judul-arab{font-size:16px}}.pk-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;display:flex}.pk-nav-posisi{color:var(--text-soft);font-size:12.5px;font-weight:800}@media (max-width:420px){.pk-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}.pk-nav>.kuis-tombol{flex:1}}.pk-baca{--pk-arab-size:22px;--pk-arab-lh:2;--pk-terjemah-size:15px;--pk-terjemah-lh:1.8}.pk-baca.pk-ukuran-kecil{--pk-arab-size:18px;--pk-arab-lh:1.9;--pk-terjemah-size:13.5px;--pk-terjemah-lh:1.75}.pk-baca.pk-ukuran-sedang{--pk-arab-size:22px;--pk-arab-lh:2;--pk-terjemah-size:15px;--pk-terjemah-lh:1.8}.pk-baca.pk-ukuran-besar{--pk-arab-size:27px;--pk-arab-lh:2.2;--pk-terjemah-size:17px;--pk-terjemah-lh:1.9}@media (max-width:640px){.pk-baca.pk-ukuran-kecil{--pk-arab-size:17px;--pk-terjemah-size:13px}.pk-baca.pk-ukuran-sedang{--pk-arab-size:20px;--pk-terjemah-size:14.5px}.pk-baca.pk-ukuran-besar{--pk-arab-size:24px;--pk-terjemah-size:16px}}.pk-tema-ceria .pk-baca-kepala{border-bottom-color:#e9d5ff}.pk-tema-ceria .pk-bab-badge{color:#fff;background:#f97316}.pk-tema-ceria .pk-bab-judul{color:#7c3aed}.pk-tema-ceria .pk-arab{background:#faf5ff;border:1.5px solid #e9d5ff;border-radius:14px;padding:16px 14px}.pk-tema-ceria .pk-terjemah{color:#713f12;background:#fffbeb;border:1.5px solid #fde68a;border-radius:14px;padding:14px}.pk-tema-ceria .pk-garis{display:none}.pk-tema-ceria .pk-daftar-item.aktif{background:#7c3aed}.pk-tema-klasik .pk-baca-kepala{border-bottom-color:#d6c088}.pk-tema-klasik .pk-baca-judul,.pk-tema-klasik .pk-baca-judul-arab,.pk-tema-klasik .pk-bar-tombol:hover{color:#6b5115}.pk-tema-klasik .pk-bab-badge{color:#fdf6e3;background:#6b5115}.pk-tema-klasik .pk-bab-judul,.pk-tema-klasik .pk-bab-judul-arab{color:#5c4611}.pk-tema-klasik .pk-arab{color:#3d2f0b;background:#fffdf5;border:1.5px dashed #d6c088;border-radius:10px;padding:18px 15px}.pk-tema-klasik .pk-terjemah{color:#5c4611;background:#fdf6e3;border:1px solid #e8dbb4;border-radius:10px;padding:14px}.pk-tema-klasik .pk-garis{border-top-color:#d6c088}.pk-tema-klasik .pk-daftar-bab{background:#fdf6e3;border-color:#e8dbb4}.pk-tema-klasik .pk-daftar-item:hover{background:#f6ead0}.pk-tema-klasik .pk-daftar-item.aktif{color:#fffdf5;background:#8a6d1f}.pk-tema-klasik .pk-daftar-nomor,.pk-tema-klasik .pk-audio-label{color:#6b5115}.pk-tema-clean .pk-baca-kepala{border-bottom-color:#e5e7eb}.pk-tema-clean .pk-bar-tombol:hover{color:#6366f1}.pk-tema-clean .pk-bab-badge{color:#4338ca;background:#eef2ff}.pk-tema-clean .pk-bab-judul{color:#111827}.pk-tema-clean .pk-arab{color:#1f2937;background:0 0;border:none;padding:0}.pk-tema-clean .pk-terjemah{color:#4b5563;background:0 0;border:none;padding:0}.pk-tema-clean .pk-garis{border-top:1px solid #e5e7eb}.pk-tema-clean .pk-daftar-bab{background:var(--surface);border-color:#e5e7eb}.pk-tema-clean .pk-daftar-item:hover{background:#eef2ff}.pk-tema-clean .pk-daftar-item.aktif{color:#fff;background:#6366f1}.pk-tema-clean .pk-daftar-nomor,.pk-tema-clean .pk-audio-label{color:#4338ca}.pk-setelan-bungkus{position:relative}.pk-setelan{z-index:30;background:var(--surface);border:1px solid var(--border);width:260px;box-shadow:var(--shadow-ungu-lg,0 18px 40px #2e1a7040);border-radius:16px;padding:14px;position:absolute;top:calc(100% + 8px);right:0}.pk-setelan-judul{color:var(--text-soft);text-transform:uppercase;letter-spacing:.03em;margin:0 0 7px;font-size:11.5px;font-weight:800}.pk-setelan-grup+.pk-setelan-grup{margin-top:14px}.pk-setelan-baris{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.pk-pilih{cursor:pointer;border:1.5px solid var(--border);background:var(--surface);color:var(--text-soft);border-radius:12px;flex-direction:column;align-items:center;gap:5px;min-height:44px;padding:8px 4px;font-size:11.5px;font-weight:700;display:flex}.pk-pilih:hover:not(:disabled){border-color:var(--primary)}.pk-pilih.aktif{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.pk-pilih:disabled{opacity:.55;cursor:wait}.pk-contoh{border:1px solid #00000014;border-radius:6px;width:100%;height:20px}.pk-contoh.ceria{background:linear-gradient(135deg,#7c3aed,#ec4899)}.pk-contoh.klasik{background:linear-gradient(135deg,#8a6d1f,#b8912e)}.pk-contoh.clean{background:#fff;border-color:#c7d2fe;box-shadow:inset 0 -3px #6366f1}.pk-contoh-huruf{width:100%;height:20px;color:var(--primary-dark);place-items:center;font-family:Amiri Quran,Noto Naskh Arabic,Amiri,serif;line-height:1;display:grid}.pk-contoh-huruf.kecil{font-size:11px}.pk-contoh-huruf.sedang{font-size:15px}.pk-contoh-huruf.besar{font-size:19px}.pk-setelan-status{margin:10px 0 0;font-size:11px;font-weight:700}.pk-setelan-status.gagal{color:#991b1b}@media (max-width:520px){.pk-setelan{width:auto;position:fixed;inset:auto 12px 12px}.pk-pilih{min-height:52px;font-size:12px}}.pk-perpus-atas{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.pk-setelan-info{color:var(--text-soft);margin:0 0 10px;font-size:11px;font-weight:600;line-height:1.5}.pk-perpus-atas .pk-setelan{right:0}.pz-galeri{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-bottom:18px;display:grid}.pz-scene{border:2px solid var(--border);cursor:pointer;text-align:center;background:#fff;border-radius:14px;padding:0;transition:transform .12s,border-color .12s,box-shadow .12s;overflow:hidden}.pz-scene:hover{transform:translateY(-2px)}.pz-scene.aktif{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.pz-scene img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.pz-scene-nama{color:var(--primary-dark);padding:8px 6px;font-size:13.5px;font-weight:800;display:block}.pz-level-baris{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:18px;display:grid}.pz-level{border:2px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;transition:border-color .12s,box-shadow .12s;display:flex}.pz-level.aktif{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.pz-level-nomor{color:var(--primary-dark);font-size:14.5px;font-weight:900}.pz-level-desk{color:var(--text-soft);align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.pz-tengah{text-align:center}.pz-intip-teks{color:var(--primary-dark);margin-bottom:10px;font-size:15px;font-weight:800}.pz-utuh{aspect-ratio:1;object-fit:cover;border-radius:14px;width:min(92vw,440px);box-shadow:0 8px 24px #2e1a702e}.pz-utuh.kecil{width:min(70vw,220px);margin:6px auto 8px;display:block}.pz-papan-bungkus{justify-content:center;display:flex}.pz-papan{aspect-ratio:1;background:var(--primary-soft);touch-action:manipulation;border-radius:12px;gap:3px;width:min(92vw,440px);padding:4px;display:grid;position:relative}.pz-keping{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:element;border-radius:6px;outline:none;transition:transform .1s,box-shadow .1s}.pz-keping:active{transform:scale(.97)}.pz-keping.pilih{box-shadow:0 0 0 3px var(--primary), 0 0 0 6px var(--primary-soft);z-index:1}.pz-keping.pas{box-shadow:inset 0 0 0 2px #16a34a8c}.pz-keping.kosong{border:2px dashed var(--primary-terang);cursor:default;box-shadow:none;background:0 0;border-radius:6px}.pz-intip-overlay{z-index:2;background-position:50%;background-size:cover;border-radius:8px;animation:.15s pzMuncul;position:absolute;inset:4px}@keyframes pzMuncul{0%{opacity:0}to{opacity:1}}.pz-timer{color:var(--primary-dark);font-size:14px;font-weight:900}.pz-timer.kritis{color:var(--salah);animation:1s steps(2,end) infinite pzKedip}@keyframes pzKedip{50%{opacity:.35}}.pz-aksi-baris{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.pz-petunjuk-kecil{color:var(--text-soft);font-size:12px;font-weight:600}.pz-nama-arab{color:var(--primary-dark);margin-top:4px;font-size:34px;font-weight:800}.pz-nama-indo{color:var(--text-soft);font-size:14px;font-weight:700}.gi-kartu{text-align:center;width:min(94vw,480px);max-width:480px}.gi-kepala{text-align:left;align-items:center;gap:10px;margin-bottom:14px;display:flex}.gi-lambang{background:var(--primary-soft);width:40px;height:40px;color:var(--primary);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.gi-judul{color:var(--primary-dark);font-size:16px;font-weight:900}.gi-ajakan{color:var(--text-soft);font-size:12px;font-weight:600}.gi-jawaban{background:var(--primary-tint);border:2px dashed var(--primary-soft);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:56px;margin-bottom:12px;padding:10px;display:flex}.gi-slot{border:2px dashed var(--border);background:#fff;border-radius:10px;width:58px;height:40px}.gi-bank{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.gi-kata{border:2px solid var(--primary);color:var(--primary-dark);cursor:pointer;box-shadow:0 2px 0 var(--primary-soft);background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:7px 14px;font-size:1.35rem;font-weight:700;line-height:1.2;transition:transform .1s;display:inline-flex}.gi-kata-arab{display:block}.gi-arti-kata{max-width:120px;color:var(--text-soft);text-align:center;white-space:normal;font-family:inherit;font-size:.65rem;font-weight:750;line-height:1.15;display:block}.gi-kata.nyala .gi-arti-kata{color:#166534}.gi-kata:active{transform:scale(.95)}.gi-kata.terpasang{background:var(--primary-soft)}.gi-kata.nyala{border-color:var(--benar);color:#14532d;background:#dcfce7}.gi-kata.goyang{border-color:var(--salah);animation:.45s giGoyang}@keyframes giGoyang{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.gi-terjemahan{color:var(--text-soft);margin-bottom:8px;font-size:13.5px;font-weight:700}.gi-pesan{margin-top:4px;font-size:15px;font-weight:800}.gi-pesan.salah{color:var(--salah)}.gi-pesan.benar{color:var(--benar);animation:.35s giMuncul}@keyframes giMuncul{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.gi-dengar{margin:4px auto 0}.pz-scene.belum{opacity:.55;cursor:not-allowed}.pz-scene-belum{color:var(--salah);padding-bottom:8px;font-size:11px;font-weight:700;display:block}.pz-timer.jeda{opacity:.6}.pz-ringkas{background:var(--primary-tint);text-align:right;border-radius:12px;margin-top:12px;padding:10px 12px}.pz-ringkas-judul{color:var(--primary-dark);text-align:center;margin-bottom:6px;font-size:12.5px;font-weight:800}.pz-ringkas-baris{border-bottom:1px dashed var(--border);padding:4px 0}.pz-ringkas-baris:last-child{border-bottom:none}.pz-ringkas-arab{color:var(--primary-dark);font-size:1.2rem;font-weight:700;display:block}.pz-ringkas-indo{color:var(--text-soft);text-align:center;font-size:11.5px;font-weight:600;display:block}.pz-scene.terkunci{cursor:default;position:relative}.pz-siluet{filter:brightness(.14)saturate(.25)}.pz-gembok{width:34px;height:34px;color:var(--primary-dark);background:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #00000040}.pz-scene.terkunci .pz-scene-nama{color:var(--text-soft);letter-spacing:3px}.pz-unlock-info{color:var(--primary-dark);padding:0 8px 10px;font-size:11px;font-weight:700;display:block}.pz-unlock-bar{background:var(--primary-soft);border-radius:999px;height:8px;margin-bottom:4px;display:block;overflow:hidden}.pz-unlock-isi{background:linear-gradient(90deg, var(--primary-terang), var(--primary));border-radius:999px;height:100%;transition:width .4s;display:block}.pz-bintang-mini{color:#cbc7dc;gap:2px;padding-bottom:8px;display:inline-flex}.pz-bintang-mini .isi{color:#f59e0b;fill:#f59e0b}.pz-level.terkunci{opacity:.55;cursor:not-allowed}.pz-level:disabled{cursor:not-allowed}.pz-terungkap{animation:1.6s both pzTerungkap}@keyframes pzTerungkap{0%{filter:brightness(.05);transform:scale(.85)}55%{filter:brightness(.35);transform:scale(1.04)}to{filter:brightness();transform:scale(1)}}.pz-tombol-hadiah{animation:1.2s infinite pzDenyut}@keyframes pzDenyut{50%{transform:scale(1.03)}}.pz-lanjut{border:2px solid var(--primary);box-shadow:0 0 0 3px var(--primary-soft);align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.pz-lanjut-foto{object-fit:cover;border-radius:12px;flex:none;width:74px;height:74px}.pz-lanjut-info{flex:1;min-width:0}.pz-lanjut-judul{color:var(--primary-dark);font-size:15px;font-weight:900}.pz-lanjut-detail{color:var(--text-soft);margin:2px 0 8px;font-size:12.5px;font-weight:600}.pz-lanjut-aksi{flex-wrap:wrap;gap:8px;display:flex}.pz-lanjut-aksi .kuis-tombol{padding:8px 14px;font-size:13.5px}.game-overlay-kartu{max-height:calc(100dvh - 40px);overflow-y:auto}.pz-rapi-judul{color:var(--primary-dark);margin-bottom:10px;font-size:22px;font-weight:900;animation:.5s both game-pop}.pz-rapi-gambar{animation:.6s both pzRapiMuncul}@keyframes pzRapiMuncul{0%{opacity:.4;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.pz-rapi-aksi{justify-content:center;margin-top:16px;display:flex}