:root{--bg:#fff;--sheet:#fff;--tile:#f3f5f9;--line:#dadde3;--line-2:#e9ebef;--rail:#0b0b0b;--deep:#0b0b0b;--utama:#f51300;--utama-2:#d51000;--sky:#cbfc02;--sky-dim:#eaf7c4;--tinta:#0e0e0e;--tinta-2:#4a4a46;--tinta-3:#6b6b65;--naik:#a8e000;--naik-teks:#4c7a00;--turun:#ff5a4e;--perhatian:#8a5a00;--g-garis:#2a2a2a;--g-isi:#1f2a08;--g-teks:#9a9a94;--panggung:radial-gradient(at 100% 100%,#2f2c2c 0%,#000 100%);--neon:0 0 0 1px rgba(203,252,2,.65),0 4px 22px -4px rgba(203,252,2,.6);--tebal:2.5px solid #0e0e0e;--bayang:4px 4px 0 #0e0e0e;--r-sheet:0px;--r-kartu:6px;--r-kecil:5px;--f-display:"Wix Madefor Display","Segoe UI",system-ui,sans-serif;--f-text:"Wix Madefor Text","Segoe UI",system-ui,sans-serif;--f-angka:"Geist Mono",ui-monospace,"SFMono-Regular",Consolas,monospace;--ease-masuk:cubic-bezier(0.23,1,0.32,1);--ease-sheet:cubic-bezier(0.32,0.72,0,1)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--tinta);font:400 16px/1.5 var(--f-text);-webkit-font-smoothing:antialiased}::selection{background:var(--sky);color:var(--deep)}:focus-visible{outline:2px solid var(--utama);outline-offset:2px;border-radius:6px}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--f-display);margin:0;text-wrap:balance;letter-spacing:-.02em;line-height:1.2}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.25rem}h2,h3{font-weight:600}h3{font-size:1rem}p{margin:0}.angka{font-family:var(--f-angka);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.redup{color:var(--tinta-3)}.kecil{font-size:.875rem}.app{display:grid;grid-template-columns:238px minmax(0,1fr);grid-gap:20px;gap:20px;min-height:100%;padding-block:20px;padding-inline:20px}.rel{background:var(--rail);color:var(--tinta);border:1px solid var(--line);border-radius:24px;padding:22px 14px;gap:22px;position:-webkit-sticky;position:sticky;top:calc(20px + env(safe-area-inset-top,0px));align-self:start;min-height:calc(100vh - 40px)}.merek,.rel{display:flex;flex-direction:column}.merek{padding-inline:10px;gap:2px}.merek b{font:700 1.125rem/1.2 var(--f-display);letter-spacing:-.02em}.merek b:after{content:"";display:block;width:34px;height:3px;background:var(--sky);border-radius:2px;margin-top:7px}.tebal-lime{box-shadow:inset 0 -.28em 0 rgba(203,252,2,.85)}.merek span{font-size:.8125rem;color:var(--tinta-3)}.nav{display:flex;flex-direction:column;gap:4px}.nav a{all:unset;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:11px 14px;font-weight:500;color:var(--tinta-2);transition:background-color .18s ease}.nav a[aria-current=page]{background:rgba(203,252,2,.12);color:var(--sky)}.nav a:active{transform:scale(.98)}.nav small{font-weight:400}.nav small,.rel .catatan{font-size:.8125rem;color:var(--tinta-3)}.rel .catatan{margin-top:auto;line-height:1.45;padding:12px;border:1px solid var(--line);border-radius:var(--r-kartu)}.lembar{background:var(--sheet);border-radius:var(--r-sheet);border:1px solid var(--line);box-shadow:0 18px 40px -26px rgba(0,0,0,.9);padding:28px clamp(16px,3vw,34px) 40px;min-width:0}.kepala{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 24px;margin-bottom:24px}.kepala p{max-width:62ch;color:var(--tinta-2);margin-top:6px}.tombol{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;height:44px;padding:0 20px;background:var(--utama);color:#fff;font-weight:600;transition:transform .12s var(--ease-masuk),background-color .18s ease}.tombol.sekunder{font-weight:700}.tombol.garis{background:transparent;color:var(--tinta);box-shadow:inset 0 0 0 1px var(--line)}.tombol:disabled{opacity:.5;cursor:not-allowed}.segmen{display:inline-flex;flex-wrap:wrap;gap:4px;background:var(--tile);border:1px solid var(--line-2)}.segmen button{all:unset;cursor:pointer;padding:8px 14px;font-size:.9375rem;font-weight:500;color:var(--tinta-2)}.segmen button[aria-pressed=true]{background:#2c2c2c;color:var(--tinta);box-shadow:0 1px 2px rgba(0,0,0,.5)}label.bidang{display:flex;flex-direction:column;gap:6px;font-size:.875rem;font-weight:500;color:var(--tinta-2)}label.bidang input,label.bidang select,textarea{height:44px;border:1px solid var(--line);border-radius:var(--r-kecil);background:var(--sheet);padding:0 12px;font-weight:400;color:var(--tinta)}textarea{height:auto;padding:12px;line-height:1.5;resize:vertical;width:100%}.tanda{display:inline-block;font-size:.8125rem;padding:2px 8px;border:1px solid var(--line);border-radius:var(--r-kecil);white-space:nowrap}.tanda.perhatian{border-color:#5c4310;color:var(--perhatian)}@media (hover:hover) and (pointer:fine){.tombol:hover{background:var(--utama-2)}.tombol.sekunder:hover{background:#d4ff4d}.tombol.garis:hover{background:var(--tile)}.nav a:hover{background:rgba(203,252,2,.07)}.kartu-prov:hover{border-color:var(--utama)}.segmen button:hover{color:var(--tinta)}}.studio{display:grid;grid-template-columns:minmax(300px,400px) minmax(0,1fr);grid-gap:28px;gap:28px}.kolom{gap:20px;min-width:0}.blok,.kolom{display:flex;flex-direction:column}.blok{gap:12px}.baris-aksi{display:flex;flex-wrap:wrap;gap:10px}.slot{display:grid;grid-template-columns:110px minmax(0,1fr);grid-gap:4px 14px;gap:4px 14px;padding:12px 0;border-top:1px solid var(--line-2)}.slot:last-child{border-bottom:1px solid var(--line-2)}.slot dt{font-size:.875rem;color:var(--tinta-3);padding-top:2px}.slot dd{margin:0;display:flex;flex-direction:column;gap:4px}.slot dd b{font-weight:600}.tanya{background:var(--tile);border-radius:var(--r-kartu);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.tanya .pilihan{display:flex;flex-wrap:wrap;gap:8px}.chip{all:unset;cursor:pointer;padding:7px 14px;font-size:.9375rem;box-shadow:inset 0 0 0 1px var(--line);background:var(--sheet)}.chip[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--utama);color:var(--utama-2);font-weight:600}.chip:active{transform:scale(.97)}.tab-baris{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}.tab-baris button{all:unset;cursor:pointer;padding:10px 14px;font-weight:500;color:var(--tinta-3);white-space:nowrap;border-bottom:2px solid transparent}.tab-baris button[aria-selected=true]{color:var(--tinta);border-bottom-color:var(--utama)}.panel{padding-top:20px;display:flex;flex-direction:column;gap:20px}.metrik{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:0;gap:0;border:1px solid var(--line-2);border-radius:var(--r-kartu);overflow:hidden}.metrik div{padding:14px 16px;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);margin:0 -1px -1px 0}.metrik dt{font-size:.8125rem;color:var(--tinta-3)}.metrik dd{margin:2px 0 0;font:500 1.25rem/1.3 var(--f-angka);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.grafik{width:100%;height:auto;display:block}.grafik text{font:400 11px var(--f-angka);fill:var(--tinta-3)}.gulir{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9375rem}th{font-weight:500;color:var(--tinta-3);text-align:left;font-size:.8125rem}td,th{padding:10px 12px;border-bottom:1px solid var(--line-2);white-space:nowrap}td.n,th.n{text-align:right;font-family:var(--f-angka);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.plus{color:var(--naik)}.minus{color:var(--turun)}canvas{width:100%;height:260px;display:block;border:1px solid var(--line-2);border-radius:var(--r-kartu);background:var(--sheet)}.geser{display:flex;flex-wrap:wrap;align-items:center;gap:12px}input[type=range]{accent-color:var(--utama);width:min(260px,100%)}.kemajuan{border-radius:4px;background:var(--sky-dim);overflow:hidden}.kemajuan i{display:block;height:100%;background:var(--utama);border-radius:4px}.hash{font:400 .875rem var(--f-angka);word-break:break-all;color:var(--tinta-2)}.saring{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:flex-end}.cocok,.saring{margin-bottom:22px}.cocok{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px;padding:16px;background:var(--tile);border-radius:var(--r-kartu);align-items:end}.kisi{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.kartu-prov{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--line);border-radius:var(--r-kartu);background:var(--sheet);transition:border-color .18s ease,transform .12s var(--ease-masuk)}.kartu-prov:active{transform:scale(.99)}.kartu-prov header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.kartu-prov header p{font-size:.875rem;color:var(--tinta-3)}.angka-kartu{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px 16px;gap:10px 16px;margin:0}.angka-kartu dt{font-size:.8125rem;color:var(--tinta-3)}.angka-kartu dd{margin:0;font:500 1.0625rem var(--f-angka);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kaki-kartu{display:flex;flex-direction:column;gap:2px;padding-top:12px;border-top:1px solid var(--line-2);font-size:.9375rem}.alasan{font-size:.875rem;color:var(--utama-2)}.laci{position:fixed;inset:0 0 0 auto;width:min(460px,100%);background:var(--sheet);box-shadow:-24px 0 48px -28px rgba(0,0,0,.8);padding:calc(24px + env(safe-area-inset-top,0px)) 24px 32px;overflow-y:auto;transform:translateX(100%);transition:transform .32s var(--ease-sheet);z-index:5;display:flex;flex-direction:column;gap:18px}.laci.buka{transform:none}.tirai{position:fixed;inset:0;background:rgba(0,0,0,.66);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:4}.tirai.buka{opacity:1;pointer-events:auto}.daftar-def{display:grid;grid-template-columns:130px minmax(0,1fr);grid-gap:8px 14px;gap:8px 14px;margin:0;font-size:.9375rem}.daftar-def dt{color:var(--tinta-3)}.daftar-def dd{margin:0}.toko{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);grid-gap:28px;gap:28px}.ringkas{display:flex;flex-wrap:wrap;gap:28px 40px;padding-bottom:20px;border-bottom:1px solid var(--line-2)}.ringkas dt{font-size:.875rem;color:var(--tinta-3)}.ringkas dd{margin:2px 0 0;font:500 1.5rem/1.2 var(--f-angka);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ringkas dd small{font:400 .8125rem var(--f-text);color:var(--tinta-3);display:block;margin-top:2px}.form-voucher{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:12px;gap:12px;align-items:end}.tautan{display:flex;gap:8px;flex-wrap:wrap}.tautan input{flex:1 1 220px;height:44px;border:1px solid var(--line);border-radius:var(--r-kecil);padding:0 12px;font:400 .875rem var(--f-angka);background:var(--tile);min-width:0}.info-contoh{margin-top:28px;padding-top:16px;border-top:1px solid var(--line-2);font-size:.875rem;color:var(--tinta-3);max-width:75ch}.kepala-beranda{max-width:640px;margin-bottom:26px}.pintu{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px;margin-bottom:32px}.kartu-pintu{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--line);border-radius:var(--r-kartu);background:var(--sheet);transition:border-color .18s ease,transform .12s var(--ease-masuk)}.kartu-pintu:active{transform:scale(.99)}.kartu-pintu b{font-family:var(--f-display);font-size:1.0625rem;font-weight:600}.kartu-pintu span{font-size:.875rem;color:var(--tinta-3)}.peta{display:flex;flex-direction:column}.baris-peta{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:12px 2px;border-top:1px solid var(--line-2)}.baris-peta:last-child{border-bottom:1px solid var(--line-2)}.baris-peta b{font-weight:500}.baris-peta span{font-size:.8125rem;color:var(--tinta-3)}.catatan-inline{background:var(--tile);border-radius:var(--r-kartu);padding:14px 16px;font-size:.9375rem;margin-top:14px;max-width:70ch}.dna{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);grid-gap:28px;gap:28px}.radar text{font:500 12px var(--f-text);fill:var(--tinta-2)}.streak{display:flex;flex-wrap:wrap;gap:5px}.hari{width:17px;height:17px;border:1.5px solid var(--line);flex:0 0 auto}.legenda-garis{display:flex;flex-wrap:wrap;gap:16px;font-size:.8125rem;color:var(--tinta-2)}.legenda-garis span{display:inline-flex;align-items:center;gap:6px}.legenda-garis i{width:16px;height:0;border-top:2.5px solid var(--naik);display:inline-block}.legenda-garis i.putus{border-top-style:dashed;border-color:var(--tinta-3)}.baris-klasemen{display:grid;grid-template-columns:32px minmax(0,1fr) 90px 100px;grid-gap:12px;gap:12px;align-items:baseline;padding:11px 2px;border-top:1px solid var(--line-2)}.baris-klasemen:last-child{border-bottom:1px solid var(--line-2)}.baris-klasemen .peringkat{font-family:var(--f-angka);color:var(--tinta-3)}.baris-klasemen .gerak{font-size:.8125rem;color:var(--tinta-3);text-align:right}.alur-hermes{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;margin-bottom:24px}.langkah-hermes{flex:1 1 160px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-kartu);background:var(--sheet);font-size:.9375rem}.panah-hermes{padding:0 10px;color:var(--tinta-3);align-self:center;flex:0 0 auto}.log-hermes{display:flex;flex-direction:column;gap:10px}.item-hermes{padding:14px 16px;border:1px solid var(--line-2);border-radius:var(--r-kartu);font-size:.9375rem}.item-hermes b{font-family:var(--f-display);display:block;margin-bottom:4px;font-size:.9375rem;font-weight:600}h1{font-weight:800;font-size:clamp(1.6rem,3.4vw,2.1rem)}h2{font-weight:700}.rel{border:0;border-radius:8px;color:#fff}.merek span,.nav small,.rel .catatan{color:#9a9a94}.rel .catatan{border-color:#2a2a2a}.nav a{color:#d6d6d0;border-radius:6px}.nav a[aria-current=page]{background:var(--sky);color:#0b0b0b;font-weight:700}.nav a[aria-current=page] small{color:#33400a}.lembar{background:transparent;border:0;box-shadow:none;padding:6px 0 40px}.tombol{border:var(--tebal);border-radius:6px;box-shadow:3px 3px 0 #0e0e0e;font-weight:700;transition:transform .1s var(--ease-masuk),box-shadow .1s var(--ease-masuk),background-color .18s ease}.tombol:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #0e0e0e}.tombol.sekunder{background:var(--sky);color:#0b0b0b}.tombol.garis{box-shadow:3px 3px 0 #0e0e0e}.segmen,.tombol.garis{background:var(--sheet)}.segmen{border:2px solid #0e0e0e;border-radius:6px;padding:3px}.segmen button{border-radius:3px}.segmen button[aria-pressed=true]{background:#0b0b0b;color:#fff;box-shadow:none}.tautan input,label.bidang input,label.bidang select,textarea{border:2px solid #0e0e0e;border-radius:5px;background:var(--sheet)}.tanda{border:1.5px solid #0e0e0e;border-radius:4px;color:var(--tinta);background:var(--sheet);font-weight:500}.tanda.perhatian{border-color:var(--perhatian);background:#fff6dc}.chip{border-radius:6px}.chip,.chip[aria-pressed=true]{box-shadow:inset 0 0 0 2px #0e0e0e}.tab-baris{border-bottom:2px solid #0e0e0e}.tab-baris button{margin-bottom:-2px;border-bottom-width:4px}.catatan-inline,.cocok,.item-hermes,.kartu-pintu,.kartu-prov,.langkah-hermes,.tanya{border:var(--tebal);border-radius:6px;box-shadow:var(--bayang);background:var(--sheet)}.kartu-pintu,.kartu-prov{transition:transform .1s var(--ease-masuk),box-shadow .1s var(--ease-masuk)}.kartu-pintu:active,.kartu-prov:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #0e0e0e}.metrik{border:var(--tebal);border-radius:6px;box-shadow:var(--bayang);background:var(--sheet)}.metrik div{border-color:#0e0e0e}.plus{color:var(--naik-teks)}.minus,.plus{font-weight:700}.minus{color:var(--utama)}.alur-hermes{gap:12px 0}.kemajuan{border:2px solid #0e0e0e;height:12px;border-radius:3px;background:var(--sheet)}.kemajuan i{background:var(--naik);border-radius:0}.hari{border:2px solid #0e0e0e;border-radius:3px;background:var(--sheet)}.hari.patuh{background:var(--naik);border-color:#0e0e0e}.legenda-garis i{border-top-color:var(--naik-teks)}.laci{border-left:var(--tebal)}.tirai{background:hsla(0,0%,4%,.55)}.grafik{border:var(--tebal);border-radius:6px;box-shadow:var(--bayang);padding:10px 6px 4px}.grafik text{fill:var(--g-teks)}.radar text{fill:#d6d6d0}canvas{border:var(--tebal);border-radius:6px;box-shadow:var(--bayang)}.bento{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);grid-gap:16px;gap:16px;margin-bottom:30px}.b{border:var(--tebal);border-radius:6px;box-shadow:var(--bayang);background:var(--sheet);padding:18px;display:flex;flex-direction:column;gap:6px;min-width:0}.b .lbl,.b dt{font-size:.875rem;color:var(--tinta-3)}.b .besar{font:700 2rem/1.1 var(--f-angka);letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.b small{font-size:.8125rem;color:var(--tinta-3)}.b.hitam{background:#0b0b0b;color:#fff;box-shadow:4px 4px 0 var(--naik);grid-row:span 2}.b.hitam .lbl,.b.hitam small{color:#9a9a94}.b.hitam .besar{color:var(--sky);font-size:2.6rem}.b.lime{background:var(--sky)}.b.lime .lbl,.b.lime small{color:#33400a}.batang{display:flex;align-items:flex-end;gap:7px;height:96px;margin-top:auto;padding-top:14px}.batang i{flex:1 1;max-width:34px;background:var(--naik);border-radius:2px 2px 0 0;min-height:4px}.batang i.rugi{background:var(--turun)}.b .baris-aksi{margin-top:12px}.b.hitam,.duel-atas,.grafik,.rel,canvas{background:var(--panggung)}.b.hitam .tombol,.duel-atas .tombol{border-color:transparent;box-shadow:none;border-radius:999px;padding:0 22px}.b.hitam .tombol:active,.duel-atas .tombol:active{transform:scale(.97);box-shadow:none}.b.hitam .tombol.sekunder{box-shadow:var(--neon);transition:box-shadow .25s ease,transform .1s var(--ease-masuk)}.nav a[aria-current=page]{box-shadow:var(--neon)}@keyframes napas-neon{0%,to{box-shadow:0 0 0 1px rgba(203,252,2,.55),0 4px 16px -6px rgba(203,252,2,.45)}50%{box-shadow:0 0 0 1px rgba(203,252,2,.9),0 4px 30px -2px rgba(203,252,2,.8)}}@media (prefers-reduced-motion:no-preference){.b.hitam .tombol.sekunder{animation:napas-neon 3.6s ease-in-out infinite}}.pintu{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width:860px){.pintu{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.pintu{grid-template-columns:minmax(0,1fr)}}.kartu-pintu.utama{background:var(--sky)}.kartu-pintu.utama span{color:#33400a}.akordeon{display:flex;flex-direction:column;gap:14px;max-width:860px}.akordeon details{border-radius:16px;background:#f0f6ff;box-shadow:0 2px 8px 0 rgba(14,98,95,.08)}.akordeon summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px 18px 30px;border-radius:16px;font-weight:700;font-size:1rem;letter-spacing:-.01em;min-height:64px;transition:background-color .2s ease,color .2s ease}.akordeon summary::-webkit-details-marker{display:none}.akordeon .bulat{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(33,119,240,.08);display:grid;place-items:center;transition:background-color .2s ease,box-shadow .25s ease;color:#026f84}.akordeon .bulat svg{width:15px;height:15px;transition:transform .22s var(--ease-masuk)}.akordeon details[open]{background:var(--sheet);box-shadow:0 10px 20px -15px #d9dae5}.akordeon details[open] summary{background:var(--panggung);color:#fff;border-radius:16px}.akordeon details[open] .bulat{background:var(--sky);color:#000;box-shadow:0 0 0 5px rgba(246,217,65,.25)}.akordeon details[open] .bulat svg{transform:rotate(180deg)}.akordeon .jawab{padding:20px 30px 26px;color:var(--tinta-2);max-width:72ch;line-height:1.6}@media (hover:hover) and (pointer:fine){.akordeon details:not([open]) summary:hover{background:#e6effd}}.jalan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:0;gap:0;border:var(--tebal);border-radius:6px;box-shadow:var(--bayang);background:var(--sheet);margin-top:14px}.jalan a{display:flex;flex-direction:column;gap:5px;padding:16px 18px;text-decoration:none;color:inherit;border-right:2px solid #0e0e0e;min-width:0}.jalan a:last-child{border-right:0}.jalan a b{font-family:var(--f-display);font-size:1rem;font-weight:700}.jalan a span{font-size:.875rem;color:var(--tinta-3)}.jalan a small{font:500 .75rem var(--f-angka);letter-spacing:-.03em;color:var(--tinta-2);margin-top:auto;padding-top:8px;overflow-wrap:anywhere}.jalan a.sini{background:var(--panggung);color:#fff}.jalan a.sini small,.jalan a.sini span{color:#9a9a94}.jalan a.sini b{color:var(--sky)}.eko{display:flex;flex-direction:column;gap:2px;padding-top:14px;border-top:1px solid #2a2a2a}.eko p{font-size:.8125rem;color:#9a9a94;padding:0 14px 6px}.eko a{display:flex;justify-content:space-between;gap:8px;padding:9px 14px;border-radius:6px;color:#d6d6d0;text-decoration:none;font-size:.9375rem}.eko a small{color:#9a9a94;font-size:.8125rem}.ajak{border:var(--tebal);border-radius:6px;padding:14px 16px;background:var(--tile);display:flex;flex-direction:column;gap:8px;font-size:.9375rem}.ajak b{font-family:var(--f-display)}.tanda.asli{border-color:#0e0e0e;background:#0e0e0e;color:#fff}.ajak a{color:var(--tinta);font-weight:700;text-underline-offset:3px}@media (hover:hover) and (pointer:fine){.jalan a:not(.sini):hover{background:var(--tile)}.eko a:hover{background:rgba(203,252,2,.07)}}@media (max-width:980px){.eko{display:none}}@media (max-width:760px){.jalan{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.jalan a{border-bottom:2px solid #0e0e0e}.jalan a:nth-child(2n){border-right:0}.jalan a:nth-last-child(-n+2){border-bottom:0}}.duel{border:var(--tebal);border-radius:6px;box-shadow:var(--bayang);background:var(--sheet);overflow:hidden;margin-bottom:26px}.duel-atas{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-gap:12px;gap:12px;align-items:end;background:var(--panggung);color:#fff;padding:16px 18px}.duel-atas option{background:#19191a;color:#fff}.duel-atas label{display:flex;flex-direction:column;gap:6px;font-size:.8125rem;color:#9a9a94;min-width:0}.duel-atas select{height:44px;border:1px solid #3c3c3e;border-radius:5px;background:hsla(0,0%,100%,.06);color:#fff;font-weight:700;padding:0 10px;min-width:0;width:100%}.duel-atas .lawan{font:700 .8125rem/44px var(--f-angka);color:var(--sky)}.duel-baris{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line)}.duel-baris .n{font:700 1.0625rem/1.2 var(--f-angka);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.duel-baris .n.kalah{color:var(--tinta-3);font-weight:400}.duel-baris .n.kanan{text-align:right}.duel-baris .k{font-size:.8125rem;color:var(--tinta-3);text-align:center}.duel-kaki{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--tile)}.duel-kaki p{font-size:.9375rem;max-width:52ch}@media (hover:hover) and (pointer:fine){.kartu-pintu:hover,.kartu-prov:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #0e0e0e;border-color:#0e0e0e}.tombol:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #0e0e0e}.b.hitam .tombol:hover{transform:none;box-shadow:none;filter:brightness(1.08)}.b.hitam .tombol.sekunder:hover{animation:none;box-shadow:0 0 0 1px #cbfc02,0 4px 34px 0 rgba(203,252,2,.85)}}@media (max-width:980px){.bento{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.b.hitam{grid-column:1/-1;grid-row:auto}}@media (max-width:560px){.bento,.duel-atas{grid-template-columns:minmax(0,1fr)}.duel-atas .lawan{line-height:1.2}}:root{--tepi:1px solid #dce5fd;--pendar:0 0 10px 0 #c8d7fc;--pendar-angkat:0 10px 30px 0 #c8d7fc;--r-kartu:16px;--r-kecil:10px}.ajak,.b,.catatan-inline,.cocok,.duel,.item-hermes,.jalan,.kartu-pintu,.kartu-prov,.langkah-hermes,.metrik,.tanya{border:var(--tepi);border-radius:16px;box-shadow:var(--pendar)}.kartu-pintu,.kartu-prov{transition:transform .18s var(--ease-masuk),box-shadow .22s ease}.kartu-pintu:active,.kartu-prov:active{transform:scale(.985);box-shadow:var(--pendar)}.metrik div{border-color:#e4ebfd}.b.hitam{border-color:transparent;box-shadow:0 14px 34px -14px rgba(168,224,0,.75),var(--pendar)}.grafik,canvas{border:0;border-radius:16px;box-shadow:var(--pendar)}.jalan a{border-right:1px solid #dce5fd}.jalan{overflow:hidden}.ajak{background:#f7faff}.duel-baris{border-bottom-color:#e4ebfd}.duel-kaki{background:#f7faff}.laci{border-left:var(--tepi);box-shadow:none}.laci.buka{box-shadow:-20px 0 40px -20px #c8d7fc}.laci>*{flex-shrink:0}.laci td,.laci th{padding:9px 5px;font-size:.8125rem}.laci th{font-size:.75rem}.tombol{border:0;border-radius:999px;box-shadow:0 8px 18px -10px rgba(245,19,0,.75);padding:0 22px}.tombol:active{transform:scale(.97);box-shadow:0 4px 10px -8px rgba(245,19,0,.7)}.tombol.sekunder{box-shadow:0 8px 18px -10px rgba(140,180,0,.9)}.tombol.garis{border:var(--tepi);box-shadow:var(--pendar);background:#fff}.tombol:disabled{box-shadow:none}.segmen{border:var(--tepi);box-shadow:var(--pendar);padding:4px}.segmen,.segmen button{border-radius:999px}.tautan input,label.bidang input,label.bidang select,textarea{border:1px solid #c8d7fc;border-radius:10px}.tanda{border:1px solid #c8d7fc;padding:3px 10px;color:var(--tinta-2)}.chip,.tanda{border-radius:999px}.chip{box-shadow:inset 0 0 0 1px #c8d7fc}.chip[aria-pressed=true]{box-shadow:inset 0 0 0 1px #a8e000}.tab-baris{border-bottom:1px solid #dce5fd}.tab-baris button{margin-bottom:-1px;border-bottom-width:3px}.kemajuan{border:0;height:8px;background:#eaf0fe}.kemajuan,.kemajuan i{border-radius:99px}.hari{border:1px solid #c8d7fc;border-radius:5px}.hari.patuh{border-color:var(--naik)}.baris-klasemen,.baris-peta,.slot,td,th{border-color:#e4ebfd}.rel{border-radius:20px;box-shadow:var(--pendar)}.nav a{border-radius:999px}@media (hover:hover) and (pointer:fine){.kartu-pintu:hover,.kartu-prov:hover{transform:translateY(-3px);box-shadow:var(--pendar-angkat);border-color:#c8d7fc}.tombol:hover{transform:translateY(-1px);box-shadow:0 12px 22px -10px rgba(245,19,0,.8)}.tombol.sekunder:hover{box-shadow:0 12px 22px -10px #8cb400}.tombol.garis:hover{box-shadow:var(--pendar-angkat);background:#fff}.b.hitam .tombol:hover{transform:none}.jalan a:not(.sini):hover{background:#f7faff}}@media (max-width:760px){.jalan a{border-bottom:1px solid #dce5fd}}.b.lime,.kartu-pintu.utama{background:var(--utama);color:#fff;border-color:transparent;box-shadow:0 12px 26px -14px rgba(245,19,0,.8)}.b.lime .besar,.b.lime .lbl,.b.lime small,.kartu-pintu.utama b,.kartu-pintu.utama span{color:#fff}.tebal-lime{box-shadow:inset 0 -.16em 0 var(--utama)}.tombol.sekunder{background:var(--panggung);color:#fff;box-shadow:0 8px 18px -10px rgba(0,0,0,.7)}.b.hitam .tombol.sekunder,.chip[aria-pressed=true]{background:var(--sky);color:#0b0b0b}.chip[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px #0e0e0e}.hari.patuh,.kemajuan{border:1.5px solid #0e0e0e}.kemajuan{height:10px;background:#fff}@media (hover:hover) and (pointer:fine){.kartu-pintu.utama:hover{box-shadow:0 16px 30px -14px rgba(245,19,0,.9);border-color:transparent}.tombol.sekunder:hover{background:var(--panggung);box-shadow:0 12px 22px -10px rgba(0,0,0,.8)}.b.hitam .tombol.sekunder:hover{background:var(--sky)}}@media (max-width:560px){.metrik{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.app{grid-template-columns:minmax(0,1fr);padding-inline:16px;gap:14px}.rel{position:static;min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px;gap:10px;border-radius:20px}.merek span,.rel .catatan{display:none}.nav{flex-direction:row;flex-wrap:wrap;margin-left:auto}.nav small{display:none}.nav a{padding:9px 14px}.dna,.studio,.toko{grid-template-columns:minmax(0,1fr)}.baris-klasemen{grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:"p n n" ". l g"}.baris-klasemen .peringkat{grid-area:p}.baris-klasemen>div{grid-area:n}.baris-klasemen .tanda{grid-area:l;justify-self:start}.baris-klasemen .gerak{grid-area:g}.lembar{border-radius:22px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}.b.hitam :focus-visible,.duel-atas :focus-visible,.grafik :focus-visible,.rel :focus-visible{outline-color:var(--sky)}.duel-atas select:focus,.duel-atas select:focus-visible{outline:2px solid var(--sky);outline-offset:2px;border-color:var(--sky)}.modal-geser{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:16px 18px;border:var(--tepi);border-radius:16px;box-shadow:var(--pendar);background:var(--sheet)}.modal-geser input[type=range]{flex:1 1 240px;width:auto;min-width:0;height:28px}.modal-geser output{font-size:1.5rem;font-weight:600;min-width:9ch;text-align:right;color:var(--tinta)}.etalase .kartu-prov{cursor:default}.etalase .kartu-prov:active{transform:none}.etalase .grafik{box-shadow:none;border-radius:12px;padding:6px 4px 2px}.jadi{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:2px;color:var(--tinta-2)}.jadi b{font:600 1.625rem/1.2 var(--f-angka);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--tinta)}.jadi b.minus{color:var(--utama)}.pita{display:flex;flex-direction:column;border-top:1px solid #e4ebfd}.pita-baris{display:grid;grid-template-columns:7.5rem minmax(0,1.4fr) minmax(0,1fr) 6rem auto;grid-gap:12px;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid #e4ebfd;text-decoration:none;color:inherit}.pita-baris:active{transform:scale(.995)}.buram{filter:blur(5px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.tiga-alasan{display:flex;flex-wrap:wrap;gap:6px 22px;margin:14px 0 0;padding:0;list-style:none;color:var(--tinta-2);font-size:.9375rem}.tiga-alasan li{display:flex;align-items:center;gap:8px}.tiga-alasan li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--utama);flex:none}@media (hover:hover) and (pointer:fine){.pita-baris:hover b{color:var(--utama-2)}.etalase .kartu-prov:hover{transform:none}}@media (max-width:640px){.pita-baris{grid-template-columns:1fr auto;gap:2px 12px}.pita-baris>:first-child{grid-column:1/-1}.modal-geser output{text-align:left}}.etalase .akordeon{max-width:none}.titip{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.titip-teks{font-size:.9375rem;font-weight:600;color:var(--utama-2);text-underline-offset:3px}.ajak-kabar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;margin-top:14px;padding:14px 18px;border:var(--tepi);border-radius:16px;background:var(--sheet)}.zirah{flex:none;border-radius:50%;display:block}.kepala-prov{display:flex;gap:12px;align-items:center;min-width:0}.kepala-prov>div{min-width:0}.jenjang-teks{font-size:.8125rem;font-weight:700;color:var(--utama-2);letter-spacing:.01em}.andal{display:inline-flex;align-items:center;gap:8px;color:var(--tinta-2)}.andal-batang{display:inline-flex;gap:2px}.andal-batang i{width:7px;height:14px;border-radius:2px;background:#dde6fb}.andal-batang i.isi{background:var(--tinta)}.baris-bukti{justify-content:space-between;gap:6px 14px;font-size:.875rem;color:var(--tinta-2)}.baris-bukti,.urutkan{display:flex;flex-wrap:wrap;align-items:center}.urutkan{gap:8px;margin:0 0 16px}.lencana{flex:none;display:block}.tangga{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:8px;gap:8px;align-items:end;padding:28px 18px 22px;border-radius:24px;background:var(--panggung);color:#fff}.anak-tangga{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;min-width:0}.anak-tangga:first-child{padding-bottom:0}.anak-tangga:nth-child(2){padding-bottom:14px}.anak-tangga:nth-child(3){padding-bottom:28px}.anak-tangga:nth-child(4){padding-bottom:42px}.anak-tangga:nth-child(5){padding-bottom:56px}.anak-tangga:nth-child(6){padding-bottom:70px}.anak-tangga .lencana{width:min(132px,100%);height:auto}.anak-tangga b{font-size:1.0625rem}.anak-tangga span{font-size:.8125rem;color:#b9bdb2}.baris-pangkat{display:grid;grid-template-columns:48px minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);grid-gap:14px;gap:14px;align-items:center;padding:12px 4px;border-bottom:1px solid #e4ebfd}a.jenjang-teks{text-decoration:none}@media (max-width:760px){.tangga{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}.anak-tangga{padding-bottom:0!important}.baris-pangkat{grid-template-columns:48px minmax(0,1fr)}.baris-pangkat>span{grid-column:2}}.pamer{margin:0 0 22px}.pamer-isi{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);grid-gap:22px;gap:22px;align-items:start;padding:18px;border:var(--tepi);border-radius:20px;box-shadow:var(--pendar);background:var(--sheet)}.pamer-kanvas{width:100%;height:auto;aspect-ratio:1080/1350;border-radius:14px;display:block;background:#0b0b0b}.pamer-sisi{display:flex;flex-direction:column;gap:12px;min-width:0}.pamer-luar{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.9375rem;font-weight:600}.pamer-luar a{color:var(--utama-2);text-underline-offset:3px}@media (max-width:700px){.pamer-isi{grid-template-columns:minmax(0,1fr)}}.gerbang{flex-basis:100%;order:9;display:flex;flex-direction:column;gap:10px;padding-top:14px;margin-top:4px;border-top:1px solid #e4ebfd}