:root{--langit-1: #fef6e4;--langit-2: #ffe8cc;--langit-3: #d8f3ff;--kertas: #fffdf7;--tinta: #2b1b47;--tinta-lembut: #5b4a76;--merah: #e11d48;--merah-gelap: #9f1239;--biru: #2563eb;--biru-gelap: #1e3a8a;--hijau: #16a34a;--kuning: #f59e0b;--ungu: #7c3aed;--radius: 24px;--radius-kecil: 16px;--radius-besar: 36px;--tebal-garis: 4px;--clay-luar: 0 10px 0 rgba(43, 27, 71, .18), 0 18px 34px rgba(43, 27, 71, .16);--clay-luar-kecil: 0 6px 0 rgba(43, 27, 71, .16), 0 10px 20px rgba(43, 27, 71, .14);--clay-dalam: inset 0 -6px 10px rgba(43, 27, 71, .08), inset 0 6px 10px rgba(255, 255, 255, .9);--pegas: cubic-bezier(.34, 1.56, .64, 1);--z-arena: 10;--z-konten: 20;--z-panel: 30;--z-overlay: 50;--teks-soal: clamp(1.1rem, min(1.85vw, 3.5vh), 3rem);--teks-opsi: clamp(.88rem, min(1.05vw, 2.05vh), 1.7rem);--teks-tim: clamp(1rem, min(1.2vw, 2.3vh), 2rem);--teks-skor: clamp(1.35rem, min(1.9vw, 3.6vh), 3.2rem);--teks-kecil: clamp(.82rem, min(.95vw, 1.8vh), 1.45rem);--teks-sedang: clamp(.92rem, min(1.05vw, 2vh), 1.55rem);--tinggi-opsi: clamp(44px, min(6vh, 92px), 92px);--kolom-opsi: clamp(104px, min(190px, 26vh), 190px);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Nunito,ui-sans-serif,system-ui,sans-serif;font-size:18px;line-height:1.6;color:var(--tinta);background:radial-gradient(1200px 700px at 15% -10%,var(--langit-3),transparent 60%),radial-gradient(1000px 600px at 90% 0%,var(--langit-2),transparent 55%),linear-gradient(180deg,var(--langit-1),#fdf1de);background-attachment:fixed;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.35;background-image:radial-gradient(rgba(43,27,71,.09) 1px,transparent 1px);background-size:5px 5px}h1,h2,h3,h4{font-family:"Baloo 2",Nunito,sans-serif;font-weight:800;line-height:1.15;margin:0;letter-spacing:-.01em}button{font-family:inherit;cursor:pointer}:focus-visible{outline:4px solid var(--ungu);outline-offset:3px;border-radius:8px}.umbul-umbul{position:fixed;top:0;left:0;right:0;height:34px;z-index:var(--z-panel);pointer-events:none;background:repeating-linear-gradient(90deg,var(--merah) 0 28px,#ffffff 28px 56px,var(--biru) 56px 84px,#ffd166 84px 112px);-webkit-mask-image:linear-gradient(#000 0 0),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='34'%3E%3Cpath d='M0 0h28v10L14 34 0 10z' fill='%23000'/%3E%3C/svg%3E");-webkit-mask-size:100% 6px,28px 34px;-webkit-mask-repeat:no-repeat,repeat-x;-webkit-mask-position:top left,0 0;mask-image:linear-gradient(#000 0,#000 0),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='34'%3E%3Cpath d='M0 0h28v10L14 34 0 10z' fill='%23000'/%3E%3C/svg%3E");mask-size:100% 6px,28px 34px;mask-repeat:no-repeat,repeat-x;mask-position:top left,0 0;filter:drop-shadow(0 3px 4px rgba(43,27,71,.2))}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.clay-btn{--warna: var(--ungu);--warna-gelap: #4c1d95;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:64px;min-width:64px;padding:14px 30px;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:1.25rem;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--warna) 85%,#fff),var(--warna));border:var(--tebal-garis) solid var(--warna-gelap);border-radius:var(--radius);box-shadow:0 8px 0 var(--warna-gelap),0 14px 24px #2b1b4740;transition:transform .18s var(--pegas),box-shadow .18s ease-out,filter .18s ease-out}.clay-btn:hover:not(:disabled){filter:brightness(1.06)}.clay-btn:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px 0 var(--warna-gelap),0 6px 12px #2b1b4738}.clay-btn:disabled{filter:grayscale(.5) brightness(.95);cursor:not-allowed;opacity:.7}.clay-btn--besar{min-height:clamp(58px,min(8vh,118px),118px);font-size:clamp(1.1rem,min(1.5vw,2.9vh),2.2rem);padding:.5em 1.3em;border-radius:var(--radius-besar)}.clay-btn--kecil{min-height:48px;font-size:1rem;padding:8px 18px;border-radius:var(--radius-kecil);box-shadow:0 5px 0 var(--warna-gelap),0 8px 14px #2b1b4733}.clay-btn--merah{--warna: var(--merah);--warna-gelap: var(--merah-gelap)}.clay-btn--biru{--warna: var(--biru);--warna-gelap: var(--biru-gelap)}.clay-btn--hijau{--warna: var(--hijau);--warna-gelap: #14532d}.clay-btn--kuning{--warna: var(--kuning);--warna-gelap: #b45309;color:#442c00}.clay-btn--netral{--warna: #ffffff;--warna-gelap: #cbb9a4;color:var(--tinta)}.clay-card{background:var(--kertas);border:var(--tebal-garis) solid rgba(43,27,71,.14);border-radius:var(--radius-besar);box-shadow:var(--clay-luar);padding:28px 32px}.clay-card--rapat{padding:18px 20px;border-radius:var(--radius);box-shadow:var(--clay-luar-kecil)}.lencana-tim{display:inline-flex;align-items:center;gap:12px;padding:8px 20px 8px 10px;border-radius:999px;border:var(--tebal-garis) solid var(--warna-gelap);background:linear-gradient(180deg,color-mix(in srgb,var(--warna) 80%,#fff),var(--warna));box-shadow:0 7px 0 var(--warna-gelap),0 12px 20px #2b1b4733;color:#fff;font-family:"Baloo 2",sans-serif;font-weight:700;transition:transform .25s var(--pegas),filter .25s ease-out}.lencana-tim--merah{--warna: var(--merah);--warna-gelap: var(--merah-gelap)}.lencana-tim--biru{--warna: var(--biru);--warna-gelap: var(--biru-gelap)}.lencana-tim--sorot{transform:scale(1.05);animation:denyut 1.8s ease-in-out infinite}.lencana-tim__skor{display:grid;place-items:center;min-width:2.4em;height:1.9em;padding:0 .35em;border-radius:.5em;background:#fffffff0;color:var(--warna-gelap);font-size:var(--teks-skor);font-variant-numeric:tabular-nums;box-shadow:var(--clay-dalam)}.lencana-tim__nama{font-size:var(--teks-tim);letter-spacing:.01em;max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes denyut{0%,to{box-shadow:0 7px 0 var(--warna-gelap),0 12px 20px #2b1b4733}50%{box-shadow:0 7px 0 var(--warna-gelap),0 12px 28px #2b1b474d,0 0 0 10px color-mix(in srgb,var(--warna) 26%,transparent)}}.titik-kemajuan{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.titik-kemajuan span{width:13px;height:13px;border-radius:999px;background:#2b1b472e;transition:transform .22s var(--pegas),background .22s ease-out}.titik-kemajuan span[data-aktif=true]{background:var(--ungu);transform:scale(1.5)}.titik-kemajuan span[data-selesai=true]{background:var(--hijau)}.clay-input,.clay-textarea,.clay-select{width:100%;font-family:Nunito,sans-serif;font-size:1rem;color:var(--tinta);background:#fff;border:3px solid rgba(43,27,71,.16);border-radius:var(--radius-kecil);padding:12px 16px;min-height:50px;transition:border-color .18s ease-out,box-shadow .18s ease-out}.clay-textarea{resize:vertical;line-height:1.55}.clay-input:focus,.clay-textarea:focus,.clay-select:focus{border-color:var(--ungu);box-shadow:0 0 0 5px color-mix(in srgb,var(--ungu) 18%,transparent);outline:none}.label-kecil{display:block;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:.92rem;color:var(--tinta-lembut);margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}.ilustrasi{width:100%;height:auto;max-height:260px;display:block}.ilustrasi .il-label{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:20px;fill:var(--tinta)}.ilustrasi .il-angka{font-family:Nunito,sans-serif;font-weight:800;font-size:19px;fill:var(--tinta-lembut)}.ilustrasi .il-angka-kecil{font-family:Nunito,sans-serif;font-weight:800;font-size:15px;fill:#7c2d12}.ilustrasi .il-catatan{font-family:Nunito,sans-serif;font-weight:700;font-size:17px;fill:var(--tinta-lembut)}.aplikasi{position:relative;z-index:var(--z-konten);height:100%;overflow:hidden}.pil-babak{display:inline-block;padding:.4em 1em;border-radius:999px;background:var(--warna-babak, var(--ungu));color:#fff;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:var(--teks-sedang);box-shadow:0 5px #2b1b4740}.beranda{height:100%;display:grid;place-items:center;padding:60px 28px 32px;overflow-y:auto}.beranda__isi{max-width:1000px;text-align:center}.beranda__label{font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.88rem;color:var(--tinta-lembut);margin:0 0 10px}.beranda__judul{font-size:clamp(2.3rem,min(9vw,13vh),6.4rem);line-height:.92;color:var(--tinta);text-shadow:0 6px 0 rgba(255,255,255,.9),0 10px 22px rgba(43,27,71,.18)}.beranda__judul-sorot{display:block;color:var(--merah);-webkit-text-stroke:3px var(--merah-gelap);paint-order:stroke fill}.beranda__sub{font-size:clamp(1.02rem,min(2.4vw,3.2vh),1.65rem);font-weight:700;color:var(--tinta-lembut);margin:14px 0 6px}.beranda__ringkas{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;color:var(--tinta-lembut);font-weight:700;margin-bottom:30px}.beranda__tombol{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:42px}.beranda__babak{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.beranda__babak li{background:var(--kertas);border:4px solid var(--warna-babak);border-radius:var(--radius);padding:14px 12px;box-shadow:var(--clay-luar-kecil);display:grid;gap:2px;text-align:center}.beranda__babak strong{font-family:"Baloo 2",sans-serif;font-size:1.6rem;color:var(--warna-babak);line-height:1}.beranda__babak span{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:1.02rem}.beranda__babak small{color:var(--tinta-lembut);font-size:.82rem;line-height:1.3}.siap{height:100%;display:grid;place-items:center;padding:60px 24px 24px;overflow-y:auto}.siap__kartu{max-width:940px;width:100%;text-align:center}.siap__judul{font-size:clamp(1.6rem,min(5vw,6.5vh),3.2rem)}.siap__sub{color:var(--tinta-lembut);font-weight:600;max-width:60ch;margin:10px auto 30px}.siap__baris{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:end}.siap__tim{text-align:left;padding:18px;border-radius:var(--radius);border:4px solid transparent}.siap__tim--merah{background:color-mix(in srgb,var(--merah) 12%,#fff);border-color:var(--merah)}.siap__tim--biru{background:color-mix(in srgb,var(--biru) 12%,#fff);border-color:var(--biru)}.siap__lawan{font-family:"Baloo 2",sans-serif;font-size:2rem;font-weight:800;color:var(--tinta-lembut);padding-bottom:18px}.siap__aksi{display:flex;gap:16px;justify-content:center;margin-top:32px;flex-wrap:wrap}.materi{height:100%;display:flex;flex-direction:column;padding:clamp(30px,4vh,46px) clamp(14px,1.8vw,28px) clamp(10px,1.6vh,20px);gap:clamp(6px,1.2vh,14px);overflow:hidden}.materi__kepala{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.materi__arena-nama{font-family:"Baloo 2",sans-serif;font-weight:700;color:var(--tinta-lembut)}.materi__badan{flex:1;display:grid;grid-template-rows:minmax(0,1fr) minmax(150px,30vh);gap:clamp(8px,1.4vh,16px);min-height:0}.materi__kartu{overflow-y:auto;display:grid;align-content:start;gap:clamp(8px,1.4vh,14px) clamp(14px,1.8vw,26px);padding:clamp(12px,2vh,20px) clamp(14px,1.8vw,26px);grid-template-columns:minmax(0,1fr);grid-template-areas:"kepala" "poin" "gambar" "intisari"}.materi__kartu[data-ada-gambar=true]{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"kepala kepala" "poin gambar" "intisari intisari"}.materi__kepala-kartu{grid-area:kepala}.materi__poin{grid-area:poin}.materi__ilustrasi{grid-area:gambar}.materi__intisari{grid-area:intisari}.materi__subjudul{margin:0;font-weight:800;color:var(--warna-babak);text-transform:uppercase;letter-spacing:.08em;font-size:var(--teks-kecil)}.materi__judul{font-size:var(--teks-soal);margin:4px 0 0}.materi__poin{list-style:none;padding:0;margin:0;display:grid;align-content:start;gap:10px}.materi__poin li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;font-size:var(--teks-opsi);font-weight:600;line-height:1.4}.materi__nomor{display:grid;place-items:center;width:1.85em;height:1.85em;border-radius:50%;background:var(--warna-babak);color:#fff;font-family:"Baloo 2",sans-serif;font-weight:800;box-shadow:0 4px #2b1b4738}.materi__ilustrasi{align-self:center;background:#fff;border:3px solid rgba(43,27,71,.12);border-radius:var(--radius);padding:10px 14px}.materi__ilustrasi .ilustrasi{max-height:clamp(90px,15vh,300px)}.materi__intisari{background:color-mix(in srgb,var(--kuning) 20%,#fff);border:3px dashed var(--kuning);border-radius:var(--radius);padding:12px 18px;font-weight:700;font-size:var(--teks-sedang);margin:0}.materi__aksi{display:flex;flex:0 0 auto;gap:clamp(8px,1.4vw,16px);justify-content:flex-end;align-items:center;flex-wrap:wrap}.materi__arena,.kuis__arena{position:relative;border-radius:var(--radius-besar);overflow:hidden;border:var(--tebal-garis) solid rgba(43,27,71,.16);box-shadow:var(--clay-luar);background:#bfe3ff;min-height:0}.arena-wadah{position:absolute;top:0;right:0;bottom:0;left:0}.materi__arena-label,.kuis__arena-label{position:absolute;left:16px;bottom:14px;display:flex;flex-direction:column;gap:1px;padding:8px 16px;border-radius:var(--radius-kecil);background:#fffdf7eb;box-shadow:var(--clay-luar-kecil);pointer-events:none}.materi__arena-label strong,.kuis__arena-label strong{font-family:"Baloo 2",sans-serif;font-size:var(--teks-tim)}.materi__arena-label span,.kuis__arena-label span{font-size:var(--teks-kecil);font-weight:700;color:var(--tinta-lembut)}.kuis{height:100%;display:flex;flex-direction:column;padding:clamp(30px,4vh,40px) clamp(12px,1.6vw,24px) clamp(8px,1.2vh,14px);gap:clamp(6px,1.1vh,12px);overflow:hidden}.kuis--kosong{display:grid;place-items:center;gap:20px}.kuis__kepala{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(8px,1.4vw,18px);flex:0 0 auto}.kuis__kepala>:first-child{justify-self:start}.kuis__kepala>:last-child{justify-self:end}.kuis__tengah{display:grid;justify-items:center;gap:4px}.kuis__hitungan{font-weight:800;color:var(--tinta-lembut);font-size:var(--teks-kecil)}.kuis__badan{flex:1;display:grid;grid-template-rows:minmax(88px,1fr) minmax(0,auto) minmax(0,auto);gap:clamp(6px,1.2vh,14px);min-height:0}.kuis__soal{background:var(--kertas);border:var(--tebal-garis) solid rgba(43,27,71,.14);border-radius:var(--radius-besar);box-shadow:var(--clay-luar);padding:clamp(8px,1.4vh,16px) clamp(14px,1.6vw,26px);display:grid;grid-template-columns:1fr;align-items:center;gap:clamp(10px,1.6vw,22px);min-height:0;overflow-y:auto}.kuis__soal[data-ada-gambar=true]{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.kuis__teks{display:grid;gap:8px}.kuis__jawab{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:0}.kuis__pertanyaan{font-size:var(--teks-soal);margin:0}.kuis__ilustrasi{background:#fff;border:3px solid rgba(43,27,71,.12);border-radius:var(--radius);padding:8px 12px}.kuis__ilustrasi .ilustrasi{max-height:clamp(54px,11vh,240px)}.kuis__petunjuk{margin:0;font-weight:700;font-size:var(--teks-sedang);color:var(--tinta-lembut)}.panel-tim{--warna: var(--merah);--warna-gelap: var(--merah-gelap);display:flex;flex-direction:column;gap:clamp(5px,1vh,10px);min-height:0;padding:clamp(7px,1.1vh,12px) clamp(10px,1vw,16px) clamp(9px,1.3vh,15px);border-radius:var(--radius-besar);border:var(--tebal-garis) solid var(--warna);background:color-mix(in srgb,var(--warna) 8%,var(--kertas));box-shadow:var(--clay-luar);overflow-y:auto}.panel-tim--biru{--warna: var(--biru);--warna-gelap: var(--biru-gelap)}.panel-tim__kepala{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.panel-tim__nama{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:var(--teks-tim);color:var(--warna-gelap)}.panel-tim__tanda{padding:.3em .9em;border-radius:999px;font-weight:800;font-size:var(--teks-kecil);animation:muncul .28s var(--pegas)}.panel-tim__tanda--benar{background:var(--hijau);color:#fff}.panel-tim__tanda--salah{background:color-mix(in srgb,var(--kuning) 85%,#fff);color:#7c2d12}.panel-tim__pilihan{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--kolom-opsi),100%),1fr));gap:clamp(6px,1vh,10px)}.panel-tim__ulangi{align-self:flex-start}.seret{display:grid;gap:clamp(5px,.9vh,10px)}.seret__petunjuk{margin:0;font-weight:700;font-size:var(--teks-kecil);color:var(--tinta-lembut)}.seret__barisan{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;padding:10px;border-radius:var(--radius);border:3px dashed color-mix(in srgb,var(--warna) 55%,#fff);background:#fff9;transition:border-color .16s ease-out,background .16s ease-out}.seret__barisan[data-sasaran=true]{border-color:var(--ungu);background:color-mix(in srgb,var(--ungu) 8%,#fff)}.seret__kotak{position:relative;display:grid;place-items:center;min-height:clamp(52px,min(6.6vh,106px),106px);padding:8px;border-radius:var(--radius-kecil);background:#2b1b470d;border:3px solid transparent;transition:border-color .15s ease-out,background .15s ease-out}.seret__kotak[data-sisip=true]{border-color:var(--ungu);background:color-mix(in srgb,var(--ungu) 14%,#fff)}.seret__kotak[data-benar=true]{border-color:var(--hijau);background:color-mix(in srgb,var(--hijau) 14%,#fff)}.seret__kotak[data-benar=false]{border-color:var(--merah);background:color-mix(in srgb,var(--merah) 12%,#fff)}.seret__nomor{position:absolute;top:-12px;left:10px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--warna);color:#fff;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:.95rem;box-shadow:0 3px 0 var(--warna-gelap)}.seret__kosong{font-weight:700;font-size:.9rem;color:#2b1b4759}.seret__kolam{display:flex;flex-wrap:wrap;gap:10px;min-height:clamp(44px,min(5.6vh,92px),92px);padding:6px 9px;border-radius:var(--radius);background:#2b1b470d}.seret__kolam-kosong{align-self:center;font-weight:700;font-size:.92rem;color:#2b1b4766}.seret__kartu{touch-action:none;cursor:grab;padding:.55em 1em;min-height:clamp(40px,min(4.8vh,74px),74px);border-radius:var(--radius-kecil);border:3px solid var(--warna-gelap);background:#fff;box-shadow:0 5px 0 var(--warna-gelap);font-family:Nunito,sans-serif;font-size:var(--teks-opsi);font-weight:800;color:var(--tinta);transition:transform .14s var(--pegas),box-shadow .14s ease-out}.seret__kartu--kolam{background:color-mix(in srgb,var(--warna) 10%,#fff)}.seret__kartu:active:not(:disabled){cursor:grabbing}.seret__kartu[data-terangkat=true]{opacity:.35}.seret__kartu:disabled{cursor:default;box-shadow:0 4px #2b1b472e}.seret__bayangan{position:fixed;z-index:var(--z-overlay);display:grid;place-items:center;pointer-events:none;border-radius:var(--radius-kecil);border:3px solid var(--ungu);background:#fff;box-shadow:0 12px 26px #2b1b474d;font-family:Nunito,sans-serif;font-size:var(--teks-opsi);font-weight:800;color:var(--tinta);transform:rotate(-2deg) scale(1.04)}.opsi{display:flex;align-items:center;gap:.6em;width:100%;min-height:var(--tinggi-opsi);padding:.45em .75em;text-align:left;background:#fff;border:var(--tebal-garis) solid rgba(43,27,71,.16);border-radius:var(--radius);box-shadow:0 6px #2b1b4724;font-family:Nunito,sans-serif;font-size:var(--teks-opsi);font-weight:700;line-height:1.25;color:var(--tinta);transition:transform .16s var(--pegas),border-color .16s ease-out,background .16s ease-out,box-shadow .16s ease-out}.opsi:hover:not(:disabled){border-color:var(--ungu);background:color-mix(in srgb,var(--ungu) 7%,#fff)}.opsi:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #2b1b4724}.opsi[data-terpilih=true]{border-color:var(--ungu);background:color-mix(in srgb,var(--ungu) 14%,#fff);box-shadow:0 6px #4c1d95}.opsi[data-benar=true]{border-color:var(--hijau);background:color-mix(in srgb,var(--hijau) 18%,#fff);box-shadow:0 6px #14532d}.opsi[data-salah=true]{border-color:var(--merah);background:color-mix(in srgb,var(--merah) 16%,#fff);box-shadow:0 6px 0 var(--merah-gelap)}.opsi:disabled{cursor:default}.opsi__huruf{display:grid;place-items:center;flex:0 0 auto;width:2.1em;height:2.1em;border-radius:.55em;background:#2b1b4714;font-family:"Baloo 2",sans-serif;font-size:1.1em;font-weight:800;color:var(--tinta-lembut)}.opsi[data-terpilih=true] .opsi__huruf{background:var(--ungu);color:#fff}.opsi[data-benar=true] .opsi__huruf{background:var(--hijau);color:#fff}.opsi[data-salah=true] .opsi__huruf{background:var(--merah);color:#fff}.opsi__teks{line-height:1.35}.kuis__umpan{display:grid;gap:2px;padding:12px 18px;border-radius:var(--radius);font-weight:700;animation:muncul .28s var(--pegas);background:color-mix(in srgb,var(--hijau) 14%,#fff);border:3px solid var(--hijau);color:#14532d}.kuis__umpan strong{font-family:"Baloo 2",sans-serif;font-size:1.15rem}@keyframes muncul{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.kuis__aksi{display:flex;align-items:center;justify-content:flex-end;gap:clamp(10px,1.6vw,22px);flex-wrap:wrap;flex:0 0 auto}.kuis__status{font-weight:800;font-size:var(--teks-sedang);color:var(--tinta-lembut);text-align:right}.hasil{position:relative;height:100%;display:grid;place-items:center;padding:56px 24px 24px;overflow-y:auto}.hasil__arena{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-arena)}.hasil__kartu{position:relative;z-index:var(--z-konten);max-width:880px;width:100%;text-align:center;background:#fffdf7f5}.hasil__label{margin:0;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;color:var(--tinta-lembut)}.hasil__judul{font-size:clamp(1.6rem,min(5vw,6.5vh),3.4rem);margin:6px 0 8px}.hasil__sub{color:var(--tinta-lembut);font-weight:600;margin:0 0 24px}.hasil__skor{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.hasil__tim{padding:18px;border-radius:var(--radius);border:4px solid transparent;display:grid;gap:2px}.hasil__tim--merah{background:color-mix(in srgb,var(--merah) 10%,#fff);border-color:var(--merah)}.hasil__tim--biru{background:color-mix(in srgb,var(--biru) 10%,#fff);border-color:var(--biru)}.hasil__tim--juara{box-shadow:0 8px #2b1b472e,0 0 0 8px color-mix(in srgb,var(--kuning) 45%,transparent)}.hasil__nama{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:1.3rem}.hasil__angka{font-family:"Baloo 2",sans-serif;font-size:3.4rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.hasil__tim small{color:var(--tinta-lembut);font-weight:700}.hasil__refleksi{display:grid;gap:4px;text-align:left;background:color-mix(in srgb,var(--kuning) 16%,#fff);border:3px dashed var(--kuning);border-radius:var(--radius);padding:14px 18px;font-weight:600;margin-bottom:22px}.hasil__aksi{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.dasbor{height:100%;display:flex;flex-direction:column;padding:46px 24px 16px;gap:12px;overflow:hidden}.dasbor__kepala{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.dasbor__judul{font-size:2.1rem}.dasbor__sub{margin:2px 0 0;color:var(--tinta-lembut);font-weight:700;font-size:.95rem}.dasbor__alat{display:flex;gap:10px;flex-wrap:wrap}.dasbor__pesan{padding:12px 18px;border-radius:var(--radius-kecil);background:color-mix(in srgb,var(--hijau) 16%,#fff);border:3px solid var(--hijau);font-weight:700;color:#14532d}.dasbor__badan{flex:1;display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;min-height:0}.dasbor__sisi{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px}.dasbor__tab{display:grid;gap:1px;text-align:left;padding:12px 16px;border-radius:var(--radius);border:4px solid rgba(43,27,71,.12);background:var(--kertas);box-shadow:var(--clay-luar-kecil);transition:border-color .16s ease-out,transform .16s var(--pegas)}.dasbor__tab[data-aktif=true]{border-color:var(--warna-babak);transform:translate(4px)}.dasbor__tab strong{font-family:"Baloo 2",sans-serif;font-size:1.05rem;color:var(--warna-babak)}.dasbor__tab span{font-weight:700}.dasbor__tab small{color:var(--tinta-lembut);font-weight:700}.dasbor__utama{overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-right:6px}.dasbor__kartu{display:grid;gap:14px}.dasbor__seksi{font-size:1.4rem}.dasbor__soal-kepala{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:8px}.dasbor__pratinjau{background:#fff;border:3px solid rgba(43,27,71,.12);border-radius:var(--radius-kecil);padding:10px}.kartu-soal{display:grid;gap:12px}.kartu-soal__kepala{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.kartu-soal__toggle{flex:1;min-width:220px;display:flex;align-items:center;gap:12px;background:none;border:none;padding:6px 0;text-align:left;font-family:inherit;font-size:1.02rem;font-weight:700;color:var(--tinta)}.kartu-soal__nomor{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:12px;background:var(--ungu);color:#fff;font-family:"Baloo 2",sans-serif;font-weight:800}.kartu-soal__ringkas{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kartu-soal__tanda{font-family:"Baloo 2",sans-serif;font-size:1.7rem;color:var(--tinta-lembut);line-height:1}.kartu-soal__alat{display:flex;gap:8px}.kartu-soal__isi{display:grid;gap:12px;padding-top:6px;border-top:3px dashed rgba(43,27,71,.14)}.kartu-soal__pilihan{display:grid;gap:8px}.kartu-soal__catatan{margin:0;font-weight:600;font-size:.9rem;color:var(--tinta-lembut)}.kartu-soal__opsi{display:flex;align-items:center;gap:10px}.kartu-soal__radio,.kartu-soal__posisi{display:flex;align-items:center;gap:6px;flex:0 0 auto;font-weight:700;font-size:.88rem;color:var(--tinta-lembut);white-space:nowrap}.kartu-soal__radio input{width:24px;height:24px;accent-color:var(--hijau)}.kartu-soal__posisi .clay-input{width:76px;min-height:44px;padding:8px 10px}.editor-visual{display:grid;gap:10px;background:#7c3aed0f;border:3px solid rgba(124,58,237,.18);border-radius:var(--radius-kecil);padding:14px}.editor-visual__baris{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:end}.editor-visual__deret{display:grid;gap:10px}@media (max-width: 1100px){.kuis__soal[data-ada-gambar=true]{grid-template-columns:1fr}.dasbor__badan{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.dasbor__sisi{flex-direction:row;overflow-x:auto}.dasbor__tab{min-width:165px}}@media (max-width: 760px){.siap__baris{grid-template-columns:1fr}.siap__lawan{padding:0}.kuis__kepala{grid-template-columns:1fr 1fr}.kuis__tengah{grid-column:1 / -1;order:-1}.kuis__jawab,.hasil__skor{grid-template-columns:1fr}}@media (max-height: 640px){.kuis__soal{padding:6px 14px}.kuis__ilustrasi{padding:4px 8px}.panel-tim{padding:6px 10px 8px}.seret__barisan{padding:6px}.kuis__tengah .titik-kemajuan{display:none}.materi__badan{grid-template-rows:minmax(0,1fr) minmax(104px,22vh)}.materi__poin{gap:6px}.materi__intisari{padding:8px 14px}.materi__subjudul{display:none}}@media (max-height: 640px) and (min-width: 1000px){.materi__kartu[data-ada-gambar=true]{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"kepala gambar" "poin gambar" "intisari intisari";align-content:start}.materi__kartu[data-ada-gambar=true] .materi__ilustrasi{align-self:start}}.ajar{height:100%;display:flex;flex-direction:column;padding:clamp(30px,4vh,44px) clamp(12px,1.8vw,28px) 0;gap:clamp(8px,1.2vh,14px);overflow:hidden}.ajar__kepala{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;flex:0 0 auto}.ajar__label{margin:0;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:var(--teks-kecil);color:var(--tinta-lembut)}.ajar__judul{margin:2px 0 0;font-size:clamp(1.5rem,min(2.6vw,4.6vh),2.9rem)}.ajar__nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;flex:0 0 auto;scrollbar-width:thin}.ajar__tab{flex:0 0 auto;padding:.45em 1.1em;border-radius:999px;border:3px solid rgba(43,27,71,.14);background:var(--kertas);box-shadow:0 4px #2b1b471f;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:var(--teks-kecil);color:var(--tinta-lembut);white-space:nowrap;transition:border-color .16s ease-out,color .16s ease-out,background .16s ease-out}.ajar__tab:hover{border-color:var(--ungu);color:var(--tinta)}.ajar__tab[data-aktif=true]{background:var(--ungu);border-color:#4c1d95;color:#fff;box-shadow:0 4px #4c1d95}.ajar__isi{flex:1;min-height:0;overflow-y:auto;display:grid;padding:4px;align-content:start;align-content:safe center}.ajar__seksi{display:grid;gap:clamp(10px,1.5vh,16px);scroll-margin-top:10px;max-width:1100px;width:100%;margin:0 auto}.ajar__seksi-kepala{display:flex;align-items:center;gap:14px}.ajar__seksi-kepala h2{font-size:clamp(1.2rem,min(1.9vw,3.4vh),2.2rem);margin:0}.ajar__seksi-nomor{display:grid;place-items:center;flex:0 0 auto;width:2.1em;height:2.1em;border-radius:50%;background:var(--ungu);color:#fff;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:var(--teks-sedang);box-shadow:0 4px #4c1d95}.ajar__teks{margin:0;font-size:var(--teks-opsi);font-weight:600;line-height:1.55;max-width:75ch}.ikon-materi{width:100%;height:100%;display:block}.ajar__benda-baris{display:flex;flex-wrap:wrap;gap:clamp(10px,1.4vw,18px)}.ajar__benda{display:flex;align-items:center;gap:10px;padding:.5em 1em .5em .6em;border-radius:var(--radius);border:3px solid rgba(43,27,71,.12);background:#fff;box-shadow:var(--clay-luar-kecil);font-weight:700;font-size:var(--teks-opsi)}.ajar__benda .ikon-materi{width:clamp(34px,3.6vh,52px);height:clamp(34px,3.6vh,52px);flex:0 0 auto}.ajar__kartu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.4vw,16px)}.ajar__kartu-grid--lima{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}@media (max-width: 700px){.ajar__kartu-grid{grid-template-columns:minmax(0,1fr)}}.ajar__kartu{display:flex;align-items:flex-start;gap:14px;padding:clamp(12px,1.6vh,18px);border-radius:var(--radius);border:4px solid var(--aksen, var(--ungu));background:color-mix(in srgb,var(--aksen, var(--ungu)) 7%,#fff);box-shadow:var(--clay-luar-kecil)}.ajar__kartu h3{margin:0 0 2px;font-size:var(--teks-sedang);color:var(--aksen, var(--ungu))}.ajar__kartu p{margin:0;font-size:var(--teks-kecil);font-weight:600;line-height:1.45;color:var(--tinta-lembut)}.ajar__kartu-ikon{flex:0 0 auto;width:clamp(40px,4.4vh,60px);height:clamp(40px,4.4vh,60px);display:grid;place-items:center;border-radius:var(--radius-kecil);background:#fff;border:3px solid color-mix(in srgb,var(--aksen) 40%,#fff);padding:4px}.ajar__regu-nomor{display:grid;place-items:center;flex:0 0 auto;width:2.2em;height:2.2em;border-radius:50%;background:var(--aksen);color:#fff;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:var(--teks-sedang)}.ajar__banding{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(10px,1.4vw,18px)}.ajar__banding-sisi{padding:clamp(12px,1.8vh,20px);border-radius:var(--radius);border:4px solid var(--aksen);background:color-mix(in srgb,var(--aksen) 9%,#fff);box-shadow:var(--clay-luar-kecil)}.ajar__banding-sisi--biru{--aksen: #38bdf8}.ajar__banding-sisi--hijau{--aksen: #4ade80}.ajar__banding-sisi h3{margin:0 0 8px;font-size:var(--teks-sedang);color:color-mix(in srgb,var(--aksen) 70%,#1f2937)}.ajar__banding-sisi p{margin:0 0 4px;font-size:var(--teks-kecil);font-weight:600;line-height:1.5}.ajar__contoh{font-style:italic;color:var(--tinta-lembut)}.ajar__cip{display:flex;flex-wrap:wrap;gap:8px}.ajar__cip-item{display:inline-flex;align-items:center;gap:8px;padding:.4em .9em .4em .5em;border-radius:999px;background:#fff;border:3px solid rgba(43,27,71,.12);font-weight:700;font-size:var(--teks-kecil)}.ajar__cip-item .ikon-materi{width:clamp(26px,2.8vh,38px);height:clamp(26px,2.8vh,38px);flex:0 0 auto}.ajar__sorot{--aksen: var(--kuning);display:block;padding:clamp(10px,1.5vh,16px) clamp(14px,1.6vw,22px);border-radius:var(--radius);border:3px dashed var(--aksen);background:color-mix(in srgb,var(--aksen) 14%,#fff);font-size:var(--teks-opsi);font-weight:600;line-height:1.55}.ajar__sorot--kuning{--aksen: var(--kuning)}.ajar__sorot--biru{--aksen: #38bdf8}.ajar__sorot--merah{--aksen: #fb7185}.ajar__sorot--hijau{--aksen: var(--hijau)}.ajar__sorot-judul{display:block;margin-bottom:5px;font-family:"Baloo 2",sans-serif;font-size:var(--teks-sedang);color:color-mix(in srgb,var(--aksen) 65%,#1f2937)}.ajar__sorot ul,.ajar__sorot ol{margin:6px 0 0;padding-left:1.35em;display:grid;gap:5px}.ajar__ilustrasi{background:#fff;border:3px solid rgba(43,27,71,.12);border-radius:var(--radius);padding:clamp(8px,1.2vh,14px)}.ajar__ilustrasi .ilustrasi{max-height:clamp(120px,20vh,280px);margin:0 auto}.ajar__pilihan{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:10px}.kelompok{display:grid;gap:clamp(8px,1.3vh,14px)}.kelompok__petunjuk{margin:0;font-weight:700;font-size:var(--teks-kecil);color:var(--tinta-lembut)}.kelompok__kolam{display:flex;flex-wrap:wrap;gap:10px;align-items:center;min-height:clamp(58px,7vh,100px);padding:10px 12px;border-radius:var(--radius);border:3px dashed rgba(43,27,71,.2);background:#2b1b470a;transition:border-color .16s ease-out,background .16s ease-out}.kelompok__kolam-kosong{font-weight:700;font-size:var(--teks-kecil);color:#2b1b4766}.kelompok__zona-baris{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:clamp(10px,1.4vw,18px)}.kelompok__zona{--aksen: #38bdf8;display:grid;gap:8px;align-content:start;padding:clamp(10px,1.5vh,16px);border-radius:var(--radius);border:4px dashed var(--aksen);background:color-mix(in srgb,var(--aksen) 8%,#fff);min-height:clamp(104px,13vh,190px);transition:border-style .16s ease-out,background .16s ease-out,box-shadow .16s ease-out}.kelompok__zona--biru{--aksen: #38bdf8}.kelompok__zona--hijau{--aksen: #4ade80}.kelompok__zona h4{margin:0;font-family:"Baloo 2",sans-serif;font-size:var(--teks-sedang);color:color-mix(in srgb,var(--aksen) 70%,#1f2937)}.kelompok__zona[data-sasaran=true],.kelompok__kolam[data-sasaran=true]{border-style:solid;border-color:var(--ungu);background:color-mix(in srgb,var(--ungu) 10%,#fff);box-shadow:0 0 0 5px color-mix(in srgb,var(--ungu) 16%,transparent)}.kelompok__isi{display:flex;flex-wrap:wrap;gap:8px;min-height:clamp(44px,5vh,70px)}.kelompok__kartu{touch-action:none;cursor:grab;display:inline-flex;align-items:center;gap:8px;padding:.4em .9em .4em .5em;border-radius:999px;border:3px solid rgba(43,27,71,.16);background:#fff;box-shadow:0 5px #2b1b4724;font-family:Nunito,sans-serif;font-weight:800;font-size:var(--teks-kecil);color:var(--tinta);transition:transform .14s var(--pegas),border-color .14s ease-out,box-shadow .14s ease-out}.kelompok__kartu .ikon-materi{width:clamp(26px,2.9vh,40px);height:clamp(26px,2.9vh,40px);flex:0 0 auto}.kelompok__kartu:active:not(:disabled){cursor:grabbing}.kelompok__kartu[data-terpilih=true]{border-color:var(--ungu);box-shadow:0 5px #4c1d95,0 0 0 5px color-mix(in srgb,var(--ungu) 20%,transparent);transform:translateY(-2px)}.kelompok__kartu[data-terangkat=true]{opacity:.3}.kelompok__kartu[data-benar=true]{border-color:var(--hijau);background:color-mix(in srgb,var(--hijau) 14%,#fff);box-shadow:0 5px #14532d}.kelompok__kartu[data-benar=false]{border-color:var(--merah);background:color-mix(in srgb,var(--merah) 12%,#fff);box-shadow:0 5px 0 var(--merah-gelap)}.kelompok__kartu:disabled{cursor:default}.kelompok__aksi{display:flex;justify-content:flex-end}.kelompok__bayangan{position:fixed;z-index:var(--z-overlay);display:inline-flex;align-items:center;gap:8px;padding:.4em .9em .4em .5em;pointer-events:none;border-radius:999px;border:3px solid var(--ungu);background:#fff;box-shadow:0 12px 26px #2b1b474d;font-family:Nunito,sans-serif;font-weight:800;font-size:var(--teks-kecil);color:var(--tinta);transform:rotate(-2deg) scale(1.05)}.kelompok__bayangan .ikon-materi{width:clamp(26px,2.9vh,40px);height:clamp(26px,2.9vh,40px);flex:0 0 auto}.ajar__kaki{display:flex;align-items:center;justify-content:space-between;gap:clamp(10px,1.6vw,20px);flex:0 0 auto;padding:clamp(8px,1.2vh,14px) 4px clamp(10px,1.6vh,18px);flex-wrap:wrap}.ajar__hitungan{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:var(--teks-sedang);color:var(--tinta-lembut)}.lkpd{display:grid;justify-items:center;gap:clamp(8px,1.2vh,14px)}.lkpd__bingkai{display:block;padding:0;border:3px solid rgba(43,27,71,.14);border-radius:var(--radius);background:#fff;box-shadow:var(--clay-luar-kecil);cursor:zoom-in;overflow:hidden;line-height:0;transition:border-color .16s ease-out,box-shadow .16s ease-out}.lkpd__bingkai:hover{border-color:var(--ungu)}.lkpd__gambar{display:block;width:auto;height:auto;max-width:100%;max-height:min(47vh,720px);object-fit:contain}.lkpd__aksi{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.lkpd__catatan{font-weight:700;font-size:var(--teks-kecil);color:var(--tinta-lembut)}.lkpd__penuh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:grid;place-items:start center;padding:clamp(12px,2vh,28px);background:#180e28d9;overflow:auto;cursor:zoom-out;animation:muncul .2s ease-out}.lkpd__penuh-gambar{max-width:100%;height:auto;border-radius:var(--radius-kecil);box-shadow:0 18px 50px #00000073}.lkpd__tutup{position:fixed;top:clamp(12px,2vh,24px);right:clamp(12px,2vw,26px);cursor:pointer}@media (max-height: 700px){.lkpd__catatan{display:none}}.ajar__seksi--penuh{justify-items:center}.ajar__seksi--penuh .lkpd,.ajar__seksi--penuh .lkpd__bingkai{min-height:0}.ajar__seksi--penuh .lkpd__gambar{max-width:100%}