/* ===== Babak · gaya pakej enjin Bab 8, kumpulan 8a (js/pakej-bab-08-8a.js): lif, buih. Awalan kelas dan keyframes b8a-.
   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 ---------- */
.b8a-goncang{animation:goncang .4s}
/* klon terbang/seret: !important kerana gaya elemen asal (position:relative) datang kemudian dengan kekhususan yang sama */
.b8a-terbang,.b8a-klon-seret{position:absolute!important;z-index:40;margin:0!important;pointer-events:none;box-sizing:border-box;overflow:hidden}
.b8a-klon-seret{transition:none!important;box-shadow:0 16px 28px rgba(27,42,92,.32)!important}
.b8a-terbang{transition:none!important;animation:none!important}
.b2-j-lif .b2-kad-no,.b2-j-buih .b2-kad-no{font-size:.875rem;letter-spacing:.04em}
.b2-j-lif .b2-kad-isi,.b2-j-buih .b2-kad-isi{font-size:1.0625rem}
.b2-j-lif .b2-rujuk-btn,.b2-j-buih .b2-rujuk-btn{font-size:.875rem;min-height:40px}
.b2-j-lif .b2-rumus-tokoh li,.b2-j-buih .b2-rumus-tokoh li{font-size:.875rem;line-height:1.35;align-content:start}
.b2-j-lif .b2-rumus-label,.b2-j-buih .b2-rumus-label{font-size:.875rem}
.b2-rumus-tokoh li.b8a-rumus-penuh{grid-column:1/-1}
.b8a-rumus-baris{display:grid;gap:3px;margin-top:2px}
.b8a-rumus-baris > span{position:relative;padding-left:13px;color:var(--ink);font-weight:700}
.b8a-rumus-baris > span::before{content:"";position:absolute;left:1px;top:.45em;width:7px;height:7px;border-radius:2px;background:#F2CF96;box-shadow:inset 0 0 0 1.5px #B8743C}
.b8a-rumus-ket{font-style:italic}
.b8a-dulang-label{font-size:.875rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.b8a-soal-panel{display:grid;gap:8px}
.b8a-soal-teks{display:none;font-size:1rem;font-weight:900;line-height:1.3;color:var(--ink)}
.b8a-soal-pilih{grid-template-columns:minmax(0,1fr);gap:8px}
.b8a-op{min-height:50px;font-size:.9375rem}
.b8a-op.pudar{opacity:.5}
/* dulang yang boleh ditatal: tepi yang masih ada kad dipudarkan */
.b8a-label-dulang.ada-kanan,.b8a-dulang.ada-kanan{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent)}
.b8a-label-dulang.ada-kiri,.b8a-dulang.ada-kiri{-webkit-mask-image:linear-gradient(90deg,transparent,#000 34px);mask-image:linear-gradient(90deg,transparent,#000 34px)}
.b8a-label-dulang.ada-kiri.ada-kanan,.b8a-dulang.ada-kiri.ada-kanan{-webkit-mask-image:linear-gradient(90deg,transparent,#000 34px,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,transparent,#000 34px,#000 calc(100% - 34px),transparent)}
.b8a-label-dulang.ada-bawah{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 34px),transparent)}
.b8a-sisi-kepala{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.b8a-baki{font-size:.875rem;font-weight:800;color:var(--ink2);white-space:nowrap}
.b8a-pudar-keluar{opacity:.18;transform:scale(.94);transition:opacity .7s ease,transform .7s ease;pointer-events:none}

/* =====================================================================================
   3.1 LIF · MENARA PILIHAN RAYA
   ===================================================================================== */
.b8a-lif{--aci:70px;--pelat:5px;--atap:54px;display:grid;gap:10px;min-width:0}
.b8a-bangunan{--lantai:88px}
.b8a-lif[data-n="1"] .b8a-bangunan,.b8a-lif[data-n="2"] .b8a-bangunan,.b8a-lif[data-n="3"] .b8a-bangunan{--lantai:100px}
.b8a-lif[data-n="5"] .b8a-bangunan{--lantai:74px}
.b8a-lif[data-n="6"] .b8a-bangunan{--lantai:64px}
.b8a-penumpang{box-shadow:var(--bayang),inset 6px 0 0 var(--emas)}
.b8a-penumpang.betul{box-shadow:0 5px 0 #1E9E63,inset 0 0 0 3px var(--hijau)}
.b8a-penumpang.salah{box-shadow:0 5px 0 var(--merah-d),inset 0 0 0 3px #E0555D}
.b8a-lif-meja{display:grid;gap:10px;min-width:0}
/* bangunan: bumbung pedimen dengan jam dan papan nama, dinding krim, tanah */
.b8a-bangunan{position:relative;min-width:0;padding:0 7px;border-radius:0 0 14px 14px;background:#F2D9A9;box-shadow:var(--bayang)}
.b8a-bumbung{position:relative;height:var(--atap);margin:0 -7px}
.b8a-pedimen{position:absolute;left:-2px;right:-2px;top:0;height:calc(var(--atap) - 20px);background:#EC6F1F;clip-path:polygon(50% 0,100% 100%,0 100%)}
.b8a-pedimen::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 60%)}
.b8a-jam{position:absolute;left:50%;top:calc((var(--atap) - 20px) * .38);width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#FFF6E0;box-shadow:0 0 0 3px #C2560F}
.b8a-jam::before,.b8a-jam::after{content:"";position:absolute;left:50%;bottom:50%;width:2px;margin-left:-1px;border-radius:1px;background:#1B2A5C;transform-origin:50% 100%}
.b8a-jam::before{height:6px;transform:rotate(-40deg)}
.b8a-jam::after{height:7px;transform:rotate(80deg)}
.b8a-jam i{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#1B2A5C}
.b8a-papan-nama{position:absolute;left:0;right:0;bottom:0;height:20px;display:grid;place-items:center;border-radius:6px 6px 0 0;background:#FFF6E0;box-shadow:inset 0 -3px 0 #C2560F,0 -2px 0 #C2560F;
  font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);white-space:nowrap;overflow:hidden}
/* tingkat dan aci */
.b8a-lantai-senarai{position:relative;overflow:hidden;border-radius:2px;background:#FFF9EE;box-shadow:inset 3px 0 0 #E7C58F,inset -3px 0 0 #E7C58F}
/* tingkat: tinggi minimum --lantai; papan yang perlu lebih ruang memanjangkan tingkatnya (teks tidak dipotong) */
.b8a-lantai{position:relative;display:flex;min-height:var(--lantai);padding-left:var(--aci);border-bottom:var(--pelat) solid #CDA56C;background:#FFFBF2}
.b8a-lantai.genap{background:#FFF3DB}
.b8a-lantai::after{content:"";position:absolute;left:var(--aci);right:0;bottom:0;height:3px;background:rgba(138,82,38,.10)}
.b8a-lantai::before{content:"";position:absolute;z-index:2;left:0;width:var(--aci);bottom:calc(-1 * var(--pelat));height:var(--pelat);background:#8FA0CF;box-shadow:inset 0 -2px 0 #6F80B6}
.b8a-aci{position:absolute;left:0;top:0;bottom:0;z-index:1;width:var(--aci);background:linear-gradient(90deg,#2B3A6C,#3A4C86 50%,#2B3A6C);box-shadow:inset -3px 0 0 #22305C}
.b8a-aci::before,.b8a-aci::after{content:"";position:absolute;top:0;bottom:0;width:3px;border-radius:2px;background:#5B6CA6}
.b8a-aci::before{left:6px}
.b8a-aci::after{right:7px}
.b8a-takal{position:absolute;left:50%;top:3px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#C5D0EA;box-shadow:inset 0 0 0 4px #8D98BC}
.b8a-ruang{flex:1 1 auto;padding:6px 8px 6px 10px;display:flex;align-items:stretch;min-width:0}
/* kereta lif */
.b8a-kereta{position:absolute;left:8px;top:0;z-index:3;width:calc(var(--aci) - 17px);height:calc(var(--lantai) - var(--pelat) - 7px);border-radius:8px;background:#E8EDF7;
  box-shadow:inset 0 0 0 2px #AEB9D8,0 3px 0 rgba(0,0,0,.28);will-change:transform}
.b8a-kabel{position:absolute;left:50%;bottom:100%;width:3px;height:1200px;margin-left:-1.5px;background:#9AA7CF}
.b8a-penunjuk{position:absolute;left:50%;top:4px;height:16px;min-width:28px;padding:0 5px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:2px;border-radius:5px;background:#1B2A5C;color:#FFC933;box-shadow:inset 0 0 0 1px #0E1840}
.b8a-penunjuk-no{font-size:.75rem;font-weight:900;line-height:1}
.b8a-penunjuk-arah{display:none;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}
.b8a-kereta[data-arah="naik"] .b8a-penunjuk-arah{display:block;border-bottom:6px solid #FFC933}
.b8a-kereta[data-arah="turun"] .b8a-penunjuk-arah{display:block;border-top:6px solid #FFC933}
.b8a-kabin{position:absolute;left:4px;right:4px;top:23px;bottom:4px;overflow:hidden;border-radius:4px;background:#FFF0BE;box-shadow:inset 0 3px 0 rgba(0,0,0,.08)}
.b8a-lampu{position:absolute;left:18%;right:18%;top:0;height:3px;border-radius:0 0 3px 3px;background:#FFE58A;box-shadow:0 0 8px 2px rgba(255,229,138,.9)}
.b8a-mini{position:absolute;left:50%;bottom:3px;width:58%;max-width:40px;height:68%;max-height:48px;transform:translateX(-50%);display:flex;flex-direction:column;justify-content:center;gap:3px;padding:5px 4px 3px;
  border-radius:3px;background:#FFFDF6;box-shadow:0 1px 0 rgba(0,0,0,.25),inset 0 4px 0 var(--emas);transition:opacity .25s ease}
.b8a-mini::before{content:"";position:absolute;left:50%;top:-3px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#F94F55;box-shadow:0 1px 0 rgba(0,0,0,.3)}
.b8a-mini i{display:block;height:2px;border-radius:1px;background:#AEB9D8}
.b8a-mini i:nth-child(2){width:80%}
.b8a-mini i:nth-child(3){width:55%}
.b8a-mini.pergi{opacity:0}
.b8a-mini.masuk{animation:b8a-timbul .45s ease-out}
.b8a-mini.salah{background:#FFE0E2;box-shadow:0 1px 0 rgba(0,0,0,.25),inset 0 4px 0 #F94F55}
.b8a-mini.dibantu{outline:2px dashed #C9323F;outline-offset:1px}
.b8a-mini-terbang{display:flex!important;opacity:1}
.b8a-mini-terbang.dibantu{outline:2px dashed #C9323F;outline-offset:1px}
@keyframes b8a-timbul{0%{opacity:0;transform:translateX(-50%) translateY(8px) scale(.7)}100%{opacity:1;transform:translateX(-50%)}}
.b8a-pintu{position:absolute;top:0;bottom:0;z-index:1;width:50%;background:linear-gradient(90deg,#C3CCE3,#DCE2F1 45%,#C9D1E6);transition:transform .32s ease}
.b8a-pintu.kiri{left:0;box-shadow:inset -1px 0 0 #7D89B0}
.b8a-pintu.kanan{right:0;box-shadow:inset 1px 0 0 #7D89B0}
.b8a-kereta.buka .b8a-pintu.kiri{transform:translateX(-100%)}
.b8a-kereta.buka .b8a-pintu.kanan{transform:translateX(100%)}
/* papan kenyataan setiap tingkat */
.b8a-papan{position:relative;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px;padding:6px 8px 6px 7px;border-radius:10px;
  background-color:#F2CF96;background-image:radial-gradient(rgba(138,82,38,.22) 1px,transparent 1.6px);background-size:9px 9px;
  box-shadow:inset 0 0 0 3px #B8743C,0 2px 0 rgba(110,63,27,.28);transition:box-shadow .3s ease,background-color .3s ease}
.b8a-papan-kepala{flex:none;display:flex;align-items:flex-start;gap:6px;min-width:0}
.b8a-no{flex:none;display:grid;place-items:center;width:25px;height:25px;margin-top:1px;border-radius:50%;background:#1B2A5C;color:#fff;font-size:.875rem;font-weight:900;box-shadow:0 2px 0 rgba(0,0,0,.25)}
.b8a-papan-tajuk{position:relative;flex:1 1 auto;min-width:0;display:block;padding:3px 7px 4px;border-radius:5px;background:#FFFDF6;color:var(--ink);
  font-size:.875rem;font-weight:900;line-height:1.2;box-shadow:0 1px 0 rgba(0,0,0,.18);overflow-wrap:break-word}
.b8a-papan-tajuk::before{content:"";position:absolute;right:7px;top:-3px;width:7px;height:7px;border-radius:50%;background:#3D8BF2;box-shadow:0 1px 0 rgba(0,0,0,.3)}
.b8a-tahun{display:inline-block;margin-right:6px;padding:0 7px;border-radius:9px;background:var(--ink);color:#fff;font-size:.875rem;font-weight:900;line-height:1.35;white-space:nowrap;vertical-align:1px}
.b8a-papan-tajuk.kosong{background:rgba(255,253,246,.5);box-shadow:none;outline:2px dashed #B8743C;outline-offset:-3px;text-align:center;color:#8A5226}
.b8a-papan-tajuk.kosong::before{display:none}
.b8a-tanya{font-size:1rem;font-weight:900}
.b8a-papan-tajuk.baru{animation:b8a-tampal .55s ease-out}
@keyframes b8a-tampal{0%{transform:rotate(-4deg) scale(1.08)}45%{transform:rotate(2deg)}100%{transform:none}}
.b8a-papan.seterus{box-shadow:inset 0 0 0 3px #B8743C,0 0 0 4px var(--emas),0 0 16px rgba(255,201,51,.85)}
.b8a-papan.seterus .b8a-papan-tajuk.kosong{background:#FFF3C4}
.b8a-papan.dibantu .b8a-papan-tajuk{outline:2px dashed #C9323F;outline-offset:1px}
.b8a-papan.salah{background-color:#FFC7CA;box-shadow:inset 0 0 0 3px #C9323F,0 0 0 4px rgba(249,79,85,.45)}
.b8a-papan.terima{animation:b8a-terima .9s ease-out}
@keyframes b8a-terima{0%,100%{box-shadow:inset 0 0 0 3px #B8743C,0 2px 0 rgba(110,63,27,.28)}35%{box-shadow:inset 0 0 0 3px #2FA05C,0 0 0 5px rgba(47,160,92,.45)}}
.b8a-papan-kira{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:0 7px 0 6px;border-radius:9px;background:#2FA05C;color:#fff;font-size:.875rem;font-weight:900;line-height:1.35;white-space:nowrap;vertical-align:1px;box-shadow:0 2px 0 #217F49}
.b8a-papan-kira[hidden]{display:none}
.b8a-papan-kira.baru{animation:b8a-timbul-kira .5s ease-out}
@keyframes b8a-timbul-kira{0%{transform:scale(1.35)}100%{transform:none}}
.b8a-kira-ikon{position:relative;width:9px;height:11px;border-radius:1px;background:#fff;box-shadow:2px -2px 0 -1px #D8F5E3}
.b8a-papan-ket{flex:none;width:100%;font-size:.8125rem;font-weight:800;font-style:italic;line-height:1.3;color:#6E3F1B;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.b8a-papan.ada-pin .b8a-papan-ket{display:none}
.b8a-papan-senarai{display:none}
.b8a-slip{flex:none;width:100%;padding:1px 7px;border-radius:4px;background:#FFFDF6;color:var(--ink);font-size:.8125rem;font-weight:700;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 0 rgba(0,0,0,.14)}
.b8a-slip.baru{animation:b8a-slip .6s ease-out}
.b8a-slip.dibantu{outline:2px dashed #C9323F;outline-offset:-1px}
@keyframes b8a-slip{0%{background:#D9F5E3;transform:translateX(10px)}100%{background:#FFFDF6;transform:none}}
.b8a-tanah{position:relative;height:14px;margin:0 -9px;border-radius:0 0 14px 14px;background:#7CC96A;box-shadow:inset 0 4px 0 #5DB04B}
.b8a-tanah i{position:absolute;left:calc(var(--aci) * .15);width:calc(var(--aci) * .75);top:-2px;height:6px;border-radius:2px;background:#C5CAD6}
/* panel butang lif */
.b8a-panel{display:grid;gap:4px;padding:8px 8px 6px;border-radius:16px;background:linear-gradient(#F1F4FA,#DCE3F1);box-shadow:inset 0 0 0 2px #C5D0EA,0 3px 0 rgba(27,42,92,.12)}
.b8a-lif[data-n="2"] .b8a-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
.b8a-lif[data-n="3"] .b8a-panel{grid-template-columns:repeat(3,minmax(0,1fr))}
.b8a-lif[data-n="4"] .b8a-panel{grid-template-columns:repeat(4,minmax(0,1fr))}
.b8a-lif[data-n="5"] .b8a-panel{grid-template-columns:repeat(5,minmax(0,1fr))}
.b8a-lif[data-n="6"] .b8a-panel{grid-template-columns:repeat(6,minmax(0,1fr))}
.b8a-butang{display:grid;justify-items:center;align-content:start;gap:3px;min-width:0;min-height:48px;padding:2px 0;border-radius:12px;color:var(--ink);-webkit-tap-highlight-color:transparent}
.b8a-butang-muka{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#FFFFFF,#EDF1F8 55%,#CBD4E8);color:var(--ink);
  font-size:1.375rem;font-weight:900;box-shadow:0 4px 0 #8D98BC,inset 0 0 0 3px #AEB9D8;transition:transform .12s ease,box-shadow .2s ease,background .2s ease}
.b8a-butang:active .b8a-butang-muka{transform:translateY(3px);box-shadow:0 1px 0 #8D98BC,inset 0 0 0 3px #AEB9D8}
.b8a-butang-label{max-width:100%;font-size:.75rem;font-weight:900;line-height:1.15;text-align:center;color:var(--ink2);overflow-wrap:break-word}
.b8a-butang.tekan .b8a-butang-muka{background:radial-gradient(circle at 36% 30%,#FFF9DD,#FFD95C);box-shadow:0 2px 0 var(--emas-d),inset 0 0 0 3px var(--emas),0 0 14px rgba(255,201,51,.85);transform:translateY(2px)}
.b8a-butang.kilat .b8a-butang-muka{background:radial-gradient(circle at 36% 30%,#F2FFF7,#A9E8C2);box-shadow:0 3px 0 #1E9E63,inset 0 0 0 3px var(--hijau),0 0 12px rgba(47,160,92,.6)}
.b8a-butang:disabled{cursor:default}
.b8a-butang:focus-visible{outline:3px solid var(--fokus);outline-offset:1px}
/* label tingkat (urutan) */
.b8a-label-dulang{display:grid;gap:7px}
.b8a-label-cip{position:relative;min-height:44px;padding:6px 12px 6px 22px;border-radius:12px;background:#FFFDF6;color:var(--ink);text-align:left;font-size:.9375rem;font-weight:800;line-height:1.22;
  box-shadow:0 3px 0 rgba(27,42,92,.2),inset 0 0 0 2px #E4D8BC;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}
.b8a-label-cip::before{content:"";position:absolute;left:8px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#3D8BF2;box-shadow:0 1px 0 rgba(0,0,0,.3)}
.b8a-label-cip:active{transform:translateY(2px)}
.b8a-label-cip.guna{display:none}
.b8a-label-cip.salah{background:var(--salah-bg);color:var(--salah-teks);box-shadow:0 3px 0 var(--merah-d),inset 0 0 0 3px #E0555D}
.b8a-label-cip.kilat{background:var(--betul-bg);color:var(--betul-teks);box-shadow:0 3px 0 #1E9E63,inset 0 0 0 3px var(--hijau)}
.b8a-label-terbang{display:flex!important;align-items:center;white-space:nowrap}
.b8a-label-terbang.salah{background:var(--salah-bg)!important;color:var(--salah-teks)!important;box-shadow:0 3px 0 var(--merah-d),inset 0 0 0 3px #E0555D!important}

/* =====================================================================================
   3.2 BUIH · PETA BUIH BERGANDA
   ===================================================================================== */
.b8a-buih{display:grid;gap:10px;min-width:0}
.b8a-peta{position:relative;border-radius:22px;background:#FFFDF7;box-shadow:var(--bayang),inset 0 0 0 2px #EFE3C8}
.b8a-peta::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background-image:radial-gradient(rgba(123,87,224,.10) 1.2px,transparent 1.6px);background-size:18px 18px}
.b8a-peta-dalam{position:relative;min-width:0}
.b8a-garis{position:absolute;left:0;top:0;z-index:0;overflow:visible;pointer-events:none}
.b8a-garis-l{fill:none;stroke:#C5D0EA;stroke-width:2;stroke-linecap:round;stroke-dasharray:3 6}
.b8a-garis-l.isi{stroke-width:3.2;stroke-dasharray:none}
.b8a-garis-l.isi.zon-a{stroke:#3D8BF2}
.b8a-garis-l.isi.zon-sama{stroke:#7B57E0}
.b8a-garis-l.isi.zon-b{stroke:#EC6F1F}
.b8a-garis-l.lukis{stroke-dasharray:var(--L);stroke-dashoffset:var(--L);animation:b8a-lukis .56s ease-out forwards}
@keyframes b8a-lukis{to{stroke-dashoffset:0}}
.b8a-rel{fill:none;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.b8a-rel.rel-a{stroke:#A9CBF9}
.b8a-rel.rel-b{stroke:#F7C39F}
.b8a-sendi{stroke:#fff;stroke-width:2}
.b8a-sendi.zon-a{fill:#3D8BF2}
.b8a-sendi.zon-sama{fill:#7B57E0}
.b8a-sendi.zon-b{fill:#EC6F1F}
.b8a-pusat{position:relative;z-index:2;display:grid;align-content:center;justify-items:center;gap:1px;width:96px;height:96px;padding:8px;border-radius:50%;text-align:center;color:#fff}
.b8a-pusat.pusat-a{background:#3D8BF2;box-shadow:0 5px 0 #2563C4,inset 0 0 0 4px rgba(255,255,255,.3)}
.b8a-pusat.pusat-b{background:#EC6F1F;box-shadow:0 5px 0 #C2560F,inset 0 0 0 4px rgba(255,255,255,.3)}
.b8a-pusat-nama{font-size:1rem;font-weight:900;line-height:1.1;overflow-wrap:break-word;max-width:100%;text-wrap:balance}
.b8a-pusat-ket{font-size:.75rem;font-weight:800;line-height:1.15;opacity:.96;max-width:100%}
.b8a-buih.penuh .b8a-pusat{animation:b8a-denyut 1s ease-out}
@keyframes b8a-denyut{0%,100%{transform:none}40%{transform:scale(1.07)}}
.b8a-lajur{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;min-width:0}
.b8a-tag{align-self:center;max-width:100%;padding:2px 10px;border-radius:10px;color:#fff;font-size:.875rem;font-weight:900;line-height:1.3;letter-spacing:.03em;text-align:center}
.b8a-tag.tag-sama{background:#7B57E0}
.b8a-tag.tag-a{background:#3D8BF2}
.b8a-tag.tag-b{background:#EC6F1F}
.b8a-gel{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:6px 10px;border-radius:24px;border:2px dashed #AEB9D8;background:#FBFCFF;color:var(--ink);
  text-align:center;font-size:.875rem;font-weight:800;line-height:1.2;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease;-webkit-tap-highlight-color:transparent}
.b8a-gel-teks{min-width:0;overflow-wrap:break-word}
.b8a-gel:focus-visible{outline:3px solid var(--fokus);outline-offset:2px}
.b8a-buih.ada-pilih .b8a-gel:not(.isi){border-color:var(--emas-d);background:#FFFBEA}
.b8a-gel.pilih,.b8a-gel.b8a-dekat{border:3px solid var(--emas);background:#FFF3C4;box-shadow:0 0 0 3px rgba(255,201,51,.35)}
.b8a-gel.isi{border-style:solid;border-width:3px;cursor:default}
.b8a-gel.isi.zon-a{border-color:#3D8BF2;background:#EDF4FE}
.b8a-gel.isi.zon-sama{border-color:#7B57E0;background:#F3EEFD}
.b8a-gel.isi.zon-b{border-color:#EC6F1F;background:#FEF1E7}
.b8a-gel.dibantu{outline:2px dashed #C9323F;outline-offset:2px}
.b8a-gel.salah{border:3px solid #E0555D;background:var(--salah-bg);color:var(--salah-teks)}
.b8a-gel.kilat{border:3px solid var(--hijau);background:var(--betul-bg)}
/* kad ciri */
.b8a-dulang{display:grid;gap:7px}
.b8a-cip{position:relative;min-height:46px;width:100%;padding:6px 10px 6px 20px;border-radius:12px;background:#FFFDF6;color:var(--ink);text-align:left;font-size:.9375rem;font-weight:800;line-height:1.2;
  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}
.b8a-cip::before{content:"";position:absolute;left:8px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#7B57E0;box-shadow:0 0 0 2px #E8E0FB}
.b8a-cip:active{transform:translateY(2px)}
.b8a-cip.pilih{background:#FFF6D8;box-shadow:0 5px 0 var(--emas-d),inset 0 0 0 3px var(--emas);transform:translateY(-3px)}
.b8a-cip.salah{background:var(--salah-bg);color:var(--salah-teks);box-shadow:0 3px 0 var(--merah-d),inset 0 0 0 3px #E0555D}
.b8a-cip.kilat{background:var(--betul-bg);color:var(--betul-teks);box-shadow:0 3px 0 #1E9E63,inset 0 0 0 3px var(--hijau)}
.b8a-cip.guna{display:none}
.b8a-cip.masuk{animation:lompat .38s ease-out both}
.b8a-cip.b8a-diseret{opacity:.35}
.b8a-slot{display:grid;min-width:0;min-height:50px;border-radius:12px}
.b8a-slot.kosong{background:rgba(27,42,92,.04);box-shadow:inset 0 0 0 2px rgba(27,42,92,.07)}
.b8a-cip-terbang{display:flex!important;align-items:center;overflow:hidden}
.b8a-cip-terbang.salah{background:var(--salah-bg)!important;color:var(--salah-teks)!important;box-shadow:0 3px 0 var(--merah-d),inset 0 0 0 3px #E0555D!important}
.b8a-cip-terbang.dibantu{outline:2px dashed #C9323F;outline-offset:1px}
/* kronologi: jalur garis masa dan kad peristiwa */
.b8a-kr{display:grid;gap:6px;padding:10px 12px 12px;border-radius:18px;background:#FFFDF6;box-shadow:var(--lip),inset 0 0 0 2px #EFE3C8}
.b8a-kr-tajuk{font-size:.875rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--ungu-d)}
.b8a-kr-garis{position:relative;display:grid;gap:6px;margin:0;padding:0;list-style:none}
.b8a-kr-slot{position:relative;display:grid;align-content:start;gap:1px;min-width:0;border-radius:10px;transition:background-color .3s ease}
.b8a-kr-titik{position:absolute;z-index:1;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px #C5D0EA}
.b8a-kr-slot.isi .b8a-kr-titik{background:#7B57E0;box-shadow:inset 0 0 0 3px #5537A8}
.b8a-kr-tarikh{font-size:.875rem;font-weight:900;line-height:1.25;color:var(--ungu-d)}
.b8a-kr-slot.kosong .b8a-kr-tarikh{color:#AEB9D8}
.b8a-kr-teks{font-size:.875rem;font-weight:800;line-height:1.25;color:var(--ink);overflow-wrap:break-word}
.b8a-kr-slot.kosong{min-height:34px;padding:4px 10px;border-radius:10px;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 2px #E4DDF8;grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:center;align-content:center}
.b8a-kr-slot.kosong .b8a-kr-teks::before{content:"?";color:#AEB9D8;font-weight:900}
.b8a-kr-slot.kosong.seterus{background:#FFF8DA;box-shadow:inset 0 0 0 2px var(--emas)}
.b8a-kr-slot.seterus .b8a-kr-titik{box-shadow:inset 0 0 0 3px var(--emas-d),0 0 0 4px rgba(255,201,51,.45)}
.b8a-kr-slot.salah{background:var(--salah-bg)}
.b8a-kr-slot.salah .b8a-kr-titik{box-shadow:inset 0 0 0 3px #C9323F,0 0 0 4px rgba(249,79,85,.4)}
.b8a-kr-slot.dibantu .b8a-kr-teks{outline:2px dashed #C9323F;outline-offset:2px;border-radius:4px}
.b8a-kr-slot.baru{animation:b8a-slip .6s ease-out}
.b8a-peristiwa{position:relative;display:grid;align-content:center;gap:2px;min-height:48px;width:100%;padding:6px 10px 6px 12px;border-radius:12px;background:#fff;color:var(--ink);text-align:left;
  box-shadow:0 3px 0 rgba(27,42,92,.2),inset 0 0 0 2px #D9CFF5,inset 4px 0 0 #7B57E0;transition:transform .15s ease}
.b8a-peristiwa:active{transform:translateY(2px)}
.b8a-peristiwa-tarikh{font-size:.875rem;font-weight:900;color:var(--ungu-d);line-height:1.2}
.b8a-peristiwa-teks{font-size:.9375rem;font-weight:800;line-height:1.22}
.b8a-peristiwa.salah{background:var(--salah-bg);color:var(--salah-teks);box-shadow:0 3px 0 var(--merah-d),inset 0 0 0 3px #E0555D}
.b8a-peristiwa.kilat{background:var(--betul-bg);color:var(--betul-teks);box-shadow:0 3px 0 #1E9E63,inset 0 0 0 3px var(--hijau)}
.b8a-peristiwa.guna{display:none}
.b8a-peristiwa-terbang{display:grid!important;align-content:center}
.b8a-peristiwa-terbang.salah{background:var(--salah-bg)!important;color:var(--salah-teks)!important;box-shadow:0 3px 0 var(--merah-d),inset 0 0 0 3px #E0555D!important}
.b8a-masuk-lambat{animation:b8a-masuk-lambat 1.1s ease-out both}
@keyframes b8a-masuk-lambat{0%,45%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
/* Rumusan */
.b8a-rumus-lanjut{display:grid;gap:10px;min-height:0}
.b8a-rumus-tiga{display:grid;gap:8px}
.b8a-rumus-kump{display:grid;gap:4px;align-content:start;padding:8px 10px;border-radius:14px;background:#F3F6FD;box-shadow:inset 4px 0 0 var(--w,#7B57E0)}
.b8a-rumus-kump.zon-a{--w:#3D8BF2;background:#EDF4FE}
.b8a-rumus-kump.zon-sama{--w:#7B57E0;background:#F3EEFD}
.b8a-rumus-kump.zon-b{--w:#EC6F1F;background:#FEF1E7}
.b8a-rumus-kump b{font-size:.875rem;font-weight:900;color:var(--ink)}
.b8a-rumus-kump ul{display:grid;gap:3px}
.b8a-rumus-kump li{position:relative;padding-left:12px;font-size:.875rem;font-weight:700;line-height:1.3;color:var(--ink)}
.b8a-rumus-kump li::before{content:"";position:absolute;left:0;top:.42em;width:7px;height:7px;border-radius:50%;background:var(--w)}
.b8a-rumus-kr{display:grid;gap:4px;padding:8px 10px;border-radius:14px;background:#F3F6FD}
.b8a-rumus-kr b{font-size:.875rem;font-weight:900}
.b8a-rumus-kr ol{display:grid;gap:3px;counter-reset:k}
.b8a-rumus-kr li{position:relative;padding-left:26px;font-size:.875rem;font-weight:700;line-height:1.3;counter-increment:k}
.b8a-rumus-kr li::before{content:counter(k);position:absolute;left:0;top:0;width:19px;height:19px;border-radius:50%;background:#7B57E0;color:#fff;display:grid;place-items:center;font-size:.75rem;font-weight:900}
.b8a-rumus-kr li .angka{margin-right:6px;font-weight:900;color:var(--ungu-d)}

/* =====================================================================================
   MOD LEBAR (pentas 1280 x 720; .main-badan: left 300, width 720)
   ===================================================================================== */
body.mod-lebar .b2-main.b2-j-lif .main-badan,body.mod-lebar .b2-main.b2-j-buih .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-lif,body.mod-lebar .b2-p-buih{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}
body.mod-lebar .b8a-lif,body.mod-lebar .b8a-buih{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}
body.mod-lebar .b8a-lif > .b2-atas,body.mod-lebar .b8a-buih > .b2-atas{flex:none}
body.mod-lebar .b2-j-lif .b2-kad,body.mod-lebar .b2-j-buih .b2-kad{padding:9px 20px 10px}
body.mod-lebar .b2-j-lif .b2-kad-isi{font-size:1.1875rem}
body.mod-lebar .b2-j-buih .b2-kad-isi{font-size:1.0625rem}
body.mod-lebar .b2-p-lif > .b2-rumus,body.mod-lebar .b2-p-buih > .b2-rumus{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}
body.mod-lebar .b2-p-lif > .b2-rumus > *,body.mod-lebar .b2-p-buih > .b2-rumus > *{flex:none}
body.mod-lebar .b2-p-lif > .b2-rumus > .b2-rumus-tokoh,body.mod-lebar .b2-p-buih > .b2-rumus > .b8a-rumus-lanjut{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}
body.mod-lebar .b2-p-lif .b2-rumus-tokoh{grid-template-columns:1fr 1fr}
/* bayang tatal: tanda ada lagi isi di atas/bawah senarai Rumusan yang ditatal di dalam */
body.mod-lebar .b2-p-lif > .b2-rumus > .b2-rumus-tokoh,body.mod-lebar .b2-p-buih > .b2-rumus > .b8a-rumus-lanjut{
  background:linear-gradient(#fff 30%,rgba(255,255,255,0)) 0 0/100% 26px no-repeat local,linear-gradient(rgba(255,255,255,0),#fff 70%) 0 100%/100% 26px no-repeat local,
  radial-gradient(farthest-side at 50% 0,rgba(27,42,92,.2),transparent) 0 0/100% 12px no-repeat scroll,radial-gradient(farthest-side at 50% 100%,rgba(27,42,92,.2),transparent) 0 100%/100% 12px no-repeat scroll}
/* lif: bangunan di kiri (tinggi tingkat dikira oleh JS), lajur sisi 250 px: panel lif, label, soalan, kemudian bisik */
body.mod-lebar .b8a-lif{--aci:98px;--pelat:6px;--atap:52px}
body.mod-lebar .b8a-lif-meja{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:18px;align-items:start}
body.mod-lebar .b8a-bangunan{padding:0 9px}
body.mod-lebar .b8a-bumbung{margin:0 -9px}
body.mod-lebar .b8a-jam{width:22px;height:22px;margin-left:-11px}
body.mod-lebar .b8a-jam::before{height:7px}
body.mod-lebar .b8a-jam::after{height:9px}
body.mod-lebar .b8a-papan-nama{height:21px;font-size:.8125rem}
body.mod-lebar .b8a-tanah{height:12px;margin:0 -11px}
body.mod-lebar .b8a-kereta{left:9px;width:calc(var(--aci) - 20px);height:calc(var(--lantai) - var(--pelat) - 9px);border-radius:10px}
body.mod-lebar .b8a-penunjuk{top:5px;height:19px;min-width:34px}
body.mod-lebar .b8a-penunjuk-no{font-size:.875rem}
body.mod-lebar .b8a-kabin{left:5px;right:5px;top:28px;bottom:5px}
body.mod-lebar .b8a-mini{max-width:46px;max-height:56px}
body.mod-lebar .b8a-lantai{height:var(--lantai)}
body.mod-lebar .b8a-ruang{min-height:0;padding:6px 10px 6px 12px}
body.mod-lebar .b8a-papan{min-height:0;overflow:hidden}
body.mod-lebar .b8a-papan{padding:6px 10px 6px 8px;gap:4px}
body.mod-lebar .b8a-no{width:28px;height:28px;font-size:1rem}
body.mod-lebar .b8a-papan-tajuk{font-size:.9375rem;padding:3px 8px 4px}
/* senarai slip: lajur yang membalut (flex-wrap) dan overflow tersembunyi, jadi slip yang tidak muat sepenuhnya disorok, bukan dipotong separuh */
body.mod-lebar .b8a-papan-senarai{flex:1 1 auto;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;gap:3px;min-height:0;overflow:hidden;margin:0;padding:0 0 0 34px;list-style:none}
body.mod-lebar .b8a-lif-sisi{align-self:stretch;min-height:0;display:flex;flex-direction:column;gap:10px}
body.mod-lebar .b8a-lif-sisi > .bisik{flex:0 1 auto;min-height:64px;overflow-y:auto;align-items:flex-start;padding:9px 12px;font-size:.875rem;line-height:1.35}
body.mod-lebar .b8a-panel{flex:none;display:flex;flex-direction:column-reverse;gap:6px;padding:10px 10px 10px 12px}
body.mod-lebar .b8a-butang{display:flex;align-items:center;justify-items:start;gap:12px;min-height:56px;padding:2px 6px 2px 2px;border-radius:30px;text-align:left}
body.mod-lebar .b8a-butang:hover:not(:disabled) .b8a-butang-muka{box-shadow:0 4px 0 #8D98BC,inset 0 0 0 3px #7D89B0}
body.mod-lebar .b8a-butang-muka{flex:none;width:54px;height:54px;font-size:1.5rem}
body.mod-lebar .b8a-butang-label{font-size:.9375rem;text-align:left;color:var(--ink)}
body.mod-lebar .b8a-label-dulang{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 2px 6px;align-content:start}
body.mod-lebar .b8a-lif-sisi .b8a-soal-panel{flex:none}
body.mod-lebar .b8a-lif-sisi .b8a-soal-pilih .op{min-height:52px;padding:8px 12px;font-size:.9375rem}
/* buih: kad | bisik di atas; peta (diskala supaya muat) di tengah; dulang tangan di bawah */
body.mod-lebar .b8a-buih > .b2-atas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:10px;align-items:stretch}
body.mod-lebar .b8a-buih > .b2-atas > .bisik{min-height:0;padding:8px 12px;font-size:.875rem;line-height:1.32}
body.mod-lebar .b8a-buih.mod-kr > .b2-atas,body.mod-lebar .b8a-buih.mod-soal > .b2-atas{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
body.mod-lebar .b8a-peta{flex:1 1 auto;min-height:0}
body.mod-lebar .b8a-peta-dalam{position:absolute;left:10px;right:10px;top:10px;bottom:10px;display:grid;grid-template-columns:128px 104px minmax(0,1fr) 104px 128px;column-gap:16px;align-items:center;transform-origin:50% 0;transition:transform .5s ease}
body.mod-lebar .b8a-pusat{width:106px;height:106px;padding:6px;grid-row:1}
body.mod-lebar .b8a-pusat.pusat-a{grid-column:2}
body.mod-lebar .b8a-pusat.pusat-b{grid-column:4}
body.mod-lebar .b8a-pusat-nama{font-size:1rem}
body.mod-lebar .b8a-pusat-ket{font-size:.75rem}
body.mod-lebar .b8a-lajur.lajur-a{grid-column:1;grid-row:1}
body.mod-lebar .b8a-lajur.lajur-sama{grid-column:3;grid-row:1}
body.mod-lebar .b8a-lajur.lajur-b{grid-column:5;grid-row:1}
body.mod-lebar .b8a-tag.tag-a,body.mod-lebar .b8a-tag.tag-b{display:none}
body.mod-lebar .b8a-gel{min-height:46px;font-size:.875rem}
body.mod-lebar .b8a-buih-sisi{flex:none;display:grid;grid-template-columns:96px 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 .b8a-buih-sisi .b8a-sisi-kepala{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}
body.mod-lebar .b8a-buih-sisi .b8a-sisi-kepala[hidden]{display:none}
body.mod-lebar .b8a-dulang.tangan{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(50px,auto)}
body.mod-lebar .b8a-cip{font-size:.875rem;min-height:50px}
body.mod-lebar .b8a-kr-dulang{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}
body.mod-lebar .b8a-buih.mod-kr .b8a-buih-sisi,body.mod-lebar .b8a-buih.mod-soal .b8a-buih-sisi{grid-template-columns:minmax(0,1fr)}
body.mod-lebar .b8a-buih .b8a-soal-pilih{grid-template-columns:1fr 1fr}
body.mod-lebar .b8a-buih .b8a-soal-pilih .op{min-height:50px;padding:6px 12px;font-size:.9375rem}
body.mod-lebar .b8a-kr{flex:none;padding:8px 12px 10px}
body.mod-lebar .b8a-kr-garis{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;padding-top:4px}
body.mod-lebar .b8a-kr-garis::before{content:"";position:absolute;left:8px;right:8px;top:10px;height:3px;border-radius:2px;background:#D9CFF5}
body.mod-lebar .b8a-kr-slot{padding:20px 4px 0}
body.mod-lebar .b8a-kr-titik{left:50%;top:4px;margin-left:-7px}
body.mod-lebar .b8a-kr-tarikh{text-align:center}
body.mod-lebar .b8a-kr-teks{text-align:center;font-size:.8125rem}
body.mod-lebar .b8a-rumus-tiga{grid-template-columns:repeat(3,minmax(0,1fr))}
body.mod-lebar .b8a-peristiwa-teks{font-size:.875rem}

/* =====================================================================================
   TELEFON (390 x 844) dan TELEFON PENDEK (375 x 667)
   ===================================================================================== */
body.mod-telefon .b2-j-lif .b2-kad-isi,body.mod-telefon .b2-j-buih .b2-kad-isi{font-size:1rem;line-height:1.25}
body.mod-telefon .b8a-soal-teks{display:block}
/* dek bawah yang tetap; bisik di dalamnya supaya maklum balas sentiasa kelihatan */
body.mod-telefon .b8a-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 .b8a-sisi::before{content:"";justify-self:center;width:42px;height:5px;border-radius:3px;background:#D6DCEB}
body.mod-telefon .b8a-sisi .bisik{min-height:2.7em;padding:6px 10px;font-size:.875rem;line-height:1.32}
body.mod-telefon .b8a-lif.mod-soal .b8a-sisi,body.mod-telefon .b8a-buih.mod-soal .b8a-sisi{position:static;max-width:none;margin:0;padding:12px;border-radius:20px;box-shadow:var(--bayang)}
body.mod-telefon .b8a-lif.mod-soal .b8a-sisi::before,body.mod-telefon .b8a-buih.mod-soal .b8a-sisi::before{display:none}
body.mod-telefon .b8a-label-dulang,body.mod-telefon .b8a-dulang{grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:max-content;justify-content:start;
  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 .b8a-label-cip{max-width:250px;scroll-snap-align:start}
body.mod-telefon .b8a-cip{width:auto;max-width:228px;scroll-snap-align:start}
body.mod-telefon .b8a-peristiwa{width:auto;max-width:236px;scroll-snap-align:start}
body.mod-telefon .b8a-lif-sisi .b8a-dulang-label{margin-bottom:-3px}
/* lif telefon: bangunan penuh lebar; kad penumpang setinggi tiga baris supaya bangunan tidak beralih apabila kad bertukar */
body.mod-telefon .b8a-lif .b8a-penumpang{min-height:98px}
body.mod-telefon .b8a-papan-ket{display:none}
body.mod-telefon .b8a-ruang{padding:5px 5px 5px 7px}
body.mod-telefon .b8a-papan{padding:5px 6px 5px 5px}
body.mod-telefon .b8a-papan-kepala{gap:5px}
body.mod-telefon .b8a-papan-tajuk{padding:3px 5px 4px 6px}
body.mod-telefon .b8a-kira-kad{display:none}
/* buih telefon: pusat di atas; buih sepunya penuh lebar; buih milik sendiri dalam dua lajur; rel di kedua-dua tepi */
body.mod-telefon .b8a-peta{margin:0 -6px;padding:12px 0 14px}
body.mod-telefon .b8a-peta-dalam{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10px;row-gap:12px;padding:0 26px;align-items:start}
body.mod-telefon .b8a-pusat{grid-row:1;width:106px;height:106px;padding:10px}
body.mod-telefon .b8a-pusat.pusat-a{grid-column:1;justify-self:start;margin-left:-22px}
body.mod-telefon .b8a-pusat.pusat-b{grid-column:2;justify-self:end;margin-right:-22px}
body.mod-telefon .b8a-pusat-nama{font-size:.9375rem}
body.mod-telefon .b8a-pusat-ket{font-size:.8125rem}
body.mod-telefon .b8a-lajur.lajur-sama{grid-row:2;grid-column:1/-1}
body.mod-telefon .b8a-lajur.lajur-a{grid-row:3;grid-column:1}
body.mod-telefon .b8a-lajur.lajur-b{grid-row:3;grid-column:2}
body.mod-telefon .b8a-gel{border-radius:20px;padding:6px 9px}
body.mod-telefon .b8a-lajur.lajur-sama .b8a-gel{padding:6px 14px}
body.mod-telefon .b8a-kr-garis{padding-left:26px}
body.mod-telefon .b8a-kr-garis::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:3px;border-radius:2px;background:#D9CFF5}
body.mod-telefon .b8a-kr-slot{padding:2px 6px 4px 4px;min-height:40px}
body.mod-telefon .b8a-kr-titik{left:-25px;top:4px}
@media (max-height:700px){
  body.mod-telefon .b8a-lif{--atap:42px}
  body.mod-telefon .b8a-bangunan{--lantai:72px}
  body.mod-telefon .b8a-lif[data-n="1"] .b8a-bangunan,body.mod-telefon .b8a-lif[data-n="2"] .b8a-bangunan,body.mod-telefon .b8a-lif[data-n="3"] .b8a-bangunan{--lantai:82px}
  body.mod-telefon .b8a-lif[data-n="5"] .b8a-bangunan{--lantai:62px}
  body.mod-telefon .b8a-lif[data-n="6"] .b8a-bangunan{--lantai:56px}
  body.mod-telefon .b8a-lif .b8a-penumpang{min-height:84px;padding:8px 14px 9px}
  body.mod-telefon .b2-j-lif .b2-kad-isi{font-size:.9375rem;line-height:1.22}
  body.mod-telefon .b8a-papan-nama{height:18px}
  body.mod-telefon .b8a-butang-muka{width:46px;height:46px;font-size:1.25rem}
  body.mod-telefon .b8a-panel{padding:6px 8px 5px}
  body.mod-telefon .b8a-cip{min-height:44px}
  body.mod-telefon .b8a-sisi{gap:6px;padding-top:6px}
  body.mod-telefon .b8a-sisi .bisik{min-height:2.5em;padding:5px 10px}
  body.mod-telefon .b8a-papan{padding:4px 5px 4px 4px;gap:2px}
  body.mod-telefon .b8a-ruang{padding:4px 4px 4px 6px}
  body.mod-telefon .b8a-no{width:22px;height:22px}
  body.mod-telefon .b8a-papan-tajuk{padding:2px 5px 3px}
}
@media (max-width:370px){
  body.mod-telefon .b8a-cip,body.mod-telefon .b8a-label-cip{font-size:.875rem}
}
@media (prefers-reduced-motion:reduce){
  .b8a-pintu,.b8a-mini,.b8a-papan,.b8a-gel,.b8a-butang-muka,.b8a-pudar-keluar,body.mod-lebar .b8a-peta-dalam{transition:none}
  .b8a-mini.masuk,.b8a-papan-tajuk.baru,.b8a-papan.terima,.b8a-papan-kira.baru,.b8a-slip.baru,.b8a-kr-slot.baru,.b8a-cip.masuk,.b8a-masuk-lambat,.b8a-buih.penuh .b8a-pusat{animation:none}
  .b8a-garis-l.lukis{animation:none;stroke-dasharray:none;stroke-dashoffset:0}
}