:root{--kuning: #f6c445;--kuning-tua: #d8a41f;--hijau: #176b45;--hijau-muda: #2e9a66;--hijau-pucat: #dff0e4;--krem: #fff9e9;--krem-tua: #f3e7c9;--tinta: #17362a;--tinta-lembut: #47604f;--cokelat: #5b4636;--merah: #c4452f;--merah-pucat: #fbe4df;--biru: #2f6fb0;--biru-pucat: #e2edf8;--putih: #ffffff;--radius-s: 10px;--radius: 16px;--radius-l: 24px;--radius-pill: 999px;--shadow-s: 0 2px 0 rgba(23, 54, 42, .12);--shadow: 0 6px 18px rgba(23, 54, 42, .12);--shadow-l: 0 14px 34px rgba(23, 54, 42, .18);--tap: 44px;--gutter: 16px;--maxw: 560px;--font: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-judul: "Baloo 2", "Segoe UI Variable Display", "Trebuchet MS", var(--font);--dur-cepat: .14s;--dur: .26s;--dur-lambat: .52s}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font);color:var(--tinta);background:var(--krem);font-size:16px;line-height:1.45;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{min-height:100vh;min-height:100dvh}h1,h2,h3,h4{font-family:var(--font-judul);margin:0 0 8px;line-height:1.15;letter-spacing:-.01em}h1{font-size:clamp(24px,6.4vw,38px)}h2{font-size:clamp(20px,5vw,28px)}h3{font-size:clamp(17px,4.2vw,21px)}p{margin:0 0 10px}a{color:var(--hijau)}button{font-family:inherit;font-size:inherit}.layar{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}.wrap-lebar{width:100%;max-width:1180px;margin:0 auto;padding:0 var(--gutter)}.isi{flex:1;padding-bottom:24px}.stack{display:flex;flex-direction:column;gap:12px}.stack-s{display:flex;flex-direction:column;gap:8px}.stack-l{display:flex;flex-direction:column;gap:20px}.baris{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.baris-rapat{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.baris-antara{display:flex;align-items:center;justify-content:space-between;gap:10px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.tengah{text-align:center}.kecil{font-size:13px}.mini{font-size:12px}.lembut{color:var(--tinta-lembut)}.tebal{font-weight:800}.mono{font-family:Cascadia Mono,Consolas,SF Mono,ui-monospace,monospace;letter-spacing:.08em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:11px 20px;border:0;border-radius:var(--radius-pill);background:var(--hijau);color:var(--putih);font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 4px 0 var(--tinta);transition:transform var(--dur-cepat) ease,box-shadow var(--dur-cepat) ease,background var(--dur-cepat) ease;text-decoration:none;touch-action:manipulation}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--tinta)}.btn:focus-visible{outline:3px solid var(--biru);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:0 4px #17362a40}.btn-utama{background:var(--kuning);color:var(--tinta);box-shadow:0 4px 0 var(--kuning-tua);font-size:18px;padding:13px 26px}.btn-utama:active:not(:disabled){box-shadow:0 1px 0 var(--kuning-tua)}.btn-garis{background:transparent;color:var(--hijau);box-shadow:inset 0 0 0 2px var(--hijau)}.btn-garis:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 0 0 2px var(--hijau)}.btn-bahaya{background:var(--merah);box-shadow:0 4px #8f2f1f}.btn-bahaya:active:not(:disabled){box-shadow:0 1px #8f2f1f}.btn-netral{background:var(--putih);color:var(--tinta);box-shadow:0 3px 0 var(--krem-tua)}.btn-blok{width:100%}.btn-kecil{min-height:38px;padding:8px 14px;font-size:14px;box-shadow:0 3px #17362a4d}.panel{background:var(--putih);border-radius:var(--radius-l);padding:16px;box-shadow:var(--shadow)}.panel-krem{background:var(--krem);border:2px solid var(--krem-tua);border-radius:var(--radius);padding:14px}.kartu{display:flex;align-items:center;gap:12px;width:100%;min-height:var(--tap);padding:12px 14px;text-align:left;background:var(--putih);border:2px solid var(--krem-tua);border-radius:var(--radius);color:var(--tinta);font-weight:600;cursor:pointer;box-shadow:var(--shadow-s);transition:transform var(--dur-cepat) ease,border-color var(--dur-cepat) ease,background var(--dur-cepat) ease}.kartu:active{transform:scale(.985)}.kartu:focus-visible{outline:3px solid var(--biru);outline-offset:2px}.kartu.terpilih{border-color:var(--hijau);background:var(--hijau-pucat);font-weight:800}.kartu.benar{border-color:var(--hijau);background:var(--hijau-pucat)}.kartu.salah{border-color:var(--merah);background:var(--merah-pucat)}.kartu:disabled{cursor:default;opacity:.85}.kartu-ikon{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;background:var(--krem);border-radius:12px}.kartu-teks{flex:1;min-width:0}.kartu-tanda{flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--krem-tua);font-size:14px;font-weight:900;background:var(--putih)}.kartu.terpilih .kartu-tanda{border-color:var(--hijau);background:var(--hijau);color:var(--putih)}.chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--krem);border:2px solid var(--krem-tua);font-size:13px;font-weight:700;color:var(--tinta)}.chip-hijau{background:var(--hijau-pucat);border-color:var(--hijau-muda)}.chip-kuning{background:#fdf1cf;border-color:var(--kuning)}.chip-merah{background:var(--merah-pucat);border-color:var(--merah)}.chip-biru{background:var(--biru-pucat);border-color:var(--biru)}.chip-tap{min-height:var(--tap);padding:10px 16px;font-size:15px;cursor:pointer}.chip-tap.terpilih{background:var(--hijau);border-color:var(--hijau);color:var(--putih)}.label-produk{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:800;letter-spacing:.04em;background:var(--tinta);color:var(--kuning)}.topbar{position:sticky;top:0;z-index:20;padding:10px var(--gutter);background:var(--hijau);color:var(--putih);display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:var(--shadow)}.topbar .judul-kecil{font-family:var(--font-judul);font-weight:800;font-size:15px}.timer{display:inline-flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums;font-weight:900;font-size:18px}.timer-bar{height:10px;border-radius:var(--radius-pill);background:#ffffff47;overflow:hidden}.timer-bar>i{display:block;height:100%;background:var(--kuning);border-radius:var(--radius-pill);transition:width .24s linear}.timer-bar.mendesak>i{background:var(--merah)}.status-koneksi{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:var(--radius-pill);background:#ffffff2e}.titik{width:9px;height:9px;border-radius:50%;background:var(--kuning);flex:0 0 auto}.titik.ok{background:#6fd39a}.titik.putus{background:var(--merah)}.pesan{padding:12px 14px;border-radius:var(--radius);font-weight:600;display:flex;gap:10px;align-items:flex-start}.pesan-error{background:var(--merah-pucat);color:#7d2718;border:2px solid var(--merah)}.pesan-info{background:var(--biru-pucat);color:#1d4a78;border:2px solid var(--biru)}.pesan-sukses{background:var(--hijau-pucat);color:#12563a;border:2px solid var(--hijau-muda)}.pesan-kuning{background:#fdf1cf;color:#6d520a;border:2px solid var(--kuning)}.kosong{padding:28px 16px;text-align:center;color:var(--tinta-lembut);border:2px dashed var(--krem-tua);border-radius:var(--radius);background:var(--putih)}.memuat{display:inline-block;width:22px;height:22px;border:3px solid var(--krem-tua);border-top-color:var(--hijau);border-radius:50%;animation:putar .8s linear infinite}@keyframes putar{to{transform:rotate(360deg)}}.kolom{display:block;width:100%;min-height:var(--tap);padding:12px 14px;font-size:17px;font-family:inherit;color:var(--tinta);background:var(--putih);border:2px solid var(--krem-tua);border-radius:var(--radius)}.kolom:focus-visible{outline:3px solid var(--biru);outline-offset:1px;border-color:var(--biru)}.kolom-kode{text-transform:uppercase;letter-spacing:.4em;text-align:center;font-size:30px;font-weight:900;padding:14px}.label-kolom{font-weight:800;font-size:14px;display:block;margin-bottom:6px}.saklar{display:inline-flex;align-items:center;gap:10px;cursor:pointer;min-height:var(--tap);font-weight:700}.saklar input{width:22px;height:22px;accent-color:var(--hijau)}.tabel{width:100%;border-collapse:collapse;font-size:14px}.tabel th,.tabel td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--krem-tua)}.tabel th{font-weight:800;color:var(--tinta-lembut);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.tabel tr:last-child td{border-bottom:0}.papan{display:flex;flex-direction:column;gap:8px}.papan-baris{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--putih);border-radius:var(--radius);border:2px solid var(--krem-tua);transition:transform var(--dur) ease}.papan-baris.saya{border-color:var(--kuning);background:#fffdf4}.papan-peringkat{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--tinta);color:var(--kuning);font-weight:900}.papan-baris.r1 .papan-peringkat{background:var(--kuning);color:var(--tinta)}.papan-baris.r2 .papan-peringkat{background:#cfd6da;color:var(--tinta)}.papan-baris.r3 .papan-peringkat{background:#dfae7c;color:var(--tinta)}.papan-nama{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.papan-poin{font-weight:900;font-variant-numeric:tabular-nums}.delta-naik{color:var(--hijau);font-weight:800;font-size:12px}.delta-turun{color:var(--merah);font-weight:800;font-size:12px}@keyframes masuk-bawah{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes masuk-skala{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes lambai{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes denyut{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes stempel{0%{opacity:0;transform:scale(2.4) rotate(-14deg)}60%{opacity:1;transform:scale(.96) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(-8deg)}}@keyframes melayang{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.anim-masuk{animation:masuk-bawah var(--dur) ease both}.anim-skala{animation:masuk-skala var(--dur) ease both}.anim-stempel{animation:stempel .62s cubic-bezier(.2,1.4,.4,1) both}.anim-melayang{animation:melayang 3.2s ease-in-out infinite}.anim-denyut{animation:denyut 1.1s ease-in-out infinite}@media(prefers-reduced-motion:reduce){:root:not([data-gerak=penuh]),:root:not([data-gerak=penuh]) *,:root:not([data-gerak=penuh]) *:before,:root:not([data-gerak=penuh]) *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.proyektor{min-height:100vh;background:linear-gradient(160deg,#0f3b28,#17362a 55%,#0c2a1d);color:var(--krem);padding:24px clamp(16px,3vw,48px);display:flex;flex-direction:column;gap:18px}.proyektor h1,.proyektor h2{color:var(--krem)}.proyektor .panel{background:#fff9e912;border:1px solid rgba(255,249,233,.18);color:var(--krem);box-shadow:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.proyektor .papan-baris{background:#fff9e91a;border-color:#fff9e933;color:var(--krem)}.proyektor .papan-baris.r1{background:#f6c44538;border-color:var(--kuning)}.proyektor .kecil,.proyektor .lembut{color:#cfe3d5}.sembunyi{display:none!important}.penuh{width:100%}.geser-x{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.geser-x>*{scroll-snap-align:start;flex:0 0 auto}.aman-bawah{padding-bottom:max(16px,env(safe-area-inset-bottom))}.dok-bawah{position:sticky;bottom:0;z-index:15;padding:12px var(--gutter) max(12px,env(safe-area-inset-bottom));background:linear-gradient(to top,var(--krem) 70%,rgba(255,249,233,0))}.player-ui{--krem: #faf9f5;--krem-tua: #e6e8df;--tinta: #243d30;--tinta-lembut: #667469;--hijau: #215c40;--hijau-pucat: #eef5e9;--font-judul: "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--shadow: none;--shadow-s: none;min-height:100dvh;display:flex;flex-direction:column;background:var(--krem);color:var(--tinta);font-size:16px;line-height:1.55}.player-ui h1,.player-ui h2,.player-ui h3{font-weight:650;letter-spacing:-.045em}.player-ui button,.player-ui a,.player-ui input,.player-ui select,.player-ui summary{touch-action:manipulation}.player-ui :focus-visible{outline:3px solid #397bca;outline-offset:4px}.player-header{width:min(1200px,100%);margin:0 auto;padding:30px 40px;min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:16px}.player-wordmark{display:flex;align-items:center;gap:7px;color:#215c40;text-decoration:none;font-size:22px;font-weight:850;letter-spacing:-.07em}.player-wordmark span{font-size:11px;font-weight:700;letter-spacing:.1em;border-left:1px solid #a8b8a7;padding:2px 0 2px 9px;margin-left:3px}.player-wordmark img{max-width:150px;max-height:40px}.player-header-right{display:flex;align-items:center;gap:16px}.header-label{color:#65756b;font-size:14px}.sound-button{border:1px solid #dce2d7;background:transparent;color:#48634e;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;cursor:pointer}.sound-button:hover{background:#edf1e8}.back-link{display:flex;align-items:center;gap:10px;font-size:15px;text-decoration:none;min-height:44px}.player-footer{width:min(1200px,100%);margin:auto auto 0;padding:25px 40px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;color:#768074}.pilih-bahasa{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;min-height:44px;padding:0 8px 0 10px;border:1px solid #dce2d7;border-radius:999px;background:#fffefa;color:#2f5439;cursor:pointer}.pilih-bahasa:focus-within{outline:3px solid #397bca;outline-offset:2px}.pilih-bahasa select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-size:14px;font-weight:700;min-height:44px;padding:0 2px;cursor:pointer;outline:none}.pilih-bahasa select option{color:#17362a;background:#fff}@media(max-width:420px){.pilih-bahasa{padding:0 6px 0 8px}.pilih-bahasa svg{display:none}}.player-header-right{min-width:0}.header-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-header>:first-child{flex:0 1 auto;min-width:0}.tombol-gerak{font-size:12px;padding:0 8px;text-align:center}.host-links{position:relative}.host-links summary{cursor:pointer;padding:12px 0}.host-links nav{position:absolute;bottom:50px;right:0;width:240px;padding:10px;border:1px solid #dce2d7;background:#fff;border-radius:14px;z-index:10;box-shadow:0 10px 30px #17362a12}.host-links nav a{display:flex;align-items:center;justify-content:space-between;padding:12px;text-decoration:none;font-size:14px}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.17em;color:#6a7a68}.welcome-main{flex:1;width:min(1160px,100%);padding:30px 40px 60px;margin:0 auto;display:grid;grid-template-columns:.96fr 1.04fr;align-items:center;gap:10px}.welcome-copy{padding-bottom:14px}.welcome-copy h1{font-size:clamp(64px,6.5vw,94px);line-height:1.03;margin:22px 0 25px;font-weight:650;letter-spacing:-.065em}.welcome-copy h1 span{color:#277248}.welcome-copy p{font-size:18px;line-height:1.65;color:#667469;margin-bottom:30px}.welcome-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.primary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 23px;min-height:58px;border:1px solid #215c40;background:#215c40;color:#fff;border-radius:13px;font-size:17px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .16s,transform .16s}.primary-action:hover:not(:disabled){background:#163e2b}.primary-action:active:not(:disabled){transform:translateY(2px)}.primary-action:disabled{opacity:.45;cursor:not-allowed}.quiet-link,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:transparent;border:0;padding:11px 0;min-height:44px;color:#47654e;text-decoration:none;font-size:14px;cursor:pointer}.quiet-link:hover,.text-button:hover{color:#163e2b;text-decoration:underline;text-underline-offset:4px}.centered{justify-content:center;text-align:center}.welcome-note{display:block;margin-top:22px;font-size:12px;color:#7d877b}.welcome-world{position:relative;width:100%;max-width:570px;aspect-ratio:560 / 510;container-type:inline-size}.world-drawing{width:100%;height:100%}.world-caption{position:absolute;top:9%;left:1%;width:45%;font-size:13px;font-size:clamp(10.5px,2.7cqw,15px);line-height:1.35;text-align:left;text-wrap:balance;transform:rotate(-6deg);transform-origin:left center;color:#746331}.world-caption span{display:block}.welcome-raki{position:absolute;right:11%;bottom:7%;padding:0;background:transparent;border:0;cursor:pointer}.welcome-raki>svg{filter:drop-shadow(0 10px 0 #17362a0c)}.raki-greeting{position:absolute;bottom:-17px;left:-27px;display:block;white-space:nowrap;padding:8px 15px;border:1px solid #dfe4d6;background:#fffefb;font-size:13px;border-radius:10px;color:#48634e;transform:rotate(-5deg)}.join-main{width:min(470px,100%);margin:auto;padding:28px 24px 65px}.join-heading{text-align:center;margin-bottom:27px}.join-heading svg{margin-bottom:15px}.join-heading h1,.practice-intro h1{font-size:35px;margin:12px 0}.join-heading p,.practice-intro>p{font-size:15px;color:#667469}.join-form{display:flex;flex-direction:column;gap:20px}.player-ui .kolom{border:1px solid #d8dfd3;background:#fffefa;border-radius:12px;padding:15px 17px;min-height:54px;font-size:17px;box-shadow:none}.player-ui .label-kolom{font-size:15px;font-weight:500;margin-bottom:9px}.player-ui .kolom-kode{text-align:center;letter-spacing:.34em;font-size:35px;min-height:85px;padding-left:30px}.player-ui .kolom-kode::placeholder{color:#bbc5b5}.joined-code{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#72816e;border-bottom:1px solid #e3e7dc;padding-bottom:12px}.joined-code b{color:#294e37;letter-spacing:.1em;margin-left:7px}.resume-button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;color:#215c40;border:1px solid #b9cdb7;background:#eef5e9;border-radius:12px;cursor:pointer}.field-error{font-size:14px;color:#ae402b;margin:0}.connection-note{font-size:14px;color:#875e23}.avatar-presets{margin:8px 0 0;padding:0;border:0;min-width:0}.avatar-presets legend{padding:0;margin-bottom:12px;font-size:15px;font-weight:500}.avatar-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.avatar-option{position:relative;padding:12px 2px 10px;border:1px solid #dfe4d7;border-radius:14px;background:#fffefa;cursor:pointer;color:#50634d;display:flex;align-items:center;flex-direction:column;gap:8px}.avatar-option svg{max-width:100%}.avatar-option span{font-size:11px;white-space:nowrap}.avatar-option.selected{border:2px solid #427348;padding:11px 1px 9px;background:#edf4e8;color:#215c40}.avatar-option i{position:absolute;right:5px;top:5px;background:#427348;color:#fff;border-radius:50%;width:17px;height:17px;font-size:11px;font-style:normal}.simple-details{border-top:1px solid #dfe5d8;width:100%}.simple-details>summary{cursor:pointer;color:#4b6750;font-size:14px;padding:15px 0;min-height:48px}.simple-details[open]>summary{margin-bottom:6px}.custom-character-body{display:flex;align-items:flex-start;gap:12px;padding-bottom:15px}.custom-controls{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.custom-controls label{font-size:12px;display:flex;flex-direction:column;gap:5px}.custom-controls select{width:100%;min-height:44px;font-size:13px;padding:6px;border:1px solid #d8dfd3;border-radius:8px;background:#fff}.practice-intro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.practice-intro>.primary-action{width:100%;margin-top:15px}.practice-list{text-align:left}.practice-list>div{display:grid}.practice-list button{display:flex;align-items:center;gap:15px;text-align:left;background:transparent;border:0;border-top:1px solid #e7eade;color:#294e37;padding:17px 0;font-size:14px;cursor:pointer}.practice-list button b{flex:1;font-weight:500}.practice-list button>span{color:#8c987f;font-size:12px}.practice-note{font-size:12px!important}.game-main{width:min(1000px,100%);margin:16px auto auto;padding:15px 30px 50px}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:30px}.game-heading h1{font-size:31px;margin:8px 0 0}.game-heading .text-button{flex-shrink:0}.mission-stage{display:grid;grid-template-columns:.85fr 1.15fr;align-items:start;gap:44px}.mission-context{min-width:0}.mission-illustration{margin-bottom:22px}.mission-illustration>div{border-radius:18px!important}.mission-story{color:#64725e;font-size:15px;line-height:1.7}.mission-question{min-width:0;scroll-margin-top:25px}.mission-question>h2{margin:0 0 20px;font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-.025em}.mission-question>.stack{gap:12px}.step-progress{margin-bottom:17px;font-size:12px;color:#66785f}.step-progress>div{display:flex;gap:5px;margin-top:10px}.step-progress i{flex:1;height:3px;border-radius:4px;background:#e0e7d9}.step-progress i.filled{background:#548b4f}.player-ui .kartu{border-width:1px;border-radius:12px;padding:14px;min-height:66px;font-size:15px;font-weight:500;background:#fffefa;box-shadow:none}.player-ui .kartu:hover:not(:disabled){border-color:#839879;background:#f1f5ec}.player-ui .kartu.terpilih{border-color:#427348;background:#eef5e9;box-shadow:0 0 0 1px #427348}.player-ui .kartu-ikon{width:38px;height:38px;border-radius:10px;background:#f1f2e9;color:#5d7652}.player-ui .kartu-ikon svg{width:23px;height:23px}.player-ui .kartu-tanda{border-width:1px;width:23px;height:23px}.player-ui .kartu-teks .mini{font-size:12px;font-weight:400}.player-ui .panel-krem{border:1px solid #dfe4d8;border-radius:12px;background:#f4f5ed;padding:14px}.player-ui .panel{box-shadow:none;border:1px solid #dfe4d8;border-radius:15px}.player-ui .chip{border:0;background:#ecf1e6;color:#45673e;font-weight:500;font-size:12px;border-radius:8px}.player-ui .chip-tap{min-height:44px}.player-ui .btn{box-shadow:none;border-radius:12px;font-weight:500}.player-ui .btn-garis{border:1px solid #91a585}.mission-reference{margin-top:22px;border-bottom:1px solid #dfe5d8}.mission-reference>summary{font-weight:600}.mission-reference>summary>span{display:block;margin-left:16px;font-size:12px;font-weight:400;color:#75806c;margin-top:3px}.reference-content{display:grid;gap:10px;padding-bottom:15px}.reference-content>*{min-width:0!important}.mission-actions{display:flex;flex-direction:column;gap:7px;margin-top:25px}.player-ui .pesan{border-radius:12px;font-size:14px;border-width:1px}.result-focus{width:min(500px,100%);margin:auto;padding:25px 24px 60px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:17px}.result-focus h1{font-size:36px;margin:0}.result-focus>p{font-size:16px;color:#687660;line-height:1.65;margin:0}.result-stat{display:flex;flex-direction:column;margin:2px 0 10px}.result-stat strong{font-size:52px;font-weight:600;line-height:1.2;letter-spacing:-.05em}.result-stat small{font-size:24px}.result-stat>span{font-size:12px;color:#75816f}.answer-review{text-align:left}.answer-review>div{padding:10px 0;font-size:14px}.answer-review p{margin-top:7px}.result-focus>.primary-action{width:100%}.result-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:22px}.lobby-focus{width:min(560px,100%);margin:auto;padding:20px 24px 60px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}.lobby-focus h1{font-size:37px;margin:0}.lobby-focus>p{color:#6b7964;margin:0;font-size:15px}.lobby-avatar{display:grid;place-items:center;width:150px;height:150px;border-radius:50%;background:#f7dfa0;margin-bottom:7px}.lobby-focus>.primary-action{width:min(360px,100%)}.lobby-focus .primary-action:disabled{opacity:1;background:#e8f0e1;color:#356238;border-color:#cadbbe}.lobby-peers{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;padding:20px 0 8px}.lobby-peers>div{display:flex;align-items:center;flex-direction:column;gap:6px;width:62px}.lobby-peers span{font-size:11px;max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-roster{border-top:1px solid #dfe5d8;padding-top:18px;width:100%}.lobby-roster>p{font-size:13px;color:#6b7964}.status-caption{font-size:14px;color:#68835c}.player-ui .timer{color:#47634b;background:#edf1e7;padding:6px 12px;border-radius:8px;font-size:17px}.player-ui .timer-bar{display:none}.player-ui .timer span{color:inherit!important}.waiting-orbit{display:flex;gap:6px;margin:15px 0}.waiting-orbit i{height:7px;width:7px;background:#9bb08e;border-radius:50%;animation:waiting 1.5s ease-in-out infinite}.waiting-orbit i:nth-child(2){animation-delay:.2s}.waiting-orbit i:nth-child(3){animation-delay:.4s}@keyframes waiting{50%{opacity:.35;transform:translateY(-4px)}}.briefing-main{width:min(650px,100%);margin:auto;padding:20px 24px 55px}.briefing-main h1{margin:10px 0 20px;font-size:36px}.briefing-main>p{margin:20px 0;font-size:17px;color:#60735a}.briefing-scene{max-width:390px;margin:25px auto}.briefing-main .status-caption{text-align:center;margin-top:20px}.player-ui .papan-baris{box-shadow:none;border-width:1px}.player-ui .papan-baris.r1{background:#fbefd0;border-color:#e9d99d}.player-ui .papan-baris.saya{border-color:#6c945f}@media(max-width:700px){.player-header{min-height:76px;padding:16px 22px}.player-wordmark{font-size:21px}.player-footer{padding:16px 22px;font-size:10px;gap:8px}.header-label{font-size:12px}.player-header-right{gap:10px}.welcome-main{display:flex;flex-direction:column;padding:18px 24px 25px;gap:12px;text-align:center;justify-content:center}.welcome-copy{display:contents}.welcome-copy .eyebrow{order:0;font-size:10px}.welcome-copy h1{order:1;font-size:52px;line-height:1.02;margin:0}.welcome-copy p{order:2;font-size:15px;line-height:1.5;margin:0;max-width:270px}.desktop-break{display:none}.welcome-world{order:3;width:290px;max-width:100%;height:239px;margin:-6px 0 0}.welcome-raki{right:11%;bottom:6%}.welcome-raki>svg{height:90px;width:90px}.raki-greeting{font-size:10px;padding:5px 9px;bottom:-14px;left:-12px}.welcome-actions{order:4;flex-direction:column;gap:3px;width:min(320px,100%);margin-top:5px}.welcome-actions .primary-action{width:100%}.welcome-note{order:5;margin-top:-2px;font-size:11px}.join-main{padding-top:12px;padding-bottom:40px}.join-heading h1{font-size:31px}.join-heading svg{height:68px;width:68px;margin-bottom:10px}.game-main{margin-top:0;padding:8px 22px 30px}.game-heading{margin-bottom:20px;align-items:flex-start}.game-heading h1{font-size:26px;line-height:1.2}.game-heading .text-button{font-size:12px;padding-top:2px}.mission-stage{grid-template-columns:1fr;gap:19px}.mission-illustration{display:none}.mission-story{font-size:14px;margin:0;line-height:1.65}.mission-reference{margin-top:15px}.mission-reference>summary{padding:10px 0}.mission-reference>summary>span{display:none}.mission-question>h2{font-size:21px;margin-bottom:15px}.mission-actions{margin-top:20px}.player-ui .kartu{min-height:68px;padding:13px 12px;font-size:14px;gap:10px}.player-ui .kartu-ikon{width:34px;height:34px}.reference-content{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.result-focus h1{font-size:30px}.briefing-main h1{font-size:29px}}@media(prefers-reduced-motion:reduce){:root:not([data-gerak=penuh]) .waiting-orbit i{animation:none}}.folder-progress{display:flex;align-items:center;gap:12px;background:#edf2e6;padding:16px;border-radius:12px;color:#517244}.folder-progress>div{display:flex;flex-direction:column}.folder-progress strong{font-size:14px;font-weight:600}.folder-progress span{font-size:12px}.document-options{display:grid;gap:9px}.number-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.number-option{display:flex;align-items:center;justify-content:center;gap:8px;min-height:74px;background:#fffefa;border:1px solid #dce2d5;border-radius:12px;color:#305735;font-size:17px;cursor:pointer}.number-option.selected{border-color:#427348;background:#edf4e8;box-shadow:0 0 0 1px #427348}.number-option:disabled{cursor:default}.interaction-hint{margin-top:17px}.interaction-hint>summary{font-size:12px;padding:12px 0}.final-main{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;width:min(1120px,100%);padding:40px 35px 70px;margin:auto}.final-personal{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.final-personal h1{font-size:38px;margin:0}.final-personal>p{color:#6b7b64;font-size:15px}.final-personal .primary-action{width:min(360px,100%)}.final-numbers{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:0 0 10px}.final-numbers>div{display:flex;flex-direction:column}.final-numbers strong{font-size:38px;line-height:1.2;font-weight:600;letter-spacing:-.04em}.final-numbers span{margin-top:6px;font-size:12px;color:#74836c}.final-podium{padding-top:10px;min-width:0}.final-podium h2{font-size:25px;margin-top:9px}.podium-cards{display:flex;align-items:stretch;gap:10px;margin:25px 0;flex-wrap:wrap}.podium-person{flex:1 1 110px;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:17px 8px;border:1px solid #dfe4d7;border-radius:15px}.podium-person.rank-1{background:#f9efd0;border-color:#ebdca9}.podium-person strong{font-size:14px;overflow-wrap:anywhere}.podium-person>span{font-size:12px;color:#6d7c62}.podium-person p{font-size:11px;margin:0;color:#6d7c62}.podium-rank{display:flex;align-items:center;gap:4px;font-size:12px}@media(max-width:700px){.final-main{grid-template-columns:1fr;padding:20px 22px 50px;gap:35px}.number-option{font-size:15px}.final-personal h1{font-size:31px}}.alur-sebagai{display:flex;align-items:center;flex-wrap:wrap;gap:0 8px;min-height:44px;margin-top:8px;font-size:14px;line-height:1.3;color:#5a6b5e}.alur-sebagai-avatar{display:inline-flex;flex:0 0 auto}.alur-sebagai-nama{min-width:0;overflow-wrap:anywhere}.alur-sebagai-ubah{display:inline-flex;align-items:center;min-height:44px;padding:0 10px 0 2px;color:#215c40;font-weight:600;text-decoration:underline;text-underline-offset:4px}.alur-sebagai-ubah:hover{color:#163e2b}.alur-spanduk-wadah{position:fixed;z-index:8;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:0 max(16px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));pointer-events:none}.alur-spanduk{pointer-events:auto;display:flex;align-items:center;gap:12px;width:min(560px,100%);padding:9px 9px 9px 16px;border:1px solid #b9cdb7;border-radius:16px;background:#fffefa;box-shadow:0 10px 30px #17362a24;color:#243d30;animation:alur-naik .32s ease both}.alur-spanduk p{flex:1;min-width:0;margin:0;font-size:14px;line-height:1.35;font-weight:600;text-align:left;overflow-wrap:anywhere}.alur-spanduk-titik{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:#2e9a66;box-shadow:0 0 0 4px #2e9a6633}.alur-spanduk-gabung{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border-radius:12px;background:#215c40;color:#fff;font-size:15px;font-weight:600;text-decoration:none}.alur-spanduk-gabung:hover{background:#163e2b}@keyframes alur-naik{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes alur-turun{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.alur-ada-spanduk{margin-bottom:calc(86px + env(safe-area-inset-bottom));box-shadow:0 calc(86px + env(safe-area-inset-bottom)) 0 0 var(--krem)}@media(min-width:1001px){.alur-landing{position:relative}.alur-spanduk-wadah{position:absolute;top:22px;bottom:auto;padding:0}.alur-spanduk{width:auto;max-width:min(560px,calc(100% - 520px));padding:5px 5px 5px 16px;border-radius:28px;box-shadow:none;animation-name:alur-turun}.alur-spanduk-gabung{min-height:44px;border-radius:22px}.alur-ada-spanduk{margin-bottom:0;box-shadow:none}}.alur-kenalan{width:min(470px,100%);margin:auto;padding:12px 24px 40px}.alur-kenalan-sapa{display:flex;justify-content:center}.alur-kenalan-sapa>svg{display:block}.alur-tokoh{justify-content:center}.alur-kenalan-judul{margin:10px 0 16px;font-size:31px;text-align:center}.alur-kenalan-form{display:flex;flex-direction:column;gap:12px}.alur-catatan{margin:0;font-size:12px;color:#7d877b;text-align:center}.alur-aksi{display:flex;flex-direction:column;gap:8px}.alur-aksi-baris{display:flex;align-items:center;gap:12px}.alur-aksi-baris .primary-action{flex:1;min-width:0}.alur-aksi-avatar{flex:0 0 auto;display:inline-flex}.alur-aksi-lengket{position:sticky;bottom:0;z-index:5;margin:0 -24px;padding:10px 24px calc(10px + env(safe-area-inset-bottom));background:#faf9f5;border-top:1px solid #e6e9df}.alur-aksi .field-error,.alur-aksi .connection-note{margin:0}.alur-cek{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;min-height:88px;padding:12px 14px;border:1px solid transparent;border-radius:12px;text-align:left}.alur-cek-ikon{flex:0 0 auto;display:inline-flex}.alur-cek-teks{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.alur-cek-teks p{margin:0;font-size:14px;line-height:1.45;color:#5a6b5e}.alur-cek-teks small{font-size:12px;font-weight:700;letter-spacing:.02em;color:#176b45;overflow-wrap:anywhere}.alur-cek-teks b{font-size:16px;font-weight:600;line-height:1.35;color:#243d30;overflow-wrap:anywhere}.alur-cek-kosong,.alur-cek-memeriksa{justify-content:center;padding-top:0;padding-bottom:0}.alur-cek-kosong .alur-cek-teks,.alur-cek-memeriksa .alur-cek-teks{flex:0 1 auto;text-align:center}.alur-cek-ada{border-color:#b9cdb7;background:#eef5e9}.alur-cek-tolak,.alur-cek-gagal{border-color:#ecd48d;background:#fdf6df}.alur-cek-tolak .alur-cek-teks small{color:#6d520a}.alur-cek-tiada{border-color:#e6bfb5;background:#fbeee9}.alur-cek-aksi{flex:1 0 100%;justify-content:flex-start;padding-left:38px;color:#215c40;font-weight:600}.alur-room{gap:12px}.alur-room-teks{min-width:0;display:flex;flex-direction:column;gap:2px}.joined-code .alur-room-acara{margin-left:0;letter-spacing:0;font-size:15px;font-weight:600;color:#243d30;overflow-wrap:anywhere}.alur-room .text-button{flex:0 0 auto}.alur-diri{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid #dfe4d7;border-radius:14px;background:#fffefa}.alur-diri>svg{flex:0 0 auto}.alur-diri-nama{flex:1;min-width:0;font-size:17px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.alur-diri-ubah{flex:0 0 auto;padding:11px 6px;color:#215c40;font-weight:600;text-decoration:underline;text-underline-offset:4px}.player-ui .alur-judul-fokus:focus-visible,.player-ui .alur-isian:focus-visible{outline:none}@media(max-width:700px){.alur-sebagai{order:4;justify-content:center;margin-top:-2px}.alur-spanduk-wadah{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.alur-spanduk{gap:10px;padding:8px 8px 8px 14px}.alur-spanduk p{font-size:13px}.alur-spanduk-gabung{gap:6px;padding:0 13px;font-size:14px}.alur-spanduk-titik{display:none}.alur-ada-spanduk{margin-bottom:calc(78px + env(safe-area-inset-bottom));box-shadow:0 calc(78px + env(safe-area-inset-bottom)) 0 0 var(--krem)}.alur-kenalan{margin-top:0;padding:0 24px 24px}.alur-kenalan-judul{margin:8px 0 12px;font-size:27px}.alur-join-l2 .join-heading{margin-bottom:12px}.alur-join-l2 .join-heading h1{margin:8px 0}.alur-join-l2 .join-form{gap:14px}}