:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff4e0;--surface:#fff;--ink:#3a2747;--ink-2:#6a5a78;--shade:#e6d2b0;--merah:#ff6b6b;--merah-d:#c93c3c;--biru:#4dabf7;--biru-d:#1c6fb8;--kuning:#ffd23f;--kuning-d:#b98a00;--hijau:#5bd18b;--hijau-d:#1f8f55;--ungu:#b07cf0;--ungu-d:#7444b8;--radius:22px;--font:"Fredoka", ui-rounded, "Nunito", system-ui, sans-serif;--pantul:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;margin:0;font-weight:500;overflow:hidden}body{background:radial-gradient(120% 60% at 50% -10%, #fffaf0 0%, transparent 60%), var(--bg);overscroll-behavior:none;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:focus-visible{outline:4px solid var(--biru-d);outline-offset:3px}a:focus-visible{outline:4px solid var(--biru-d);outline-offset:3px}svg{display:block}[hidden]{display:none!important}.main{height:100dvh;padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr);gap:8px;display:grid}.atas{align-items:center;gap:10px;display:flex}.ikon-tombol{background:var(--surface);width:64px;height:64px;box-shadow:0 5px 0 var(--shade);border-radius:20px;flex:none;place-items:center;transition:transform .12s,box-shadow .12s,background-color .12s;display:grid}.ikon-tombol svg{width:34px;height:34px}.ikon-tombol:hover{background:#fffaf2}.ikon-tombol:active,.opsi:active,.kartu:active,.tombol-mulai:active{box-shadow:0 1px 0 var(--shade);transform:translateY(4px)}.ikon-tombol.besar{border-radius:24px;width:76px;height:76px}.ikon-tombol.besar svg{width:40px;height:40px}.ikon-tombol.utama{background:var(--hijau);color:#fff;box-shadow:0 5px 0 var(--hijau-d)}.ikon-tombol.utama:hover{background:#6bdc98}.ikon-tombol.utama:active{box-shadow:0 1px 0 var(--hijau-d)}.ikon-tombol[aria-pressed=false][data-aksi=suara]{color:var(--ink-2)}.jejak{background:var(--surface);height:18px;box-shadow:inset 0 2px 0 var(--shade);visibility:hidden;border-radius:999px;flex:1;overflow:hidden}.jejak-isi{background:linear-gradient(90deg, var(--kuning), #ff9f40);transform-origin:0;height:100%;transition:transform .25s linear;transform:scaleX(0)}.main[data-layar=main] .jejak{visibility:visible}.main[data-layar=menu] [data-aksi=rumah]{visibility:hidden}.layar{grid-template:minmax(0,1fr)/minmax(0,1fr);min-height:0;display:grid}.tokoh{min-width:0;min-height:0;position:relative}.tokoh svg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.kakak [data-s]{transform-box:view-box;transform-origin:0 0;transition:transform var(--langkah,.45s) cubic-bezier(.45, .05, .35, 1)}.kakak .w{display:none}.kakak[data-wajah=senang] .w-senang,.kakak[data-wajah=tawa] .w-tawa,.kakak[data-wajah=beku] .w-beku,.kakak[data-wajah=tenang] .w-tenang{display:inline}.menu{grid-template-rows:minmax(0,1fr) auto auto;gap:14px;min-height:0;display:grid}.judul{grid-template-rows:minmax(0,1fr) auto;justify-items:center;min-height:0;display:grid}.tokoh-menu{width:100%;height:100%;min-height:64px}@media (max-height:620px){.kartu{min-height:68px;font-size:22px}.kartu svg{width:72px;height:60px}.menu{gap:8px}}h1{letter-spacing:-.02em;color:var(--merah-d);margin:0;font-size:clamp(40px,10vw,76px);font-weight:700;line-height:1.05}h1 span{color:var(--biru-d)}.kartu-daftar{gap:12px;display:grid}.kartu{border-radius:var(--radius);background:var(--surface);min-height:84px;box-shadow:0 6px 0 var(--shade);text-align:left;align-items:center;gap:14px;padding:8px 18px 8px 10px;font-size:26px;font-weight:700;transition:transform .12s,box-shadow .12s;display:flex}.kartu svg{flex:none;width:88px;height:72px}.kartu:hover{transform:translateY(-2px)}.k-kakak{background:#ffe1dc;box-shadow:0 6px #f4b8ad}.k-patung{background:#efe3ff;box-shadow:0 6px #d3bdf2}.k-giliran{background:#dcf6e6;box-shadow:0 6px #a9e0bf}.tautan-guru{min-height:64px;color:var(--ink-2);border-radius:999px;justify-self:center;align-items:center;gap:8px;padding:0 16px;font-size:16px;text-decoration:none;display:inline-flex}.tautan-guru svg{width:26px;height:26px}.tautan-guru:hover{background:var(--surface)}.siap{grid-template-rows:auto minmax(0,1fr) auto auto;justify-items:center;gap:12px;min-height:0;display:grid}.siap-judul{box-shadow:none;border-radius:999px;margin:0;padding:4px 20px;font-size:28px;font-weight:700}.aman{grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:6px;width:100%;min-height:0;display:grid}.tokoh-aman{width:100%;height:100%}.tokoh-aman .kakak{width:76%;height:76%;top:12%;bottom:12%;left:12%;right:12%}.aman-teks{max-width:420px;color:var(--ink);align-items:center;gap:10px;margin:0;font-size:18px;line-height:1.3;display:flex}.aman-teks svg{width:40px;height:40px;color:var(--hijau-d);flex:none}.pengaturan{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.pilih{background:#fff9;border-radius:26px;gap:8px;padding:6px;display:flex}.opsi{background:var(--surface);min-width:64px;height:64px;box-shadow:0 4px 0 var(--shade);border-radius:20px;justify-content:center;align-items:center;gap:4px;padding:0 10px;transition:transform .12s,box-shadow .12s,background-color .12s;display:flex}.opsi svg{width:40px;height:40px}.opsi b{font-size:26px;font-weight:700}.opsi[aria-pressed=true]{background:var(--kuning);box-shadow:0 4px 0 var(--kuning-d)}.jumlah output{justify-content:center;align-items:center;gap:4px;min-width:96px;font-size:34px;font-weight:700;display:flex}.jumlah output svg{width:34px;height:34px}.tombol-mulai{background:var(--hijau);color:#fff;width:96px;height:96px;box-shadow:0 7px 0 var(--hijau-d);border-radius:50%;place-items:center;transition:transform .12s,box-shadow .12s;animation:1.6s ease-in-out infinite denyut;display:grid}.tombol-mulai svg{width:50px;height:50px;margin-left:6px}.tombol-mulai:active{box-shadow:0 2px 0 var(--hijau-d)}@keyframes denyut{50%{scale:1.06}}.panggung{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"gelembung""tokoh""kendali";gap:8px;min-height:0;display:grid;position:relative}.main[data-mode=giliran] .panggung{grid-template-rows:auto minmax(0,1.25fr) minmax(0,1fr) auto;grid-template-areas:"gelembung""roda""tokoh""kendali"}.main[data-layar=tenang] .panggung{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"gelembung""tokoh""kendali"}.gelembung{background:var(--surface);max-width:100%;min-height:64px;box-shadow:0 5px 0 var(--shade);text-align:center;animation:muncul .35s var(--pantul);border-radius:24px;grid-area:gelembung;justify-self:center;align-items:center;gap:12px;padding:8px 22px;font-size:clamp(22px,4.6vmin,54px);font-weight:700;line-height:1.15;display:flex}.gelembung .lencana,.gelembung .gelembung-ikon:empty{display:none}.gelembung[data-lencana=true]{background:#e3f8eb;box-shadow:0 5px #a9e0bf}.gelembung[data-lencana=true] .lencana{display:block}.gelembung svg{width:clamp(44px,8vmin,84px);height:clamp(44px,8vmin,84px)}.gelembung.besar{font-size:clamp(30px,7vmin,80px)}@keyframes muncul{0%{opacity:0;transform:scale(.85)}}.tokoh-utama{grid-area:tokoh}.main[data-fase=beku] .tokoh-utama,.main[data-fase=hitung] .tokoh-utama{filter:saturate(.55)brightness(1.04)}.main[data-fase=beku] .tokoh-utama svg,.main[data-fase=hitung] .tokoh-utama svg{filter:drop-shadow(0 0 #fff)drop-shadow(0 0 10px #b8dcfb)}.hitung{pointer-events:none;color:var(--biru-d);-webkit-text-stroke:6px #fff;paint-order:stroke;place-items:center;font-size:clamp(120px,34vmin,360px);font-weight:700;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.hitung:empty{display:none}.kendali{grid-area:kendali;justify-content:center;gap:18px;display:flex}.main[data-jeda=true] .tokoh-utama{opacity:.55}.main[data-layar=tenang] [data-aksi=jeda]~[data-aksi=akhiri]{display:none}.roda-bingkai{aspect-ratio:1;grid-area:roda;justify-self:center;height:100%;min-height:0;position:relative}.roda{will-change:transform;width:100%;height:100%;transition:transform 3s cubic-bezier(.15,.6,.15,1)}.roda svg{width:100%;height:100%}.ruas text{fill:var(--ink);font-family:var(--font);text-anchor:middle;dominant-baseline:central;font-weight:700}.ruas path:first-child{stroke:#3a2747;stroke-width:2px}.ruas .bintang-kecil{fill:#fff;stroke:var(--ink);stroke-width:1.5px;opacity:0}.ruas[data-sudah=true] path:first-child{fill-opacity:.35}.ruas[data-sudah=true] .bintang-kecil{opacity:1}.penunjuk{border:16px solid #0000;border-top:28px solid var(--ink);border-bottom:0;width:0;height:0;position:absolute;top:-6px;left:50%;translate:-50%}.tombol-putar{background:var(--merah);color:#fff;width:30%;min-width:64px;height:30%;min-height:64px;box-shadow:0 5px 0 var(--merah-d);border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.tombol-putar svg{width:55%;height:55%}.main[data-fase=putar] .tombol-putar{opacity:.5}.hore{grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:10px;min-height:0;display:grid;position:relative;overflow:hidden}.hore h2{letter-spacing:-.02em;color:var(--merah-d);animation:muncul .5s var(--pantul);margin:0;font-size:clamp(56px,14vmin,140px);font-weight:700}.tokoh-hore{width:100%;height:100%}.hore-tombol{gap:18px;display:flex}.konfeti{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.konfeti i{top:-20px;left:calc(var(--x) * 1%);background:var(--w);width:14px;height:20px;animation:jatuh 2.6s var(--d) linear infinite;border-radius:4px;position:absolute}@keyframes jatuh{to{transform:translateY(110vh)rotate(540deg)}}@media (min-aspect-ratio:5/4){.menu{grid-template-rows:minmax(0,1fr) auto auto}.kartu-daftar{grid-template-columns:repeat(3,1fr);justify-self:center;width:100%;max-width:1100px}.kartu{text-align:center;flex-direction:column;justify-content:center;gap:6px;min-height:0;padding:12px}.kartu svg{aspect-ratio:6/5;width:min(140px,14vh);height:auto}.siap{grid-template:"judul judul""aman atur"minmax(0,1fr)"aman mulai"/1fr 1fr;align-items:center}.siap-judul{grid-area:judul}.aman{grid-area:aman;height:100%}.pengaturan{flex-direction:column;grid-area:atur;align-items:center}.tombol-mulai{grid-area:mulai}.panggung{grid-template:"gelembung gelembung""tokoh kendali"minmax(0,1fr)/minmax(0,1fr) auto}.kendali{flex-direction:column;justify-content:center}.main[data-mode=giliran] .panggung{grid-template:"gelembung gelembung gelembung""roda tokoh kendali"minmax(0,1fr)/minmax(0,1.2fr) minmax(0,1fr) auto}.main[data-layar=tenang] .panggung{grid-template:"gelembung gelembung""tokoh kendali"minmax(0,1fr)/minmax(0,1fr) auto}.roda-bingkai{align-self:center;width:100%;height:auto;max-height:100%}}@media (min-width:1100px) and (min-height:700px){.ikon-tombol.besar{width:96px;height:96px}.ikon-tombol.besar svg{width:50px;height:50px}}@media (prefers-reduced-motion:reduce){.konfeti,.tombol-mulai{animation:none}.konfeti{display:none}}