/* ===== Babak · gaya pakej enjin Bab 6, kumpulan 6a (js/pakej-bab-06-6a.js): fail, lorek, penanda, kawad.
   Awalan kelas b6a-. Susun atur diskop dengan .b2-j-<jenis> / .b2-p-<jenis>, body.mod-lebar / body.mod-telefon,
   telefon pendek @media (max-height:700px). Palet Babak. ===== */

/* ---------- Bersama ---------- */
.b6a-goncang{animation:goncang .4s}
.b6a-klon-seret{position:absolute;z-index:40;margin:0;pointer-events:none;transition:none!important;box-shadow:0 16px 28px rgba(27,42,92,.32)!important}
.b6a-terbang{position:absolute;z-index:40;margin:0;pointer-events:none;transition:none!important;overflow:hidden}
.b2-main .b6a-fail[data-sibuk],.b2-main .b6a-lorek[data-sibuk],.b2-main .b6a-penanda[data-sibuk],.b2-main .b6a-kawad[data-sibuk]{cursor:progress}
.b2-j-fail .b2-kad-no,.b2-j-lorek .b2-kad-no,.b2-j-penanda .b2-kad-no,.b2-j-kawad .b2-kad-no{font-size:.875rem;letter-spacing:.04em}
.b2-j-fail .b2-kad-isi,.b2-j-lorek .b2-kad-isi,.b2-j-penanda .b2-kad-isi,.b2-j-kawad .b2-kad-isi{font-size:1.0625rem;overflow-wrap:break-word}
.b2-j-fail .b2-rujuk-btn,.b2-j-lorek .b2-rujuk-btn,.b2-j-penanda .b2-rujuk-btn,.b2-j-kawad .b2-rujuk-btn{font-size:.875rem;min-height:44px}
.b2-j-fail .b2-rumus-tokoh li,.b2-j-lorek .b2-rumus-tokoh li,.b2-j-penanda .b2-rumus-tokoh li,.b2-j-kawad .b2-rumus-tokoh li{font-size:.875rem;line-height:1.35;align-content:start}
.b2-j-fail .b2-rumus-label,.b2-j-lorek .b2-rumus-label,.b2-j-penanda .b2-rumus-label,.b2-j-kawad .b2-rumus-label{font-size:.875rem}
.b2-j-fail .op,.b2-j-lorek .op,.b2-j-penanda .op,.b2-j-kawad .op{min-height:50px;font-size:.9375rem;overflow-wrap:break-word}
.b6a-rumus li.b6a-rumus-penuh{grid-column:1/-1}
.b6a-rumus-baris{display:grid;gap:3px}
.b6a-rumus-baris > span{position:relative;padding-left:12px}
.b6a-rumus-baris > span::before{content:"";position:absolute;left:1px;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--teal)}
.b6a-rumus-tahun{display:inline-block;margin-right:6px;padding:0 6px;border-radius:6px;background:#EDE6FB;color:var(--ungu-d);font-style:normal;font-weight:900}
.b6a-tanda-garis{fill:none;stroke:#2563C4;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .38s ease}
@keyframes b6a-masuk-atas{from{transform:translateY(-14px);opacity:0}to{transform:none;opacity:1}}
@keyframes b6a-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1);opacity:1}100%{transform:scale(1)}}
@keyframes b6a-cop{from{transform:rotate(-8deg) scale(1.5);opacity:0}to{transform:rotate(-8deg) scale(1);opacity:.92}}

/* =====================================================================================
   6.1 FAIL ARKIB
   ===================================================================================== */
