:root{--pojok-atas: calc(clamp(10px, 2.4vh, 18px) + env(safe-area-inset-top)) ;--pojok-tinggi: clamp(38px, 7.6vh, 54px);--tepi-bawah: calc(clamp(16px, 4.8vh, 26px) + env(safe-area-inset-bottom)) }@media(max-height:560px){:root body .layar{padding-top:var(--pojok-atas);padding-bottom:var(--tepi-bawah)}:root body .layar>.layar-kepala{min-height:calc(var(--pojok-tinggi) + 4px);align-items:center}:root body .kisah-ikon{gap:3px;min-width:0}:root body .kisah-ikon>li{flex:0 1 24px;min-width:0}:root body .kisah-ikon>li.kisah-kosong{flex:0 1 auto}:root body .kisah-ikon-b{width:100%;max-width:24px;height:auto;aspect-ratio:1}}.kisah-judul{text-wrap:balance}@media(max-height:480px){:root body .base-kartu{width:clamp(204px,29vw,250px)}:root body .base-isi,:root body .base-kanan{--base-kanan: clamp(204px, 29vw, 250px)}}@media(max-height:420px){:root body #harian .harian-kotak,:root body #misi .misi-kotak{zoom:.86}}.kisah-ikon>li.kisah-kosong{white-space:nowrap}.kartu.tanpa-item .baris-item-arena,.kartu.tanpa-item .kisah-baris:has(#story-item){display:none}.kisah-kepala{container-type:inline-size}:root body .kisah-kepala .kisah-judul{font-size:max(12px,min(clamp(15px,3.1vh,22px),calc((100cqi - 2 * clamp(8px,1.6vw,14px) - 42px) / 19.8)))}:root body .base-kaki{gap:clamp(11px,1.7vw,16px)}:root body .base-kaki .base-hadiah{width:var(--kaki-tbl)}:root body .base-kaki .base-hadiah img{width:min(58px,calc(var(--kaki-tbl) * .74));height:min(58px,calc(var(--kaki-tbl) * .74))}:root body .base-misi-wadah>.hadiah-siap{top:-8px;right:-5px}.privasi-kisi{--pudar-bawah: 26px;padding-bottom:var(--pudar-bawah);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--pudar-bawah)),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - var(--pudar-bawah)),transparent)}.kisah-narasi{--pudar-bawah: 16px;padding-bottom:var(--pudar-bawah);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--pudar-bawah)),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - var(--pudar-bawah)),transparent)}body:not(.desktop) *{scrollbar-width:none}body:not(.desktop) ::-webkit-scrollbar{display:none}body.desktop *{scrollbar-color:#8b93a8cc transparent}body.desktop ::-webkit-scrollbar{width:10px;height:10px}body.desktop ::-webkit-scrollbar-track{border:0;background:transparent}body.desktop ::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#8b93a8cc;background-clip:padding-box}.ajar-ciut{position:absolute;right:12px;bottom:-13px;z-index:3;display:grid;place-items:center;width:26px;height:26px;padding:0;border:2.5px solid var(--garis, #0d111a);border-radius:8px;background:#39435a;color:#fff;pointer-events:auto;cursor:pointer}.ajar-ciut svg{display:block;width:72%;height:72%}.ajar-ciut:hover{filter:brightness(1.18)}.ajar-ciut[hidden]{display:none}.ajar-ciut:active{transform:translateY(1px)}:root body.mengajar #ajar.ciut,:root body.mengajar #ajar.ciut.kunci-susun{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:clamp(6px,1.2vw,12px);min-height:0;padding:6px 10px 6px 12px}:root body.mengajar #ajar.ciut .ajar-kepala{flex-direction:row;align-items:center;gap:8px;max-width:none;white-space:nowrap}:root body.mengajar #ajar.ciut .ajar-teks{display:none}:root body.mengajar #ajar.ciut .ajar-tengah{min-height:0;align-items:flex-start;align-items:safe center;overflow:hidden}:root body.mengajar #ajar.ciut .ajar-kunci .ajar-pisah:has(+span),:root body.mengajar #ajar.ciut .ajar-kunci .ajar-pisah+span{display:none}:root body.mengajar #ajar.ciut .ajar-kunci,:root body.mengajar #ajar.ciut .ajar-kunci.susun{position:static;transform:none;flex-wrap:nowrap;white-space:nowrap}:root body.mengajar #ajar.ciut .ajar-kunci.susun .ajar-pisah{flex-basis:auto;height:1.4em;margin:0 6px;background:#ffffff8c}:root body.mengajar #ajar.ciut .ajar-kunci.susun .ajar-pisah+kbd{margin-left:clamp(6px,1.1vw,12px)}:root body.mengajar #ajar.ciut .ajar-skip{padding-block:5px}:root body.mengajar #ajar.ciut .ajar-ciut{position:static}:root body.mengajar #ajar.ciut .ajar-judul{font-size:14px}:root body.mengajar #ajar.ciut .ajar-langkah{font-size:12px;padding:3px 9px}:root body.mengajar #ajar.ciut .ajar-kunci{gap:5px;max-width:100%;min-width:0}:root body.mengajar #ajar.ciut .ajar-kunci span{font-size:12px;letter-spacing:.3px;min-width:0;overflow:hidden;text-overflow:ellipsis}:root body.mengajar #ajar.ciut .ajar-kunci kbd:not(:first-child){margin-left:6px}:root body.mengajar #ajar.ciut .ajar-kunci .ajar-pisah{margin:0 3px}:root body.mengajar #ajar.ciut .ajar-kunci>*{flex-shrink:0}:root body.mengajar #ajar.ciut .ajar-kunci>span:last-child{flex-shrink:1}:root body.mengajar #ajar.ciut .ajar-kunci{justify-content:flex-start;justify-content:safe center}:root body.mengajar #ajar.ciut.ciut-sempit .ajar-kunci .ajar-pisah,:root body.mengajar #ajar.ciut.ciut-sempit .ajar-kunci .ajar-pisah~*{display:none}:root body.mengajar #ajar.ciut.ciut-rapat{gap:6px;padding:5px 8px 5px 10px}:root body.mengajar #ajar.ciut.ciut-rapat .ajar-kepala{gap:6px}:root body.mengajar #ajar.ciut.ciut-rapat .ajar-judul{font-size:12px;letter-spacing:.3px}:root body.mengajar #ajar.ciut.ciut-rapat .ajar-langkah{font-size:11px;padding:2px 7px}:root body.mengajar #ajar.ciut.ciut-rapat .ajar-kunci span{font-size:11px}:root body.mengajar #ajar.ciut.ciut-rapat .ajar-kunci kbd{transform:scale(.9)}:root body.mengajar #ajar.ciut.ciut-rapat .ajar-skip{font-size:12px;padding:4px 10px}:root body.mengajar #ajar.ciut.ciut-dua{row-gap:4px}:root body.mengajar #ajar.ciut.ciut-dua .ajar-kepala{grid-column:1 / 3;grid-row:1}:root body.mengajar #ajar.ciut.ciut-dua .ajar-skip{grid-column:3;grid-row:1}:root body.mengajar #ajar.ciut.ciut-dua .ajar-ciut{grid-column:4;grid-row:1}:root body.mengajar #ajar.ciut.ciut-dua .ajar-tengah{grid-column:1 / -1;grid-row:2}@media(max-height:330px){:root body .base-kartu{zoom:.9}:root body .layar-isi .kolom-kanan>.kartu{padding-top:4px;padding-bottom:4px;gap:2px}}.ajar-awas{position:absolute;top:calc(100% + 18px);left:50%;z-index:3;width:max-content;max-width:min(460px,92vw);padding:7px 12px;border:2px solid #ffd35a;border-radius:10px;background:#3a1d17f0;color:#fff;font-size:13px;font-weight:800;line-height:1.35;text-align:center;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,-4px);transition:opacity .18s,transform .18s,visibility 0s .18s}.ajar-awas.tampil{opacity:1;visibility:visible;transform:translate(-50%);transition:opacity .18s,transform .18s}body.hp .ajar-awas{font-size:12px;padding:6px 10px}:root body.desktop .tunjuk-ikon img{display:none}:root body.desktop .tunjuk-ikon svg{display:block}:root body:not(.desktop) .tunjuk-ikon svg{display:none}:root body:not(.desktop) .tunjuk-ikon img{display:block}:root body.desktop .tunjuk-ikon{animation-name:ajar-tunjuk-tetikus}:root body:not(.desktop) .tunjuk-ikon{animation-name:ajar-tunjuk}:root body #ajar .ajar-kunci[hidden]{display:none}:root body.hp.desktop.mengajar #ajar:not(.ciut){--ajar-kunci-bawah: 9px;--ajar-kunci-tinggi: 24px;padding-bottom:calc(var(--ajar-kunci-bawah) + var(--ajar-kunci-tinggi) + 4px)}:root body.hp.desktop.mengajar #ajar:not(.ciut).kunci-susun{padding-bottom:calc(var(--ajar-kunci-bawah) + 2 * var(--ajar-kunci-tinggi) + 8px)}:root body.hp.desktop #ajar:not(.ciut) .ajar-kunci{position:absolute;left:50%;bottom:var(--ajar-kunci-bawah);transform:translate(-50%);width:max-content;justify-content:center;white-space:nowrap;margin:0}:root body.hp.desktop #ajar:not(.ciut) .ajar-kunci span{white-space:nowrap}:root body.hp.desktop #ajar:not(.ciut) .ajar-kunci.susun{flex-wrap:wrap;row-gap:4px}:root body.hp.desktop #ajar:not(.ciut) .ajar-kunci.susun .ajar-pisah{flex-basis:100%;height:0;margin:0;background:none}:root body.hp.desktop #ajar:not(.ciut) .ajar-kunci.susun .ajar-pisah+kbd{margin-left:0}:root body.hp.desktop.mengajar #ajar:not(.ciut) .ajar-teks.ajar-3baris{--ajar-baris: 4}:root body.hp.desktop.mengajar #ajar.teks-lebar:not(.ciut){grid-template-columns:auto minmax(0,1fr) auto;row-gap:4px}:root body.hp.desktop.mengajar #ajar.teks-lebar:not(.ciut) .ajar-kepala{grid-column:1 / 3;grid-row:1;flex-direction:row;align-items:center;gap:8px}:root body.hp.desktop.mengajar #ajar.teks-lebar:not(.ciut) .ajar-skip{grid-column:3;grid-row:1}:root body.hp.desktop.mengajar #ajar.teks-lebar:not(.ciut) .ajar-tengah{grid-column:1 / -1;grid-row:2}