/* ===== Babak · gaya pakej enjin Bab 10, kumpulan 10d (js/pakej-bab-10-10d.js): buruj.
   Awalan b10d- bagi kelas, keyframes dan pemboleh ubah CSS. Susun atur diskop dengan .b2-j-buruj / .b2-p-buruj,
   body.mod-lebar (pentas 1280 x 720; .main-badan kiri 300, lebar 720) dan body.mod-telefon (390 x 844; telefon pendek
   @media (max-height:700px)). Keadaan akhir untuk prefers-reduced-motion di hujung fail. ===== */

/* ---------- Bersama ---------- */
.b10d-goncang{animation:goncang .4s}
.b10d-terbang{position:absolute!important;z-index:40;margin:0!important;pointer-events:none;box-sizing:border-box}
.b10d-klon-seret{position:absolute!important;z-index:40;margin:0!important;pointer-events:none;transition:none!important;box-shadow:0 16px 28px rgba(8,14,40,.4)!important}
.b2-j-buruj .b2-kad-no{font-size:.875rem;letter-spacing:.04em}
.b2-j-buruj .b2-kad-isi{font-size:1.0625rem;overflow-wrap:break-word}
.b2-j-buruj .b2-rujuk-btn{font-size:.875rem;min-height:44px}
.b2-j-buruj .b2-rumus-label{font-size:.875rem}
.b2-j-buruj .op{min-height:50px;font-size:.9375rem;padding:8px 14px}
.b10d-buruj{display:grid;gap:10px;min-width:0}