.b6a-fail{display:grid;gap:10px;min-width:0}
.b6a-fail-meja{display:grid;gap:10px;min-width:0}
.b6a-fail-folder{--w:#12998A;--wd:#0C776B;position:relative;display:grid;min-width:0;padding:8px 8px 10px;border-radius:22px;background:linear-gradient(#EFCB78,#E4B95B);box-shadow:var(--bayang),inset 0 0 0 2px #D9A84A}
.b6a-fail-tabbaris{display:flex;gap:5px;padding:0 6px;align-items:flex-end;min-width:0}
.b6a-fail-tab{--w:#12998A;--wd:#0C776B;flex:1 1 0;min-width:0;min-height:46px;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px 7px;border-radius:14px 14px 0 0;
  background:linear-gradient(rgba(255,255,255,.62),rgba(255,255,255,.62)),var(--w);color:var(--ink);font-size:.875rem;font-weight:900;line-height:1.15;text-align:center;
  box-shadow:inset 0 3px 0 var(--w),inset 0 -3px 0 rgba(27,42,92,.12);transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease}
.b6a-fail-tab-nama{min-width:0;overflow-wrap:anywhere}
.b6a-fail-tab-kira{flex:none;min-width:30px;padding:1px 6px;border-radius:9px;background:rgba(27,42,92,.12);font-size:.875rem}
.b6a-fail-tab.aktif{background:var(--w);color:#fff;box-shadow:inset 0 3px 0 rgba(255,255,255,.3);transform:translateY(1px)}
.b6a-fail-tab.aktif .b6a-fail-tab-kira{background:rgba(255,255,255,.25)}
.b6a-fail.ada-pilih .b6a-fail-tab:not(.redup){box-shadow:inset 0 3px 0 var(--w),0 0 0 3px var(--emas);animation:b6a-seru 1.4s ease-in-out 2}
@keyframes b6a-seru{50%{box-shadow:inset 0 3px 0 var(--w),0 0 0 5px rgba(255,201,51,.55)}}
.b6a-fail-tab.redup{opacity:.55}
.b6a-fail-tab.b6a-dekat{transform:translateY(-4px);box-shadow:inset 0 3px 0 var(--w),0 0 0 4px var(--emas)}
.b6a-fail-tab.salah{background:var(--salah-bg);color:var(--salah-teks);box-shadow:inset 0 0 0 3px #E0555D;animation:goncang .4s}
.b6a-fail-tab.kilat{background:var(--betul-bg);color:var(--betul-teks);box-shadow:inset 0 0 0 3px var(--hijau)}
.b6a-fail-halaman{position:relative;display:grid;gap:8px;min-width:0;padding:10px 10px 12px;border-radius:0 0 16px 16px;background:#FFFBEF;box-shadow:inset 0 5px 0 var(--w),0 3px 0 rgba(120,80,20,.18)}
.b6a-fail-hal-kepala{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:2px 10px;padding:2px 2px 0}
.b6a-fail-hal-nama{font-size:1rem;font-weight:900;color:var(--wd);overflow-wrap:anywhere}
.b6a-fail-hal-nota{font-size:.875rem;font-weight:800;color:var(--ink2)}
.b6a-fail-senarai{position:relative;display:grid;gap:7px;min-width:0;padding:2px 2px 4px}
.b6a-fail.urut .b6a-fail-senarai{padding-left:22px}
.b6a-fail.urut .b6a-fail-senarai::before{content:"";position:absolute;left:7px;top:6px;bottom:10px;width:4px;border-radius:2px;background:linear-gradient(var(--w),rgba(27,42,92,.18))}
.b6a-fail.urut .b6a-fail-senarai::after{content:"";position:absolute;left:3px;bottom:2px;border:6px solid transparent;border-top:9px solid rgba(27,42,92,.3)}
.b6a-fail-kosong{display:grid;place-items:center;min-height:64px;padding:10px;border-radius:12px;border:2px dashed #E3D3AE;font-size:.875rem;font-weight:800;color:#9C8660;text-align:center}
.b6a-fail-memo{position:relative;display:block;min-width:0}
.b6a-fail-memo-btn{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 10px 6px 22px;border-radius:10px;background:#fff;text-align:left;color:var(--ink);
  box-shadow:0 3px 0 rgba(27,42,92,.14),inset 4px 0 0 var(--w),inset 0 0 0 1.5px #EADFC4}
.b6a-fail-memo-teks{flex:1 1 auto;min-width:0;font-size:.875rem;font-weight:800;line-height:1.28;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:break-word}
.b6a-fail-cop-kecil{flex:none;padding:1px 6px;white-space:nowrap;border:2px solid #7B57E0;border-radius:6px;color:#5537A8;font-size:.875rem;font-weight:900;line-height:1.15;text-align:center;transform:rotate(-3deg);background:rgba(255,255,255,.7)}
.b6a-fail-klip{position:absolute;left:4px;top:-7px;z-index:2;width:16px;height:26px;color:#7D8FC0;pointer-events:none}
.b6a-fail-klip svg{width:16px;height:26px;display:block}
.b6a-fail-memo.baru .b6a-fail-memo-btn{animation:b6a-masuk-atas .42s ease-out both}
.b6a-fail-memo.baru .b6a-fail-klip{animation:b6a-klip .5s ease-out .2s both}
@keyframes b6a-klip{0%{transform:translateY(-16px) rotate(-30deg);opacity:0}60%{transform:translateY(2px) rotate(6deg);opacity:1}100%{transform:none;opacity:1}}
.b6a-fail-memo.dibantu .b6a-fail-memo-btn{box-shadow:0 3px 0 rgba(27,42,92,.14),inset 4px 0 0 #C9323F,inset 0 0 0 2px #E0555D;border:2px dashed #C9323F}
.b6a-fail-gap-li{display:block}
.b6a-fail-gap{--w:#12998A;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;padding:6px 10px;border-radius:12px;border:2.5px dashed var(--w,#12998A);background:rgba(255,255,255,.72);
  color:var(--wd,#0C776B);font-size:.9375rem;font-weight:900;transition:background-color .2s ease,transform .15s ease}
.b6a-fail-folder .b6a-fail-gap{border-color:var(--w);color:var(--wd)}
.b6a-fail-gap-anak{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--w);color:#fff;transform:rotate(90deg)}
.b6a-fail-gap-anak .ikon{width:16px;height:16px;stroke-width:3}
.b6a-fail-gap:hover,.b6a-fail-gap.b6a-dekat{background:#FFF1BF;border-style:solid;border-color:var(--emas-d)}
.b6a-fail-gap.salah{background:var(--salah-bg);border:3px solid #E0555D;color:var(--salah-teks);animation:goncang .4s}
.b6a-fail-gap.salah .b6a-fail-gap-anak{background:#C9323F}
.b6a-fail-gap.kilat{background:var(--betul-bg);border:3px solid var(--hijau);color:var(--betul-teks)}
.b6a-fail-gap.kilat .b6a-fail-gap-anak{background:var(--hijau)}
/* dulang masuk */
.b6a-fail-dulang{display:grid;gap:8px;align-content:start;min-width:0;padding:9px;border-radius:20px;background:linear-gradient(#D6DCE8,#BFC7D8);box-shadow:var(--lip),inset 0 0 0 2px #fff}
.b6a-fail-dulang-label{display:flex;align-items:center;gap:6px;min-width:0;font-size:.875rem;font-weight:900;letter-spacing:.03em;white-space:nowrap;text-transform:uppercase;color:var(--ink)}
.b6a-fail-dulang-ikon{width:20px;height:20px;flex:none;color:var(--ink2)}
.b6a-fail-dulang-kira{flex:none;margin-left:auto;white-space:nowrap;padding:1px 8px;border-radius:9px;background:var(--ink);color:#fff;font-size:.875rem;letter-spacing:0;text-transform:none}
.b6a-fail-dulang-isi{display:grid;gap:8px;min-width:0}
.b6a-fail-slot{display:grid;min-width:0}
.b6a-fail-slot.kosong{display:none}
.b6a-fail-dok{position:relative;display:grid;align-content:start;gap:5px;width:100%;min-height:70px;padding:9px 11px 11px;border-radius:12px;background:#FFFDF6;text-align:left;color:var(--ink);
  box-shadow:0 4px 0 rgba(27,42,92,.2),inset 0 0 0 2px #EADFC4;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.b6a-fail-dok::after{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 16px 16px 0;border-color:transparent #E3E9F7 #EADFC4 transparent;border-radius:0 12px 0 4px}
.b6a-fail-dok-atas{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:4px 6px;padding-right:12px}
.b6a-fail-label{font-size:.875rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-teks)}
.b6a-fail-cop{flex:none;padding:1px 7px;white-space:nowrap;border:2.5px solid #7B57E0;border-radius:6px;color:#5537A8;font-size:.875rem;font-weight:900;line-height:1.15;text-align:center;transform:rotate(-5deg);background:rgba(255,255,255,.7)}
.b6a-fail-teks{font-size:.9375rem;font-weight:800;line-height:1.3;overflow-wrap:break-word}
.b6a-fail-dok:active{transform:translateY(2px)}
.b6a-fail-dok.pilih{transform:translateY(-4px) rotate(-1deg);background:#FFF6D8;box-shadow:0 8px 0 var(--emas-d),inset 0 0 0 3px var(--emas)}
.b6a-fail-dok.salah{background:var(--salah-bg);box-shadow:0 4px 0 var(--merah-d),inset 0 0 0 3px #E0555D}
.b6a-fail-dok.salah .b6a-fail-teks{color:var(--salah-teks)}
.b6a-fail-dok.masuk{animation:lompat .38s ease-out both}
.b6a-fail-dok.b6a-diseret{opacity:.35}
.b6a-fail-soal{display:grid;gap:9px;align-content:start}
.b6a-fail.mod-soal .b6a-fail-dulang,.b6a-fail.mod-tamat .b6a-fail-dulang{display:none}

/* =====================================================================================
   6.2 LOREK · PETA DARURAT BERPERINGKAT
   ===================================================================================== */
.b6a-lorek{display:grid;gap:10px;min-width:0}
.b6a-lk-peta{position:relative;min-width:0;border-radius:22px;overflow:hidden;background:#A9DDF3;border:3px solid #fff;box-shadow:var(--bayang)}
.b6a-lk-svg{display:block;width:100%;height:auto;transition:opacity .3s ease,filter .3s ease}
.b6a-lk-laut{fill:#A9DDF3}
.b6a-lk-thai{fill:#D6DCCD;stroke:#fff;stroke-width:2;stroke-linejoin:round}
.b6a-lk-negeri{cursor:pointer}
.b6a-lk-asas{stroke:#fff;stroke-width:2.4;stroke-linejoin:round;transition:stroke .25s ease,stroke-width .25s ease}
.b6a-lk-isi{pointer-events:none}
.b6a-lk-tanda{opacity:0;pointer-events:none;transition:opacity .2s ease}
.b6a-lk-negeri.tanda .b6a-lk-tanda{opacity:1}
.b6a-lk-negeri.tanda .b6a-lk-asas{stroke:#E8971A;stroke-width:4.5}
.b6a-lk-negeri.salah .b6a-lk-asas{stroke:#C9323F;stroke-width:5}
.b6a-lk-negeri.kilat .b6a-lk-asas{stroke:#1A9A5C;stroke-width:6}
.b6a-lk-negeri.kelip .b6a-lk-asas{animation:b6a-kelip-garis .45s ease-in-out 3}
.b6a-lk-negeri.dibantu .b6a-lk-asas{stroke:#C9323F;stroke-dasharray:8 5;stroke-width:3}
@keyframes b6a-kelip-garis{0%,100%{stroke:#fff;stroke-width:2.4}50%{stroke:#1A9A5C;stroke-width:7}}
.b6a-lk-singapura{fill:#C9CED8;stroke:#8A93A8;stroke-width:1.6;stroke-dasharray:4 3}
.b6a-lk-garis{stroke:#1B2A5C;stroke-width:2;stroke-linecap:round;opacity:.5;fill:none}
.b6a-lk-garis.kota{stroke-dasharray:3 4;opacity:.65}
.b6a-lk-hujung{fill:#1B2A5C;opacity:.55}
.b6a-lk-label{cursor:pointer;outline:none}
.b6a-lk-hit{fill:transparent}
.b6a-lk-pil{fill:#fff;stroke:#C5D0EA;stroke-width:2;transition:fill .2s ease,stroke .2s ease}
.b6a-lk-label text{font-family:var(--f);font-size:22px;font-weight:900;fill:var(--ink);pointer-events:none}
.b6a-lk-label.kota .b6a-lk-pil{fill:#FFF3DA;stroke:#D9A86A}
.b6a-lk-label.jajahan{cursor:default}
.b6a-lk-label.jajahan .b6a-lk-pil{fill:#EEF0F5;stroke:#AEB6C8}
.b6a-lk-label.jajahan text{fill:#5E6886}
.b6a-lk-label.tanda .b6a-lk-pil{fill:#FFE27A;stroke:#E8971A;stroke-width:3.5}
.b6a-lk-label.diisi .b6a-lk-pil{stroke:var(--w,#F94F55);stroke-width:3.5}
.b6a-lk-label.diisi.tanda .b6a-lk-pil{stroke:#E8971A}
.b6a-lk-label.salah .b6a-lk-pil{fill:#FFD4D6;stroke:#C9323F;stroke-width:3.5}
.b6a-lk-label.salah text{fill:#A3222E}
.b6a-lk-label.kilat .b6a-lk-pil{fill:#D3F3E1;stroke:#1A9A5C;stroke-width:4}
.b6a-lk-label.kelip .b6a-lk-pil{animation:b6a-kelip-pil .45s ease-in-out 3}
.b6a-lk-label.dibantu .b6a-lk-pil{stroke:#C9323F;stroke-dasharray:6 4}
@keyframes b6a-kelip-pil{0%,100%{fill:#fff;stroke:#C5D0EA}50%{fill:#D3F3E1;stroke:#1A9A5C}}
.b6a-lk-label:focus-visible .b6a-lk-pil{stroke:var(--fokus);stroke-width:4}
.b6a-lk-kota{cursor:pointer}
.b6a-lk-titik{fill:#1B2A5C;stroke:#fff;stroke-width:2.5}
.b6a-lk-cincin{fill:none;stroke:none;transition:fill .25s ease,stroke .25s ease}
.b6a-lk-kota.tanda .b6a-lk-cincin{fill:rgba(255,201,51,.5);stroke:#E8971A;stroke-width:4}
.b6a-lk-kota.salah .b6a-lk-cincin{fill:rgba(249,79,85,.35);stroke:#C9323F;stroke-width:4.5}
.b6a-lk-kota.kilat .b6a-lk-cincin{fill:rgba(26,154,92,.3);stroke:#1A9A5C;stroke-width:5}
.b6a-lk-kota.kelip .b6a-lk-cincin{animation:b6a-kelip-cincin .45s ease-in-out 3}
@keyframes b6a-kelip-cincin{0%,100%{stroke:transparent;fill:transparent}50%{stroke:#1A9A5C;fill:rgba(26,154,92,.3);stroke-width:5}}
.b6a-lk-kota.diisi .b6a-lk-cincin{fill:rgba(236,111,31,.28);stroke:var(--w,#EC6F1F);stroke-width:5}
.b6a-lk-kota.diisi .b6a-lk-titik{fill:var(--w,#EC6F1F)}
.b6a-lk-kota.diisi.tanda .b6a-lk-cincin{fill:rgba(255,201,51,.5);stroke:#E8971A}
.b6a-lk-kota.dibantu .b6a-lk-cincin{stroke-dasharray:5 4}
.b6a-lk-riak{fill:none;stroke-width:4;pointer-events:none}
/* kad soalan di atas peta */
.b6a-lorek.mod-soal .b6a-lk-peta::after{content:"";position:absolute;inset:0;z-index:2;background:rgba(236,242,252,.58);pointer-events:none}
.b6a-lk-soal{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;display:grid;gap:8px;max-height:calc(100% - 20px);overflow-y:auto;padding:12px;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:var(--bayang)}
.b6a-lk-soal[hidden]{display:none}
.b6a-lk-soal.masuk{animation:b6a-masuk-atas .4s ease-out both}
.b6a-lk-soal-label{display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-teks)}
.b6a-lk-soal-label .ikon{width:18px;height:18px}
.b6a-lk-soal-ops{grid-template-columns:minmax(0,1fr);gap:8px}
/* butang Isytihar dan panel Kronologi */
.b6a-lk-sisi{display:grid;gap:10px;min-width:0;align-content:start}
.b6a-lk-aksi{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.b6a-lk-kira{margin-right:auto;font-size:.9375rem;font-weight:900;color:var(--ink2)}
.b6a-lk-isytihar{min-width:170px}
.b6a-lk-isytihar[disabled]{opacity:.55;cursor:default}
.b6a-lk-isytihar .ikon{width:22px;height:22px}
.b6a-lk-kronologi{display:grid;gap:6px;padding:10px 12px 12px;border-radius:18px;background:#fff;box-shadow:var(--lip)}
.b6a-lk-kron-tajuk{font-size:.875rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-teks)}
.b6a-lk-legenda{display:grid;gap:5px}
.b6a-lk-leg{display:flex;align-items:flex-start;gap:9px;padding:6px 8px;border-radius:12px;background:#F7F9FE;transition:background-color .3s ease,opacity .3s ease}
.b6a-lk-leg[hidden]{display:none}
.b6a-lk-leg.tunggu{opacity:.62}
.b6a-lk-leg.kini{opacity:1;background:#FFF6D8;box-shadow:inset 0 0 0 2px var(--emas)}
.b6a-lk-leg.siap{background:#FFF1EE}
.b6a-lk-leg.cip{background:#EEF2FB}
.b6a-lk-leg.dibantu{box-shadow:inset 0 0 0 2px #E0555D}
.b6a-lk-leg.masuk{animation:lompat .38s ease-out both}
.b6a-lk-leg.jajahan{background:#F3F4F7}
.b6a-lk-sw{flex:none;display:inline-block;width:18px;height:18px;margin-top:2px;border-radius:5px;background:var(--w,#F94F55);opacity:.8;box-shadow:inset 0 -2px 0 rgba(0,0,0,.15)}
.b6a-lk-sw.cincin{border-radius:50%;background:#fff;opacity:1;box-shadow:inset 0 0 0 4px var(--w,#EC6F1F)}
.b6a-lk-sw.titik{width:12px;height:12px;margin:5px 3px 0;border-radius:50%;background:var(--ink);opacity:.8;box-shadow:none}
.b6a-lk-sw.kelabu{background:#C9CED8;opacity:1}
.b6a-lk-leg.tunggu .b6a-lk-sw{background:#DDE4F4;box-shadow:inset 0 0 0 2px #C5D0EA}
.b6a-lk-leg-teks{display:grid;gap:1px;min-width:0}
.b6a-lk-leg-tajuk{font-size:.875rem;font-weight:900;line-height:1.25;color:var(--ink);overflow-wrap:break-word}
.b6a-lk-leg-tarikh{font-size:.875rem;font-weight:700;line-height:1.25;color:var(--ink2)}
.b6a-lk-leg.siap .b6a-lk-leg-tarikh{color:#A3222E;font-weight:900}
.b6a-lk-leg-petunjuk{font-size:.875rem;font-weight:700;line-height:1.3;color:var(--teal-teks)}
.b6a-lk-leg-petunjuk:empty{display:none}
.b6a-lk-rumus{display:grid;gap:12px;justify-items:center}
.b6a-lk-mini{width:min(100%,250px);border-radius:16px;border:3px solid #fff;background:#A9DDF3;box-shadow:var(--lip)}
.b6a-lk-rumus .b2-rumus-tokoh{width:100%}
.b6a-lk-rumus .b2-rumus-tokoh b{display:flex;align-items:center;gap:6px}

/* =====================================================================================
   6.3 PENANDA · PEN PENANDA
   ===================================================================================== */
.b6a-penanda{display:grid;gap:10px;min-width:0}
.b6a-pn-meja{position:relative;display:grid;min-width:0;padding:14px 10px 12px;border-radius:24px;background:linear-gradient(#C98B4F,#B37037);box-shadow:var(--bayang),inset 0 0 0 2px #8A5226}
.b6a-pn-kertas{position:relative;display:grid;gap:10px;align-content:start;min-width:0;padding:18px 16px 12px 18px;border-radius:6px;background:#FFFDF6;box-shadow:0 6px 12px rgba(40,20,5,.3);overflow-y:auto;overscroll-behavior:contain}
.b6a-pn-kertas.datang{animation:b6a-kertas-datang .45s ease-out both}
.b6a-pn-kertas.keluar{animation:b6a-kertas-keluar .42s ease-in forwards}
@keyframes b6a-kertas-datang{from{transform:translateX(40px) rotate(2deg);opacity:0}to{transform:none;opacity:1}}
@keyframes b6a-kertas-keluar{to{transform:translateX(-60px) rotate(-3deg);opacity:0}}
.b6a-pn-klip{position:absolute;left:50%;top:0;width:64px;height:12px;margin-left:-32px;border-radius:0 0 8px 8px;background:#8D96AC;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2)}
.b6a-pn-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.b6a-pn-tajuk{min-width:0;font-size:.875rem;font-weight:900;line-height:1.3;color:var(--teal-teks);overflow-wrap:break-word}
.b6a-pn-lencana{flex:none;padding:3px 10px;border-radius:12px;background:var(--emas);color:var(--ink);font-size:.875rem;font-weight:900;white-space:nowrap;box-shadow:0 2px 0 var(--emas-d)}
.b6a-pn-teks{font-size:1.0625rem;font-weight:700;line-height:1.75;color:var(--ink);overflow-wrap:break-word}
.b6a-seg{cursor:pointer;border-radius:4px;background-image:linear-gradient(transparent 12%,rgba(255,211,64,.92) 12%,rgba(255,211,64,.92) 92%,transparent 92%);background-size:0% 100%;background-repeat:no-repeat;
  transition:background-size .3s ease-out,color .2s ease,background-color .2s ease;outline:none}
.b6a-penanda.belajar .b6a-seg{text-decoration:underline dotted #8A97C0;text-decoration-thickness:2px;text-underline-offset:5px}
.b6a-seg.tanda{background-size:100% 100%}
.b6a-seg:focus-visible{box-shadow:0 0 0 3px var(--fokus)}
.b6a-seg.salah{background-image:linear-gradient(transparent 12%,#FFB3B7 12%,#FFB3B7 92%,transparent 92%);color:var(--salah-teks);text-decoration-color:#C9323F}
.b6a-seg.kilat{outline:3px solid #1A9A5C;outline-offset:1px;background-color:#D3F3E1}
.b6a-seg.dibantu{outline:2px dashed #C9323F;outline-offset:1px}
.b6a-seg.kunci{cursor:default}
@media (hover:hover){.b6a-seg:not(.kunci):not(.tanda):hover{background-color:rgba(255,211,64,.2)}}
.b6a-pn-petunjuk{display:flex;align-items:flex-start;gap:6px;padding:6px 10px;border-radius:12px;background:#E7F7F4;font-size:.875rem;font-weight:800;line-height:1.35;color:var(--teal-teks)}
.b6a-pn-petunjuk .ikon{width:18px;height:18px;flex:none;margin-top:1px}
.b6a-pn-cop-zon{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:62px;padding:6px 8px 4px}
.b6a-pn-cop{max-width:min(100%,300px);padding:6px 14px;border:4px solid #5537A8;border-radius:10px;color:#5537A8;background:rgba(255,255,255,.6);font-size:1rem;font-weight:900;letter-spacing:.05em;line-height:1.15;text-transform:uppercase;text-align:center;
  transform:rotate(-8deg);opacity:.92;animation:b6a-cop .32s ease-out both;overflow-wrap:break-word}
.b6a-pn-cop.dibantu{border-style:dashed;border-color:#C9323F;color:#C9323F}
.b6a-pn-setem{position:absolute;right:26%;top:-18px;z-index:3;display:grid;justify-items:center;pointer-events:none;transform-origin:50% 100%}
.b6a-pn-setem-pemegang{display:block;width:22px;height:26px;border-radius:50% 50% 6px 6px;background:linear-gradient(90deg,#6E3F1B,#8A5226 50%,#6E3F1B);box-shadow:inset 0 -3px 0 #4A2A0E}
.b6a-pn-setem-kepala{display:block;width:78px;height:18px;border-radius:5px 5px 3px 3px;background:#5537A8;box-shadow:inset 0 -4px 0 rgba(0,0,0,.28),0 8px 12px rgba(27,42,92,.25)}
.b6a-pn-aksi{display:flex;align-items:center;gap:10px;min-width:0}
.b6a-pn-aksi[hidden]{display:none}
.b6a-pn-pen{flex:none;width:34px;height:34px}
.b6a-pn-kira{margin-right:auto;font-size:.9375rem;font-weight:900;color:var(--ink2)}
.b6a-pn-semak{min-width:150px}
.b6a-pn-semak[disabled]{opacity:.55}
.b6a-pn-soal{display:grid;gap:8px;padding:12px;border-radius:18px;background:#fff;box-shadow:var(--lip)}
.b6a-pn-soal[hidden]{display:none}
.b6a-pn-soal.masuk{animation:b6a-masuk-atas .4s ease-out both}
.b6a-pn-soal-label{font-size:.875rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-teks)}
.b6a-pn-soal-ops{grid-template-columns:minmax(0,1fr);gap:8px}
.b6a-pn-cop-kecil{display:inline-block;padding:1px 8px;border:2.5px solid #5537A8;border-radius:7px;color:#5537A8;font-style:normal;font-weight:900;letter-spacing:.04em;text-transform:uppercase;transform:rotate(-2deg)}

/* =====================================================================================
   6.4 KAWAD · KAWAD PASUKAN
   ===================================================================================== */
.b6a-kawad{display:grid;gap:10px;min-width:0}
.b6a-kw-pentas{display:grid;gap:10px;min-width:0}
.b6a-kawad.v-mula .b6a-kw-pentas,.b6a-kawad.v-warta .b6a-kw-pentas,.b6a-kawad.v-papan .b6a-kw-pentas,.b6a-kawad.v-tamat .b6a-kw-pentas{display:none}
.b6a-kawad.v-peranan .b6a-kw-pintu{display:none}
/* padang */
.b6a-kw-padang{position:relative;min-width:0;border-radius:20px;overflow:hidden;border:3px solid #fff;background:#6FB94C;box-shadow:var(--bayang)}
.b6a-kw-adegan svg{display:block;width:100%;height:auto}
.b6a-kw-zon-baris{position:absolute;left:0;right:0;top:22%;bottom:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.b6a-kw-zon{cursor:pointer;border-radius:14px 14px 0 0;transition:background-color .2s ease}
.b6a-kawad.ada-pilih .b6a-kw-zon{background:rgba(255,255,255,.08)}
.b6a-kawad.ada-pilih .b6a-kw-zon:hover,.b6a-kw-zon.b6a-dekat{background:rgba(255,241,191,.35)}
.b6a-kw-zon.salah{background:rgba(249,79,85,.3)}
.b6a-kw-zon.kilat{background:rgba(26,154,92,.3)}
.b6a-kawad.v-peranan .b6a-kw-zon{cursor:default}
.b6a-kw-kk,.b6a-kw-kn,.b6a-kw-tk,.b6a-kw-tn{transform-box:fill-box;transform-origin:50% 0}
.b6a-kw-skuad.jalan .b6a-kw-kk,.b6a-kw-skuad.jalan .b6a-kw-tn{animation:b6a-ayun .38s ease-in-out infinite alternate}
.b6a-kw-skuad.jalan .b6a-kw-kn,.b6a-kw-skuad.jalan .b6a-kw-tk{animation:b6a-ayun .38s ease-in-out infinite alternate-reverse}
@keyframes b6a-ayun{from{transform:rotate(16deg)}to{transform:rotate(-16deg)}}
.b6a-kw-skuad.jalan .b6a-kw-skuad-dalam{animation:b6a-hentak .19s ease-in-out infinite alternate}
@keyframes b6a-hentak{from{transform:translateY(0)}to{transform:translateY(-1.5px)}}
.b6a-kw-skuad.sedia .b6a-kw-skuad-dalam{animation:b6a-sedia .5s ease-out}
@keyframes b6a-sedia{0%{transform:translateY(0)}35%{transform:translateY(-3.5px)}100%{transform:translateY(0)}}
.b6a-kw-skuad.merah .b6a-kw-baju{fill:#F94F55}
.b6a-kw-skuad.merah .b6a-kw-seluar{fill:#C9323F}
/* barisan dan plak */
.b6a-kw-kol-baris{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-width:0}
.b6a-kw-kol{--w:#2F4A94;--w2:#fff;display:grid;align-content:start;gap:6px;min-width:0;padding:6px;border-radius:16px;background:#fff;cursor:pointer;
  box-shadow:0 4px 0 rgba(27,42,92,.16),inset 0 0 0 2px var(--garis);transition:box-shadow .2s ease,background-color .2s ease}
.b6a-kw-kol-btn{display:flex;align-items:center;gap:6px;width:100%;min-width:0;min-height:44px;padding:5px 7px;border-radius:11px;background:var(--w);color:#fff;text-align:left;box-shadow:0 3px 0 rgba(0,0,0,.22)}
.b6a-kw-kol-panji{flex:none;width:12px;height:18px;background:var(--w2);clip-path:polygon(0 0,100% 30%,0 60%);opacity:.95}
.b6a-kw-kol-nama{flex:1 1 auto;min-width:0;font-size:.875rem;font-weight:900;letter-spacing:.04em;line-height:1.1;text-transform:uppercase;overflow-wrap:normal;word-break:normal}
.b6a-kw-kol-kira{flex:none;padding:0 6px;border-radius:8px;background:rgba(255,255,255,.22);font-size:.875rem}
.b6a-kawad.ada-pilih .b6a-kw-kol{box-shadow:0 4px 0 rgba(27,42,92,.16),inset 0 0 0 3px var(--emas)}
.b6a-kw-kol.b6a-dekat{background:#FFF6D8}
.b6a-kawad .b6a-kw-kol.salah{background:var(--salah-bg);box-shadow:0 4px 0 var(--merah-d),inset 0 0 0 3px #E0555D}
.b6a-kawad .b6a-kw-kol.kilat{background:var(--betul-bg);box-shadow:0 4px 0 #1E9E63,inset 0 0 0 3px var(--hijau)}
.b6a-kw-kol.kilat .b6a-kw-kol-btn{box-shadow:0 3px 0 rgba(0,0,0,.22),0 0 0 3px #fff,0 0 0 6px var(--hijau)}
.b6a-kw-kol.salah .b6a-kw-kol-btn{box-shadow:0 3px 0 rgba(0,0,0,.22),0 0 0 3px #fff,0 0 0 6px #E0555D}
.b6a-kw-plak-senarai{display:grid;gap:4px;min-width:0;max-height:118px;overflow-y:auto;overscroll-behavior:contain}
.b6a-kw-plak-senarai:empty{display:none}
.b6a-kw-plak{display:block;width:100%;min-height:34px;padding:4px 7px;border-radius:8px;background:#FFF8E6;text-align:left;font-size:.875rem;font-weight:800;line-height:1.2;color:var(--ink);overflow-wrap:anywhere;
  box-shadow:inset 0 0 0 1.5px #E3D3AE,inset 3px 0 0 var(--w)}
.b6a-kw-plak.baru{animation:b6a-pop .4s ease-out both}
.b6a-kw-plak.dibantu{box-shadow:inset 0 0 0 2px #E0555D,inset 3px 0 0 #C9323F;border:1.5px dashed #C9323F}
.b6a-kawad.v-peranan .b6a-kw-plak-senarai{max-height:none}
.b6a-kawad.v-peranan .b6a-kw-plak{min-height:44px;padding:6px 8px;background:#fff;box-shadow:0 3px 0 rgba(27,42,92,.14),inset 0 0 0 2px var(--garis),inset 4px 0 0 var(--w)}
.b6a-kawad.v-peranan .b6a-kw-kol{cursor:default}
.b6a-kw-plak.jawab{background:var(--emas-t);box-shadow:0 3px 0 var(--emas-d),inset 0 0 0 3px var(--emas)!important}
.b6a-kw-plak.salah{background:var(--salah-bg)!important;color:var(--salah-teks);box-shadow:0 3px 0 var(--merah-d),inset 0 0 0 3px #E0555D!important;animation:goncang .4s}
.b6a-kw-plak.kilat{background:var(--betul-bg)!important;color:var(--betul-teks);box-shadow:0 3px 0 #1E9E63,inset 0 0 0 3px var(--hijau)!important}
/* pintu masuk dan panji */
.b6a-kw-pintu{display:grid;gap:7px;min-width:0;padding:8px;border-radius:18px;background:rgba(255,255,255,.92);box-shadow:var(--lip)}
.b6a-kw-pintu-label{display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--teal-teks)}
.b6a-kw-pintu-ikon{width:20px;height:20px;flex:none}
.b6a-kw-pintu-kira{margin-left:auto;padding:1px 8px;border-radius:9px;background:var(--ink);color:#fff;font-size:.875rem;letter-spacing:0;text-transform:none}
.b6a-kw-pintu-isi{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:8px;min-width:0}
.b6a-kw-slot{display:grid;min-width:0}
.b6a-kw-slot.kosong{visibility:hidden}
.b6a-kw-panji{position:relative;display:flex;align-items:flex-start;gap:8px;width:100%;min-width:0;min-height:56px;padding:9px 10px;border-radius:14px;background:#FFFDF6;text-align:left;color:var(--ink);
  box-shadow:0 4px 0 rgba(27,42,92,.2),inset 0 0 0 2px #EADFC4;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .18s ease,box-shadow .18s ease,opacity .3s ease}
.b6a-kw-panji-kain{flex:none;width:18px;height:28px;margin-top:1px;background:linear-gradient(90deg,#E8971A 0 3px,#FFC933 3px);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%)}
.b6a-kw-panji-teks{display:grid;gap:2px;min-width:0}
.b6a-kw-panji-teks b{font-size:.9375rem;font-weight:900;line-height:1.2;overflow-wrap:break-word}
.b6a-kw-panji-teks small{font-size:.875rem;font-weight:700;line-height:1.25;color:var(--ink2);overflow-wrap:break-word}
.b6a-kw-panji:active{transform:translateY(2px)}
.b6a-kw-panji.pilih{transform:translateY(-4px) rotate(-1deg);background:#FFF6D8;box-shadow:0 8px 0 var(--emas-d),inset 0 0 0 3px var(--emas)}
.b6a-kw-panji.salah{background:var(--salah-bg);box-shadow:0 4px 0 var(--merah-d),inset 0 0 0 3px #E0555D}
.b6a-kw-panji.keluar{opacity:0;transform:translateY(-10px) scale(.92);pointer-events:none}
.b6a-kw-panji.masuk{animation:lompat .38s ease-out both}
.b6a-kw-panji.b6a-diseret{opacity:.35}
/* warta */
.b6a-kw-warta{position:relative;display:grid;gap:9px;min-width:0;padding:12px 12px 14px;border-radius:18px;background:#FFFDF7;box-shadow:var(--bayang),inset 0 0 0 5px #C98B4F,inset 0 0 0 7px #8A5226}
.b6a-kw-warta.masuk{animation:b6a-masuk-atas .45s ease-out both}
.b6a-kw-warta.keluar{animation:b6a-kertas-keluar .42s ease-in forwards}
.b6a-kw-warta-kepala{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;margin:4px 4px 0;padding:6px 10px;border-radius:10px;background:#C9323F;color:#fff}
.b6a-kw-warta-kepala b{font-size:.9375rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.b6a-kw-warta-kepala small{font-size:.875rem;font-weight:700;opacity:.92}
.b6a-kw-warta-senarai{display:grid;gap:7px;margin:0 4px}
.b6a-kw-warta-op{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:7px 10px;border-radius:12px;background:#fff;text-align:left;font-size:.9375rem;font-weight:800;line-height:1.3;color:var(--ink);
  box-shadow:0 3px 0 rgba(27,42,92,.12),inset 0 0 0 2px #EADFC4;transition:background-color .2s ease,box-shadow .2s ease}
.b6a-kw-warta-teks{min-width:0;overflow-wrap:break-word}
.b6a-kw-kotak{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 2.5px #9AA7CF}
.b6a-kw-kotak svg{width:22px;height:22px}
.b6a-kw-warta-op.tanda .b6a-tanda-garis{stroke-dashoffset:0}
.b6a-kw-warta-op.tanda{background:#EEF4FF;box-shadow:0 3px 0 rgba(37,99,196,.25),inset 0 0 0 2px #9CC0F5}
.b6a-kw-warta-op.salah{background:var(--salah-bg);color:var(--salah-teks);box-shadow:0 3px 0 var(--merah-d),inset 0 0 0 3px #E0555D;animation:goncang .4s}
.b6a-kw-warta-op.salah .b6a-tanda-garis{stroke:#C9323F}
.b6a-kw-warta-op.kilat,.b6a-kw-warta-op.betul{background:var(--betul-bg);color:var(--betul-teks);box-shadow:0 3px 0 #1E9E63,inset 0 0 0 3px var(--hijau)}
.b6a-kw-warta-op.kilat .b6a-tanda-garis,.b6a-kw-warta-op.betul .b6a-tanda-garis{stroke:var(--hijau)}
.b6a-kw-warta-op[disabled]{cursor:default}
.b6a-kw-warta-kaki{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:0 4px}
.b6a-kw-warta-nota{font-size:.875rem;font-weight:700;color:var(--ink2)}
.b6a-kw-warta-nota:empty{display:none}
.b6a-kw-cop-btn{min-width:150px}
.b6a-kw-cop-btn .ikon{width:22px;height:22px}
.b6a-kw-warta-cop{position:absolute;right:18px;top:10px;max-width:200px;padding:5px 12px;border:4px solid var(--hijau);border-radius:10px;color:var(--hijau);background:rgba(255,255,255,.88);
  font-size:.9375rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;line-height:1.15;text-align:center;transform:rotate(-7deg) scale(1.6);opacity:0;pointer-events:none}
.b6a-kw-warta.dicop .b6a-kw-warta-cop{animation:b6a-cop-warta .5s ease-out forwards}
.b6a-kw-warta.dibantu .b6a-kw-warta-cop{border-style:dashed;border-color:#C9323F;color:#C9323F}
@keyframes b6a-cop-warta{to{transform:rotate(-7deg) scale(1);opacity:.95}}
/* papan tanda nama */
.b6a-kw-papan{display:grid;gap:12px;min-width:0}
.b6a-kw-papan.masuk{animation:b6a-masuk-atas .45s ease-out both}
.b6a-kw-tiang-papan{position:relative;display:grid;justify-items:center;gap:3px;min-width:0;padding:12px 10px 18px;border-radius:20px;background:linear-gradient(#CDEFFC,#EAF8FF 70%,#9ED36A 70%,#7CC04F);box-shadow:var(--bayang)}
.b6a-kw-tiang-papan::before{content:"";position:absolute;left:50%;top:44px;bottom:8px;width:14px;margin-left:-7px;border-radius:4px;background:linear-gradient(90deg,#6E3F1B,#8A5226 50%,#6E3F1B)}
.b6a-kw-papan-tajuk{position:relative;z-index:1;padding:4px 16px;border-radius:10px;background:var(--ink);color:#fff;font-size:.9375rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.b6a-kw-papan-slot{position:relative;z-index:1;display:flex;align-items:center;gap:8px;width:min(100%,320px);min-height:46px;padding:6px 12px;border-radius:10px;border:2.5px dashed #B8743C;background:#FFF8E6}
.b6a-kw-papan-no{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#E3D3AE;color:#6E3F1B;font-size:.875rem;font-weight:900}
.b6a-kw-papan-nama{min-width:0;font-size:.9375rem;font-weight:900;line-height:1.2;overflow-wrap:anywhere}
.b6a-kw-papan-slot.isi{border:0;background:linear-gradient(#D9A86A,#C98B4F);color:#fff;box-shadow:0 4px 0 #8A5226;transform-origin:50% 0}
.b6a-kw-papan-slot.isi .b6a-kw-papan-no{background:#FFF6E0;color:#8A5226}
.b6a-kw-papan-slot.gantung{animation:b6a-gantung .75s ease-out}
.b6a-kw-papan-slot.dibantu{box-shadow:0 4px 0 #8A5226,inset 0 0 0 3px #C9323F}
@keyframes b6a-gantung{0%{transform:rotate(-7deg)}35%{transform:rotate(5deg)}65%{transform:rotate(-2.5deg)}100%{transform:none}}
.b6a-kw-papan-anak{position:relative;z-index:1;display:grid;place-items:center;width:24px;height:18px;color:#fff;transform:rotate(90deg)}
.b6a-kw-papan-anak .ikon{width:18px;height:18px;stroke-width:3.2}
.b6a-kw-plat-dulang{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;min-width:0}
.b6a-kw-plat{min-height:48px;padding:8px 14px;border-radius:12px;background:#FFFDF6;font-size:.9375rem;font-weight:900;line-height:1.2;color:var(--ink);overflow-wrap:anywhere;
  box-shadow:0 4px 0 rgba(27,42,92,.2),inset 0 0 0 2px #D9A86A;transition:transform .15s ease,opacity .3s ease}
.b6a-kw-plat:active{transform:translateY(2px)}
.b6a-kw-plat.guna{visibility:hidden}
.b6a-kw-plat.salah{background:var(--salah-bg);color:var(--salah-teks);box-shadow:0 4px 0 var(--merah-d),inset 0 0 0 3px #E0555D;animation:goncang .4s}
.b6a-kw-plat.kilat{background:var(--betul-bg);color:var(--betul-teks);box-shadow:0 4px 0 #1E9E63,inset 0 0 0 3px var(--hijau)}

/* =====================================================================================
   MOD LEBAR (pentas 1280 x 720; .main-badan: left 300, width 720, top 90, bottom 10)
   ===================================================================================== */
body.mod-lebar .b2-main.b2-j-fail .main-badan,body.mod-lebar .b2-main.b2-j-lorek .main-badan,
body.mod-lebar .b2-main.b2-j-penanda .main-badan,body.mod-lebar .b2-main.b2-j-kawad .main-badan{left:300px;width:720px;top:90px;bottom:10px;display:flex;flex-direction:column;align-content:stretch;overflow-y:auto;overflow-x:hidden}
body.mod-lebar .b2-p-fail,body.mod-lebar .b2-p-lorek,body.mod-lebar .b2-p-penanda,body.mod-lebar .b2-p-kawad{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}
body.mod-lebar .b6a-fail,body.mod-lebar .b6a-lorek,body.mod-lebar .b6a-penanda,body.mod-lebar .b6a-kawad{flex:1 1 auto;min-height:0}
body.mod-lebar .b2-j-fail .b2-kad-isi,body.mod-lebar .b2-j-lorek .b2-kad-isi,body.mod-lebar .b2-j-penanda .b2-kad-isi,body.mod-lebar .b2-j-kawad .b2-kad-isi{font-size:1.1875rem}
body.mod-lebar .b2-j-fail .b2-kad,body.mod-lebar .b2-j-lorek .b2-kad,body.mod-lebar .b2-j-penanda .b2-kad,body.mod-lebar .b2-j-kawad .b2-kad{padding:9px 20px 10px}
body.mod-lebar .b2-j-fail .bisik,body.mod-lebar .b2-j-lorek .bisik,body.mod-lebar .b2-j-penanda .bisik,body.mod-lebar .b2-j-kawad .bisik{min-height:48px;padding:7px 14px;font-size:.9375rem;line-height:1.32}
body.mod-lebar .b2-p-fail > .b2-rumus,body.mod-lebar .b2-p-lorek > .b2-rumus,body.mod-lebar .b2-p-penanda > .b2-rumus,body.mod-lebar .b2-p-kawad > .b2-rumus{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}
body.mod-lebar .b2-p-fail > .b2-rumus > *,body.mod-lebar .b2-p-lorek > .b2-rumus > *,body.mod-lebar .b2-p-penanda > .b2-rumus > *,body.mod-lebar .b2-p-kawad > .b2-rumus > *{flex:none}
body.mod-lebar .b2-p-fail > .b2-rumus > .b2-rumus-tokoh,body.mod-lebar .b2-p-penanda > .b2-rumus > .b2-rumus-tokoh,body.mod-lebar .b2-p-kawad > .b2-rumus > .b2-rumus-tokoh,
body.mod-lebar .b2-p-lorek > .b2-rumus > .b6a-lk-rumus{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}
body.mod-lebar .b2-p-fail > .b2-rumus > .b2-rumus-tokoh,body.mod-lebar .b2-p-penanda > .b2-rumus > .b2-rumus-tokoh{grid-template-columns:1fr}
/* fail */
body.mod-lebar .b6a-fail{display:flex;flex-direction:column;gap:10px}
body.mod-lebar .b6a-fail > .b2-atas{flex:none}
body.mod-lebar .b6a-fail-meja{flex:1 1 auto;min-height:0;grid-template-columns:minmax(0,1fr) 236px;grid-template-rows:minmax(0,1fr);gap:12px;align-items:stretch}
body.mod-lebar .b6a-fail-folder{min-height:0;display:flex;flex-direction:column}
body.mod-lebar .b6a-fail-tabbaris{flex:none}
body.mod-lebar .b6a-fail-halaman{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
body.mod-lebar .b6a-fail-senarai{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;align-content:start}
body.mod-lebar .b6a-fail-dulang{min-height:0;overflow-y:auto;overscroll-behavior:contain}
body.mod-lebar .b6a-fail-tab{font-size:.9375rem;min-height:48px}
body.mod-lebar .b6a-fail-memo-teks{font-size:.9375rem}
body.mod-lebar .b6a-fail.mod-soal .b6a-fail-meja{grid-template-columns:minmax(0,1fr) 300px}
body.mod-lebar .b6a-fail-soal .op{min-height:54px}
/* lorek */
body.mod-lebar .b6a-lorek{display:grid;grid-template-columns:minmax(0,1fr) 250px;grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"kad kad" "peta bisik" "peta sisi";column-gap:14px;row-gap:10px}
body.mod-lebar .b6a-lk-kad{grid-area:kad}
body.mod-lebar .b6a-lorek > .bisik{grid-area:bisik;align-items:flex-start;font-size:.9375rem}
body.mod-lebar .b6a-lk-peta{grid-area:peta;min-height:0;display:flex;align-items:center;justify-content:center}
body.mod-lebar .b6a-lk-svg{width:100%;height:100%;max-height:100%}
body.mod-lebar .b6a-lk-sisi{grid-area:sisi;min-height:0;display:flex;flex-direction:column;gap:10px}
body.mod-lebar .b6a-lk-aksi{flex:none;flex-direction:column;align-items:stretch;gap:6px}
body.mod-lebar .b6a-lk-kira{margin:0;text-align:center}
body.mod-lebar .b6a-lk-isytihar{min-width:0;width:100%}
body.mod-lebar .b6a-lk-kronologi{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;align-content:start}
body.mod-lebar .b6a-lk-soal{left:50%;right:auto;bottom:auto;top:50%;width:min(92%,420px);transform:translate(-50%,-50%)}
body.mod-lebar .b6a-lk-soal.masuk{animation:none}
body.mod-lebar .b2-p-lorek .b6a-lk-rumus{grid-template-columns:230px minmax(0,1fr);align-items:start;justify-items:stretch}
body.mod-lebar .b2-p-lorek .b6a-lk-rumus .b2-rumus-tokoh{grid-template-columns:1fr}
/* penanda */
body.mod-lebar .b6a-penanda{display:flex;flex-direction:column;gap:10px}
body.mod-lebar .b6a-penanda > *{flex:none}
body.mod-lebar .b6a-pn-meja{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;padding:14px 16px 12px}
body.mod-lebar .b6a-pn-kertas{flex:0 1 auto;min-height:0;padding:20px 24px 12px 26px}
body.mod-lebar .b6a-pn-teks{font-size:1.1875rem;line-height:1.72}
body.mod-lebar .b6a-pn-tajuk{font-size:.9375rem}
body.mod-lebar .b6a-pn-soal{grid-template-columns:minmax(0,1fr)}
body.mod-lebar .b6a-pn-soal-ops{grid-template-columns:1fr 1fr}
body.mod-lebar .b6a-pn-soal .op{min-height:54px;font-size:.9375rem}
body.mod-lebar .b6a-pn-cop{font-size:1.125rem}
/* kawad */
body.mod-lebar .b6a-kawad{display:flex;flex-direction:column;gap:10px}
body.mod-lebar .b6a-kawad > *{flex:none}
body.mod-lebar .b6a-kawad.v-kawad > .b6a-kw-pentas,body.mod-lebar .b6a-kawad.v-peranan > .b6a-kw-pentas{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:8px}
body.mod-lebar .b6a-kw-pentas > *{flex:none}
/* senarai plak mengambil baki ruang sahaja dan ditatal di dalam, supaya pentas 720 x 620 tidak melimpah */
body.mod-lebar .b6a-kw-pentas > .b6a-kw-kol-baris{flex:0 1 auto;min-height:0;grid-template-rows:minmax(0,1fr)}
body.mod-lebar .b6a-kw-kol{min-height:0;display:flex;flex-direction:column}
body.mod-lebar .b6a-kw-kol > *{flex:none}
body.mod-lebar .b6a-kw-kol > .b6a-kw-plak-senarai{flex:0 1 auto;min-height:0}
body.mod-lebar .b6a-kawad.v-peranan .b6a-kw-padang{display:none}
body.mod-lebar .b6a-kw-kol-baris{gap:10px}
body.mod-lebar .b6a-kw-kol-nama{font-size:.9375rem}
body.mod-lebar .b6a-kw-plak-senarai{max-height:none}
body.mod-lebar .b6a-kawad.v-peranan .b6a-kw-plak-senarai{max-height:none;grid-template-columns:1fr}
body.mod-lebar .b6a-kw-pintu{grid-template-columns:112px minmax(0,1fr);align-items:center;padding:8px 10px}
body.mod-lebar .b6a-kw-pintu-label{flex-wrap:wrap}
body.mod-lebar .b6a-kw-pintu-kira{margin-left:0}
body.mod-lebar .b6a-kw-panji{min-height:62px}
body.mod-lebar .b6a-kw-warta{padding:12px 16px 14px}
body.mod-lebar .b6a-kw-warta-senarai{grid-template-columns:1fr 1fr;gap:7px}
body.mod-lebar .b6a-kw-warta-op{min-height:50px;padding:4px 10px;font-size:.875rem;line-height:1.24}
body.mod-lebar .b6a-kw-warta-senarai{gap:6px}
body.mod-lebar .b6a-kw-warta{gap:8px;padding:10px 16px 12px}
body.mod-lebar .b6a-kw-warta-cop{font-size:1rem;max-width:240px;right:24px;top:8px}
body.mod-lebar .b6a-kw-papan{grid-template-columns:minmax(0,1fr) 260px;align-items:start}
body.mod-lebar .b6a-kw-plat-dulang{flex-direction:column;align-items:stretch;padding-top:6px}
body.mod-lebar .b6a-kw-plat{min-height:54px}
body.mod-lebar .b6a-kw-papan-slot{width:min(100%,360px);min-height:48px}

/* =====================================================================================
   TELEFON (390 x 844) dan TELEFON PENDEK (375 x 667)
   ===================================================================================== */
body.mod-telefon .b2-j-fail .bisik,body.mod-telefon .b2-j-lorek .bisik,body.mod-telefon .b2-j-penanda .bisik,body.mod-telefon .b2-j-kawad .bisik{min-height:2.9em;padding:8px 12px}
/* fail: dulang masuk tetap di bawah skrin; ruang bawah supaya memo terakhir tidak terlindung */
body.mod-telefon .b6a-fail{padding-bottom:calc(var(--b6a-dulang-h,150px) + 16px)}
body.mod-telefon .b6a-fail.mod-soal,body.mod-telefon .b6a-fail.mod-tamat{padding-bottom:0}
body.mod-telefon .b6a-fail-dulang{position:fixed;left:0;right:0;bottom:0;z-index:20;max-width:560px;margin:0 auto;gap:6px;padding:8px 10px max(10px,env(safe-area-inset-bottom));border-radius:18px 18px 0 0;
  background:rgba(222,227,238,.97);box-shadow:0 -6px 18px rgba(27,42,92,.2),inset 0 2px 0 #fff}
body.mod-telefon .b6a-fail-dulang-isi{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:2px;padding:4px 2px 6px;scrollbar-width:thin}
body.mod-telefon .b6a-fail-slot{flex:0 0 min(64vw,236px);scroll-snap-align:start}
body.mod-telefon .b6a-fail-dok{touch-action:pan-x;min-height:0}
body.mod-telefon .b6a-fail-soal{order:-1}
body.mod-telefon .b6a-fail-meja{display:flex;flex-direction:column}
/* lorek: peta muat skrin, legenda di bawah */
body.mod-telefon .b6a-lk-svg{max-height:max(300px,calc(100dvh - 340px))}
body.mod-telefon .b6a-lk-soal-ops .op{min-height:46px;padding:8px 12px}
/* penanda: kertas ditatal di dalam; butang Semak sentiasa boleh dicapai */
body.mod-telefon .b6a-penanda{padding-bottom:78px}
body.mod-telefon .b6a-penanda[data-fasa="soal"],body.mod-telefon .b6a-penanda[data-fasa="tamat"]{padding-bottom:0}
body.mod-telefon .b6a-pn-kertas{max-height:max(240px,calc(100dvh - 404px))}
/* bayang tatal: tanda bahawa petikan boleh ditatal di dalam kertas */
body.mod-telefon .b6a-pn-kertas{background:linear-gradient(#FFFDF6 30%,rgba(255,253,246,0)) center top/100% 34px no-repeat local,linear-gradient(rgba(255,253,246,0),#FFFDF6 70%) center bottom/100% 34px no-repeat local,
  radial-gradient(farthest-side at 50% 0,rgba(27,42,92,.2),rgba(27,42,92,0)) center top/100% 12px no-repeat scroll,radial-gradient(farthest-side at 50% 100%,rgba(27,42,92,.2),rgba(27,42,92,0)) center bottom/100% 12px no-repeat scroll,#FFFDF6}
body.mod-telefon .b6a-pn-aksi{position:fixed;left:0;right:0;bottom:0;z-index:20;max-width:560px;margin:0 auto;padding:9px 16px max(9px,env(safe-area-inset-bottom));border-radius:18px 18px 0 0;
  background:rgba(255,244,221,.97);box-shadow:0 -6px 18px rgba(27,42,92,.18),inset 0 2px 0 #fff}
body.mod-telefon .b6a-pn-semak{min-width:0;flex:0 1 170px}
/* soalan susulan: pilihan terus di bawah kad soalan, petikan di bawahnya untuk rujukan */
body.mod-telefon .b6a-penanda > .b2-atas{order:-2}
body.mod-telefon .b6a-penanda[data-fasa="soal"] > .b6a-pn-soal{order:-1}
/* kawad */
body.mod-telefon .b6a-kw-kol-baris{gap:5px}
body.mod-telefon .b6a-kw-kol{padding:4px}
body.mod-telefon .b6a-kw-kol-btn{flex-wrap:wrap;row-gap:3px;padding:5px 3px 5px 5px;gap:4px}
body.mod-telefon .b6a-kw-kol-nama{flex:0 1 auto;text-transform:none;letter-spacing:-.02em;font-size:.8125rem}
/* peranan: padang disembunyikan supaya ketiga-tiga senarai plak muat dalam skrin */
body.mod-telefon .b6a-kawad.v-peranan .b6a-kw-padang{display:none}
/* papan tanda lebih rapat supaya plat nama kelihatan di bawahnya */
body.mod-telefon .b6a-kw-tiang-papan{gap:1px;padding:10px 10px 14px}
body.mod-telefon .b6a-kw-papan-slot{min-height:40px;padding:4px 10px}
body.mod-telefon .b6a-kw-papan-anak{height:14px}
body.mod-telefon .b6a-kw-plat{min-height:46px;padding:7px 12px}
body.mod-telefon .b6a-kw-kol-panji{display:none}
body.mod-telefon .b6a-kw-plak{padding:4px 6px}
body.mod-telefon .b6a-kw-warta-op{min-height:48px}
body.mod-telefon .b6a-kw-tiang-papan::before{top:40px}
@media (max-height:700px){
  body.mod-telefon .b6a-fail-slot{flex-basis:min(62vw,226px)}
  body.mod-telefon .b6a-fail-dok{padding:7px 10px 9px;gap:3px}
  body.mod-telefon .b6a-fail-teks{font-size:.875rem;line-height:1.28}
  body.mod-telefon .b2-j-fail .bisik,body.mod-telefon .b2-j-lorek .bisik,body.mod-telefon .b2-j-penanda .bisik,body.mod-telefon .b2-j-kawad .bisik{min-height:2.6em;padding:6px 12px;font-size:.875rem;line-height:1.32}
  body.mod-telefon .b2-j-fail .b2-kad-isi,body.mod-telefon .b2-j-lorek .b2-kad-isi,body.mod-telefon .b2-j-penanda .b2-kad-isi,body.mod-telefon .b2-j-kawad .b2-kad-isi{font-size:1rem}
  body.mod-telefon .b6a-lk-svg{max-height:max(280px,calc(100dvh - 310px))}
  body.mod-telefon .b6a-pn-kertas{max-height:max(220px,calc(100dvh - 366px))}
  body.mod-telefon .b6a-pn-teks{font-size:1rem;line-height:1.68}
  body.mod-telefon .b6a-kw-panji{min-height:50px;padding:7px 9px}
  body.mod-telefon .b6a-kw-plak-senarai{max-height:96px}
  body.mod-telefon .b6a-kw-pintu{padding:6px;gap:5px}
}
@media (max-width:370px){
  body.mod-telefon .b6a-kw-kol-nama{font-size:.75rem}
}
@media (prefers-reduced-motion:reduce){
  .b6a-fail-memo.baru .b6a-fail-memo-btn,.b6a-fail-memo.baru .b6a-fail-klip,.b6a-fail-dok.masuk,.b6a-pn-kertas.datang,.b6a-kw-panji.masuk,.b6a-kw-plak.baru,.b6a-kw-papan-slot.gantung,
  .b6a-kw-skuad .b6a-kw-skuad-dalam,.b6a-kw-kk,.b6a-kw-kn,.b6a-kw-tk,.b6a-kw-tn,.b6a-lk-leg.masuk,.b6a-lk-soal.masuk,.b6a-fail.ada-pilih .b6a-fail-tab{animation:none}
  .b6a-seg{transition:none}
  /* keadaan akhir yang biasanya dicapai melalui animasi */
  .b6a-pn-cop{animation:none;opacity:.92;transform:rotate(-8deg)}
  .b6a-kw-warta.dicop .b6a-kw-warta-cop{animation:none;opacity:.95;transform:rotate(-7deg)}
  .b6a-pn-kertas.keluar,.b6a-kw-warta.keluar{animation:none;opacity:0}
  .b6a-lk-negeri.kelip .b6a-lk-asas{animation:none;stroke:#1A9A5C;stroke-width:6}
  .b6a-lk-label.kelip .b6a-lk-pil{animation:none;fill:#D3F3E1;stroke:#1A9A5C}
  .b6a-lk-kota.kelip .b6a-lk-cincin{animation:none;stroke:#1A9A5C;fill:rgba(26,154,92,.3);stroke-width:5}
}