/* ===== Babak · gaya pakej enjin Sejarah Tingkatan 5 Bab 2, kumpulan 2a (js/pakej-t5-bab-02-2a.js): tampi, landasan.
   Awalan kelas, keyframes dan pemboleh ubah: t5b2a- (tampi t5b2a-tp-, landasan t5b2a-ld-). Susun atur diskop dengan
   .b2-j-<jenis> / .b2-p-<jenis>, body.mod-lebar (pentas 1280 x 720, .main-badan 720 lebar, Kancil HUD di kiri) dan
   body.mod-telefon (390 x 844; telefon pendek @media (max-height:700px)). Gerakan perlahan; keadaan akhir untuk
   prefers-reduced-motion di hujung fail. Palet Babak (SPEC-T5-BAB-02 §1.14). Kelas teras (.b2-kad, .op, .bisik, .b2-rumus)
   tidak digaya semula secara global. Jidar tag butir (.t5b2a-tp-tag) mesti sama dengan TP_K.padX/padY dalam JS. ===== */

/* ---------- Kongsi ---------- */
.b2-j-tampi .b2-kad,.b2-j-landasan .b2-kad{min-height:72px}
.b2-j-tampi .b2-kad-no,.b2-j-landasan .b2-kad-no{font-size:.8125rem;letter-spacing:.04em}
.b2-j-tampi .b2-kad-isi,.b2-j-landasan .b2-kad-isi{font-size:1.0625rem;line-height:1.28;overflow-wrap:break-word}
.b2-j-tampi .b2-rujuk-btn,.b2-j-landasan .b2-rujuk-btn{min-height:44px;font-size:.875rem}
.b2-j-tampi .bisik,.b2-j-landasan .bisik{font-size:.9375rem;line-height:1.35}
.t5b2a-petunjuk{margin-top:3px;font-size:.875rem;font-weight:800;line-height:1.3;color:var(--teal-teks)}
.t5b2a-petunjuk[hidden]{display:none}
.b2-kad.betul .t5b2a-petunjuk,.b2-kad.salah .t5b2a-petunjuk{color:inherit}
.op.t5b2a-op{min-height:52px;font-size:.9375rem}
.t5b2a-op-teks{min-width:0;overflow-wrap:break-word}
.b2-rumus-tokoh.t5b2a-rumus li{font-size:.875rem;line-height:1.35;align-content:start}
.b2-rumus-tokoh.t5b2a-rumus li b{font-size:.9375rem}
.b2-rumus-tokoh.t5b2a-rumus li.t5b2a-rumus-penuh{grid-column:1 / -1}
@keyframes t5b2a-goncang{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
@keyframes t5b2a-timbul{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.06);opacity:1}100%{transform:scale(1)}}

/* =====================================================================================
   TAMPI · NYIRU BUKTI
   ===================================================================================== */