/* ---------- Langit ---------- */
/* latar CSS hanya sandaran; langit, cahaya ufuk dan laut dilukis dalam SVG .b10d-latar */
.b10d-langit{position:relative;height:200px;min-width:0;border-radius:20px;overflow:hidden;isolation:isolate;
  background:linear-gradient(180deg,#1B2A5C 0%,#1E3166 52%,#24407A 100%);box-shadow:var(--bayang),inset 0 0 0 2px rgba(255,255,255,.06)}
.b10d-latar{position:absolute;left:0;top:0;z-index:1;display:block;pointer-events:none;overflow:visible}
.b10d-latar .b10d-kilau{fill:none;stroke:#fff;stroke-width:.8;stroke-linecap:round}
.b10d-latar .b10d-ombak{fill:none;stroke:#A9BCEB;stroke-width:1.2;stroke-linecap:round;opacity:.3}
.b10d-lapis{position:absolute;left:0;top:0;right:0;bottom:0;z-index:2}
.b10d-plat,.b10d-kaki,.b10d-jejak{position:absolute;z-index:3;pointer-events:none}
.b10d-plat{left:10px;top:8px;padding:3px 10px;border-radius:10px;background:rgba(10,18,48,.5);box-shadow:inset 0 0 0 1px rgba(255,201,51,.6);
  color:#FFE9B0;font-size:.8125rem;font-weight:900;letter-spacing:.03em;line-height:1.3;white-space:nowrap}
.b10d-kaki{right:12px;bottom:5px;font-size:.8125rem;font-weight:800;font-style:italic;line-height:1.3;color:rgba(220,230,255,.78);white-space:nowrap}
.b10d-jejak{right:10px;top:8px;display:flex;gap:3px;padding:3px 5px;border-radius:10px;background:rgba(10,18,48,.5)}
.b10d-jejak-ikon{display:block;width:30px;height:18px;padding:1px 2px;border-radius:5px;color:rgba(190,205,245,.42);transition:color .4s ease,background-color .4s ease}
.b10d-jejak-ikon.b10d-kini{color:#fff;background:rgba(255,255,255,.14)}
.b10d-jejak-ikon.b10d-siap{color:#FFC933}
.b10d-ikon-bentuk{display:block;width:100%;height:100%;overflow:visible}
.b10d-ikon-bentuk line{stroke:currentColor;stroke-width:1.2px;vector-effect:non-scaling-stroke;stroke-linecap:round}
.b10d-ikon-bentuk circle{fill:currentColor}

/* buruj: garis, bintang hiasan, cincin slot */
.b10d-rangka{position:absolute;left:0;top:0;width:200px;height:120px}
.b10d-rangka::before{content:"";position:absolute;left:-8%;right:-8%;top:-10%;bottom:-10%;border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(255,214,110,.2),rgba(255,214,110,0) 68%);opacity:0;transition:opacity .6s ease}
.b10d-rangka.b10d-lengkap::before{opacity:1}
.b10d-rangka.b10d-pudar{opacity:0!important;transition:opacity .45s ease}
.b10d-rangka-svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
.b10d-garis{fill:none;stroke:#A9BCEB;stroke-width:.55;stroke-linecap:round;stroke-opacity:0;transition:stroke .3s ease,stroke-opacity .3s ease,stroke-width .3s ease}
.b10d-panduan .b10d-garis{stroke-opacity:.45;stroke-dasharray:1.3 1.9}
.b10d-garis.b10d-terang{stroke:#FFE08A;stroke-opacity:.9;stroke-dasharray:none;stroke-width:.72}
.b10d-garis.b10d-sinar{stroke:#FFEDB5;stroke-opacity:1;stroke-dasharray:none;stroke-width:.95;transition-duration:.4s}
.b10d-lengkap .b10d-garis-g{filter:drop-shadow(0 0 1.4px rgba(255,214,110,.95))}
.b10d-garis-sembunyi .b10d-garis{stroke-opacity:0!important}
.b10d-titik{transition:opacity .4s ease}
.b10d-titik-teras{fill:#DCE4FF;opacity:.62;transition:fill .3s ease,opacity .3s ease,r .3s ease}
.b10d-titik-halo{fill:#FFE9A8;opacity:0;transition:opacity .35s ease}
.b10d-titik.b10d-separuh .b10d-titik-teras{fill:#FFF3C9;opacity:.92}
.b10d-titik.b10d-separuh .b10d-titik-halo{opacity:.14}
.b10d-titik.b10d-nyala .b10d-titik-teras{fill:#FFF8DC;opacity:1;r:1.55px}
.b10d-titik.b10d-nyala .b10d-titik-halo{opacity:.36}
.b10d-sembunyi{opacity:0!important}
.b10d-cincin{position:absolute;display:grid;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border-radius:50%;background:none;cursor:pointer;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:opacity .4s ease}
.b10d-cincin-dalam{position:relative;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px dashed rgba(255,224,138,.95);background:rgba(255,255,255,.08);
  transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease,width .25s ease,height .25s ease}
.b10d-cincin-no{font-size:.875rem;font-weight:900;line-height:1;color:#FFF3C4;transition:opacity .2s ease}
.b10d-cincin-bintang{position:absolute;left:50%;top:50%;width:34px;height:35px;margin:-18px 0 0 -17px;opacity:0;transform:scale(.3);pointer-events:none;
  transition:opacity .3s ease,transform .38s cubic-bezier(.3,1.5,.5,1)}
.b10d-cincin-bintang svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 5px rgba(255,201,51,.85))}
.b10d-ada-cip .b10d-cincin:not(.b10d-isi) .b10d-cincin-dalam{border-color:#FFC933;background:rgba(255,201,51,.18);box-shadow:0 0 0 3px rgba(255,201,51,.24)}
.b10d-cincin.b10d-aktif .b10d-cincin-dalam,.b10d-cincin.b10d-dekat .b10d-cincin-dalam{border-style:solid;border-color:#FFC933;background:rgba(255,201,51,.3);box-shadow:0 0 0 4px rgba(255,201,51,.36),0 0 16px rgba(255,201,51,.7)}
.b10d-cincin.salah .b10d-cincin-dalam{border-style:solid;border-color:#F94F55;background:rgba(249,79,85,.34);box-shadow:0 0 0 4px rgba(249,79,85,.32)}
.b10d-cincin.salah{animation:goncang .4s}
.b10d-cincin.b10d-isi{cursor:default}
.b10d-cincin.b10d-isi .b10d-cincin-dalam{border-color:transparent;background:none;box-shadow:none}
.b10d-cincin.b10d-isi .b10d-cincin-no{opacity:0}
.b10d-cincin.b10d-isi .b10d-cincin-bintang{opacity:1;transform:none}
.b10d-cincin.b10d-isi.b10d-dibantu .b10d-cincin-dalam{width:42px;height:42px;border:2px dashed #F94F55}
.b10d-cincin.b10d-nyala .b10d-cincin-bintang svg{filter:drop-shadow(0 0 8px rgba(255,220,120,1))}

/* ---------- Butiran dan kotak bintang ---------- */
.b10d-bawah{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
.b10d-kepala{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-width:0;font-size:.875rem;font-weight:900;letter-spacing:.06em;line-height:1.25;text-transform:uppercase;color:var(--ink2)}
.b10d-kira{font-size:.8125rem;font-weight:800;letter-spacing:.01em;text-transform:none;color:var(--ink2);white-space:nowrap}
.b10d-butiran{display:grid;gap:8px;align-content:start;min-width:0;padding:10px 12px 12px;border-radius:18px;background:#FFFDF7;box-shadow:var(--lip),inset 0 0 0 2px #EADFC4}
.b10d-senarai{display:grid;gap:6px;min-width:0}
/* baris: nombor | label | pil; petunjuk (Belajar) di bawah label dan pil */
.b10d-baris{display:grid;grid-template-columns:28px minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:"no label pil" "no hint hint";align-items:center;column-gap:8px;row-gap:3px;
  width:100%;min-width:0;min-height:48px;padding:6px 8px;border-radius:14px;background:#F3F6FD;color:var(--ink);text-align:left;box-shadow:inset 0 0 0 2px transparent;cursor:pointer;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .2s ease,box-shadow .2s ease}
.b10d-baris-no{grid-area:no;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#1B2A5C;color:#FFE08A;font-size:.875rem;font-weight:900;line-height:1}
.b10d-baris-label{grid-area:label;min-width:0;font-size:.9375rem;font-weight:900;line-height:1.2;overflow-wrap:break-word}
.b10d-baris-petunjuk{grid-area:hint;min-width:0;font-size:.875rem;font-weight:700;font-style:italic;line-height:1.25;color:#6F7898;overflow-wrap:break-word}
.b10d-baris .b10d-pil{grid-area:pil}
.b10d-pil{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:36px;padding:4px 10px;border-radius:18px;border:2px dashed rgba(27,42,92,.28);
  background:rgba(255,255,255,.75);text-align:center;transition:border-color .2s ease,background-color .25s ease}
.b10d-pil-teks{min-width:0;font-size:.9375rem;font-weight:900;line-height:1.2;color:#98A2BF;overflow-wrap:break-word}
/* bintang kecil emas sebagai lencana di penjuru pil yang terisi (tidak mengambil lebar teks) */
.b10d-pil-bintang{position:absolute;left:-7px;top:-8px;display:block;width:18px;height:19px;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(27,42,92,.3))}
.b10d-pil-bintang svg{display:block;width:100%;height:100%}
.b10d-ada-cip .b10d-baris:not(.b10d-isi){background:#FFF8DD;box-shadow:inset 0 0 0 2px rgba(255,201,51,.8)}
.b10d-baris.b10d-aktif,.b10d-baris.b10d-dekat{background:#FFF1BF!important;box-shadow:inset 0 0 0 3px var(--emas)!important}
.b10d-baris.b10d-aktif .b10d-pil,.b10d-baris.b10d-dekat .b10d-pil{border-color:var(--emas-d);background:#fff}
.b10d-baris.salah{background:var(--salah-bg)!important;box-shadow:inset 0 0 0 3px #E0555D!important;animation:goncang .4s}
.b10d-baris.b10d-isi{cursor:default}
.b10d-baris.b10d-isi .b10d-pil{border-style:solid;border-color:#E8B32E;background:#FFF3C4;animation:b10d-isi .45s ease-out}
.b10d-baris.b10d-isi .b10d-pil-teks{color:var(--ink)}
.b10d-baris.b10d-dibantu .b10d-pil{border-style:dashed;border-color:#E0555D;background:#FFF4F4}
@keyframes b10d-isi{0%{background-color:#fff}100%{background-color:#FFF3C4}}
.b10d-bank{display:grid;gap:8px;align-content:start;min-width:0;padding:10px 12px 12px;border-radius:18px;background:linear-gradient(180deg,#23386F,#1B2A5C);
  box-shadow:var(--lip),inset 0 0 0 2px rgba(255,255,255,.08)}
.b10d-bank.masuk{animation:lompat .35s ease-out both}
.b10d-bank .b10d-kepala{color:#FFE9B0}
.b10d-bank-isi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
.b10d-cip{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;column-gap:6px;width:100%;min-width:0;min-height:46px;padding:5px 8px 5px 7px;border-radius:14px;
  background:#FFFDF6;color:var(--ink);text-align:left;box-shadow:0 4px 0 rgba(6,12,36,.5),inset 0 0 0 2px #EADFC4;touch-action:pan-y;user-select:none;-webkit-user-select:none;
  -webkit-tap-highlight-color:transparent;transition:transform .15s ease,box-shadow .15s ease,background-color .2s ease,opacity .2s ease}
.b10d-cip:active:not([disabled]){transform:translateY(2px)}
.b10d-cip-seni{display:block}
.b10d-cip-seni svg{display:block;width:22px;height:23px}
.b10d-cip-teks{min-width:0;font-size:.9375rem;font-weight:900;line-height:1.2;overflow-wrap:break-word}
.b10d-cip.b10d-pilih{background:#FFF1BF;transform:translateY(-4px);box-shadow:0 8px 0 var(--emas-d),inset 0 0 0 3px var(--emas),0 0 16px rgba(255,201,51,.55)}
.b10d-ada-slot .b10d-cip:not(.b10d-guna):not([disabled]){box-shadow:0 4px 0 rgba(6,12,36,.5),inset 0 0 0 2px #FFC933,0 0 0 2px rgba(255,201,51,.35)}
.b10d-cip.salah{background:var(--salah-bg);color:var(--salah-teks);box-shadow:0 4px 0 var(--merah-d),inset 0 0 0 3px #E0555D}
.b10d-cip.kilat{background:var(--betul-bg);color:var(--betul-teks);box-shadow:0 4px 0 #1E9E63,inset 0 0 0 3px var(--hijau),0 0 0 4px rgba(47,160,92,.5)}
.b10d-cip.b10d-guna{background:transparent;box-shadow:inset 0 0 0 2px rgba(255,233,176,.3);cursor:default}
.b10d-cip.b10d-guna > *{visibility:hidden}
.b10d-cip[disabled]:not(.b10d-guna){opacity:.55}
.b10d-cip.b10d-diseret{opacity:.35}
.b10d-klon{display:block;pointer-events:none}
.b10d-klon svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 6px rgba(255,214,110,.95)) drop-shadow(0 0 2px #fff)}
.b10d-klon.salah svg path:first-child{fill:#C9323F}
.b10d-klon.salah svg path:nth-child(2){fill:#F94F55}
.b10d-klon.salah svg{filter:drop-shadow(0 0 6px rgba(249,79,85,.9))}

/* ---------- Kad soalan, bisik, Seterusnya ---------- */
.b10d-soal-tempat{display:grid;min-width:0}
.b10d-soal-tempat:empty{display:none}
.b10d-soal{display:grid;gap:8px;min-width:0;padding:12px 14px 14px;border-radius:18px;background:#FFFDF7;box-shadow:var(--lip),inset 0 0 0 2px #EADFC4,inset 5px 0 0 #FFC933}
.b10d-soal.masuk{animation:lompat .35s ease-out both}
.b10d-soal.betul{box-shadow:var(--lip),inset 0 0 0 2px #9FE0BF,inset 5px 0 0 #1A9A5C}
.b10d-soal-label{font-size:.875rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#C2560F}
.b10d-soal-s{font-size:1.0625rem;font-weight:900;line-height:1.3;color:var(--ink);overflow-wrap:break-word}
.b10d-soal-pilih{grid-template-columns:minmax(0,1fr);gap:8px}
.b10d-op-teks{min-width:0;overflow-wrap:break-word}
.b10d-maklum{display:grid;gap:10px;min-width:0}
.b10d-teruskan{display:grid;min-width:0}
.b10d-teruskan:empty{display:none}
.b10d-seterus{min-height:52px}
.b10d-seterus.masuk{animation:lompat .35s ease-out both}
.b10d-seterus .ikon{width:22px;height:22px}
.b10d-buruj.b10d-tanpa-bank .b10d-bank{display:none}
.b10d-buruj.b10d-fasa-akhir .b10d-bawah{display:none}

/* ---------- Peta bintang akhir ---------- */
.b10d-peta{position:absolute;left:18px;right:18px;top:38px;bottom:40px;display:grid;grid-template-columns:repeat(var(--b10d-n,6),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:6px 14px}
.b10d-peta.b10d-peta-banyak{grid-template-columns:repeat(3,minmax(0,1fr))}
.b10d-peta-buruj{display:block;min-width:0;min-height:0;height:100%;color:#FFE08A;opacity:0;transform:scale(.82);transition:opacity .5s ease,transform .6s cubic-bezier(.3,1.4,.5,1)}
.b10d-peta-buruj.b10d-nyala{opacity:1;transform:none}
.b10d-peta-svg{filter:drop-shadow(0 0 3px rgba(255,214,110,.85))}
.b10d-peta-svg line{stroke-width:1.3px}

/* ---------- Rumusan: peta bintang negara baharu ---------- */
.b10d-rumus-buruj{display:grid;gap:8px;min-width:0}
.b10d-rumus-buruj section{display:grid;gap:5px;align-content:start;min-width:0;padding:8px 10px;border-radius:14px;background:#F3F6FD;box-shadow:inset 4px 0 0 var(--b10d-aksen,#FFC933)}
.b10d-rb-tajuk{display:flex;align-items:center;gap:8px;min-width:0;font-size:.9375rem;font-weight:900;line-height:1.2;color:var(--ink)}
.b10d-rb-ikon{flex:none;display:block;width:40px;height:26px;padding:3px 4px;border-radius:7px;background:#1B2A5C;color:#FFC933}
.b10d-rumus-buruj ul{display:grid;gap:3px}
.b10d-rumus-buruj li{display:grid;grid-template-columns:minmax(0,42%) auto minmax(0,1fr);column-gap:6px;align-items:baseline;font-size:.875rem;line-height:1.3}
.b10d-rb-label{font-weight:800;color:var(--ink2);overflow-wrap:break-word}
.b10d-rb-anak{font-weight:900;color:#E8971A}
.b10d-rb-j{font-weight:900;color:var(--ink);overflow-wrap:break-word}
.b10d-rb-j.b10d-dibantu{text-decoration:underline dashed #E0555D}
.b10d-rb-soal{display:grid;gap:1px;padding:5px 8px;border-radius:10px;background:#FFF6DA;font-size:.875rem;line-height:1.3}
.b10d-rb-s{font-weight:700;color:var(--ink2);overflow-wrap:break-word}
.b10d-rb-soal b{font-weight:900;color:var(--ink);overflow-wrap:break-word}

/* =====================================================================================
   MOD LEBAR (pentas 1280 x 720; .main-badan: left 300, width 720)
   ===================================================================================== */
body.mod-lebar .b2-main.b2-j-buruj .main-badan{left:300px;width:720px;top:90px;bottom:10px;display:flex;flex-direction:column;align-content:stretch;
  overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
body.mod-lebar .b2-p-buruj{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}
body.mod-lebar .b2-j-buruj .b2-kad{padding:8px 18px 9px}
body.mod-lebar .b2-j-buruj .b2-kad-isi{font-size:1.125rem}
body.mod-lebar .b2-j-buruj .bisik{min-height:48px;padding:8px 14px}
body.mod-lebar .b2-j-buruj .op{min-height:48px}
body.mod-lebar .b2-p-buruj > .b2-rumus{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}
body.mod-lebar .b2-p-buruj > .b2-rumus > *{flex:none}
body.mod-lebar .b2-p-buruj > .b2-rumus > .b10d-rumus-buruj{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}
body.mod-lebar .b10d-langit{height:214px}
body.mod-lebar .b10d-bawah{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;column-gap:12px}
body.mod-lebar .b10d-soal-tempat{grid-column:1/-1}
body.mod-lebar .b10d-buruj.b10d-ada-soal .b10d-butiran{display:none}
body.mod-lebar .b10d-buruj.b10d-tanpa-bank:not(.b10d-ada-soal) .b10d-butiran{grid-column:1/-1}
body.mod-lebar .b10d-buruj.b10d-ada-seterus .b10d-maklum{grid-template-columns:minmax(0,1fr) auto;align-items:stretch}
body.mod-lebar .b10d-seterus{min-width:184px;height:100%}
body.mod-lebar .b10d-soal{padding:10px 14px 12px;gap:6px}
body.mod-lebar .b10d-soal-s{font-size:1rem}
body.mod-lebar .b10d-soal-pilih{grid-template-columns:1fr 1fr}
body.mod-lebar .b10d-butiran,body.mod-lebar .b10d-bank{padding:8px 10px 10px;gap:6px}
body.mod-lebar .b10d-baris{grid-template-columns:28px minmax(0,1.2fr) minmax(0,1fr);min-height:46px;padding:5px 8px}
body.mod-lebar .b10d-baris-label{font-size:.9375rem}
body.mod-lebar .b10d-baris-petunjuk{font-size:.8125rem}
body.mod-lebar .b10d-pil{padding:4px 8px}
body.mod-lebar .b10d-pil-teks{font-size:.875rem}
body.mod-lebar .b10d-cip{min-height:44px;padding:5px 8px 5px 7px}
body.mod-lebar .b10d-cip-teks{font-size:.8125rem;line-height:1.18}
body.mod-lebar .b10d-rumus-buruj{grid-template-columns:1fr 1fr}

/* =====================================================================================
   TELEFON (390 x 844) dan TELEFON PENDEK (375 x 667)
   ===================================================================================== */
body.mod-telefon .b2-j-buruj .b2-kad{padding:9px 14px 10px}
body.mod-telefon .b2-j-buruj .b2-kad-isi{font-size:1rem;line-height:1.28}
body.mod-telefon .b10d-plat,body.mod-telefon .b10d-kaki,body.mod-telefon .b10d-kira{font-size:.875rem}
/* jalur kemajuan menegak di tepi kanan langit (plat di kiri atas memerlukan lebar jalur atas) */
body.mod-telefon .b10d-jejak{right:7px;top:8px;flex-direction:column;gap:2px;padding:4px 3px}
body.mod-telefon .b10d-jejak-ikon{width:26px;height:16px}
body.mod-telefon .b10d-cip-teks{font-size:.875rem}
body.mod-telefon .b10d-baris-label{font-size:.875rem}
body.mod-telefon .b10d-pil{padding:4px 7px}
body.mod-telefon .b10d-pil-teks{font-size:.875rem}
/* helaian tetap di bawah skrin: bisik (dan Seterusnya) sentiasa kelihatan; akar diberi ruang bawah setinggi helaian (JS) */
body.mod-telefon .b10d-maklum{position:fixed;left:0;right:0;bottom:0;z-index:20;max-width:560px;margin:0 auto;gap:8px;
  padding:8px 10px max(10px,env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:rgba(255,250,238,.97);box-shadow:0 -6px 18px rgba(27,42,92,.2)}
body.mod-telefon .b10d-maklum .bisik{font-size:.875rem;line-height:1.32;min-height:2.8em;padding:7px 12px;box-shadow:none;background:#F3F6FD}
body.mod-telefon .b10d-maklum .bisik.betul{background:var(--betul-bg)}
body.mod-telefon .b10d-maklum .bisik.salah{background:var(--salah-bg)}
body.mod-telefon .b10d-seterus{width:100%;min-height:50px}
body.mod-telefon .b10d-peta{left:12px;right:44px}
body.mod-telefon .b10d-peta.b10d-peta-banyak{gap:4px 8px}
@media (max-height:700px){
  body.mod-telefon .b10d-langit{height:176px}
  body.mod-telefon .b10d-buruj{gap:8px}
  body.mod-telefon .b10d-baris{min-height:46px;padding:5px 8px}
  body.mod-telefon .b10d-butiran,body.mod-telefon .b10d-bank{padding:8px 10px 10px;gap:6px}
  body.mod-telefon .b10d-cip{min-height:46px}
}
@media (max-width:370px){
  body.mod-telefon .b10d-jejak-ikon{width:22px}
}
@media (prefers-reduced-motion:reduce){
  /* keadaan akhir yang biasanya dicapai melalui animasi atau peralihan */
  .b10d-cincin.b10d-isi .b10d-cincin-bintang{opacity:1;transform:none}
  .b10d-peta-buruj.b10d-nyala{opacity:1;transform:none}
  .b10d-sembunyi{opacity:0!important}
}