/* ===== Babak · gaya pakej enjin Bab 6, kumpulan 6c (js/pakej-bab-06-6c.js): minit, pokok, taman. Awalan kelas b6c-.
   Susun atur diskop dengan .b2-j-<jenis> / .b2-p-<jenis>, body.mod-lebar (pentas 1280 x 720) dan body.mod-telefon
   (390 x 844; telefon pendek @media (max-height:700px)). Keadaan akhir animasi ditetapkan untuk prefers-reduced-motion. ===== */

/* ---------- Kongsi ---------- */
.b6c-goncang{animation:goncang .4s}
/* klon terbang/seret: !important kerana gaya kad (position:relative) datang kemudian dengan kekhususan yang sama */
.b6c-terbang,.b6c-klon-seret{position:absolute!important;z-index:40;margin:0!important;pointer-events:none;box-sizing:border-box;overflow:hidden}
.b6c-klon-seret{transition:none!important;box-shadow:0 16px 28px rgba(27,42,92,.32)!important}
.b6c-terbang{transition:none!important}
.b2-j-minit .b2-kad-no,.b2-j-pokok .b2-kad-no,.b2-j-taman .b2-kad-no{font-size:.875rem;letter-spacing:.04em}
.b2-j-minit .b2-kad-isi,.b2-j-pokok .b2-kad-isi{font-size:1.0625rem}
.b2-j-taman .b2-cip-tahun{height:26px;font-size:.875rem}
.b2-j-minit .b2-rujuk-btn,.b2-j-pokok .b2-rujuk-btn,.b2-j-taman .b2-rujuk-btn{font-size:.875rem;min-height:40px}
.b2-j-minit .b2-rumus-tokoh li,.b2-j-pokok .b2-rumus-tokoh li,.b2-j-taman .b2-rumus-tokoh li{font-size:.875rem;line-height:1.35;align-content:start}
.b2-j-minit .b2-rumus-label,.b2-j-pokok .b2-rumus-label,.b2-j-taman .b2-rumus-label{font-size:.875rem}
.b2-rumus-tokoh li.b6c-rumus-penuh{grid-column:1/-1}
.b6c-rumus-baris{display:grid;gap:3px}
.b6c-rumus-baris > span{position:relative;padding-left:12px}
.b6c-rumus-baris > span::before{content:"";position:absolute;left:1px;top:.5em;width:6px;height:6px;border-radius:50%;background:#2FA05C}
.b6c-dulang-label{font-size:.875rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.b6c-soal-panel{display:grid;gap:8px}
.b6c-soal-panel[hidden]{display:none}
.b6c-soal-teks{display:none;font-size:1rem;font-weight:900;line-height:1.3;color:var(--ink)}
.b6c-soal-pilih{grid-template-columns:minmax(0,1fr);gap:8px}
.b6c-op{min-height:50px;font-size:.9375rem}

/* =====================================================================================
   6.8 MINIT MESYUARAT
   ===================================================================================== */
.b6c-minit{display:grid;gap:10px;min-width:0}
.b6c-minit-meja{display:grid;gap:12px;min-width:0}
.b6c-klip{position:relative;padding:20px 9px 10px;border-radius:18px;background:linear-gradient(160deg,#C4884A,#9A5D2A);box-shadow:var(--bayang),inset 0 0 0 2px rgba(94,51,23,.55)}
.b6c-klip-penyepit{position:absolute;left:50%;top:-9px;z-index:2;width:118px;height:30px;margin-left:-59px;border-radius:9px 9px 14px 14px;background:linear-gradient(#F1F3F8,#A9B1C4);box-shadow:inset 0 -4px 0 rgba(27,42,92,.18),0 3px 5px rgba(27,42,92,.3)}
.b6c-klip-penyepit::after{content:"";position:absolute;left:50%;top:7px;width:38px;height:9px;margin-left:-19px;border-radius:5px;background:#7D879F;box-shadow:inset 0 2px 0 rgba(0,0,0,.25)}
.b6c-kertas{position:relative;padding:18px 14px 18px 28px;border-radius:5px;color:#27324F;background-color:#FFFDF6;
  background-image:linear-gradient(90deg,transparent 13px,#F4C9CC 13px,#F4C9CC 15px,transparent 15px),radial-gradient(rgba(138,82,38,.08) 1px,transparent 1.4px),radial-gradient(rgba(27,42,92,.05) 1px,transparent 1.6px);
  background-size:auto,7px 7px,11px 11px;background-position:0 0,0 0,3px 4px;box-shadow:0 2px 0 rgba(0,0,0,.14)}
.b6c-kertas-kepala{display:grid;gap:2px;padding-bottom:9px;margin-bottom:8px;border-bottom:2px solid #E9DFC7;text-align:center}
.b6c-kertas-jenis{font-size:.875rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#8A5226}
.b6c-kertas-tajuk{font-size:1.125rem;font-weight:900;line-height:1.25;letter-spacing:.03em;color:var(--ink)}
.b6c-kertas-olahan{font-size:.875rem;font-weight:700;font-style:italic;line-height:1.3;color:var(--ink2)}
.b6c-minit-senarai{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.b6c-baris{display:grid;gap:1px;padding:5px 8px 6px;border-radius:10px;transition:background-color .25s ease,box-shadow .25s ease}
.b6c-baris.aktif{background:rgba(255,201,51,.17);box-shadow:inset 3px 0 0 var(--emas)}
.b6c-baris-label{font-size:.875rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;line-height:1.3;color:var(--teal-teks);overflow-wrap:break-word}
.b6c-baris-isi{min-width:0}
.b6c-minit-teks{font-size:1rem;font-weight:700;letter-spacing:.035em;line-height:1.75;overflow-wrap:break-word}
.b6c-baris-petunjuk{margin-top:1px;font-size:.875rem;font-weight:700;line-height:1.35;color:#65708F}
/* ruang kosong: sebaris dengan ayat. Kosong = kotak kecil; berisi = teks sebaris yang boleh berbalut ke baris seterusnya */
.b6c-kosong{display:inline-block;min-width:6.2em;min-height:1.55em;padding:0 5px;margin:0 2px;border-radius:5px;background:#EEF2FB;box-shadow:inset 0 -2px 0 #9AA7CF;line-height:1.5;vertical-align:baseline;cursor:pointer;text-align:left;color:#1B2A5C;font-weight:900;letter-spacing:.07em;transition:background-color .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}
.b6c-kosong:focus-visible{outline:3px solid var(--fokus);outline-offset:1px}
/* sasaran sentuh ≥ 44 px tanpa mengubah susun atur ayat */
.b6c-kosong:not(.ada){position:relative}
.b6c-kosong:not(.ada)::after{content:"";position:absolute;left:-4px;right:-4px;top:-10px;bottom:-10px}
.b6c-kosong.aktif{background:#FFF1BF;box-shadow:inset 0 -2px 0 var(--emas-d),0 0 0 2px var(--emas)}
.b6c-kosong.b6c-dekat{background:#FFE08A}
.b6c-kosong.ada{display:inline;min-width:0;min-height:0;padding:1px 4px;background:rgba(255,241,191,.6);box-shadow:inset 0 -2px 0 #9AA7CF;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.b6c-kosong.betul{background:rgba(229,250,239,.7);color:#0F5A37;box-shadow:inset 0 -2px 0 var(--hijau);cursor:default}
.b6c-kosong.salah{background:var(--salah-bg);color:var(--salah-teks);box-shadow:inset 0 -2px 0 #E0555D;text-decoration:line-through;text-decoration-thickness:2px}
.b6c-kosong.dibantu{outline:2px dashed #C9323F;outline-offset:1px}
.b6c-kursor{display:none;width:2px;height:1.15em;margin-left:1px;vertical-align:-.2em;border-radius:1px;background:var(--ink)}
.b6c-kosong.aktif .b6c-kursor,.b6c-kosong.menaip .b6c-kursor{display:inline-block;animation:b6c-kelip 1s steps(1,end) infinite}
.b6c-kosong.betul .b6c-kursor,.b6c-kosong.salah .b6c-kursor{display:none}
@keyframes b6c-kelip{0%{opacity:1}50%{opacity:0}}
.b6c-baris.b6c-goncang{animation:goncang .4s}
/* kad jawapan */
.b6c-cip-dulang{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}
.b6c-cip-dulang[hidden],.b6c-dulang-label[hidden]{display:none}
/* dulang yang boleh ditatal: tepi yang masih ada kad dipudarkan */
.b6c-cip-dulang.ada-kanan{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
.b6c-cip-dulang.ada-kiri{-webkit-mask-image:linear-gradient(90deg,transparent,#000 36px);mask-image:linear-gradient(90deg,transparent,#000 36px)}
.b6c-cip-dulang.ada-kiri.ada-kanan{-webkit-mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent)}
.b6c-cip-dulang.ada-bawah{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 40px),transparent)}
.b6c-cip-dulang.ada-atas{-webkit-mask-image:linear-gradient(180deg,transparent,#000 28px);mask-image:linear-gradient(180deg,transparent,#000 28px)}
.b6c-cip-dulang.ada-atas.ada-bawah{-webkit-mask-image:linear-gradient(180deg,transparent,#000 28px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(180deg,transparent,#000 28px,#000 calc(100% - 40px),transparent)}
.b6c-cip{position:relative;min-height:44px;padding:6px 12px 6px 18px;border-radius:10px;background:#FFFDF6;font-size:.9375rem;font-weight:800;line-height:1.2;letter-spacing:.03em;color:var(--ink);text-align:left;
  box-shadow:0 3px 0 rgba(27,42,92,.2),inset 0 0 0 2px #E4D8BC;touch-action:pan-x;user-select:none;-webkit-user-select:none;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}
.b6c-cip::before{content:"";position:absolute;left:7px;top:50%;width:4px;height:58%;transform:translateY(-50%);border-radius:2px;background:repeating-linear-gradient(#D9C9A5 0 3px,transparent 3px 6px)}
.b6c-cip:active{transform:translateY(2px)}
.b6c-cip.pilih{background:#FFF6D8;box-shadow:0 5px 0 var(--emas-d),inset 0 0 0 3px var(--emas)}
.b6c-cip.guna{display:none}
.b6c-cip.kilat{background:var(--betul-bg);color:var(--betul-teks);box-shadow:0 3px 0 #1E9E63,inset 0 0 0 3px var(--hijau)}
.b6c-cip.kembali{animation:lompat .4s ease-out}
.b6c-cip.b6c-diseret{opacity:.35}
.b6c-terbang.b6c-cip{display:flex;align-items:center;white-space:nowrap}
/* tandatangan dan cop */
.b6c-tt-btn{width:100%}
.b6c-tt-btn[hidden]{display:none}
.b6c-tt-btn .ikon{width:22px;height:22px;stroke-width:2.4}
.b6c-tt{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin-top:14px;padding-top:12px;border-top:2px dashed #E9DFC7}
.b6c-tt[hidden]{display:none}
.b6c-tt-blok{display:grid;gap:3px;justify-items:center;min-width:0}
.b6c-tt-ruang{width:100%;max-width:170px;height:48px;border-bottom:2px solid #9AA7CF}
.b6c-coret{display:block;width:100%;height:100%;overflow:visible}
.b6c-coret-garis{fill:none;stroke:#2B3D8C;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.b6c-tt-label{font-size:.875rem;font-weight:800;color:var(--ink2);text-align:center}
.b6c-cop-tamat{position:absolute;left:50%;top:44%;display:grid;place-items:center;min-width:148px;padding:6px 14px;border:4px double #6B7488;border-radius:12px;color:#5E6679;background:rgba(255,255,255,.6);
  font-size:.9375rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transform:translate(-50%,-50%) rotate(-8deg) scale(1.6);opacity:0;pointer-events:none}
.b6c-cop-tamat.dicop{opacity:.92;transform:translate(-50%,-50%) rotate(-8deg) scale(1);animation:b6c-cop .6s ease-out}
@keyframes b6c-cop{0%{opacity:0;transform:translate(-50%,-50%) rotate(-8deg) scale(1.6)}37%{opacity:.35;transform:translate(-50%,-50%) rotate(-8deg) scale(1.42)}72%{opacity:.95;transform:translate(-50%,-50%) rotate(-8deg) scale(.96)}100%{opacity:.92;transform:translate(-50%,-50%) rotate(-8deg) scale(1)}}

/* =====================================================================================
   6.9 PETA POKOK
   ===================================================================================== */
.b6c-pokok{display:grid;gap:10px;min-width:0}
.b6c-papan{position:relative;border-radius:20px;background:#FFFBF0;box-shadow:var(--bayang),inset 0 0 0 2px #EFE3C8}
.b6c-papan::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background-image:linear-gradient(rgba(18,153,138,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(18,153,138,.07) 1px,transparent 1px);background-size:20px 20px}
.b6c-papan-isi{position:relative;min-width:0}
.b6c-dahan{position:absolute;left:0;top:0;z-index:0;overflow:visible;pointer-events:none}
.b6c-akar,.b6c-cabang-dua{position:relative;z-index:1}
.b6c-dahan.b6c-kuntum-lapis{z-index:2}
.b6c-dahan-batang{fill:none;stroke:#7A4520;stroke-width:15;stroke-linecap:round}
.b6c-dahan-batang-dalam{fill:none;stroke:#A86B38;stroke-width:6;stroke-linecap:round;opacity:.85}
.b6c-dahan-cabang{fill:none;stroke:#8A5226;stroke-width:9;stroke-linecap:round}
.b6c-dahan-cabang-dalam{fill:none;stroke:#B8743C;stroke-width:3.5;stroke-linecap:round;opacity:.85}
.b6c-dahan-ranting{fill:none;stroke:#9A6235;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}
.b6c-dahan-tangkai{fill:none;stroke:#2F8F45;stroke-width:2.6;stroke-linecap:round}
.b6c-akar{display:grid;gap:2px;align-content:center;justify-items:center;padding:10px 10px 12px;border-radius:16px;background:#FFF6E0;text-align:center;box-shadow:0 4px 0 #D9B98A,inset 0 0 0 3px #8A5226}
.b6c-akar-label{font-size:.875rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#8A5226}
.b6c-akar-teks{font-size:1rem;font-weight:900;line-height:1.2;color:var(--ink);overflow-wrap:break-word}
.b6c-cabang{position:relative;display:grid;gap:1px;align-content:center;justify-items:center;width:100%;min-height:48px;padding:6px 10px;border-radius:14px;background:var(--w);color:#fff;text-align:center;
  box-shadow:0 4px 0 var(--wd);transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease}
.b6c-cabang-nama{font-size:.9375rem;font-weight:900;line-height:1.15;overflow-wrap:break-word}
.b6c-cabang-kira{font-size:.875rem;font-weight:900;opacity:.95}
.b6c-cabang-kira:empty{display:none}
.b6c-pokok.ada-pilih.mod-ranting .b6c-cabang{box-shadow:0 4px 0 var(--wd),0 0 0 4px rgba(255,201,51,.7)}
.b6c-cabang.b6c-dekat,.b6c-cabang-kol.b6c-dekat > .b6c-cabang,.b6c-ranting.b6c-dekat{transform:scale(1.04);box-shadow:0 4px 0 var(--wd,#9AA7CF),0 0 0 5px var(--emas)}
.b6c-cabang.salah{background:#F94F55;box-shadow:0 4px 0 #C9323F,0 0 0 4px rgba(249,79,85,.35);animation:goncang .4s}
.b6c-cabang.kilat{box-shadow:0 4px 0 #1E9E63,0 0 0 5px var(--hijau)}
.b6c-ranting{display:grid;align-content:center;width:100%;min-height:44px;padding:6px 10px;border-radius:12px;background:#fff;color:var(--ink);text-align:left;
  font-size:.875rem;font-weight:900;line-height:1.22;box-shadow:0 3px 0 rgba(27,42,92,.14),inset 0 0 0 2px var(--w,#C5D0EA);transition:background-color .2s ease,box-shadow .2s ease,transform .15s ease}
.b6c-ranting-teks{min-width:0;overflow-wrap:break-word}
.b6c-ranting.kosong{background:rgba(255,255,255,.55);color:#7D89B0;box-shadow:inset 0 0 0 2px #C5D0EA;outline:2px dashed #AEB9D8;outline-offset:-5px}
.b6c-ranting.isi.baru{animation:b6c-ayun .6s ease-out}
@keyframes b6c-ayun{0%{transform:rotate(-5deg) translateY(-6px)}40%{transform:rotate(3deg)}70%{transform:rotate(-1.5deg)}100%{transform:none}}
.b6c-ranting.dibantu{box-shadow:inset 0 0 0 2px #C9323F;outline:2px dashed #C9323F;outline-offset:2px}
.b6c-pokok.ada-pilih.mod-daun .b6c-ranting{box-shadow:0 3px 0 rgba(27,42,92,.14),inset 0 0 0 3px var(--w),0 0 0 3px rgba(255,201,51,.55)}
.b6c-ranting.salah{background:var(--salah-bg);color:var(--salah-teks);box-shadow:inset 0 0 0 3px #E0555D;animation:goncang .4s}
.b6c-ranting.kilat{background:var(--betul-bg);color:var(--betul-teks);box-shadow:inset 0 0 0 3px var(--hijau)}
.b6c-daun-kumpul{min-width:0}
.b6c-daun{position:relative;display:flex;align-items:center;gap:5px;min-height:30px;padding:3px 10px 3px 5px;border-radius:14px 3px 14px 3px;background:#FFFDF6;color:var(--ink);
  font-size:.875rem;font-weight:800;line-height:1.2;box-shadow:inset 0 0 0 2px #A8DDB8;transform-origin:0 50%;transition:background-color .35s ease,box-shadow .35s ease}
.b6c-daun.hijau{background:#E1F5E7;box-shadow:inset 0 0 0 2px #2FA05C}
.b6c-daun.dibantu{box-shadow:inset 0 0 0 2px #C9323F;outline:2px dashed #C9323F;outline-offset:1px}
.b6c-daun-ikon,.b6c-kad-ikon{flex:none;width:18px;height:18px}
.b6c-daun-teks{min-width:0;overflow-wrap:break-word}
/* dulang (tangan) */
.b6c-sisi-kepala{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.b6c-sisi-kepala[hidden]{display:none}
.b6c-baki{font-size:.875rem;font-weight:800;color:var(--ink2)}
.b6c-tangan{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:8px}
.b6c-tangan[hidden]{display:none}
.b6c-tangan-slot{display:grid;min-height:64px;min-width:0;border-radius:14px}
.b6c-tangan-slot.kosong{background:rgba(27,42,92,.04);box-shadow:inset 0 0 0 2px rgba(27,42,92,.08)}
.b6c-kad-pokok{position:relative;display:flex;align-items:flex-start;gap:7px;width:100%;min-height:64px;padding:8px 10px;border-radius:14px;background:#FFFDF6;text-align:left;color:var(--ink);
  font-size:.875rem;font-weight:800;line-height:1.28;box-shadow:0 4px 0 rgba(27,42,92,.2),inset 0 0 0 2px #E4D8BC;touch-action:none;user-select:none;-webkit-user-select:none;
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.b6c-kad-pokok.b6c-kad-daun{border-radius:22px 5px 22px 5px;box-shadow:0 4px 0 rgba(27,42,92,.2),inset 0 0 0 2px #B3E0C1}
.b6c-kad-tag{flex:none;width:11px;height:11px;margin-top:4px;border-radius:50%;background:#C5D0EA;box-shadow:inset 0 0 0 2px #8D98BC}
.b6c-kad-teks{min-width:0;overflow-wrap:break-word}
.b6c-kad-pokok:active{transform:translateY(2px)}
.b6c-kad-pokok.pilih{transform:translateY(-4px) rotate(-1deg);background:#FFF6D8;box-shadow:0 8px 0 var(--emas-d),inset 0 0 0 3px var(--emas)}
.b6c-kad-pokok.salah{background:var(--salah-bg);color:var(--salah-teks);box-shadow:0 4px 0 var(--merah-d),inset 0 0 0 3px #E0555D}
.b6c-kad-pokok.masuk{animation:lompat .38s ease-out both}
.b6c-kad-pokok.b6c-diseret{opacity:.35}
.b6c-terbang.salah{background:var(--salah-bg)!important;color:var(--salah-teks)!important;box-shadow:0 4px 0 var(--merah-d),inset 0 0 0 3px #E0555D!important}
/* bunga kecil apabila pokok penuh */
.b6c-kuntum{transform-box:fill-box;transform-origin:50% 50%;animation:b6c-kuntum .9s ease-out both}
.b6c-kuntum.sudah{animation:none}
@keyframes b6c-kuntum{from{opacity:0;transform:scale(.2) rotate(-40deg)}to{opacity:1;transform:none}}

/* =====================================================================================
   6.10 TAMAN KEAMANAN (jalur, tanpa watak)
   ===================================================================================== */
.b6c-mentari{fill:#FFD66B}
.b6c-tingkap{fill:#3A4273;transition:fill .6s ease}
.b6c-tingkap.nyala{fill:#FFD96B;filter:drop-shadow(0 0 4px rgba(255,214,107,.95))}
.b6c-bunga-merah{fill:#C9323F}
.b6c-air-lengkung{fill:none;stroke:#5CC5F2;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1;opacity:.9}
.b6c-air-titis{fill:#8FD8FF}
.b6c-burung path{fill:none;stroke:#2E3A63;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.b6c-awan{animation:b6c-awan 40s linear infinite alternate}
@keyframes b6c-awan{from{transform:translateX(0)}to{transform:translateX(28px)}}
.b6c-taman-pilih.j-tahun{grid-template-columns:minmax(0,1fr)}
.b6c-taman-taip{grid-column:1 / -1;display:flex;gap:10px;align-items:stretch}
.b6c-taman-tahun{flex:1 1 auto;min-width:0;height:56px;padding:0 14px;border-radius:18px;border:2px solid #C5D0EA;background:#fff;font:inherit;font-size:1.5rem;font-weight:900;letter-spacing:.24em;text-align:center;color:var(--ink)}
.b6c-taman-tahun:focus{outline:none;border-color:var(--fokus);box-shadow:0 0 0 3px rgba(11,87,208,.18)}
.b6c-taman-tahun.salah{border-color:#E0555D;background:var(--salah-bg);color:var(--salah-teks);animation:goncang .4s}
.b6c-taman-tahun.betul,.b6c-taman-tahun.kilat{border-color:var(--hijau);background:var(--betul-bg);color:var(--betul-teks)}
.b6c-taman-semak{flex:none;min-width:112px}
.b6c-rumus-taman{display:grid;gap:10px}
.b6c-papan-akhir{display:grid;gap:3px;padding:10px 14px;border-radius:14px;background:#FFF6E0;text-align:center;box-shadow:inset 0 0 0 3px #B8743C}
.b6c-papan-akhir b{font-size:1.0625rem;font-weight:900;line-height:1.25;color:var(--ink)}
.b6c-papan-akhir span{font-size:.9375rem;font-weight:700;line-height:1.4;color:var(--ink2)}

/* =====================================================================================
   MOD LEBAR (pentas 1280 x 720; .main-badan: left 300, width 720)
   ===================================================================================== */
body.mod-lebar .b2-main.b2-j-minit .main-badan,body.mod-lebar .b2-main.b2-j-pokok .main-badan{left:300px;width:720px;top:86px;bottom:10px;display:flex;flex-direction:column;align-content:stretch;overflow:hidden}
body.mod-lebar .b2-p-minit,body.mod-lebar .b2-p-pokok{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}
body.mod-lebar .b6c-minit,body.mod-lebar .b6c-pokok{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:8px}
body.mod-lebar .b6c-minit > .b2-atas,body.mod-lebar .b6c-pokok > .b2-atas{flex:none}
body.mod-lebar .b2-j-minit .b2-kad-isi,body.mod-lebar .b2-j-pokok .b2-kad-isi{font-size:1.1875rem}
body.mod-lebar .b2-j-minit .b2-kad,body.mod-lebar .b2-j-pokok .b2-kad{padding:9px 20px 10px}
body.mod-lebar .b2-p-minit > .b2-rumus,body.mod-lebar .b2-p-pokok > .b2-rumus{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}
body.mod-lebar .b2-p-minit > .b2-rumus > *,body.mod-lebar .b2-p-pokok > .b2-rumus > *{flex:none}
body.mod-lebar .b2-p-minit > .b2-rumus > .b2-rumus-tokoh,body.mod-lebar .b2-p-pokok > .b2-rumus > .b2-rumus-tokoh{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}
/* minit: helaian di kiri (ditatal di dalam papan klip), dulang kad di kanan */
body.mod-lebar .b6c-minit-meja{flex:1 1 auto;min-height:0;grid-template-columns:minmax(0,1fr) 250px;align-items:stretch;gap:14px}
body.mod-lebar .b6c-klip{min-height:0;display:flex;flex-direction:column;padding:20px 10px 10px}
body.mod-lebar .b6c-kertas{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
body.mod-lebar .b6c-baris{grid-template-columns:116px minmax(0,1fr);column-gap:12px;align-items:baseline}
body.mod-lebar .b6c-minit-sisi{min-height:0;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:18px;background:rgba(255,253,246,.95);box-shadow:var(--lip)}
body.mod-lebar .b6c-minit-sisi .bisik{flex:none;min-height:104px;align-items:flex-start;padding:9px 12px;font-size:.875rem;line-height:1.35}
body.mod-lebar .b6c-minit-sisi .b6c-cip-dulang{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 2px 6px;scrollbar-width:thin}
body.mod-lebar .b6c-minit-sisi .b6c-cip{font-size:.9375rem}
body.mod-lebar .b6c-minit-sisi .b6c-soal-pilih .op{min-height:52px;padding:8px 12px;font-size:.9375rem}
body.mod-lebar .b6c-minit.mod-soal .b6c-minit-sisi .bisik{min-height:0}
/* pokok: bisik di sebelah kad soalan; papan pokok (ditatal jika perlu); dulang di bawah */
body.mod-lebar .b6c-pokok > .b2-atas{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;gap:10px}
body.mod-lebar .b6c-pokok > .b2-atas > .bisik{min-height:0;padding:8px 12px;font-size:.875rem;line-height:1.32}
body.mod-lebar .b6c-papan{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
body.mod-lebar .b6c-papan-isi{display:grid;grid-template-columns:110px minmax(0,1fr);column-gap:26px;align-items:center;min-height:100%;padding:10px 12px 10px 10px;box-sizing:border-box}
body.mod-lebar .b6c-cabang-dua{display:grid;gap:14px;align-content:center}
body.mod-lebar .b6c-cabang-kol{display:grid;grid-template-columns:136px minmax(0,1fr);column-gap:26px;align-items:center}
body.mod-lebar .b6c-ranting-kol{display:grid;gap:6px}
body.mod-lebar .b6c-ranting-blok{display:grid;grid-template-columns:176px minmax(0,1fr);column-gap:24px;align-items:center}
body.mod-lebar .b6c-pokok.mod-ranting .b6c-ranting-blok{grid-template-columns:minmax(0,340px)}
body.mod-lebar .b6c-pokok.mod-ranting .b6c-daun-kumpul{display:none}
body.mod-lebar .b6c-daun-kumpul{display:flex;flex-wrap:wrap;gap:4px 6px;align-content:center;min-height:30px}
body.mod-lebar .b6c-pokok-sisi{flex:none;display:grid;grid-template-columns:104px minmax(0,1fr);align-items:stretch;gap:10px;padding:8px;border-radius:18px;background:rgba(255,253,246,.95);box-shadow:var(--lip)}
body.mod-lebar .b6c-pokok-sisi .b6c-sisi-kepala{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}
body.mod-lebar .b6c-kad-pokok{min-height:62px;padding:7px 10px}
body.mod-lebar .b6c-pokok.mod-soal .b6c-pokok-sisi{grid-template-columns:minmax(0,1fr)}
body.mod-lebar .b6c-pokok .b6c-soal-pilih{grid-template-columns:1fr 1fr}
body.mod-lebar .b6c-pokok .b6c-soal-pilih .op{min-height:50px;padding:6px 12px;font-size:.9375rem}
/* taman: adegan penuh; kad soalan di lajur kanan */
body.mod-lebar .b2-main.b2-j-taman .main-badan{left:796px;width:456px;top:84px;bottom:20px;display:flex;flex-direction:column;align-content:stretch}
body.mod-lebar .b2-p-taman{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
body.mod-lebar .b2-p-taman .b2-kad-isi{font-size:1.3125rem}
body.mod-lebar .b2-p-taman .b2-bawah.b6c-ada-rumus{min-height:0;flex:1 1 auto;display:flex;flex-direction:column}
body.mod-lebar .b2-p-taman .b2-rumus{flex:0 1 auto;display:flex;flex-direction:column;min-height:0}
body.mod-lebar .b2-p-taman .b2-rumus > .b6c-rumus-taman{min-height:0;flex:1 1 auto;overflow-y:auto;padding-right:4px}
body.mod-lebar .b2-p-taman .b2-rumus > .btn{flex:none}
body.mod-lebar .b2-p-taman .b2-rumus-tokoh{grid-template-columns:1fr}

/* =====================================================================================
   TELEFON (390 x 844) dan TELEFON PENDEK (375 x 667)
   ===================================================================================== */
body.mod-telefon .b2-j-minit .b2-kad-isi,body.mod-telefon .b2-j-pokok .b2-kad-isi{font-size:1rem;line-height:1.25}
body.mod-telefon .b6c-soal-teks{display:block}
/* dulang = helaian bawah yang tetap; bisik di dalamnya supaya maklum balas sentiasa kelihatan */
body.mod-telefon .b6c-sisi{position:fixed;left:0;right:0;bottom:0;z-index:20;max-width:560px;margin:0 auto;display:grid;gap:7px;padding:8px 12px max(10px,env(safe-area-inset-bottom));
  border-radius:20px 20px 0 0;background:rgba(255,253,246,.98);box-shadow:0 -6px 18px rgba(27,42,92,.2),inset 0 3px 0 #fff}
body.mod-telefon .b6c-sisi::before{content:"";justify-self:center;width:42px;height:5px;border-radius:3px;background:#D6DCEB}
body.mod-telefon .b6c-sisi .bisik{min-height:2.7em;padding:6px 10px;font-size:.875rem;line-height:1.32}
body.mod-telefon .b6c-minit-sisi .b6c-dulang-label{margin-bottom:-3px}
body.mod-telefon .b6c-minit-sisi .b6c-cip-dulang{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:max-content;justify-content:start;gap:7px;
  overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;padding:2px 2px 6px}
body.mod-telefon .b6c-minit-sisi .b6c-cip{max-width:230px;scroll-snap-align:start}
body.mod-telefon .b6c-minit.mod-soal .b6c-sisi,body.mod-telefon .b6c-pokok.mod-soal .b6c-sisi{position:static;max-width:none;margin:0;padding:12px;border-radius:20px;box-shadow:var(--bayang)}
body.mod-telefon .b6c-minit.mod-soal .b6c-sisi::before,body.mod-telefon .b6c-pokok.mod-soal .b6c-sisi::before{display:none}
body.mod-telefon .b6c-baris-label{font-size:.875rem}
body.mod-telefon .b6c-kertas{padding:16px 12px 16px 26px}
body.mod-telefon .b6c-tt-ruang{height:40px}
/* pokok menegak: akar di atas, dua lajur cabang, ranting berlabel, daun bersusun di bawahnya */
body.mod-telefon .b6c-papan-isi{display:grid;gap:22px;padding:12px 8px 16px}
body.mod-telefon .b6c-akar{justify-self:center;width:min(78%,260px)}
body.mod-telefon .b6c-cabang-dua{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
body.mod-telefon .b6c-cabang-kol{display:grid;gap:10px;min-width:0}
body.mod-telefon .b6c-ranting-kol{display:grid;gap:10px;padding-left:12px;min-width:0}
body.mod-telefon .b6c-ranting{padding:6px 7px}
body.mod-telefon .b6c-ranting-blok{display:grid;gap:6px;min-width:0}
body.mod-telefon .b6c-daun-kumpul{display:grid;gap:5px;padding-left:15px}
body.mod-telefon .b6c-daun-kumpul:empty{display:none}
body.mod-telefon .b6c-daun{transform-origin:0 0;align-items:flex-start;padding:4px 8px 4px 5px}
body.mod-telefon .b6c-daun-ikon{margin-top:1px}
body.mod-telefon .b6c-cabang{padding:6px 6px}
body.mod-telefon .b6c-kad-pokok{min-height:76px}
@media (max-height:700px){
  body.mod-telefon .b6c-sisi{gap:6px;padding-top:6px}
  body.mod-telefon .b6c-sisi .bisik{min-height:2.5em;padding:5px 10px}
  body.mod-telefon .b6c-minit-teks{line-height:1.65}
  body.mod-telefon .b6c-kad-pokok{min-height:64px;padding:7px 9px}
  body.mod-telefon .b6c-tangan-slot{min-height:56px}
  body.mod-telefon .main.b2-main.b2-j-taman .latar-babak{height:250px}
  body.mod-telefon .main.b2-main.b2-j-taman .main-badan{margin-top:194px}
}
@media (max-width:370px){
  body.mod-telefon .b6c-cip{font-size:.875rem}
  body.mod-telefon .b6c-cabang-nama{font-size:.875rem}
}
@media (prefers-reduced-motion:reduce){
  .b6c-kosong.aktif .b6c-kursor,.b6c-kosong.menaip .b6c-kursor{animation:none}
  .b6c-cop-tamat.dicop{animation:none;opacity:.92;transform:translate(-50%,-50%) rotate(-8deg)}
  .b6c-kuntum{animation:none;opacity:1;transform:none}
  .b6c-awan,.b6c-ranting.isi.baru,.b6c-kad-pokok.masuk,.b6c-cip.kembali{animation:none}
}