:root{color-scheme:light;--langit: #cdebfa;--langit-muda: #eef8fe;--awan: #fff;--aspal: #1f2733;--aspal-2: #4a5566;--kuning: #ffc21a;--kuning-tua: #e0a400;--rumput: #3e9b46;--bus: #1e5bbf;--huruf: ui-rounded, "SF Pro Rounded", "Nunito", "Varela Round", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:17px/1.6 var(--huruf);color:var(--aspal);overflow-x:hidden;background:linear-gradient(180deg,var(--langit) 0,var(--langit-muda) 100%) fixed;-webkit-font-smoothing:antialiased}a{color:var(--bus)}:focus-visible{outline:3px solid var(--bus);outline-offset:3px;border-radius:6px}.lewati{position:absolute;left:-9999px;z-index:50;background:var(--aspal);color:#fff;padding:8px 14px}.lewati:focus{left:8px;top:8px}.kepala{position:fixed;inset:0 0 auto;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:14px clamp(16px,3vw,40px);background:#eef8fef7;box-shadow:0 1px #1f273314}.merek{display:inline-flex;align-items:center;gap:10px;color:var(--aspal);text-decoration:none;font-weight:800;font-size:20px}.merek img{width:40px;height:40px;border-radius:12px}.masuk{font-weight:700;color:var(--aspal);text-decoration:none;padding:10px 16px;border-radius:999px;background:#ffffff8c}.panggung{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.panggung>*{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform,opacity}#bumi{width:100%;height:100%;z-index:2}#bumi-cadangan{width:1000px;height:1000px;opacity:0;display:none}.tanpa-webgl #bumi-cadangan{display:block}#karakter{width:1000px;height:auto;z-index:3}.bola-depan #bumi,.bola-depan #bumi-cadangan{z-index:4}#jendela{z-index:5;opacity:0;overflow:hidden;background:var(--langit);transform-origin:0 0;box-shadow:0 30px 60px -24px #1b235080,0 0 0 6px #ffffffe6}#jendela video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}#karakter3d{width:1000px;height:calc(1000px * 1990 / 1438);z-index:3;visibility:hidden}.tiga-d #karakter3d{visibility:visible}.tiga-d #karakter{visibility:hidden}#pin{z-index:6;opacity:0;display:flex;align-items:center;gap:8px}#pin i{width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#e94b3c;box-shadow:0 0 0 4px #fff,0 0 0 10px #e94b3c59;animation:denyut 1.6s ease-in-out infinite}#pin b{margin-top:-8px;background:#fff;color:#1f2733;font-weight:800;font-size:15px;padding:4px 12px;border-radius:999px;box-shadow:0 4px 12px #1b235033}@keyframes denyut{50%{box-shadow:0 0 0 4px #fff,0 0 0 16px #e94b3c1f}}.panel{position:fixed;left:0;top:0;z-index:7;opacity:0;transform-origin:50% 50%;display:flex;flex-direction:column;overflow:hidden;background:#ffffffeb;border-radius:26px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 60px -24px #1b235073,0 0 0 6px #ffffffb3}.panel-kepala{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--aspal);color:#fff}.panel-kepala h3{margin:0;font-size:19px;font-weight:800;letter-spacing:.01em}.panel-sub{margin-left:auto;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--kuning);font-weight:700}.kunci{display:inline-block;padding:2px 9px;border-radius:7px;font-weight:800;font-size:12px;color:#231703;background:linear-gradient(180deg,#ffe08a,var(--kuning));box-shadow:0 2px 0 var(--kuning-tua)}.kartu{list-style:none;margin:0;padding:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;flex:1;overflow:hidden;grid-auto-rows:1fr}.kartu li{background:#fff;border:2px solid rgba(31,39,51,.08);border-radius:18px;padding:12px 12px 14px;box-shadow:0 3px #1f273312;display:grid;grid-template-rows:auto auto 1fr;gap:4px}.kartu .ikon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin-bottom:4px}.kartu .ikon img{width:44px;height:44px;image-rendering:auto}.kartu b{font-size:15.5px;line-height:1.2;letter-spacing:-.01em}.kartu .sub{font-size:12.5px;line-height:1.35;color:var(--aspal-2)}.panel-kaki{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--langit-muda);border-top:2px solid rgba(31,39,51,.06);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#fff;font-weight:800;font-size:13px;box-shadow:0 2px #1f273314}.koin{width:14px;height:14px;border-radius:50%;background:var(--kuning);box-shadow:inset 0 -2px 0 var(--kuning-tua)}.chip-kartu{color:var(--bus)}.chip-jam{margin-left:auto}.pamor{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--aspal-2)}.pamor u{width:90px;height:8px;border-radius:99px;background:#1f27331a;overflow:hidden;display:block}.pamor i{display:block;width:62%;height:100%;background:linear-gradient(90deg,var(--rumput),#7fd36a)}main{position:relative;z-index:10}.adegan{min-height:100svh;display:flex;align-items:center;padding:110px clamp(20px,5vw,72px) 80px}.adegan-panjang{min-height:220svh;align-items:flex-start}.adegan-panjang .teks,.adegan-sedang .teks{position:sticky;top:120px}.adegan-sedang{min-height:170svh;align-items:flex-start}.teks{max-width:30rem}#adegan-2 .teks,#adegan-3 .teks{max-width:26rem}h1{margin:0 0 16px;font-size:clamp(2.4rem,5.4vw,4.6rem);line-height:.98;letter-spacing:-.035em;font-weight:800;text-wrap:balance}h2{margin:0 0 12px;font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.06;letter-spacing:-.025em;font-weight:800;text-wrap:balance}.teks p{margin:0 0 20px;color:var(--aspal-2)}.alis{font-size:13px!important;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--rumput)!important;margin-bottom:8px!important}.aksi{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.tombol{display:inline-flex;align-items:center;min-height:54px;padding:0 30px;border-radius:999px;background:var(--kuning);color:var(--aspal);font-weight:800;font-size:18px;text-decoration:none;box-shadow:0 4px 0 var(--kuning-tua)}.tombol:active{transform:translateY(4px);box-shadow:none}.catatan{color:var(--aspal-2);font-size:15px}.masuk-teks{font-weight:700}.aksi-cta{flex-direction:column;align-items:flex-start}#adegan-4{align-items:flex-start;justify-content:flex-end;padding-right:var(--cta-kanan, 40vw);min-height:200svh}#adegan-4 .teks{position:sticky;top:var(--cta-atas, 30vh);text-align:right;max-width:var(--cta-lebar, 30rem)}#adegan-4 .aksi-cta{align-items:flex-end}html[data-tema=gelap]{color-scheme:dark;--langit: #1b2350;--langit-muda: #121a3e;--aspal: #eef1fa;--aspal-2: #c3cbe8;--bus: #9cc8ff}html[data-tema=gelap] body{background:radial-gradient(120% 80% at 70% 10%,#26306a 0,#121a3e 60%,#0d1230) fixed}html[data-tema=gelap] .kepala{background:#0d1230f0;box-shadow:0 1px #ffffff14}html[data-tema=gelap] .masuk{background:#ffffff1a}html[data-tema=gelap] .alis{color:#7fd36a!important}html[data-tema=gelap] .tombol{color:#1f2733}html[data-tema=gelap] .kaki{background:none}.kaki{max-width:min(52vw,640px);background:none!important}html[data-tema=gelap] .panel{--aspal: #1f2733;--aspal-2: #4a5566;--bus: #1e5bbf;--langit-muda: #eef8fe;color:#1f2733;box-shadow:0 30px 60px -24px #0009,0 0 0 6px #ffffff1f}html[data-tema=gelap] .panel-kepala{color:#fff;background:#1f2733}.kaki{position:relative;z-index:10;padding:28px clamp(20px,5vw,72px) 32px;color:var(--aspal-2);font-size:14.5px;background:#fffc}.kaki nav{display:flex;flex-wrap:wrap;gap:6px 22px}.kaki nav a{color:var(--aspal);font-weight:700;text-decoration:none;padding-block:8px}.kaki p{margin:8px 0 0}@media(max-width:859px){.panggung{bottom:auto;height:52svh;-webkit-mask-image:linear-gradient(to bottom,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,#000 82%,transparent 100%)}.panggung-penuh .panggung{-webkit-mask-image:none;mask-image:none}.kaki{max-width:none}.panggung-penuh .panggung{height:100svh}.adegan,.adegan-panjang{min-height:100svh;align-items:flex-start;padding:54svh 20px 40px}.adegan-panjang{min-height:200svh}.adegan-panjang .teks,.adegan-sedang .teks{top:54svh}.adegan-sedang{min-height:150svh}.teks{max-width:none;background:#eef8feeb;border-radius:20px;padding:4px 4px 8px}html[data-tema=gelap] .teks{background:#121a3eeb}#adegan-4 .teks,html[data-tema=gelap] #adegan-4 .teks{background:none}#adegan-4{justify-content:flex-start;padding:0 20px 40px;min-height:100svh}#adegan-4 .teks{text-align:left}#adegan-4 .aksi-cta{align-items:flex-start}#adegan-4{padding-top:96px;min-height:calc(280svh - 200px)}#adegan-4 .teks{position:sticky;top:84px;max-width:60%}h1{font-size:clamp(2rem,9vw,2.6rem)}.kepala{padding:12px 16px}.kartu{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.kartu li{padding:8px;border-radius:14px}.kartu .sub{display:none}.kartu .ikon{width:42px;height:42px;border-radius:12px}.kartu .ikon img{width:34px;height:34px}.kartu b{font-size:12.5px}.panel-kaki .pamor,.panel-kaki .chip-kartu{display:none}.panel-kepala{padding:10px 14px}}@media(prefers-reduced-motion:reduce){.panggung>*,.panel{transition:opacity .3s,transform .3s}#pin i{animation:none}}@media(min-width:860px)and (max-height:760px){.kartu .sub{display:none}.kartu .ikon{width:46px;height:46px}}