/* MindaCeria · gaya pintu akaun + lencana muat turun pada kad game (ikut token app.css). */
.mc-pintu{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:calc(var(--atas) + 16px) 16px calc(var(--bawah) + 16px);background:var(--kertas);overflow:auto;overscroll-behavior:contain}
.mc-pintu__kad{width:min(520px,100%);padding:clamp(22px,4vw,34px);border-radius:32px;background:#fff;box-shadow:var(--bayang);display:flex;flex-direction:column;gap:14px}
.mc-pintu .tajuk{font-size:clamp(24px,4.4vw,32px)}
.mc-pintu .btn--besar{width:100%;justify-content:center}
.mc-jenama{display:flex;align-items:center;gap:10px;font:700 20px/1 var(--f-papar)}
.mc-jenama img{width:44px;height:44px;object-fit:contain}
.mc-langkah-blok{display:grid;gap:8px}
.mc-langkah-blok[hidden]{display:none}
.mc-langkah__di{margin:0;font:800 12px/1 var(--f-teks);letter-spacing:.12em;text-transform:uppercase;color:var(--utama-gelap)}
.mc-langkah{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.mc-langkah__baris{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:var(--kertas-2);border:2px solid #eadfcd}
.mc-langkah__n{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;color:var(--utama-gelap);font:800 14px/1 var(--f-papar)}
.mc-langkah__ikon{flex:none;display:grid;place-items:center;color:var(--utama-gelap)}
.mc-langkah__ikon svg{width:20px;height:20px}
.mc-langkah__teks{min-width:0}
.mc-langkah__teks b{display:block;font-size:16px;line-height:1.3;color:var(--dakwat)}
.mc-langkah__teks span{display:block;margin-top:2px;font-size:14px;line-height:1.3;color:var(--dakwat-2)}
.mc-nota{margin:0;font-size:14px;color:var(--dakwat-2)}
.mc-nota a{color:var(--utama-gelap);font-weight:800}
.mc-borang{display:flex;flex-direction:column;gap:4px}
.mc-borang .medan{margin-top:10px}
.mc-borang input{height:56px;padding:0 16px;border-radius:18px;border:3px solid #eadfcd;background:#fff;font:700 18px/1 var(--f-teks);color:var(--dakwat);outline:none;width:100%}
.mc-borang input:focus{border-color:var(--langit)}
.mc-borang .btn{margin-top:14px}
.mc-ralat{margin:8px 0 0;padding:10px 14px;border-radius:14px;background:#ffe3df;color:#a32a12;font-size:15px}
.mc-peranti{display:grid;gap:10px}
.mc-peranti .btn{justify-content:flex-start;text-align:left;white-space:normal}
.mc-peranti small{font-weight:600;color:var(--dakwat-2)}

/* lencana status pada kad game */
.kad-game[data-mc="muat"] .kad-game__seni img,.kad-game[data-mc="kunci"] .kad-game__seni img,.kad-game[data-mc="sedang"] .kad-game__seni img{filter:grayscale(.55) opacity(.75)}
.hero__kad[data-mc="muat"],.hero__kad[data-mc="kunci"]{position:relative}
.mc-lencana{position:absolute;right:10px;bottom:10px;z-index:2;display:flex;align-items:center;gap:6px;padding:6px 10px 6px 8px;border-radius:999px;background:var(--dakwat);color:#fff;font:700 13px/1 var(--f-papar);box-shadow:var(--bayang-kecil);max-width:calc(100% - 20px)}
.mc-lencana svg{width:18px;height:18px;flex:none}
.mc-lencana small{font:600 11px/1 var(--f-teks);opacity:.8}
.mc-lencana--kunci{background:var(--emas);color:var(--dakwat)}
.mc-lencana--sedang{background:var(--langit)}
.mc-lencana--sekat{background:#c2410c}
.hero__kad .mc-lencana{top:10px;bottom:auto}
.mc-helai{position:fixed;inset:0;z-index:75;display:grid;align-items:end;justify-items:center;background:rgba(20,23,43,.45);padding:16px 16px calc(var(--bawah) + 16px)}
.mc-helai__kad{width:min(440px,100%);background:#fff;border-radius:26px;padding:20px;display:grid;gap:10px;box-shadow:var(--bayang)}
.mc-helai__kad h3{margin:0;font:700 20px/1.2 var(--f-papar)}
.mc-helai__kad p{margin:0;color:var(--dakwat-2);font-size:15px}
.mc-helai__kad .btn{width:100%;justify-content:center}
.mc-helai__bar{height:10px;border-radius:999px;background:var(--kertas-2);overflow:hidden}
.mc-helai__bar i{display:block;height:100%;background:var(--langit);border-radius:inherit}
.mc-lencana__cincin{width:18px;height:18px;border-radius:50%;background:conic-gradient(#fff calc(var(--p) * 1%), rgba(255,255,255,.3) 0)}
.mc-baru{font-style:normal;background:var(--hijau);color:#fff;border-radius:999px;padding:3px 7px;font-size:11px;margin-right:2px}
@media (max-width:420px){.mc-lencana small{display:none}}

.mc-toast{position:fixed;left:50%;bottom:calc(var(--bawah,0px) + 18px);z-index:70;transform:translate(-50%,calc(100% + 40px));box-sizing:border-box;width:max-content;max-width:min(calc(100vw - 32px),520px);text-align:center;padding:14px 18px;border-radius:18px;background:var(--dakwat);color:#fff;font:700 15px/1.35 var(--f-teks);box-shadow:var(--bayang);transition:transform .25s cubic-bezier(.3,1.4,.5,1);pointer-events:none}
.mc-toast.ada{transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){.mc-toast{transition:none}}

/* Bar status PWA warna rata (theme-color). Jalur pudar di atas supaya latar bergradien bersambung lancar dengan bar status, tiada garis. */
.latar::after{content:'';position:absolute;left:0;right:0;top:0;height:96px;background:linear-gradient(#fff6ea 0%,rgba(255,246,234,.85) 35%,rgba(255,246,234,0) 100%)}

.mc-info{padding:12px 14px;border-radius:14px;background:#fff3c4;color:#6b4300;font-weight:600}

.mc-pilih-2{display:grid;gap:10px;margin-top:18px}
.mc-segerak .mc-sejarah > div{align-items:center}
.mc-pilih-2 .btn{white-space:normal;min-width:0;width:100%;height:auto;min-height:56px;padding-top:10px;padding-bottom:10px;line-height:1.2}
.mc-pintu__kad{min-width:0;max-width:100%}
.mc-terang{margin:10px 0 0;padding-left:18px;display:grid;gap:6px;font-size:14px;line-height:1.45;color:var(--dakwat-2)}
.mc-setuju{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px;border-radius:14px;background:var(--kertas-2);font-size:14px;line-height:1.4;cursor:pointer}
.mc-setuju input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--utama)}
.mc-pilih-2 .btn[disabled]{opacity:.5}
.mc-notis{position:fixed;left:50%;bottom:calc(var(--bawah,0px) + 16px);z-index:70;display:flex;align-items:center;gap:12px;width:min(560px,calc(100% - 24px));padding:12px 12px 12px 14px;border-radius:22px;background:var(--dakwat);color:#fff;box-shadow:0 20px 40px -12px rgba(10,14,30,.5);transform:translate(-50%,140%);transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
.mc-notis.ada{transform:translate(-50%,0)}
.mc-notis__ikon{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;background:var(--utama)}
.mc-notis__ikon svg{width:24px;height:24px}
.mc-notis > div{flex:1;min-width:0}
.mc-notis b{display:block;font:700 16px/1.2 var(--f-papar)}
.mc-notis span{font-size:14px;opacity:.85}
.mc-notis .btn{flex:none;height:44px}
.mc-notis__tutup{flex:none;width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.12);color:#fff;font-size:22px;line-height:1}
.mc-sorot{animation:mc-sorot 1.2s ease-in-out 2}
@keyframes mc-sorot{50%{box-shadow:0 0 0 5px var(--emas),0 10px 30px -6px rgba(245,180,0,.6)}}
@media (prefers-reduced-motion:reduce){.mc-notis{transition:none}.mc-sorot{animation:none;outline:4px solid var(--emas)}}
@media (max-width:560px){.mc-notis{gap:10px;padding:10px}.mc-notis__ikon{display:none}.mc-notis .btn{padding:0 14px}.mc-notis span{font-size:13px}}
.mc-pgame .mc-helai__kad{gap:12px;max-height:calc(100dvh - 32px - var(--bawah,0px));overflow:auto}
.mc-pgame__klip{justify-self:center;width:min(200px,46vw);aspect-ratio:390/844;max-height:42dvh;border-radius:22px;overflow:hidden;background:#11162a;box-shadow:0 0 0 4px var(--warna),0 14px 30px -12px rgba(20,23,43,.5)}
.mc-pgame__klip{background:#11162a center/cover no-repeat}
.mc-pgame__klip video{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s}
.mc-pgame__klip video.sedia{opacity:1}
.mc-pgame__kepala{display:flex;gap:12px;align-items:center}
.mc-pgame__kepala img{width:56px;height:56px;flex:none;object-fit:contain}
.mc-pgame__kepala p{font-size:14px}
.mc-pgame__cara{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px;font-weight:600;color:var(--dakwat)}
.mc-pgame__cara li{display:flex;gap:10px;align-items:flex-start}
.mc-pgame__cara i{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:700 14px/1 var(--f-papar);font-style:normal;color:#fff;background:var(--warna)}
.mc-pgame__cara span{padding-top:3px}
.mc-pgame .btn svg{width:22px;height:22px}
.mc-pgame__tindakan{display:grid;gap:6px}
.mc-pgame__tindakan>.btn{width:100%}
/* helaian beli ada satu baris nota lagi: klip dikecilkan sedikit supaya butang Tutup kekal nampak tanpa skrol */
@media (max-width:699px){.mc-pgame:has(.mc-pgame__nota) .mc-pgame__klip{max-height:38dvh}}
.mc-pgame__nota{margin:0;font-size:13px;line-height:1.4;color:var(--dakwat-2);text-align:center}
@media (orientation:landscape) and (max-height:560px){
  .mc-pgame{align-items:center}
  .mc-pgame .mc-helai__kad{width:min(720px,100%);grid-template-columns:auto 1fr;column-gap:18px}
  .mc-pgame__klip{grid-row:1/6;width:auto;height:calc(100dvh - 72px);max-height:none}
  .mc-pgame__klip[hidden]+*{grid-column:1/-1}
}
.mc-helai{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.mc-helai__kad{align-self:end;max-height:100%;overflow:auto}
.mc-pgame .mc-helai__kad{max-height:100%}
@media (orientation:landscape) and (max-height:560px){.mc-pgame .mc-helai__kad{align-self:center}.mc-pgame__klip{height:calc(100dvh - 80px)}}

/* kegemaran + carian grid game */
.kad-game__fav{position:absolute;right:10px;top:10px;z-index:3;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#fff;color:#c9cfdb;box-shadow:0 3px 0 rgba(31,42,68,.1);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s}
.kad-game__fav svg{width:20px;height:20px}
.kad-game__fav[aria-pressed="true"]{background:var(--emas);color:#fff}
.kad-game__fav:active{transform:scale(.88)}
.kad-game__fav:focus-visible{outline:3px solid var(--langit);outline-offset:2px}
.perpustakaan__kepala .mc-cari-buka{margin:0 auto 0 -8px;width:44px;min-height:44px;height:44px;padding:0;background:none;box-shadow:none;border-radius:12px;color:var(--dakwat)}
.perpustakaan__kepala .mc-cari-buka:active{transform:scale(.9)}
.perpustakaan__kepala .mc-cari-buka svg{width:26px;height:26px}
.mc-cari-buka[aria-expanded="true"]{color:var(--langit)}
/* tab subjek: dipotong pada lebar kandungan (sama dengan kad game), kabur di hujung dalam, tiada limpahan ke tepi skrin */
.tab-subjek{margin:0 0 8px;padding-left:2px;padding-right:2px;scroll-padding-inline:0}
.tab-subjek::after{flex:0 0 1px}
.tab-subjek-bungkus{overflow:hidden}
.tab-subjek-bungkus::before,.tab-subjek-bungkus::after{display:none}
/* hujung yang terpotong dipudarkan + dikaburkan pada cip itu sendiri (mask pada kandungan), bukan kotak di luar */
.tab-subjek{--kiri:0px;--kanan:0px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--kiri),#000 calc(100% - var(--kanan)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--kiri),#000 calc(100% - var(--kanan)),transparent 100%)}
.tab-subjek-bungkus.ada-kiri .tab-subjek{--kiri:48px}
.tab-subjek-bungkus.ada-kanan .tab-subjek{--kanan:64px}
.mc-cari{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:0 6px 0 14px;min-height:52px;border-radius:18px;background:#fff;box-shadow:var(--bayang-kecil);border:2px solid var(--garis)}
.mc-cari[hidden]{display:none}
.mc-cari:focus-within{border-color:var(--langit)}
.mc-cari svg{width:20px;height:20px;flex:none;color:var(--dakwat-3)}
.mc-cari input{flex:1;min-width:0;border:0;outline:none;background:none;font:600 16px/1.2 var(--f-teks);color:var(--dakwat)}
.mc-cari input::-webkit-search-cancel-button{display:none}
.mc-cari button{flex:none;width:40px;height:40px;padding:0;border:0;border-radius:12px;background:var(--latar,#f4f6fb);color:var(--dakwat-2);display:grid;place-items:center;cursor:pointer}
.mc-cari button svg{width:18px;height:18px;color:currentColor}
/* bar atas skrin anak: telefon sempit (cth Galaxy Z Flip 360px). Nama 2 baris, butang kecil, tiada tindih. */
@media (max-width:440px){
  .atas{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
  .salam{gap:10px}
  .salam .potret{--s:52px}
  .salam .mc-bingkai{margin:4px 6px 4px 4px}
  .salam__kecil{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .salam__teks .tajuk{font-size:clamp(19px,6vw,25px);line-height:1.08;white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}
  .atas__kanan{gap:6px}
  .atas__kanan .btn--ikon{width:44px;min-height:44px;height:44px;border-radius:14px}
  .atas__kanan .bintang-pil{height:44px;padding:0 10px 0 8px;gap:4px;border-radius:14px;font-size:16px}
  .atas__kanan .bintang-pil svg{width:20px;height:20px}
}
@media (max-width:340px){
  .atas__kanan{flex-direction:column;align-items:stretch}
  .atas__kanan .btn--ikon{width:auto}
}
/* kad kongsi kemajuan */
.mck-baris{margin:12px 0}.mck-baris .btn{width:100%}
.mck-lapis{position:fixed;inset:0;z-index:90;background:rgba(20,30,60,.6);display:grid;place-items:center;padding:16px;overflow-y:auto}
.mck-dialog{width:100%;max-width:420px;background:#fff;border-radius:26px;padding:16px;display:grid;gap:12px;box-shadow:0 24px 60px -24px rgba(0,0,0,.6)}
.mck-gambar{aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#1b5fa8;display:grid;place-items:center}
.mck-gambar img{width:100%;height:100%;object-fit:cover;display:block}
.mck-muat{color:#fff;font:700 16px/1 var(--f-papar)}
.mck-pilih{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:16px;background:#f1f4fa}
.mck-pilih button{border:0;border-radius:12px;min-height:42px;background:none;font:700 15px/1 var(--f-papar);color:var(--dakwat-2);cursor:pointer}
.mck-pilih button[aria-pressed="true"]{background:#fff;color:var(--dakwat);box-shadow:var(--bayang-kecil)}
.mck-nota{margin:0;font-size:13px;color:var(--dakwat-2);text-align:center}
.mck-aksi{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mck-aksi .btn{padding:0 10px}
.mck-tutup{width:100%}
.kad-game__fav::before{content:"";position:absolute;inset:-7px}

/* lencana umur (mod Semua umur): cip dalam badan kad, sebaris bintang, warna subjek */
.kad-game__baris{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}
.kad-game__isi .kad-game__umur{position:static;flex:none;display:inline-flex;align-items:center;gap:3px;height:24px;padding:0 8px 0 6px;border-radius:999px;background:color-mix(in srgb,var(--sw,#1b5fa8) 13%,#fff);color:color-mix(in srgb,var(--sw,#1b5fa8) 82%,#1f2a44);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--sw,#1b5fa8) 28%,transparent);font:800 12.5px/1 var(--f-papar);letter-spacing:.01em;white-space:nowrap;font-variant-numeric:tabular-nums}
.kad-game__isi .kad-game__umur svg{width:13px;height:13px;flex:none;opacity:.85}
.kad-game__isi .kad-game__umur small{font:700 10.5px/1 var(--f-papar);opacity:.75;margin-left:2px}
@media (max-width:370px){.kad-game__isi .kad-game__umur small{display:none}}

/* suis bahasa (skrin pintu) + video panduan iPhone */
.mc-bunyi{margin-left:auto;flex:none;width:38px;height:38px;border:0;border-radius:999px;background:var(--kertas-2);color:var(--dakwat);display:grid;place-items:center;padding:0;cursor:pointer}
.mc-bunyi svg{width:21px;height:21px}
.mc-bunyi[aria-pressed="true"]{background:var(--dakwat);color:#fff}
.mc-bunyi+.mc-suis-bahasa{margin-left:0}
.mc-suis-bahasa{margin-left:auto;display:flex;padding:3px;border-radius:999px;background:var(--kertas-2)}
.mc-suis-bahasa button{border:0;background:none;min-width:44px;height:34px;border-radius:999px;font:700 14px/1 var(--f-papar);color:var(--dakwat-2);cursor:pointer}
.mc-suis-bahasa button[aria-pressed="true"]{background:#fff;color:var(--dakwat);box-shadow:0 2px 0 rgba(31,42,68,.08)}
.mc-panduan{margin:4px calc(-1 * clamp(22px,4vw,34px)) 6px;aspect-ratio:9/16;overflow:hidden;background:#fff}
.mc-panduan iframe,.mc-panduan video{width:100%;height:100%;border:0;display:block;object-fit:cover;background:#fff}

/* ---------- skrin log masuk: panel jenama + kad borang ---------- */
.mc-pintu--log{display:block;padding:calc(var(--atas) + 20px) 20px calc(var(--bawah) + 20px)}
.mc-log{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;width:100%;min-height:100%;max-width:1400px;margin:0 auto}
.mc-jen{position:relative;overflow:hidden;border-radius:34px;padding:clamp(22px,3vw,34px);color:#fff;display:flex;flex-direction:column;
  background:radial-gradient(120% 90% at 0 0,#ff9a6b,transparent 60%),linear-gradient(150deg,#ff7a45,#e8445a 60%,#8b5cf6)}
.mc-jen__logo{display:flex;align-items:center;gap:10px;font:700 19px/1 var(--f-papar)}
.mc-jen__logo img{width:40px;height:40px;object-fit:contain;padding:3px;border-radius:12px;background:#fff}
.mc-jen__tajuk{margin-top:28px;font:700 clamp(28px,3.4vw,46px)/1.04 var(--f-papar);text-shadow:0 2px 12px rgba(120,20,40,.25)}
.mc-jen__sub{margin-top:10px;max-width:34ch;font-size:16px;line-height:1.4;opacity:.95}
.mc-jen__pentas{position:relative;margin-top:auto;padding-top:20px;align-self:center;width:min(86%,440px);display:flex;justify-content:center}
.mc-jen__pentas::before{content:"";position:absolute;left:4%;right:4%;bottom:-6%;height:34%;border-radius:50%;background:rgba(255,255,255,.22)}
.mc-jen__pentas img{position:relative;width:100%;max-height:min(40vh,300px);object-fit:contain;filter:drop-shadow(0 12px 14px rgba(90,20,40,.28))}
.mc-log__bor{display:flex;align-items:center;justify-content:center;min-width:0}
.mc-pintu--log .mc-pintu__kad{width:min(100%,440px);gap:12px}
.mc-pintu__atas{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mc-pintu--log .mc-pintu__atas .tajuk{font-size:clamp(26px,3vw,32px)}
.mc-pintu--log .sub{font-size:15px}
.mc-pintu--log .mc-nota{text-align:center}
.mc-kata{position:relative}.mc-kata input{padding-right:54px}
.mc-kata__mata{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:var(--dakwat-3)}
.mc-kata__mata svg{width:22px;height:22px}.mc-kata__mata[aria-pressed="true"]{color:var(--utama)}
.mc-borang input::placeholder{color:var(--dakwat-3);font-weight:600}
@media (max-height:520px) and (orientation:landscape){
  .mc-pintu--log{padding:calc(var(--atas) + 10px) 10px calc(var(--bawah) + 10px)}
  .mc-log{grid-template-columns:.8fr 1fr;gap:10px}
  .mc-jen{padding:16px 18px;border-radius:26px}.mc-jen__tajuk{margin-top:10px;font-size:22px}.mc-jen__sub{display:none}
  .mc-jen__pentas{padding-top:8px}.mc-jen__pentas img{max-height:46vh}
  .mc-pintu--log .mc-pintu__kad{padding:14px 18px;gap:6px}.mc-pintu--log .sub{display:none}
  .mc-pintu--log .mc-borang .medan{margin-top:4px}.mc-pintu--log .mc-borang input{height:44px}
  .mc-pintu--log .mc-borang .btn{margin-top:8px;min-height:48px}
}
@media (orientation:portrait) and (max-width:700px){
  .mc-pintu--log{padding:calc(var(--atas) + 12px) 12px calc(var(--bawah) + 12px)}
  .mc-log{grid-template-columns:1fr;gap:12px}
  .mc-jen{padding:20px 22px 18px;border-radius:30px}.mc-jen__tajuk{margin-top:16px;font-size:30px}.mc-jen__sub{font-size:14px}
  .mc-jen__pentas{padding-top:12px}.mc-jen__pentas img{max-height:180px}
  .mc-pintu--log .mc-pintu__kad{padding:22px 20px}
}

/* ---------- tawaran muat turun semua (selepas log masuk) + pil kemajuan ---------- */
.mc-tawar{position:fixed;inset:0;z-index:72;display:grid;place-items:center;padding:calc(var(--atas) + 16px) 16px calc(var(--bawah) + 16px);background:rgba(20,23,43,.45)}
.mc-tawar__kad{width:min(460px,100%);padding:24px;border-radius:30px;background:#fff;box-shadow:var(--bayang);display:flex;flex-direction:column;gap:10px;text-align:center}
.mc-tawar__watak{align-self:center;height:120px;width:auto;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(31,42,68,.16))}
.mc-tawar .tajuk{font-size:clamp(23px,4vw,28px)}
.mc-tawar__nota{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:14px;background:var(--kertas-2);font-size:14px;color:var(--dakwat-2)}
.mc-tawar__nota svg{width:18px;height:18px;flex:none;color:var(--utama-gelap)}
.mc-tawar .mc-pilih-2{margin-top:6px}
@media (max-height:520px){.mc-tawar__watak{display:none}.mc-tawar__kad{padding:16px 18px}}
.mc-antrian{position:fixed;z-index:45;right:16px;bottom:calc(var(--bawah) + 16px);display:flex;align-items:center;gap:10px;width:min(330px,calc(100vw - 32px));padding:8px 8px 8px 10px;border-radius:20px;background:var(--dakwat);color:#fff;box-shadow:0 14px 30px -12px rgba(10,14,30,.5)}
.mc-antrian__ikon{flex:none;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.14)}.mc-antrian__ikon svg{width:20px;height:20px}
.mc-antrian__isi{flex:1;min-width:0}.mc-antrian__isi b{display:block;font:700 14px/1.1 var(--f-papar)}
.mc-antrian__bar{display:block;height:6px;margin-top:6px;border-radius:3px;background:rgba(255,255,255,.2);overflow:hidden}.mc-antrian__bar i{display:block;height:100%;background:var(--emas);border-radius:3px;transition:width .4s}
.mc-antrian__henti{flex:none;width:34px;height:34px;border-radius:12px;font:700 22px/1 var(--f-papar);color:#fff;background:rgba(255,255,255,.1)}
body.terkunci .mc-antrian{display:none}
@media (max-width:700px){.mc-antrian{left:50%;right:auto;transform:translateX(-50%);top:auto;bottom:calc(var(--bawah) + 96px)}}
body:has(.mc-antrian) .app{padding-bottom:calc(var(--bawah) + 110px)}
@media (max-width:700px){body:not(:has(.rel)) .mc-antrian{bottom:calc(var(--bawah) + 16px)}}
/* pil muat turun di skrin sambutan telefon: kecilkan watak supaya butang Tambah anak tidak dilindung */
@media (max-width:700px) and (orientation:portrait){body:has(.mc-antrian) .sambut__watak{width:min(46vw,180px)}body:has(.mc-antrian) .pilih:has(>.sambut){min-height:0}}
@media (max-height:520px) and (orientation:landscape){body:has(.mc-antrian):not(:has(.rel)) .mc-antrian{bottom:calc(var(--bawah) + 10px);right:10px;width:260px}}
/* pil muat turun di laman anak: ruang di bawah supaya kad dunia tidak dilindung */
body:has(.mc-antrian) .anak-utama{padding-bottom:calc(var(--bawah) + 80px)}
@media (min-width:900px) and (orientation:landscape){
  body:has(.mc-antrian) .dunia-kad{height:clamp(160px,calc((100dvh - var(--atas) - var(--bawah) - 210px) / 2),300px)}
  body:has(.mc-antrian) .anak-utama:has(.baru-jalur) .dunia-kad{height:clamp(150px,calc((100dvh - var(--atas) - var(--bawah) - 320px) / 2),280px)}
}
@media (max-height:520px) and (orientation:landscape){body:has(.mc-antrian) .anak-utama{padding-bottom:calc(var(--bawah) + 64px)}}
@media (min-width:900px) and (orientation:landscape){
  body:has(.mc-antrian) .anak-utama:has(.cabaran-jalur) .dunia-kad{height:clamp(150px,calc((100dvh - var(--atas) - var(--bawah) - 300px) / 2),290px)}
  body:has(.mc-antrian) .anak-utama:has(.cabaran-jalur):has(.baru-jalur) .dunia-kad{height:clamp(140px,calc((100dvh - var(--atas) - var(--bawah) - 405px) / 2),270px)}
}

/* ---------- reka Y1: persetujuan segerak (rangka sama log masuk) ---------- */
.mc-pintu--sg .mc-pintu__kad{width:min(100%,500px)}
.mc-pintu--sg .mc-pintu__atas .tajuk{font-size:clamp(24px,2.8vw,30px)}
.mc-sg-dua{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mc-sg-kotak{border-radius:22px;padding:14px;background:#fffaf3;box-shadow:0 0 0 2px var(--garis)}
.mc-sg-kotak__ik{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;margin-bottom:8px}
.mc-sg-kotak__ik svg{width:24px;height:24px}
.mc-sg-kotak b{display:block;margin-bottom:6px;font:600 16px var(--f-papar)}
.mc-sg-kotak ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13.5px}
.mc-sg-kotak li{display:flex;gap:7px;align-items:center}.mc-sg-kotak li svg{flex:none;width:15px;height:15px}
.mc-sg-kotak--awan .mc-sg-kotak__ik{background:#e2f6ee;color:#137a55}.mc-sg-kotak--awan li svg{color:#22b07d}
.mc-sg-kotak--alat .mc-sg-kotak__ik{background:#eef2ff;color:#3f5bd8}.mc-sg-kotak--alat li svg{color:#3f7cff}
.mc-pintu--sg .mc-setuju{margin-top:2px;background:#fff1e4}
.mc-pintu--sg .mc-pilih-2{margin-top:4px}
.mc-sg-nota{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--dakwat-3)}.mc-sg-nota svg{flex:none;width:16px;height:16px}
@media (max-width:700px) and (orientation:portrait){
  .mc-pintu--sg .mc-jen{min-height:0}.mc-pintu--sg .mc-jen__tajuk{font-size:23px;max-width:12ch}.mc-pintu--sg .mc-jen__pentas img{max-height:130px}
  .mc-sg-dua{grid-template-columns:1fr}.mc-sg-kotak{display:grid;grid-template-columns:42px 1fr;column-gap:12px}.mc-sg-kotak__ik{grid-row:1/3;margin:0}
  .mc-sg-kotak{align-items:center;row-gap:10px}.mc-sg-kotak__ik{grid-row:auto!important;width:38px;height:38px}.mc-sg-kotak b{margin:0}
  .mc-sg-kotak ul{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px 12px}
}
@media (max-height:520px) and (orientation:landscape){
  .mc-pintu--sg .sub{display:none}.mc-sg-kotak{padding:10px}.mc-sg-kotak__ik{display:none}.mc-sg-kotak ul{gap:3px;font-size:12.5px}
}

/* ---------- reka Y3: had peranti ---------- */
.mc-pintu--had .mc-pintu__kad{width:min(560px,100%)}
.mc-had{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.mc-had__ilus{position:relative;width:150px;height:110px;margin:4px auto 6px}
.mc-had__ilus .a,.mc-had__ilus .b{position:absolute;display:grid;place-items:center;border-radius:24px;color:#fff}
.mc-had__ilus .a{left:0;top:10px;width:90px;height:72px;background:linear-gradient(150deg,#7aa2ff,#3f7cff);box-shadow:0 5px 0 #2c5bd0}.mc-had__ilus .a svg{width:40px;height:40px}
.mc-had__ilus .b{right:0;top:28px;width:56px;height:82px;background:linear-gradient(150deg,#ffa36a,#ff6b4a);box-shadow:0 5px 0 #d94d30}.mc-had__ilus .b svg{width:30px;height:30px}
.mc-had__ilus .x{position:absolute;left:62px;top:0;width:34px;height:34px;border-radius:50%;background:var(--emas);color:#5a3a00;display:grid;place-items:center;font:700 18px var(--f-papar);box-shadow:0 0 0 4px #fff}
.mc-had .tajuk{font-size:clamp(22px,3vw,27px)!important;line-height:1.15}.mc-had .sub{max-width:40ch}
.mc-had .mc-peranti{width:100%;margin-top:10px}
.mc-had__per{display:flex;align-items:center;gap:14px;padding:14px;border-radius:22px;background:#fff8ef;border:2px solid var(--garis);text-align:left}
.mc-had__ik{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#eef2ff;color:#3f5bd8}.mc-had__ik svg{width:26px;height:26px}
.mc-had__per>div{flex:1;min-width:0}.mc-had__per b{display:block;font:600 17px var(--f-papar)}.mc-had__per small{font-size:13px;color:var(--dakwat-3)}
.mc-had__buang{flex:none;background:#fff!important;color:#d23b3b!important;box-shadow:0 3px 0 #f3d6d6!important;min-height:42px;padding:0 16px}.mc-had__buang svg{width:18px;height:18px}
.mc-had__nota{font-size:13px;color:var(--dakwat-3)}
.mc-had__naik{min-height:48px;width:100%;justify-content:center;text-decoration:none;background:#fe2c55!important;color:#fff!important;box-shadow:0 4px 0 #c81e42!important}
.mc-had__kembali{min-height:48px}.mc-had__kembali svg{width:18px;height:18px}
@media (max-width:480px){.mc-had__per{flex-wrap:wrap}.mc-had__buang{width:100%;justify-content:center}}

/* ---------- reka Y6: tab Akaun ---------- */
.ib-dua{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.ib-lajur{display:grid;gap:18px}
@media (max-width:1000px){.ib-dua{grid-template-columns:1fr}}
.ib-prof{display:flex;align-items:center;gap:14px;padding:16px 0 12px}
.ib-prof__awal{flex:none;width:60px;height:60px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(150deg,#ff9a5a,#ff6b4a);color:#fff;font:600 26px var(--f-papar)}
.ib-prof>div{min-width:0}.ib-prof b{display:block;font:600 20px var(--f-papar)}.ib-prof small{font-size:13.5px;color:var(--dakwat-3);overflow-wrap:anywhere}
.ib-cips{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:12px}
.ib-cip{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;background:#f6efe4;font:700 12.5px var(--f-teks)}.ib-cip--hijau{background:#e2f6ee;color:#137a55}
.ib-baris{display:flex;align-items:center;gap:14px;width:100%;padding:14px 0;border-top:1px solid #f3eadc;text-align:left;color:inherit;text-decoration:none;font:inherit}
.ib-baris__ik{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--bg,#fff1e4);color:var(--fg,#e35d2f)}.ib-baris__ik svg{width:22px;height:22px}
.ib-baris__t{flex:1;min-width:0}.ib-baris__t b{display:block;font:600 16px var(--f-papar)}.ib-baris__t small{display:block;margin-top:2px;font-size:13px;line-height:1.35;color:var(--dakwat-3)}
.ib-baris__chev{flex:none;width:18px;height:18px;color:#c8bba8}
.ib-baris--merah b{color:#d23b3b}.ib-baris--statik{border-top:0}
.ib-btn-gelap{width:100%;justify-content:center;margin:4px 0 10px;background:var(--dakwat)!important;color:#fff!important;box-shadow:0 4px 0 #0e1527!important}
.ib-blok__nota{font-size:13px;padding:0 0 10px}
.ib-per{justify-content:flex-start!important;gap:14px!important}.ib-per>div{flex:1;min-width:0}
.ib-ini{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:#e2f6ee;color:#137a55!important;font:600 11.5px var(--f-papar)!important;vertical-align:2px}
.mc-segerak [data-mcs-status]{margin:6px 0;padding:12px 14px;border-radius:16px;background:#e2f6ee;color:#0f6b4a;font-size:13.5px}
.mc-segerak .mc-ib-aksi{margin-bottom:6px}
.mc-segerak .mc-sejarah>div{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #f3eadc}
.mc-segerak .mc-sejarah>div>span{flex:1;min-width:0;font-size:13px;color:var(--dakwat-3)}.mc-segerak .mc-sejarah b{color:var(--dakwat);font:600 15px var(--f-papar)}
.mc-segerak [data-mcs-padam]{min-height:36px;padding:0 12px;font-size:13px;background:#fff0f0!important;color:#d23b3b!important;box-shadow:none!important}
.ib-btn-gelap,.ib-baris{text-decoration:none!important}
/* segerak: kad putih penuh seperti kad log masuk (owner 19 Okt: ruang dalam kad tidak sekata) */
.mc-pintu--sg .mc-pintu__kad{background:#fff;padding:clamp(20px,3vw,30px)}
@media (orientation:portrait) and (max-width:700px){.mc-pintu--sg .mc-pintu__kad{padding:22px 18px}}
/* notis game baharu: tepi, padding dan lengkung sama dengan kad dunia */
.mc-notis{width:min(560px,calc(100% - 32px))!important;padding:14px 16px!important;border-radius:28px!important}
@media (max-height:520px) and (orientation:landscape){.mc-notis{width:min(560px,calc(100% - 40px))!important;padding:10px 14px!important;border-radius:22px!important}}
/* jalur Cabaran Harian belum dimuat turun: telefon kecil = butang ikon bulat (tajuk kekal sebaris) */
@media (max-width:420px){.cabaran-jalur .cabaran-jalur__main .cj-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.cabaran-jalur:has(.cj-t) .cabaran-jalur__main{padding:0;width:44px;justify-content:center}.cabaran-jalur:has(.cj-t) .cabaran-jalur__main svg{width:22px;height:22px}}
/* owner 19 Okt: tinggi butang sebaris sama. Telefon: Tukar = bintang (44px, sudut 14px). Suis bahasa = Ibu bapa (48px). */
@media (orientation:portrait) and (max-width:700px){.atas__kanan .tukar-anak{height:44px;min-height:44px;border-radius:14px}}
@media (max-width:420px){.atas__kanan .tukar-anak{width:44px}}
.bhs-suis button{min-height:40px;height:40px}
/* owner 19 Okt: skrin tamat di telefon sempit (Z Flip 360px): "Other games" melimpah keluar butang. Teks lebih kecil, kekal sebaris, tidak melimpah. */
.tamat__aksi .btn{gap:6px;white-space:nowrap;overflow:hidden}
@media (max-width:440px){.tamat__aksi{gap:8px}.tamat__aksi .btn{min-height:54px;font-size:clamp(15px,4.6vw,18px);padding:0 10px;border-radius:18px}.tamat__aksi .btn svg{width:18px;height:18px;flex:none}}
@media (max-width:340px){.tamat__aksi{flex-direction:column}}
@media (max-height:520px){.tamat__aksi .btn{font-size:18px;padding:0 10px;gap:6px}.tamat__aksi .btn svg{width:18px;height:18px;flex:none}}
/* owner 19 Okt: Tukar + pil bintang skrin utama ikut bucu lencana bintang di halaman Pencapaian (.lc-pil 18px), semua saiz */
.atas__kanan .tukar-anak,.atas__kanan .bintang-pil{border-radius:18px!important}
/* owner 19 Okt: toast bertema + betul-betul tertutup (dulu tersangkut di skrin dalam PWA) */
.mc-toast{display:flex;align-items:center;gap:12px;width:min(calc(100vw - 28px),440px);max-width:none;padding:12px 10px 14px 12px;border-radius:20px;background:var(--kertas,#fff6ea);color:var(--dakwat,#1f2a44);text-align:left;font:700 15px/1.35 var(--f-teks,Nunito,sans-serif);box-shadow:inset 0 0 0 2px var(--garis,#eadfcd),0 14px 30px -12px rgba(31,42,68,.35)!important;overflow:hidden;pointer-events:auto;cursor:pointer;opacity:0;visibility:hidden;transform:translate(-50%,24px) scale(.96);transition:transform .32s cubic-bezier(.3,1.4,.5,1),opacity .2s ease,visibility 0s linear .32s;--tw:#3f7cff;--tb:#e8efff}
.mc-toast.ada{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1);transition:transform .32s cubic-bezier(.3,1.4,.5,1),opacity .2s ease,visibility 0s}
.mc-toast[data-jenis=luar]{--tw:#f08a00;--tb:#fff0d6}
.mc-toast[data-jenis=ok]{--tw:#19b37d;--tb:#dcf6ea}
.mc-toast[data-jenis=ralat]{--tw:#e8445a;--tb:#ffe3e7}
.mc-toast__ik{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--tb);color:var(--tw)}
.mc-toast__ik svg{width:24px;height:24px}
.mc-toast__t{flex:1;min-width:0}
.mc-toast__x{flex:none;display:grid;place-items:center;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:12px;background:transparent;color:rgba(31,42,68,.55);cursor:pointer}
.mc-toast__x:active{background:rgba(31,42,68,.08)}
.mc-toast__x svg{width:18px;height:18px}
.mc-toast__masa{position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--tw);opacity:.85;transform-origin:left;transform:scaleX(0)}
.mc-toast.ada .mc-toast__masa{animation:mc-toast-masa var(--lama,3800ms) linear forwards}
@keyframes mc-toast-masa{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media (prefers-reduced-motion:reduce){.mc-toast,.mc-toast.ada{transition:opacity .15s,visibility 0s}.mc-toast.ada .mc-toast__masa{animation:none}}

/* Owner 19 Okt: butang x tutup tanda/jalur game baru (game premium berkunci tak boleh dimain untuk hilangkan tanda) */
.kad-game__rbx{position:absolute;z-index:6;top:0;right:0;transform:translate(38%,-38%);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--emas);color:#5a3a00;font:800 17px/1 var(--f-papar);border:2.5px solid #fff;box-shadow:0 3px 8px -2px rgba(0,0,0,.35);cursor:pointer;-webkit-tap-highlight-color:transparent}
/* x berada di luar kad seni: kad induk mesti tidak memotong */
.kad-game:has(> .kad-game__rbx){overflow:visible}
.kad-game__rbx::before{content:"";position:absolute;inset:-9px}
.baru-jalur{position:relative}
.baru-jalur__x{position:absolute;top:-8px;right:-6px;width:30px;height:30px;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--dakwat);font:700 18px/1 var(--f-papar);box-shadow:inset 0 0 0 2px #f0cf7a;cursor:pointer}
.baru-jalur__x::before{content:"";position:absolute;inset:-8px}
.salam__teks .sub:empty{display:none}
/* Owner 20 Okt: × tepat di tengah bulatan (SVG, bukan glyph fon) + pudar kad yang terpotong dalam senarai Game baru */
.baru-jalur__x{padding:0;font-size:0;line-height:0}
.baru-jalur__x svg{width:14px;height:14px;display:block}
.baru-jalur__senarai.pudar-kanan{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 46px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 46px),transparent)}
.baru-jalur__senarai.pudar-kiri{-webkit-mask-image:linear-gradient(90deg,transparent,#000 46px);mask-image:linear-gradient(90deg,transparent,#000 46px)}
.baru-jalur__senarai.pudar-kiri.pudar-kanan{-webkit-mask-image:linear-gradient(90deg,transparent,#000 46px,#000 calc(100% - 46px),transparent);mask-image:linear-gradient(90deg,transparent,#000 46px,#000 calc(100% - 46px),transparent)}
/* Owner 20 Okt: kad kongsi pilih saiz + warna latar */
.mck-gambar{justify-self:center;max-width:100%}
.mck-pilihan{display:grid;gap:8px}
.mck-saiz{grid-template-columns:repeat(3,1fr)}
.mck-saiz button{font-size:13.5px;padding:0 4px}
.mck-guna{margin:-2px 0 0;font-size:12.5px;color:var(--dakwat-2);text-align:center;min-height:1.3em}
.mck-warna{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.mck-warna button{width:34px;height:34px;border-radius:50%;border:0;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55);position:relative}
.mck-warna button::before{content:"";position:absolute;inset:-5px}
.mck-warna button[aria-pressed="true"]{box-shadow:inset 0 0 0 3px #fff,0 0 0 3px var(--dakwat)}
/* Owner 20 Okt: label bentuk Pelajaran pada kad game */
.kad-game__belajar{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:6px;border-radius:7px;background:#e8f7f0;color:#0f7a57;vertical-align:-4px;box-shadow:inset 0 0 0 1.5px #b9e6d3}
.kad-game__belajar svg{width:14px;height:14px}
.perpustakaan--dunia .kad-game__belajar{width:18px;height:18px;border-radius:6px;margin-right:4px;vertical-align:-3px}
.perpustakaan--dunia .kad-game__belajar svg{width:11px;height:11px}

/* owner 20 Okt: kad keputusan = satu reka dengan kad Rehat (core/ui-game.css .km-jeda): 20px dari tepi skrin, bucu 32px,
   garis dalam 2px, ikon game separuh di atas kad, butang utama "Main lagi" penuh lebar, "Game lain" penuh lebar di bawah. */
.tamat{padding:max(20px,calc(var(--atas) + 14px)) max(20px,env(safe-area-inset-right)) max(20px,calc(var(--bawah) + 14px)) max(20px,env(safe-area-inset-left))}
.tamat__kad{width:min(420px,100%);margin-top:44px;padding:58px 22px 22px;border-radius:32px;box-shadow:inset 0 0 0 2px #efe3cc,0 8px 0 rgba(31,42,68,.1),0 30px 60px rgba(10,14,30,.35)}
.tamat__game{transform:translate(-50%,-50%)}
.tamat__bintang{margin-top:0}
.tamat__aksi{flex-direction:column;gap:12px;margin-top:18px}
.tamat__aksi .btn{flex:none;width:100%;min-height:62px;font-size:21px;padding:0 16px;border-radius:20px}
.tamat__aksi .btn:not(.btn--hijau){min-height:56px;font-size:19px}
.tamat__aksi .btn svg{width:22px;height:22px}
@media (max-width:440px){.tamat__aksi .btn{min-height:60px;font-size:20px}.tamat__aksi .btn:not(.btn--hijau){min-height:54px;font-size:18px}}
@media (max-height:640px) and (orientation:portrait){.tamat__kad{padding:50px 18px 18px}.tamat__bintang span{width:50px;height:50px}.tamat__bintang span:nth-child(2){width:64px;height:64px}.tamat__tajuk{font-size:28px}.tamat__angka b{font-size:24px}.tamat__aksi{margin-top:14px;gap:10px}}
@media (orientation:landscape) and (max-height:560px){.tamat__kad{width:min(760px,100%);margin-top:0;padding:16px 18px 14px}.tamat__aksi{flex-direction:row}.tamat__aksi .btn,.tamat__aksi .btn:not(.btn--hijau){flex:1;width:auto;min-height:52px;font-size:18px}}

/* Owner 22 Okt: tab pelayar = dokumen skrol biasa, tiada elemen fixed menyentuh tepi (Safari iOS 26+ warnakan bar ikutnya). */
html.mc-pelayar,html.mc-pelayar body{overflow:visible;height:auto}
html.mc-pelayar .app,html.mc-pelayar .latar,html.mc-pelayar .lapisan,html.mc-pelayar .konfeti,html.mc-pelayar .hos{display:none!important}
.mc-pintu.mc-pintu--pelayar{position:relative;inset:auto;z-index:auto;min-height:100vh;min-height:100dvh;overflow:visible;overscroll-behavior:auto;
  padding:max(20px,env(safe-area-inset-top)) 16px calc(env(safe-area-inset-bottom) + 28px)}
/* Owner 22 Okt: tab pelayar hanya untuk pasang app, tiada bunyi: sorok butang bunyi. */
html.mc-pelayar .mc-bunyi{display:none!important}

/* Owner 22 Okt: tawaran muat turun semua: bilangan game / pelajaran / kertas ujian */
.mc-tawar__bil{list-style:none;margin:2px 0 0;padding:0;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.mc-tawar__bil li{flex:1 1 0;min-width:84px;max-width:130px;padding:10px 6px 9px;border-radius:16px;background:color-mix(in srgb,var(--w) 10%,#fff);border:2px solid color-mix(in srgb,var(--w) 22%,#fff);display:flex;flex-direction:column;align-items:center;gap:1px}
.mc-tawar__bil b{font:700 26px/1 var(--f-papar);color:var(--w)}
.mc-tawar__bil span{font-size:13px;font-weight:700;color:var(--dakwat-2)}

/* Owner 22 Okt: butang muat turun sebelah Tukar anak */
.atas__kanan.ada-muat .tukar-anak span{display:none}
.atas__kanan.ada-muat .tukar-anak{width:44px;padding:0;justify-content:center}
.mc-muat-btn{position:relative;flex:none;width:44px;height:44px;border-radius:18px;display:grid;place-items:center;background:#fff;color:var(--dakwat);box-shadow:inset 0 0 0 2px var(--garis)}
.mc-muat-btn__ikon{position:relative;display:grid;place-items:center}
.mc-muat-btn__ikon svg{width:20px;height:20px;display:block}
.mc-muat-btn__cincin{position:absolute;inset:0;border-radius:inherit;padding:3px;opacity:0;
  background:conic-gradient(var(--utama) var(--p,0%),color-mix(in srgb,var(--utama) 16%,#fff) 0);
  -webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);transition:opacity .2s}
.mc-muat-btn.aktif{color:var(--utama)}
.mc-muat-btn.aktif .mc-muat-btn__cincin{opacity:1}
.mc-muat-btn.aktif .mc-muat-btn__ikon{overflow:hidden;width:22px;height:22px}
.mc-muat-btn.aktif .mc-muat-btn__ikon svg path{animation:mc-muat-turun 1.1s ease-in-out infinite}
@keyframes mc-muat-turun{0%{transform:translateY(-3px);opacity:.35}50%{transform:translateY(1px);opacity:1}100%{transform:translateY(3px);opacity:.35}}
.mc-muat-btn__titik{position:absolute;top:5px;right:5px;width:11px;height:11px;border-radius:50%;background:#ff3b30;border:2px solid #fff}
.mc-muat-btn__titik[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.mc-muat-btn.aktif .mc-muat-btn__ikon svg path{animation:none}}
body:has(.mc-muat-btn) .mc-antrian{display:none}
.mc-tawar__ikon-muat{align-self:center;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--utama) 14%,#fff);color:var(--utama)}
.mc-tawar__ikon-muat svg{width:30px;height:30px;animation:mc-muat-turun 1.1s ease-in-out infinite alternate}
.mc-tawar__angka{margin:0;font:700 28px/1 var(--f-papar);color:var(--dakwat)}
.mc-tawar__bar{display:block;height:10px;border-radius:5px;background:var(--kertas-2);overflow:hidden}
.mc-tawar__bar i{display:block;height:100%;width:0;border-radius:5px;background:var(--utama);transition:width .3s}

/* Owner 22 Okt: had peranti dalam reka log masuk (panel jenama + kad) */
.mc-pintu--log.mc-pintu--had .mc-pintu__kad{width:min(100%,500px)}
.mc-pintu--log .mc-had{gap:6px}
.mc-pintu--log .mc-had__ilus{width:124px;height:90px;margin:0 auto 2px}
.mc-pintu--log .mc-had__ilus .a{width:74px;height:60px;border-radius:20px}.mc-pintu--log .mc-had__ilus .a svg{width:32px;height:32px}
.mc-pintu--log .mc-had__ilus .b{width:46px;height:68px;top:22px;border-radius:18px}.mc-pintu--log .mc-had__ilus .b svg{width:24px;height:24px}
.mc-pintu--log .mc-had__ilus .x{left:50px;width:30px;height:30px;font-size:16px}
.mc-pintu--log .mc-had .tajuk-2{font-size:clamp(19px,2.4vw,22px);line-height:1.2;margin:0}
.mc-pintu--log .mc-had .mc-peranti{display:grid;gap:10px;margin-top:6px}
.mc-pintu--log .mc-had__per{padding:12px;border-radius:20px}
.mc-pintu--log .mc-had__ik{width:46px;height:46px;border-radius:14px}
@media (max-width:520px){.mc-pintu--log .mc-had__per{flex-wrap:wrap}.mc-pintu--log .mc-had__buang{width:100%;justify-content:center}}

/* Owner 22 Okt: logo topbar cutout (lebih lebar dari tinggi, 560x511) */
.jenama img.jenama__cut{width:60px;height:55px;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(160,80,40,.2))}
@media (max-width:760px){.jenama img.jenama__cut{width:50px;height:46px}}

/* Owner 22 Okt: logo cutout (tanpa bingkai) di semua halaman */
html img[src*="logo-cutout"]{object-fit:contain!important;border-radius:0!important;background:none!important;padding:0!important;box-shadow:none!important;transform:scale(1.12)}

/* Owner 22 Okt: cip mod Game / Belajar / Ujian dalam panel jenama */
.mc-jen__mod{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.mc-jen__mod span{display:inline-flex;align-items:center;gap:7px;padding:7px 13px 7px 10px;border-radius:999px;background:rgba(255,255,255,.94);font:700 14px/1 var(--f-papar)}
.mc-jen__mod span::before{content:"";width:10px;height:10px;border-radius:50%;background:currentColor}
.mc-jen__mod .g{color:#f0562e}.mc-jen__mod .b{color:#5b57ea}.mc-jen__mod .u{color:#0f9d76}
/* Owner 22 Okt: telefon menegak sahaja: panel jenama lebih rendah (watak di sebelah teks) */
@media (orientation:portrait) and (max-width:700px){
  .mc-pintu--log .mc-log{grid-template-rows:auto 1fr}
  .mc-pintu--log .mc-jen{display:grid;grid-template-columns:1fr 34%;grid-template-areas:"logo logo" "tajuk pentas" "sub pentas" "mod mod";align-items:start;column-gap:8px;padding:16px 18px;border-radius:26px;min-height:0}
  .mc-pintu--log .mc-jen__logo{grid-area:logo}
  .mc-pintu--log .mc-jen__tajuk{grid-area:tajuk;margin-top:12px;font-size:25px;max-width:none}
  .mc-pintu--log .mc-jen__sub{grid-area:sub;margin-top:6px;font-size:13px;line-height:1.35}
  .mc-pintu--log .mc-jen__mod{grid-area:mod;margin-top:12px;gap:6px}
  .mc-pintu--log .mc-jen__mod span{padding:6px 11px 6px 9px;font-size:13px}
  .mc-pintu--log .mc-jen__pentas{grid-area:pentas;align-self:end;width:100%;margin:0;padding:0}
  .mc-pintu--log .mc-jen__pentas img{max-height:118px}
  .mc-pintu--log .mc-jen__pentas::before{bottom:-4%}
}
@media (max-height:520px) and (orientation:landscape){.mc-jen__mod{margin-top:8px}.mc-jen__mod span{padding:5px 10px 5px 8px;font-size:12px}}

.ib-baris--naik b{color:#fe2c55}

/* Petunjuk kata laluan + cadangan typo e-mel (owner 24 Okt) */
.mc-petunjuk{margin:-4px 0 0;color:var(--dakwat-2);font-size:13.5px;line-height:1.45;font-weight:600}
.mc-cadang{display:grid;gap:8px;margin-top:8px;padding:12px 14px;border-radius:14px;border:1.5px solid #4aa8ff;background:#eef7fd;color:var(--dakwat);font-size:15px;font-weight:700;line-height:1.4}
.mc-cadang b{word-break:break-all}
.mc-cadang .btn{min-height:42px;height:auto;padding:8px 16px;font-size:14px;background:#fff;color:var(--dakwat);border:1.5px solid var(--dakwat);border-radius:999px;box-shadow:none}
.mc-pintu .btn--lut[data-mc-salin-url]{min-height:44px;background:#fff;color:var(--dakwat);border:1.5px solid var(--dakwat);border-radius:999px;box-shadow:none}

/* Pautan video tutorial pasang (owner 25 Okt): kad jelas dengan ikon video merah. */
.mc-video-pautan{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:#fff;border:2px solid #ffd2c4;box-shadow:0 6px 16px -10px rgba(240,86,46,.6);text-decoration:none;color:var(--dakwat)}
.mc-video-pautan:active{transform:scale(.98)}
.mc-video-pautan__ikon{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#fff0eb;color:#f0562e}
.mc-video-pautan__ikon svg{width:30px;height:30px}
.mc-video-pautan__teks{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mc-video-pautan__teks b{font:700 16px/1.2 var(--f-papar,'Fredoka',sans-serif)}
.mc-video-pautan__teks span{font-size:13px;font-weight:600;color:var(--dakwat-2)}
.mc-video-pautan__panah{flex:none;font:700 26px/1 sans-serif;color:#f0562e}

/* owner 26 Okt: lencana "Game saya" / "Pelajaran saya" di tengah kad, tab Game dan Belajar */
.kad-game__isi .kad-game__saya{align-self:center;text-align:center;white-space:nowrap}
:root{--s-game-saya:#d99400;--s-pelajaran-saya:#d99400}
/* owner 26 Okt: kategori Game saya / Pelajaran saya (sentiasa ada, emas = buatan AI ibu bapa) */
.dunia-kad--saya{background:linear-gradient(135deg,#ffc93d,#d48a00 72%);box-shadow:0 7px 0 #a46a00}
.dunia-kad--saya .dunia-kad__bil{opacity:1;font-weight:700}
.kosong--saya span{max-width:340px}
.kosong--saya .kosong__mcp{margin-top:14px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.kosong--saya .pintu.kosong__mcp{margin-top:16px;touch-action:none}
.kosong--saya .pintu.kosong__mcp .pintu__label small{display:block}

/* Beli = tekan & tahan 1.5 s (owner 26 Okt): isian putih bergerak kiri ke kanan */
.mc-tahan{position:relative;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.mc-tahan::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.32);transform:scaleX(var(--p,0));transform-origin:left center}
.mc-tahan>*{position:relative}
.mc-tahan__teks{display:grid;justify-items:start;line-height:1.1}
.mc-tahan__teks small{font-size:12px;font-weight:700;opacity:.85}