.peta-halaman{padding-block-end:48px}.peta-kepala{align-items:end;gap:16px;padding-block:16px;display:grid}@media (width>=900px){.peta-kepala{grid-template-columns:minmax(0,1fr) 440px;gap:32px;padding-block:24px 16px}}.peta-lead{color:#4f3f2c;max-width:46rem;margin-block-start:8px;font-size:15px;line-height:1.55}.peta-cari-label{color:#6b5a45;margin-block-end:4px;font-size:13px;font-weight:600;display:block}.peta-cari .carian{padding-inline:12px 6px}.peta-cari input{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.02em;font-size:15px!important}.peta-hasil{background:#fffaf0;border:1px solid #e5d9c2;border-radius:14px;gap:4px;margin-block-end:16px;padding:12px 16px;display:grid}.peta-hasil[data-ada]{background:linear-gradient(90deg,#fbf1d6,#fffaf0 70%);border-color:#d9b866;box-shadow:inset 4px 0 #806018}[dir=rtl] .peta-hasil[data-ada]{box-shadow:inset -4px 0 #806018}.peta-hasil-judul{font-size:19px;line-height:1.5}.peta-hasil-judul [lang=ar]{font-family:var(--font-arab,"Amiri", serif);font-weight:700}.peta-hasil-utama{color:#22170b;font-size:16.5px}.peta-hasil-utama strong{color:#3a2412;background:#e8cf8a;border-radius:999px;padding:1px 8px;font-weight:700}.peta-hasil-kecil{color:#6b5a45;font-size:14px}.peta-np{font-family:var(--font-mono,ui-monospace, monospace);color:#3a2412;background:#f1e8d6;border-radius:6px;padding:1px 6px;font-size:.92em;font-weight:700}.peta-pentas{aspect-ratio:16/9;background:#efe6d4;border:1px solid #e5d9c2;border-radius:14px;width:100%;min-height:360px;max-height:78vh;position:relative;overflow:hidden}@media (width<=639px){.peta-pentas{aspect-ratio:3/4;min-height:340px;max-height:60vh;margin-inline:calc(var(--gutter) * -1);width:calc(100% + var(--gutter) * 2);border-inline:0;border-radius:0}}.peta-pentas[data-mod="2d"]{aspect-ratio:auto;background:#f5efe3;min-height:0;max-height:none}.peta-3d{touch-action:pan-y;position:absolute;inset:0}.peta-3d canvas{cursor:grab;outline:none;display:block;width:100%!important;height:100%!important}.peta-3d canvas:active{cursor:grabbing}.peta-petua-jari{z-index:6;text-align:center;color:#fffaf0;text-shadow:0 1px 6px #140a02e6;pointer-events:none;opacity:0;background:#22170b99;place-items:center;margin:0;padding:24px;font:700 17px/1.35 Instrument Sans,system-ui,sans-serif;transition:opacity .25s;display:grid;position:absolute;inset:0}.peta-petua-jari.nampak{opacity:1}@media (prefers-reduced-motion:reduce){.peta-petua-jari{transition:none}}.peta-memuat{color:#6b5a45;place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.peta-2d{margin:0;padding:16px 12px 8px}.peta-pentas[data-mod="2d"] .peta-2d{padding-block-start:64px}.peta-2d svg{width:100%;height:auto;max-height:70vh;margin-inline:auto;font-family:Instrument Sans,system-ui,sans-serif;display:block}.p2-rak rect,.p2-rak circle{transition:filter .15s}.p2-rak:hover rect:first-of-type,.p2-rak:focus-visible rect:first-of-type{filter:brightness(1.15)}.p2-rak:focus-visible{outline:none}.p2-rak:focus-visible circle{stroke:#806018;stroke-width:.14px}.p2-sasaran rect:first-of-type{animation:1.6s ease-in-out infinite p2-denyut}@keyframes p2-denyut{50%{filter:drop-shadow(0 0 .35px #e8cf8a)brightness(1.1)}}.p2-laluan{animation:1.2s linear infinite p2-alir}@keyframes p2-alir{to{stroke-dashoffset:-.7px}}@media (prefers-reduced-motion:reduce){.p2-sasaran rect:first-of-type,.p2-laluan{animation:none}}.peta-alat{z-index:5;pointer-events:none;flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex;position:absolute;inset-block-start:12px;inset-inline:12px}.peta-alat[hidden]{display:none}.peta-alat-kumpulan{flex-wrap:wrap;gap:8px;display:flex}.peta-pentas[data-mod="2d"] .peta-alat-kumpulan{display:none}.peta-btn{pointer-events:auto;color:#3a2412;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#fffaf0f0;border:1px solid #cdb994;border-radius:999px;min-height:40px;padding-inline:14px;font-size:14px;font-weight:600;box-shadow:0 4px 14px -8px #3a24128c}.peta-btn:hover{background:#fffaf0;border-color:#7b4a1e}.peta-btn-mod{color:#e8cf8a;background:#3a2412;border-color:#3a2412;margin-inline-start:auto}.peta-btn-mod:hover{background:#7b4a1e;border-color:#7b4a1e}.peta-btn-pendek{display:none}@media (width<=639px){.peta-btn{min-height:36px;padding-inline:12px;font-size:13px}.peta-btn-panjang{display:none}.peta-btn-pendek{display:inline}.peta-alat{inset-block-start:8px;inset-inline:8px}}.peta-bantuan{z-index:4;color:#4f3f2c;white-space:nowrap;pointer-events:none;text-overflow:ellipsis;background:#fffaf0d9;border-radius:999px;max-width:calc(100% - 24px);margin:0;padding:4px 12px;font-size:12.5px;position:absolute;inset-block-end:10px;inset-inline-start:50%;overflow:hidden;transform:translate(-50%)}.peta-pentas[data-mod="2d"] .peta-bantuan{display:none}@media (width<=639px){.peta-bantuan{display:none}}.peta-label{pointer-events:none;color:#3a2412;background:#fffaf0ed;border:1px solid #cdb994;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:3px 5px 4px;font:700 12px/1 Instrument Sans,system-ui,sans-serif;display:inline-flex;box-shadow:0 3px 10px -6px #3a241299}.peta-label b{color:#fffaf0;background:#7b4a1e;border-radius:999px;place-items:center;min-width:20px;height:20px;padding-inline:5px;font-size:11.5px;display:inline-grid}.peta-label i{color:#806018;font-size:10.5px;font-style:normal;font-weight:700;line-height:1.25;font-family:var(--font-mono,ui-monospace, monospace);text-align:center;white-space:normal;word-spacing:-.2em;max-width:5.4em}.peta-label-baris{white-space:nowrap;border-radius:999px;flex-direction:row;gap:6px;padding:4px 10px 4px 4px}.peta-label .pl-pendek{display:none}.peta-label-sasaran{pointer-events:none;color:#e8cf8a;white-space:nowrap;background:#3a2412;border:2px solid #e8cf8a;border-radius:999px;padding:8px 16px;font:700 15px/1.1 Instrument Sans,system-ui,sans-serif;animation:.5s ease-out both pl-masuk;position:relative;box-shadow:0 10px 24px -10px #1e0f04cc}.peta-label-sasaran:after{content:"";border:8px solid #0000;border-top-color:#e8cf8a;position:absolute;inset-block-start:100%;inset-inline-start:50%;translate:-50%}@keyframes pl-masuk{0%{opacity:0;translate:0 8px}}@media (width<=639px){.peta-label{padding:2px;font-size:11px}.peta-label b{min-width:18px;height:18px;font-size:10.5px}.peta-label i{display:none}.peta-label-baris{padding:3px 8px 3px 3px}.peta-label .pl-panjang{display:none}.peta-label .pl-pendek{display:inline}.peta-label-sasaran{padding:6px 12px;font-size:13.5px}}.peta-petunjuk{color:#4f3f2c;flex-wrap:wrap;gap:8px 20px;margin-block-start:12px;font-size:13.5px;display:flex}.peta-petunjuk li{align-items:center;gap:8px;display:inline-flex}.pp-warna{background:var(--c);border:1.5px solid var(--g,#5a3216);border-radius:3px;width:18px;height:12px}.pp-garis{border-top:3px dashed #806018;width:22px;height:0}.peta-senarai-bhg{padding-block-start:40px}.peta-senarai{gap:8px;margin-block-start:16px;display:grid}@media (width>=720px){.peta-senarai{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (width>=1100px){.peta-senarai{grid-template-columns:repeat(3,minmax(0,1fr))}}.peta-item{background:#fffaf0;border:1px solid #e5d9c2;border-radius:14px;align-items:flex-start;gap:12px;padding:12px;scroll-margin-block:96px;display:flex}.peta-item.sasaran{background:#fbf1d6;border-color:#806018;box-shadow:0 0 0 3px #e8cf8ab3}.peta-item-no{color:#fffaf0;background:#7b4a1e;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;font:700 16px/1 Instrument Sans,sans-serif;display:grid}.peta-item.sasaran .peta-item-no{color:#e8cf8a;background:#3a2412}.peta-item-tajuk{color:#22170b;font-weight:700}.peta-item-tajuk a:hover{color:#7b4a1e;text-underline-offset:3px;text-decoration:underline}.peta-item-tajuk span{color:#6b5a45;margin-inline-start:4px;font-size:13px;font-weight:500}.peta-item-ket{color:#4f3f2c;font-size:14px;line-height:1.45}.peta-item-kod{font:600 12.5px/1.5 var(--font-mono,ui-monospace, monospace);color:#806018;text-align:start;overflow-wrap:anywhere;margin-block-start:4px}[dir=rtl] .peta-item-kod{text-align:end}.peta-nota{color:#6b5a45;max-width:52rem;margin-block-start:16px;font-size:13.5px}.peta-tingkat{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-end:12px;display:grid}@media (width>=640px){.peta-tingkat{gap:10px;display:flex}}.peta-tingkat-btn{color:#3a2412;background:#fffaf0;border:1.5px solid #e0d2b8;border-radius:14px;flex-direction:column;gap:2px;min-width:0;min-height:56px;padding-block:9px;padding-inline:16px 38px;text-decoration:none;display:flex;position:relative}.peta-tingkat-btn:hover{border-color:#7b4a1e}.peta-tingkat-btn:focus-visible{outline-offset:2px;outline:3px solid #d9b866}.peta-tingkat-btn.aktif{color:#fffaf0;background:#3a2412;border-color:#3a2412;box-shadow:0 6px 18px -10px #3a2412cc}.peta-tingkat-no{white-space:nowrap;font-size:16px;font-weight:700;line-height:1.2}.peta-tingkat-sub{color:#6b5a45;text-wrap:balance;font-size:13px;line-height:1.25}@media (width<=639px){.peta-tingkat-btn{padding-inline:14px 10px}.peta-tingkat-no{padding-inline-end:26px}.peta-tingkat-sub{font-size:12.5px}}.peta-tingkat-btn.aktif .peta-tingkat-sub{color:#e8cf8a}.peta-tingkat-btn:before{content:"";background:#8a4a22;border:2px solid #d9a441;border-radius:4px;width:14px;height:14px;position:absolute;inset-block-start:12px;inset-inline-end:14px}.peta-tingkat-btn[data-gaya=krim]:before{background:#f3ead8;border-color:#b5562a}.peta-tingkat-tanda{color:#3a2412;background:#e8cf8a;border-radius:999px;align-self:flex-start;margin-block-start:3px;padding:1px 8px;font-size:11.5px;font-weight:700}.peta-lencana{z-index:4;color:#fffaf0;pointer-events:none;background:#3a2412d9;border-radius:999px;margin:0;padding:6px 10px;font:700 12.5px/1 Instrument Sans,system-ui,sans-serif;position:absolute;inset-block-end:10px;inset-inline-start:10px}.peta-pentas[data-mod="3d"] .peta-bantuan{inset-inline:auto 10px;transform:none}@media (width>=640px){.peta-pentas[data-mod="3d"] .peta-bantuan{max-width:calc(100% - 260px)}}.peta-dalam .peta-label{opacity:.92;padding:2px}.peta-dalam .peta-label i{display:none}.peta-label-bilik{pointer-events:none;color:#4f3f2c;white-space:nowrap;background:#e7e0d2eb;border:1px solid #b9ad98;border-radius:6px;padding:3px 7px;font:600 12px/1.1 Instrument Sans,system-ui,sans-serif}.peta-dalam .peta-label-bilik{opacity:.75}