.t5b2a-tampi{display:grid;gap:10px;min-width:0}
.t5b2a-tp-adegan{position:relative;height:340px;border-radius:22px;overflow:hidden;background:#CBDA9C;border:3px solid #fff;box-shadow:var(--bayang);touch-action:manipulation}
.t5b2a-tp-tikar,.t5b2a-tp-dulang,.t5b2a-tp-angin{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.t5b2a-tp-angin{z-index:2;pointer-events:none}
.t5b2a-tp-dulang{overflow:visible}
.t5b2a-tp-nyiru{position:absolute;inset:0;z-index:1}
.t5b2a-tp-lapis{position:absolute;inset:0;z-index:3}
.t5b2a-tp-rak{position:absolute;inset:0;z-index:4;pointer-events:none}
/* pil kiraan sekam (penjuru kiri atas) */
.t5b2a-tp-pil{position:absolute;left:10px;top:9px;z-index:5;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px 0 9px;border-radius:16px;
  background:#FFF6E0;color:#6E3F1B;font-size:.875rem;font-weight:900;white-space:nowrap;box-shadow:0 3px 0 rgba(110,63,27,.3),inset 0 0 0 1.5px #D9B979}
.t5b2a-tp-pil-ikon{width:13px;height:20px;overflow:visible}

/* butir: butang pegun; hanya lapisan dalam (.t5b2a-tp-gerak) yang bergerak */
.t5b2a-tp-butir{position:absolute;display:block;padding:0;border-radius:14px;background:none;color:var(--ink);text-align:left;-webkit-tap-highlight-color:transparent}
.t5b2a-tp-butir[disabled]{cursor:default}
.t5b2a-tp-butir:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.t5b2a-tp-gerak{position:absolute;inset:0;display:block;transform-origin:50% 60%}
.t5b2a-tp-tag{position:absolute;inset:0;display:flex;align-items:center;padding:6px 9px 6px 27px;border-radius:12px;background:#FFF6E0;overflow:hidden;
  box-shadow:0 3px 0 rgba(110,63,27,.34),0 7px 12px rgba(27,42,92,.18),inset 0 0 0 1.5px #E3CFA4;transform:rotate(var(--t5b2a-putar,0deg));
  transition:background-color .2s ease,box-shadow .2s ease}
.t5b2a-tp-padi{position:absolute;left:9px;top:50%;width:12px;height:20px;margin-top:-10px;overflow:visible}
.t5b2a-tp-teks{display:block;min-width:0;font-size:14px;font-weight:800;line-height:1.18;color:var(--ink);overflow-wrap:break-word}
.t5b2a-tp-teks.t5b2a-tp-ukur{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none}
.t5b2a-tp-no{display:none}
/* sekam: rupa kulit padi berjalur halus */
.t5b2a-tp-butir.t5b2a-tp-sekam .t5b2a-tp-tag{background:repeating-linear-gradient(-32deg,#D9B979 0 5px,#CCA762 5px 7px);box-shadow:0 3px 0 rgba(110,63,27,.25),inset 0 0 0 1.5px #B08A4E}
.t5b2a-tp-butir.t5b2a-tp-sekam .t5b2a-tp-teks{color:#5E3A17}
.t5b2a-tp-butir.t5b2a-tp-sekam .t5b2a-tp-padi-isi{fill:#B08A4E;stroke:#6E3F1B}
/* salah: melompat, merah dan bergoncang */
.t5b2a-tp-butir.salah .t5b2a-tp-tag{background:#FFD9DB;box-shadow:0 3px 0 var(--merah-d),inset 0 0 0 3px #E0555D,0 0 0 4px rgba(249,79,85,.35);transition:none}
.t5b2a-tp-butir.salah .t5b2a-tp-teks{color:var(--salah-teks)}
.t5b2a-tp-butir.salah .t5b2a-tp-gerak{animation:t5b2a-tp-lompat .62s ease}
@keyframes t5b2a-tp-lompat{0%{transform:translateY(0)}18%{transform:translateY(-10px)}36%{transform:translateY(0)}52%{transform:translateX(-6px)}68%{transform:translateX(6px)}84%{transform:translateX(-3px)}100%{transform:translateX(0)}}
/* kilat (Latihan): sekam yang masih ada ditunjukkan */
.t5b2a-tp-butir.kilat .t5b2a-tp-tag{background:var(--betul-bg);box-shadow:0 3px 0 #1E9E63,inset 0 0 0 3px var(--hijau),0 0 0 4px rgba(26,154,92,.3)}
.t5b2a-tp-butir.kilat .t5b2a-tp-teks{color:var(--betul-teks)}
.t5b2a-tp-butir.kilat .t5b2a-tp-gerak{animation:t5b2a-tp-denyut 1s ease-in-out 1}
@keyframes t5b2a-tp-denyut{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
/* bersih: butir yang tinggal selepas ditampi */
.t5b2a-tp-butir.t5b2a-tp-bersih .t5b2a-tp-tag{box-shadow:0 3px 0 rgba(110,63,27,.34),0 7px 12px rgba(27,42,92,.18),inset 0 0 0 2.5px var(--emas),0 0 0 3px rgba(255,201,51,.35)}
.t5b2a-tp-butir.t5b2a-tp-bersih .t5b2a-tp-padi{filter:drop-shadow(0 0 3px rgba(255,201,51,.95))}
/* butir aktif dalam langkah guni */
.t5b2a-tp-butir.aktif{z-index:2;touch-action:none;cursor:grab}
.t5b2a-tp-butir.aktif .t5b2a-tp-tag{box-shadow:0 4px 0 rgba(110,63,27,.34),0 12px 20px rgba(27,42,92,.25),inset 0 0 0 2px #E3CFA4}
.t5b2a-tp-butir.aktif.t5b2a-tp-diseret{cursor:grabbing;z-index:7}
.t5b2a-tp-butir.aktif.t5b2a-tp-dipilih .t5b2a-tp-tag{outline:3px dashed #C2560F;outline-offset:3px}
.t5b2a-tp-butir.t5b2a-dibantu .t5b2a-tp-tag{outline:2px dashed #F94F55;outline-offset:2px}

/* kain yang menutup butir menunggu */
.t5b2a-tp-kain{position:absolute;z-index:2;pointer-events:none;transition:opacity .3s ease}
.t5b2a-tp-kain-svg{display:block;width:100%;height:100%;overflow:visible}
.t5b2a-tp-kain-kira{position:absolute;right:-4px;top:-10px;display:inline-flex;align-items:baseline;gap:4px;padding:3px 10px;border-radius:13px;background:#fff;color:var(--ink);
  font-size:.875rem;font-weight:900;white-space:nowrap;box-shadow:0 2px 0 rgba(27,42,92,.25),inset 0 0 0 1.5px var(--garis)}
.t5b2a-tp-kain.t5b2a-tp-kosong{opacity:0}

/* guni */
.t5b2a-tp-guni{position:absolute;pointer-events:auto;display:block;padding:0;border-radius:18px;background:rgba(255,246,224,.94);color:var(--ink);text-align:left;
  box-shadow:0 4px 0 rgba(110,63,27,.32),0 8px 14px rgba(27,42,92,.18),inset 0 0 0 2px #E3CFA4;transition:box-shadow .2s ease,background-color .2s ease}
.t5b2a-tp-guni:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.t5b2a-tp-guni-angkat{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;height:100%;padding:8px 10px 8px 8px}
.t5b2a-tp-guni-seni{display:block;width:56px;height:64px;transform-origin:50% 90%}
.t5b2a-tp-guni-svg{display:block;width:100%;height:100%;overflow:visible}
.t5b2a-tp-guni-teks{display:grid;gap:3px;min-width:0}
.t5b2a-tp-guni-teks b{font-size:.9375rem;font-weight:900;line-height:1.18;overflow-wrap:break-word}
.t5b2a-tp-guni-teks small{font-size:.8125rem;font-weight:700;line-height:1.22;color:var(--ink2)}
.t5b2a-tp-guni-kira{position:absolute;right:-5px;top:-7px;display:grid;place-items:center;min-width:28px;height:26px;padding:0 7px;border-radius:13px;background:#AEB9D8;color:#fff;
  font-size:.875rem;font-weight:900;line-height:1;box-shadow:0 2px 0 rgba(27,42,92,.25),0 0 0 2px #fff}
.t5b2a-tp-guni-kira.t5b2a-ada{background:var(--hijau)}
.t5b2a-tp-guni.t5b2a-tp-dekat{background:#FFF9E3;box-shadow:0 4px 0 rgba(110,63,27,.32),0 8px 14px rgba(27,42,92,.18),inset 0 0 0 3px var(--emas)}
.t5b2a-tp-guni.salah{background:var(--salah-bg);box-shadow:0 4px 0 var(--merah-d),inset 0 0 0 3px #E0555D}
.t5b2a-tp-guni.salah .t5b2a-tp-guni-angkat{animation:t5b2a-goncang .4s ease}
.t5b2a-tp-guni.kilat{background:var(--betul-bg);box-shadow:0 4px 0 #1E9E63,inset 0 0 0 3px var(--hijau),0 0 0 5px rgba(26,154,92,.28)}
.t5b2a-tp-guni-angkat.t5b2a-tp-kembung .t5b2a-tp-guni-seni{animation:t5b2a-tp-kembung .26s ease-out}
@keyframes t5b2a-tp-kembung{0%,100%{transform:scale(1)}50%{transform:scale(1.1,1.06)}}

/* bawah: bisik dan butang Tampi */
.t5b2a-tp-bawah{display:grid;gap:10px;min-width:0}
.t5b2a-tp-bawah .bisik{min-height:52px}
.btn.t5b2a-tp-tampi{min-height:56px;padding:8px 28px;font-size:1.125rem;letter-spacing:.02em}
.btn.t5b2a-tp-tampi .ikon{width:26px;height:26px;stroke-width:2.2}
.btn.t5b2a-tp-tampi.t5b2a-tp-muncul{animation:t5b2a-timbul .45s ease-out}
.t5b2a-tp-pilih,.t5b2a-ld-pilih{grid-template-columns:minmax(0,1fr);gap:8px}
.t5b2a-tp-pilih[hidden],.t5b2a-ld-pilih[hidden]{display:none}

/* =====================================================================================
   LANDASAN · LANDASAN UNDANG-UNDANG
   ===================================================================================== */
.t5b2a-landasan{display:grid;gap:10px;min-width:0}
.t5b2a-ld-laman{position:relative;height:324px;border-radius:22px;overflow:hidden;background:#C3E3A1;border:3px solid #fff;box-shadow:var(--bayang);touch-action:manipulation}
.t5b2a-ld-svg{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.t5b2a-ld-papan-lapis{position:absolute;inset:0;z-index:2;pointer-events:none}
/* papan tanda gudang (warna cabang di tepi kiri) */
.t5b2a-ld-papan{position:absolute;display:grid;align-content:center;gap:2px;padding:5px 8px 6px 12px;border-radius:9px;background:#FFF6E0;color:var(--ink);
  box-shadow:0 3px 0 rgba(27,42,92,.24),inset 0 0 0 1.5px #C99A5B,inset 5px 0 0 var(--t5b2a-w)}
.t5b2a-ld-papan-nama{font-size:14px;font-weight:900;line-height:1.14;overflow-wrap:break-word}
.t5b2a-ld-papan-ket{font-size:12px;font-weight:700;line-height:1.2;color:var(--ink2)}
.t5b2a-ld-papan-kira{position:absolute;left:-13px;top:-7px;display:grid;place-items:center;min-width:24px;height:22px;padding:0 6px;border-radius:11px;background:#AEB9D8;color:#fff;
  font-size:12px;font-weight:900;line-height:1;box-shadow:0 0 0 2px #fff}
.t5b2a-ld-papan.t5b2a-ld-ada .t5b2a-ld-papan-kira{background:var(--hijau)}
.t5b2a-ld-papan.t5b2a-ld-terima{animation:t5b2a-ld-terima .45s ease-out}
@keyframes t5b2a-ld-terima{0%,100%{transform:scale(1)}45%{transform:scale(1.05)}}
/* bahagian SVG */
.t5b2a-ld-pisau{stroke:#4D5B8C;transition:stroke .25s ease}
.t5b2a-ld-pisau.t5b2a-ld-pilih{stroke:#FFC933}
.t5b2a-ld-lampu{fill:#6E7A99;transition:fill .25s ease}
.t5b2a-ld-lampu.t5b2a-ld-hijau{fill:#42D987;filter:drop-shadow(0 0 3px rgba(66,217,135,.95))}
.t5b2a-ld-lampu.t5b2a-ld-merah{fill:#FF5A60;filter:drop-shadow(0 0 3px rgba(249,79,85,.95))}
.t5b2a-ld-sentuh{stroke:#FFFFFF;stroke-opacity:0;cursor:pointer;pointer-events:stroke;transition:stroke-opacity .2s ease}
.t5b2a-ld-sentuh.t5b2a-ld-sorot{stroke-opacity:.3}
.t5b2a-ld-tanda.t5b2a-ld-kilat circle{stroke:#0F6B40;stroke-width:4}
.t5b2a-ld-pelita{fill:#AEB9D8;stroke:#5E6784;stroke-width:1.2;transition:fill .6s ease}
.t5b2a-ld-pelita.t5b2a-ld-nyala{fill:#FFE16A;stroke:#E8971A;filter:drop-shadow(0 0 4px rgba(255,201,51,.95))}
.t5b2a-ld-troli,.t5b2a-ld-peti-terbang{pointer-events:none}
/* butang arah keluar simpang */
.t5b2a-ld-arah-baris{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
.t5b2a-ld-arah-baris.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.t5b2a-ld-arah-baris:empty{display:none}
.t5b2a-ld-arah{position:relative;display:flex;align-items:center;gap:8px;min-width:0;min-height:56px;padding:7px 10px;border-radius:18px;background:#fff;color:var(--ink);text-align:left;
  box-shadow:0 5px 0 rgba(27,42,92,.2),inset 0 0 0 2px var(--garis);transition:transform .08s ease,box-shadow .12s ease,background-color .12s ease,opacity .2s ease}
.t5b2a-ld-arah:focus-visible{outline:3px solid var(--fokus);outline-offset:2px}
.t5b2a-ld-cakera{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--t5b2a-w);box-shadow:inset 0 -3px 0 var(--t5b2a-wd),0 0 0 2px #fff,0 0 0 3.5px var(--t5b2a-wd)}
.t5b2a-ld-cakera svg{width:20px;height:20px}
.t5b2a-ld-arah-teks{display:grid;gap:1px;min-width:0}
.t5b2a-ld-arah-teks b{font-size:.9375rem;font-weight:900;line-height:1.18;overflow-wrap:break-word}
.t5b2a-ld-arah-teks small{font-size:.8125rem;font-weight:700;line-height:1.2;color:var(--ink2)}
.t5b2a-ld-no{display:none}
.t5b2a-ld-arah:not([disabled]):active{transform:translateY(3px);box-shadow:0 2px 0 rgba(27,42,92,.2),inset 0 0 0 2px var(--garis)}
.t5b2a-ld-arah.t5b2a-ld-sorot:not([disabled]):not(.salah):not(.kilat){background:#FFFBEA;box-shadow:0 5px 0 rgba(27,42,92,.2),inset 0 0 0 3px var(--t5b2a-w)}
.t5b2a-ld-arah[disabled]{cursor:default}
.t5b2a-ld-arah.salah{background:var(--salah-bg);color:var(--salah-teks);box-shadow:0 5px 0 var(--merah-d),inset 0 0 0 3px #E0555D;animation:t5b2a-goncang .4s ease}
.t5b2a-ld-arah.kilat{background:var(--betul-bg);color:var(--betul-teks);box-shadow:0 5px 0 #1E9E63,inset 0 0 0 3px var(--hijau),0 0 0 4px rgba(26,154,92,.28)}
.t5b2a-ld-arah.pudar{opacity:.45}
/* Sorotan tetikus hanya pada peranti yang boleh hover (tiada sorotan melekat pada skrin sentuh), dan tidak menindih merah/kilat. */
@media (hover:hover){
  .t5b2a-tp-butir:not([disabled]):not(.salah):not(.kilat):hover .t5b2a-tp-tag{box-shadow:0 3px 0 rgba(110,63,27,.34),0 7px 12px rgba(27,42,92,.18),inset 0 0 0 2.5px var(--emas)}
  .t5b2a-tp-guni:not([disabled]):not(.salah):not(.kilat):hover{background:#FFF9E3;box-shadow:0 4px 0 rgba(110,63,27,.32),0 8px 14px rgba(27,42,92,.18),inset 0 0 0 3px var(--emas)}
  .t5b2a-ld-arah:not([disabled]):not(.salah):not(.kilat):hover{background:#FFFBEA;box-shadow:0 5px 0 rgba(27,42,92,.2),inset 0 0 0 3px var(--t5b2a-w)}
}

/* =====================================================================================
   MOD LEBAR (pentas 1280 x 720; .main-badan 720 lebar, Kancil HUD di kiri)
   ===================================================================================== */
body.mod-lebar .b2-main.b2-j-tampi .main-badan,body.mod-lebar .b2-main.b2-j-landasan .main-badan{left:300px;width:720px;top:84px;bottom:12px;display:flex;flex-direction:column;align-content:stretch}
body.mod-lebar .b2-p-tampi,body.mod-lebar .b2-p-landasan{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
body.mod-lebar .t5b2a-tampi,body.mod-lebar .t5b2a-landasan{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}
body.mod-lebar .t5b2a-tampi > *,body.mod-lebar .t5b2a-landasan > *{flex:none}
body.mod-lebar .b2-j-tampi .b2-kad,body.mod-lebar .b2-j-landasan .b2-kad{min-height:78px;padding:9px 20px 11px}
body.mod-lebar .b2-j-tampi .b2-kad-isi,body.mod-lebar .b2-j-landasan .b2-kad-isi{font-size:1.1875rem;line-height:1.26}
body.mod-lebar .b2-j-tampi .bisik,body.mod-lebar .b2-j-landasan .bisik{min-height:54px;padding:7px 14px}
body.mod-lebar .b2-p-tampi > .b2-rumus,body.mod-lebar .b2-p-landasan > .b2-rumus{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}
body.mod-lebar .b2-p-tampi > .b2-rumus > *,body.mod-lebar .b2-p-landasan > .b2-rumus > *{flex:none}
body.mod-lebar .b2-p-tampi > .b2-rumus > .b2-rumus-tokoh,body.mod-lebar .b2-p-landasan > .b2-rumus > .b2-rumus-tokoh{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}
/* tampi */
body.mod-lebar .t5b2a-tp-bawah{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
body.mod-lebar .btn.t5b2a-tp-tampi{min-width:170px}
body.mod-lebar .t5b2a-tp-butir[data-no] .t5b2a-tp-no,body.mod-lebar .t5b2a-tp-guni[data-no] .t5b2a-tp-no{display:grid;place-items:center;position:absolute;left:-9px;top:-9px;z-index:2;width:22px;height:22px;
  border-radius:8px;background:var(--ink);color:#fff;font-size:12px;font-weight:900;line-height:1;box-shadow:0 2px 0 rgba(0,0,0,.25)}
body.mod-lebar .t5b2a-tp-pilih{grid-template-columns:repeat(2,minmax(0,1fr))}
body.mod-lebar .t5b2a-tp-pilih .op:last-child:nth-child(odd){grid-column:1 / -1}
/* landasan */
body.mod-lebar .t5b2a-ld-arah{min-height:58px;padding:8px 12px}
body.mod-lebar .t5b2a-ld-papan{padding:4px 8px 5px 12px}
body.mod-lebar .t5b2a-ld-papan-nama{line-height:1.1}
body.mod-lebar .t5b2a-ld-no{display:grid;place-items:center;position:absolute;right:-7px;top:-9px;z-index:1;width:22px;height:22px;border-radius:7px;background:#EEF2FB;color:var(--ink2);font-size:12px;font-weight:900;box-shadow:0 2px 0 #CBD5EC}
body.mod-lebar .t5b2a-ld-arah[disabled] .t5b2a-ld-no{display:none}
body.mod-lebar .t5b2a-ld-arah-teks{padding-right:0}
body.mod-lebar .t5b2a-ld-pilih{grid-template-columns:repeat(2,minmax(0,1fr))}
body.mod-lebar .t5b2a-ld-pilih.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
body.mod-lebar .t5b2a-ld-pilih .op{min-height:60px}

/* =====================================================================================
   TELEFON (390 x 844) dan TELEFON PENDEK (375 x 667)
   ===================================================================================== */
body.mod-telefon .b2-j-tampi .b2-kad,body.mod-telefon .b2-j-landasan .b2-kad{padding:8px 14px 9px}
body.mod-telefon .b2-j-tampi .b2-kad-isi,body.mod-telefon .b2-j-landasan .b2-kad-isi{font-size:.9375rem;line-height:1.3}
body.mod-telefon .b2-j-tampi .b2-kad-no,body.mod-telefon .b2-j-landasan .b2-kad-no{font-size:.875rem;letter-spacing:.02em;line-height:1.2}
/* adegan dan laman selebar skrin (SPEC §4.9: 390 × 320, 375 × 270) */
body.mod-telefon .t5b2a-tp-adegan,body.mod-telefon .t5b2a-ld-laman{margin:0 -14px;border-radius:0;border-width:3px 0}
body.mod-telefon .t5b2a-tp-tag{padding:5px 8px 5px 24px}
body.mod-telefon .t5b2a-tp-padi{left:7px;width:11px;height:18px;margin-top:-9px}
body.mod-telefon .btn.t5b2a-tp-tampi{order:-1;width:100%}
body.mod-telefon .t5b2a-tp-pil{left:8px;top:7px;height:30px}
body.mod-telefon .t5b2a-tp-guni-angkat{grid-template-columns:minmax(0,1fr);justify-items:center;align-content:start;gap:3px;padding:7px 6px 9px;text-align:center}
body.mod-telefon .t5b2a-tp-guni-seni{width:40px;height:46px}
body.mod-telefon .t5b2a-tp-guni-teks{justify-items:center}
body.mod-telefon .t5b2a-tp-guni-teks b{font-size:.875rem}
body.mod-telefon .t5b2a-tp-guni-teks small{font-size:.875rem;font-weight:700}
body.mod-telefon .t5b2a-ld-papan{padding:4px 5px 5px 8px;align-content:start;border-radius:8px;box-shadow:0 2px 0 rgba(27,42,92,.24),inset 0 0 0 1.5px #C99A5B,inset 0 4px 0 var(--t5b2a-w)}
body.mod-telefon .t5b2a-ld-papan-nama{font-size:12.5px;line-height:1.12;padding-top:3px}
body.mod-telefon .t5b2a-ld-papan-ket{font-size:12px}
body.mod-telefon .t5b2a-ld-papan-kira{left:auto;right:-3px;top:auto;bottom:-12px;height:20px;min-width:22px}
body.mod-telefon .t5b2a-ld-arah{flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 6px 8px;text-align:center}
body.mod-telefon .t5b2a-ld-arah-teks{justify-items:center}
body.mod-telefon .t5b2a-ld-arah-teks b{font-size:.875rem}
body.mod-telefon .t5b2a-ld-arah-teks small{display:none}
body.mod-telefon .t5b2a-ld-cakera{width:28px;height:28px}
body.mod-telefon .t5b2a-ld-cakera svg{width:18px;height:18px}
body.mod-telefon .t5b2a-ld-arah-baris.n2 .t5b2a-ld-arah{flex-direction:row;justify-content:flex-start;text-align:left}
body.mod-telefon .t5b2a-ld-arah-baris.n2 .t5b2a-ld-arah-teks{justify-items:start}
@media (max-height:700px){
  body.mod-telefon .t5b2a-tampi,body.mod-telefon .t5b2a-landasan{gap:8px}
  body.mod-telefon .b2-j-tampi .b2-kad,body.mod-telefon .b2-j-landasan .b2-kad{min-height:0;padding:7px 12px 8px}
  body.mod-telefon .b2-j-tampi .b2-kad-isi,body.mod-telefon .b2-j-landasan .b2-kad-isi{font-size:.875rem}
  body.mod-telefon .t5b2a-tp-tag{padding:4px 6px 4px 22px}
  body.mod-telefon .t5b2a-tp-padi{left:6px}
  body.mod-telefon .b2-j-tampi .bisik,body.mod-telefon .b2-j-landasan .bisik{min-height:44px;padding:7px 12px;font-size:.875rem}
  body.mod-telefon .btn.t5b2a-tp-tampi{min-height:50px}
  body.mod-telefon .t5b2a-tp-pil{height:28px;top:6px;left:7px}
  body.mod-telefon .t5b2a-tp-guni-seni{width:34px;height:40px}
  body.mod-telefon .t5b2a-ld-arah{min-height:50px;padding:6px 6px 7px}
  body.mod-telefon .op.t5b2a-op{min-height:48px;padding-top:7px;padding-bottom:7px}
}

/* ---------- Gerakan dikurangkan: keadaan akhir sahaja (babak.css juga mematikan semua animasi) ---------- */
@media (prefers-reduced-motion:reduce){
  .t5b2a-tp-butir.salah .t5b2a-tp-gerak,.t5b2a-tp-butir.kilat .t5b2a-tp-gerak,.t5b2a-tp-guni.salah .t5b2a-tp-guni-angkat,.t5b2a-tp-guni-angkat.t5b2a-tp-kembung .t5b2a-tp-guni-seni,
  .btn.t5b2a-tp-tampi.t5b2a-tp-muncul,.t5b2a-ld-arah.salah,.t5b2a-ld-papan.t5b2a-ld-terima{animation:none}
  .t5b2a-tp-tag,.t5b2a-tp-guni,.t5b2a-tp-kain,.t5b2a-ld-pisau,.t5b2a-ld-lampu,.t5b2a-ld-sentuh,.t5b2a-ld-pelita,.t5b2a-ld-arah{transition:none}
}