/* MindaCeria · hadiah + pencapaian (core/ganjaran.js) */
.mc-bingkai{position:relative;display:inline-grid;place-items:center;flex:none;isolation:isolate}
.mc-bingkai .potret{box-shadow:none!important}
.mc-bingkai__img{position:absolute;left:50%;top:50%;width:173.6%;height:173.6%;max-width:none;transform:translate(-50%,-50%);pointer-events:none;z-index:1;filter:drop-shadow(0 4px 6px rgba(31,42,68,.25))}
.salam .mc-bingkai{margin:10px 12px 10px 10px}
.kad-anak .mc-bingkai{margin:22px 0 16px}

.mc-gelaran{background:linear-gradient(135deg,#ffe58a,#ffc93c)!important;color:#6b4300!important;font-weight:700!important}
.mc-gelaran svg{width:16px;height:16px}

.bintang-pil[role=button]{cursor:pointer;position:relative;transition:transform .15s}
.bintang-pil[role=button]:active{transform:translateY(2px)}
.bintang-pil[role=button]:focus-visible{outline:3px solid var(--langit);outline-offset:3px}
.bintang-pil.mc-ada-baru::after{content:"";position:absolute;right:-3px;top:-3px;width:14px;height:14px;border-radius:50%;background:#ff3b5c;box-shadow:0 0 0 3px #fff;animation:mc-denyut 1.6s ease-in-out infinite}
@keyframes mc-denyut{50%{transform:scale(1.25)}}

.mc-palang{display:block;height:10px;border-radius:999px;background:rgba(31,42,68,.1);overflow:hidden;margin-top:6px}
.mc-palang i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffc93c,#ff8a3d);min-width:6px;transition:width .6s}

/* jalur hadiah di skrin utama anak */
.mc-hadiah-jalur{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 18px;padding:10px 16px 10px 10px;border-radius:22px;background:#fff;box-shadow:0 4px 0 #e5d9c6,0 10px 18px -10px rgba(31,42,68,.3);text-align:left;font:inherit;color:inherit;cursor:pointer}
.mc-hadiah-jalur.siap{background:linear-gradient(135deg,#fff3c4,#ffe08a);animation:mc-goyang 2.4s ease-in-out infinite}
@keyframes mc-goyang{0%,100%{transform:none}4%{transform:rotate(-1deg)}8%{transform:rotate(1deg)}12%{transform:none}}
.mc-hadiah-jalur__gb{width:52px;height:52px;flex:none;border-radius:16px;overflow:hidden;background:var(--kertas-2);display:grid;place-items:center;color:var(--utama)}
.mc-hadiah-jalur__gb img{width:100%;height:100%;object-fit:cover}
.mc-hadiah-jalur__gb svg{width:28px;height:28px}
.mc-hadiah-jalur__isi{flex:1;min-width:0}
.mc-hadiah-jalur__isi b{display:block;font:700 17px/1.15 var(--f-papar);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-hadiah-jalur__kira{display:inline-flex;align-items:center;gap:5px;flex:none;font:700 16px/1 var(--f-papar)}
.mc-hadiah-jalur__kira svg{width:20px;height:20px;color:var(--emas)}

/* laci pencapaian */
.mc-modal{z-index:60}
.mc-laci{width:min(640px,100%)}
.mc-laci .tajuk-2{display:flex;align-items:center;gap:8px}
.mc-laci .tajuk-2 svg{width:28px;height:28px;color:var(--emas)}
.mc-tajuk-3{font:700 18px/1.2 var(--f-papar);margin:22px 0 10px}
.mc-hadiah-kad{display:flex;gap:14px;align-items:center;margin-top:16px;padding:12px;border-radius:22px;background:#fff;box-shadow:var(--bayang-kecil)}
.mc-hadiah-kad.siap{background:linear-gradient(135deg,#fff3c4,#ffe08a)}
.mc-hadiah-kad > div{flex:1;min-width:0}
.mc-hadiah-kad small{display:block;font:600 13px/1.2 var(--f-teks);color:var(--dakwat-2)}
.mc-hadiah-kad b{display:block;font:700 20px/1.2 var(--f-papar);margin-top:2px;overflow-wrap:anywhere}
.mc-hadiah-kad__gb{width:96px;height:96px;flex:none;border-radius:20px;overflow:hidden;background:var(--kertas-2);display:grid;place-items:center;color:var(--utama)}
.mc-hadiah-kad__gb img{width:100%;height:100%;object-fit:cover}
.mc-hadiah-kad__gb svg{width:44px;height:44px}
.mc-hadiah-kad__kira{display:flex;align-items:center;gap:5px;margin-top:6px;font:700 15px/1.2 var(--f-papar)}
.mc-hadiah-kad__kira svg{width:18px;height:18px;color:var(--emas);flex:none}

.mc-pilih-bingkai{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:none}
.mc-pilih-bingkai button{flex:none;display:grid;justify-items:center;gap:4px;width:86px;padding:8px 4px;border-radius:18px;background:#fff;box-shadow:var(--bayang-kecil);font:inherit;color:inherit;cursor:pointer}
.mc-pilih-bingkai button[aria-pressed=true]{box-shadow:0 0 0 3px var(--utama),var(--bayang-kecil)}
.mc-pilih-bingkai small{font:600 12px/1.15 var(--f-teks);text-align:center}
.mc-pratonton,.mc-bulat-kosong{width:58px;height:58px;display:grid;place-items:center;position:relative}
.mc-pratonton::before{content:"";position:absolute;inset:13px;border-radius:50%;background:var(--kertas-2)}
.mc-pratonton img{position:relative;width:100%;height:100%}
.mc-bulat-kosong::before{content:"";width:34px;height:34px;border-radius:50%;border:3px dashed #d6c9b4}
.mc-pilih-gelaran{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.mc-pilih-gelaran .cip{height:38px;cursor:pointer;border:0;font:600 14px/1 var(--f-papar)}
.mc-pilih-gelaran .cip svg{width:16px;height:16px}
.mc-pilih-gelaran .cip[aria-pressed=true]{background:linear-gradient(135deg,#ffe58a,#ffc93c);color:#6b4300}

.mc-senarai-p{display:grid;gap:10px}
.mc-p{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:20px;background:#fff;box-shadow:var(--bayang-kecil)}
.mc-p--belum{background:rgba(255,255,255,.6);box-shadow:none;border:2px solid rgba(31,42,68,.06)}
.mc-p--boleh{background:linear-gradient(135deg,#fff8dc,#ffeaa6);box-shadow:0 0 0 2px #ffc93c,var(--bayang-kecil)}
.mc-p__ikon{position:relative;width:60px;height:60px;flex:none;display:grid;place-items:center}
.mc-p__ikon img{position:absolute;inset:0;width:100%;height:100%}
.mc-p__ikon i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--kertas-2);color:var(--dakwat-2)}
.mc-p__ikon i svg{width:18px;height:18px}
.mc-p--boleh .mc-p__ikon i{background:var(--emas);color:#5a3a00}
.mc-p--dituntut .mc-p__ikon i{background:var(--hijau);color:#fff}
.mc-p--belum .mc-p__ikon img{filter:grayscale(1);opacity:.45}
.mc-p__isi{flex:1;min-width:0;display:grid;gap:2px}
.mc-p__isi b{font:700 16px/1.2 var(--f-papar)}
.mc-p__isi > span{font-size:14px;color:var(--dakwat-2)}
.mc-p__isi .mc-p__ganjaran{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font:600 13px/1.2 var(--f-teks);color:#8a5a00}
.mc-p__ganjaran svg{width:14px;height:14px}
.mc-p__isi small{font:600 12px/1 var(--f-teks);color:var(--dakwat-2)}
.mc-p__siap{flex:none;font:700 13px/1 var(--f-papar);color:var(--hijau)}
.mc-p .btn{flex:none}

/* skrin tamat */
.mc-tamat-hadiah{display:flex;align-items:center;gap:10px;margin-top:14px;padding:8px 12px 8px 8px;border-radius:18px;background:#fff;box-shadow:var(--bayang-kecil);text-align:left}
.mc-tamat-hadiah.siap{background:linear-gradient(135deg,#fff3c4,#ffe08a)}
.mc-tamat-hadiah .mc-hadiah-jalur__gb{width:44px;height:44px;border-radius:12px}
.mc-tamat-hadiah > div{flex:1;min-width:0}
.mc-tamat-hadiah b{display:block;font:700 15px/1.2 var(--f-papar);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-tamat-baru{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font:700 15px/1.2 var(--f-papar);color:#8a5a00}
.mc-tamat-baru svg{width:18px;height:18px}

/* ibu bapa */
.mc-ib-hadiah .mc-hadiah-kad{box-shadow:none;background:var(--kertas-2)}
.mc-ib-aksi{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.mc-sejarah{display:grid;gap:8px;margin-top:10px}
.mc-sejarah div{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:14px;background:var(--kertas-2)}
.mc-sejarah span{font-size:14px;color:var(--dakwat-2)}
.mc-borang{display:grid;gap:16px;margin-top:16px}
.mc-borang__gb{display:flex;gap:14px;align-items:center}
.mc-borang__gb b{display:block;font:700 16px/1.2 var(--f-papar)}
.mc-borang__gb .sub{display:block;margin-top:2px}
.mc-borang__gb .mc-ib-aksi{margin-top:8px}
.mc-gb-besar{width:112px;height:112px}
.mc-medan{display:grid;gap:8px}
.mc-medan > span{font:700 15px/1.2 var(--f-papar)}
.mc-medan input[type=text],.mc-medan input[type=number]{height:52px;padding:0 16px;border-radius:16px;border:2px solid #e6dccb;background:#fff;font:600 17px/1 var(--f-teks);color:var(--dakwat);width:100%}
.mc-medan input:focus{outline:none;border-color:var(--langit)}
.mc-medan .segmen{display:flex;flex-wrap:wrap}.mc-medan .segmen button{flex:1 1 0;justify-content:center}
.mc-ralat{color:#c2410c;font-weight:600}

@media (max-width:560px){
  .mc-hadiah-jalur{margin-bottom:14px}
  .mc-hadiah-jalur__isi b{font-size:15px}
  .mc-hadiah-kad__gb{width:76px;height:76px}
  .mc-p{flex-wrap:wrap}
  .mc-p .btn{width:100%}
  .mc-borang__gb{display:grid;grid-template-columns:88px 1fr;align-items:start}
  .mc-gb-besar{width:88px;height:88px}
  .mc-borang__gb .mc-ib-aksi{flex-wrap:wrap}
  .mc-borang__gb .mc-ib-aksi .btn{padding:0 12px}
}
@media (max-height:500px) and (orientation:landscape){
  .mc-hadiah-jalur{margin-bottom:10px;padding:6px 14px 6px 6px}
  .mc-hadiah-jalur__gb{width:40px;height:40px;border-radius:12px}
  .salam .mc-bingkai{margin:6px 8px 6px 6px}
}
@media (prefers-reduced-motion:reduce){.mc-hadiah-jalur.siap,.bintang-pil.mc-ada-baru::after{animation:none}}

/* modal besar: sasaran hadiah tercapai */
.mc-sasaran-latar{z-index:85;background:rgba(40,20,80,.62)}
.mc-sasaran{width:min(460px,100%);text-align:center;display:grid;justify-items:center;gap:10px;overflow:hidden;padding-top:34px!important;
  background:linear-gradient(180deg,#fff4d6,#fff 55%)!important;border:4px solid var(--emas,#ffc23d)}
.mc-sasaran__sinar{position:absolute;left:50%;top:120px;width:560px;height:560px;margin:-280px 0 0 -280px;pointer-events:none;opacity:.55;
  background:repeating-conic-gradient(from 0deg,rgba(255,194,61,.55) 0 10deg,transparent 10deg 24deg);animation:mc-pusing 14s linear infinite;
  -webkit-mask:radial-gradient(circle,#000 30%,transparent 68%);mask:radial-gradient(circle,#000 30%,transparent 68%)}
@keyframes mc-pusing{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.mc-sasaran__sinar{animation:none}}
.mc-sasaran__gb{position:relative;width:min(190px,48vw);aspect-ratio:1;border-radius:34px;overflow:hidden;background:#fff;display:grid;place-items:center;color:var(--utama);
  box-shadow:0 0 0 6px #fff,0 0 0 10px var(--emas,#ffc23d),0 18px 40px rgba(120,70,0,.35)}
.mc-sasaran__gb img{width:100%;height:100%;object-fit:cover}
.mc-sasaran__gb svg{width:56%;height:56%}
.mc-sasaran__label{position:relative;display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:7px 14px;border-radius:999px;background:var(--emas,#ffc23d);color:#3a2400;font-weight:800}
.mc-sasaran__label svg{width:20px;height:20px}
.mc-sasaran__tajuk{position:relative;margin:0;font-size:clamp(30px,8vw,40px);line-height:1.05}
.mc-sasaran__teks{position:relative;margin:0;font-size:17px;line-height:1.4;max-width:34ch}
.mc-sasaran__btn{position:relative;min-height:56px;width:100%;margin-top:6px;font-size:18px}
.mc-sasaran__btn svg{width:24px;height:24px}

/* ---------- halaman lencana (reka Y4) ---------- */
.lencana-laman.mc-laci{width:auto}
.lc-pil{flex:none}
.lc-rumus{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-top:6px}.lc-rumus--satu{grid-template-columns:1fr}
.lc-hero{position:relative;overflow:hidden;border-radius:30px;padding:20px;color:#fff;display:flex;align-items:center;gap:20px;background:linear-gradient(140deg,#9b7bff,#7c5cf0 60%,#6a46e6);box-shadow:0 7px 0 #5434c4}
.lc-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.1)}
.lc-hero h2{font:600 24px/1.1 var(--f-papar)}
.lc-hero__st{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.lc-hero__st span{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.2);font:600 14px var(--f-papar)}
.lc-hero__st svg{width:16px;height:16px;color:#ffd65c}
.lc-cincin{position:relative;flex:none;width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ffc23d calc(var(--p)*1%),rgba(255,255,255,.3) 0)}
.lc-cincin::before{content:"";position:absolute;inset:12px;border-radius:50%;background:#7c5cf0}
.lc-cincin span{position:relative;text-align:center;font:600 30px/1 var(--f-papar)}.lc-cincin small{display:block;margin-top:3px;font:700 12px var(--f-teks);opacity:.9}
.lc-hadiah{border-radius:30px;padding:18px;color:#fff;display:flex;gap:14px;align-items:center;background:linear-gradient(150deg,#3fcf98,#1fae78);box-shadow:0 7px 0 #138a5e}
.lc-hadiah.siap{background:linear-gradient(150deg,#ffd65c,#ffb01f);box-shadow:0 7px 0 #c98a00;color:#5a3a00}
.lc-hadiah__gb{flex:none;width:84px;height:84px;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.25);display:grid;place-items:center}
.lc-hadiah__gb img{width:100%;height:100%;object-fit:cover}.lc-hadiah__gb svg{width:40px;height:40px}
.lc-hadiah>div{flex:1;min-width:0}
.lc-hadiah small{font-size:12px;opacity:.92;text-transform:uppercase;letter-spacing:.06em}
.lc-hadiah b{display:block;margin:2px 0 8px;font:600 20px/1.15 var(--f-papar);overflow-wrap:anywhere}
.lc-palang{display:block;height:10px;border-radius:6px;background:rgba(255,255,255,.3);overflow:hidden}.lc-palang i{display:block;height:100%;border-radius:6px;background:#fff}
.lc-hadiah em{display:block;margin-top:6px;font:600 13px var(--f-papar);font-style:normal}
.lc-gaya{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;padding:16px;border-radius:26px;background:#fff;box-shadow:0 4px 0 var(--garis)}
.lc-gaya__pot{display:grid;place-items:center;min-width:110px}.lc-gaya__pot .potret{--s:84px}.lc-gaya__pot .mc-bingkai{margin:14px}
.lc-gaya .mc-pilih-bingkai button{box-shadow:0 0 0 2px var(--garis)}
.lc-gaya .mc-pilih-bingkai button[aria-pressed=true]{box-shadow:0 0 0 3px #fff,0 0 0 6px #7c5cf0}
.lc-gaya .mc-pilih-gelaran .cip[aria-pressed=true]{background:var(--dakwat);color:#fff}
.lc-tajuk{display:flex;align-items:center;gap:8px}.lc-tajuk small{margin-left:auto;font:700 13px var(--f-teks);color:var(--dakwat-3)}
.lc-medal{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 16px;padding-top:12px}
.lc-m{position:relative;border-radius:26px;padding:16px 12px 14px;background:#fff;box-shadow:0 5px 0 var(--garis);text-align:center;display:flex;flex-direction:column;align-items:center}
.lc-m__md{position:relative;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#fff7da,#ffd66b);box-shadow:0 4px 0 #e0a92a}
.lc-m__md img{position:absolute;inset:-8%;width:116%;height:116%;max-width:none}.lc-m__md svg{width:34px;height:34px;color:#b07a00}
.lc-m b{margin-top:12px;font:600 15px/1.15 var(--f-papar)}
.lc-m small{margin-top:3px;font-size:12px;line-height:1.3;color:var(--dakwat-3)}
.lc-m__bar{display:block;width:100%;height:8px;margin-top:10px;border-radius:5px;background:#f1e8db;overflow:hidden}.lc-m__bar i{display:block;height:100%;background:var(--emas)}
.lc-m__n{margin-top:5px;font:600 12px var(--f-papar);color:var(--dakwat-3)}
.lc-m--belum .lc-m__md{background:#f1ebe2;box-shadow:0 4px 0 #ddd2c2}.lc-m--belum .lc-m__md>*{filter:grayscale(1);opacity:.6}
.lc-m--belum .lc-m__md::after,.lc-m--dituntut .lc-m__md::after{content:"";position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;border-radius:50%;box-shadow:0 2px 0 var(--garis);
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7690' stroke-width='2.6' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/16px no-repeat}
.lc-m--dituntut .lc-m__md::after{box-shadow:0 0 0 3px #fff;background:#22b07d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/16px no-repeat}
.lc-m__gel{margin-top:8px;padding:3px 10px;border-radius:999px;background:#e2f6ee;color:#137a55;font:600 12px var(--f-papar)}
.lc-m--boleh{box-shadow:0 0 0 3px var(--emas),0 6px 0 3px #e0a92a}
.lc-m__reben{position:absolute;top:-11px;left:50%;transform:translateX(-50%);padding:2px 10px;border-radius:999px;background:var(--utama);color:#fff;font:600 11.5px/18px var(--f-papar);white-space:nowrap}
.lc-m__tuntut{margin-top:10px;width:100%;height:40px;border-radius:999px;background:var(--emas);color:#5a3a00;font:600 15px var(--f-papar);box-shadow:0 3px 0 #c98a00}
@media (max-width:700px) and (orientation:portrait){
  .lc-rumus{grid-template-columns:1fr}.lc-hero{gap:14px;padding:16px}.lc-cincin{width:96px;height:96px}.lc-cincin span{font-size:24px}
  .lc-gaya{grid-template-columns:1fr;justify-items:center;text-align:center}.lc-gaya__isi{width:100%}.lc-gaya .mc-pilih-gelaran{justify-content:center}
  .lc-medal{grid-template-columns:1fr 1fr;gap:20px 12px}
}
@media (max-height:520px) and (orientation:landscape){
  .lc-cincin{width:88px;height:88px}.lc-cincin span{font-size:22px}.lc-hero{padding:14px}.lc-hero h2{font-size:19px}.lc-hadiah{padding:14px}.lc-hadiah__gb{width:64px;height:64px}
  .lc-medal{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:18px 12px}.lc-m__md{width:64px;height:64px}
}

/* lencana boleh dituntut: titik nombor pada menu Lencana */
[data-rel="lencana"]{position:relative}
.mc-rel-lencana{position:absolute;top:4px;left:calc(50% + 6px);min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e8445a;color:#fff;font:700 12px/20px var(--f-papar);text-align:center;box-shadow:0 0 0 2px #fff;pointer-events:none;animation:mc-denyut 1.6s ease-in-out infinite}
@keyframes mc-denyut{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
@media (prefers-reduced-motion:reduce){.mc-rel-lencana{animation:none}}

/* reka Z: lencana boleh dituntut pada pil bintang; kad tanpa bayang blok tebal */
.bintang-pil .mc-rel-lencana{top:-8px;right:-8px;left:auto}
.bintang-pil.ada-tuntut.mc-ada-baru::after{display:none}
.mc-hadiah-jalur{box-shadow:0 1px 2px rgba(31,42,68,.05),0 12px 26px -14px rgba(31,42,68,.3)}
.lc-hero{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 16px 30px -16px #5434c4}
.lc-hadiah{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 16px 30px -16px #138a5e}
.lc-hadiah.siap{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 16px 30px -16px #c98a00}
.lc-gaya,.lc-m{box-shadow:0 1px 2px rgba(31,42,68,.05),0 10px 22px -14px rgba(31,42,68,.28)}
.lc-m__md{box-shadow:inset 0 -3px 0 rgba(0,0,0,.08),0 6px 12px -6px rgba(224,169,42,.7)}
.lc-m--belum .lc-m__md{box-shadow:inset 0 -3px 0 rgba(0,0,0,.05)}
.lc-m--boleh{box-shadow:0 0 0 3px var(--emas),0 14px 26px -12px rgba(224,169,42,.8)}

/* ---------- owner 19 Okt: tiada bayang bawah pada butang, kad dunia dan kad game (shell sahaja, bukan dalam game) ---------- */
.btn,.btn--utama,.btn--hijau,.btn--bahaya,.btn:active,.btn--utama:active,.btn--hijau:active,
.bintang-pil,.hero__aksi,.sorot__main,.ak2__main,.baru-jalur__semua,.cabaran-jalur__main,
.dk__balik,.ib2__tutup,.modal__tutup,.mc-had__buang,.ib-btn-gelap{box-shadow:none!important}
.btn:active{transform:scale(.97)}
.dunia-kad,.dunia-kad:active{box-shadow:inset 0 1px 0 rgba(255,255,255,.35)!important}
.perpustakaan--dunia .kad-game__seni,.perpustakaan--dunia .kad-game--pilih .kad-game__seni{box-shadow:inset 0 1px 0 rgba(255,255,255,.45)!important}
.perpustakaan--dunia .kad-game--baru .kad-game__seni{box-shadow:0 0 0 3px var(--emas)!important}
.kad-game{box-shadow:none!important}
/* owner 19 Okt (2): butang Ibu bapa, jalur Cabaran, jalur Hadiah, jalur Game baru: tiada bayang bawah */
.pintu,.cabaran-jalur,.cabaran-jalur:active,.cabaran-jalur--siap,.cabaran-jalur__main,
.mc-hadiah-jalur,.mc-hadiah-kad,.baru-jalur,.baru-jalur__game{box-shadow:none!important}
.cabaran-jalur,.cabaran-jalur--siap,.baru-jalur,.buku-jalur{box-shadow:inset 0 1px 0 rgba(255,255,255,.3)!important}
.pintu,.mc-hadiah-jalur,.mc-hadiah-kad,.baru-jalur__game{box-shadow:inset 0 0 0 2px var(--garis)!important}
/* owner 19 Okt (3): kad putih juga tiada bayang bawah. Ganti dengan garis halus supaya kad masih nampak di atas kertas cream. */
:root{--bayang:inset 0 0 0 2px var(--garis);--bayang-kecil:inset 0 0 0 2px var(--garis)}
.kad,.tamat__kad,.tamat__angka div,.jubin>div,.subjek-lapor>div,.kad-panel,.urus-anak>div,.sambut__langkah li,.pilih2__bual,
.ib2 .kad-panel,.ib2 .jubin>div,.ib2 .subjek-lapor>div,.ib2 .urus-anak>div,.dk__titik,.bhs-suis,
.mc-pintu__kad,.mc-helai__kad,.mc-tawar__kad,.mc-cari,.mc-hadiah-kad,.mc-tamat-hadiah,.mc-p,.mc-p--boleh,
.lc-hadiah,.lc-hadiah.siap,.lc-gaya,.lc-m,.lc-m--boleh,.tukar-anak,.bintang-pil,.pintu,.ak2{box-shadow:inset 0 0 0 2px var(--garis)!important}
.ak2{box-shadow:inset 0 1px 0 rgba(255,255,255,.35)!important}
.lc-hero{box-shadow:inset 0 1px 0 rgba(255,255,255,.3)!important}
.kad-game__subjek,.kad-game__fav,.dk__titik button,.dunia-kad__kipas span,.dunia-kad__baru,.cip--tahap,.lc-m__tuntut,
.tab-subjek button,.ib__tab button,.pilih-anak-cip button,.pilihan-tahap button,.pilihan-tahap button[aria-pressed="true"],
.segmen button[aria-pressed="true"],.mck-pilih button[aria-pressed="true"],.mc-suis-bahasa button[aria-pressed="true"],
.mc-pilih-bingkai button,.mc-pilih-bingkai button[aria-pressed=true]{box-shadow:none!important}
.tab-subjek button,.ib__tab button,.pilih-anak-cip button,.pilihan-tahap button:not([aria-pressed="true"]),.mc-pilih-bingkai button{box-shadow:inset 0 0 0 2px var(--garis)!important}

/* ---------- owner 19 Okt (4): nav kawasan ibu bapa direka semula (sidebar + nav bawah), gaya app terang ---------- */
.ib2__nav,.ib2__nav [data-tab],.ib2__nav .ib2__balik{box-shadow:none!important}
.ib2{grid-template-columns:248px minmax(0,1fr)}
.ib2__nav{background:#fff!important;color:var(--dakwat-2)!important;box-shadow:inset 0 0 0 2px var(--garis)!important;padding:18px 14px!important;gap:6px!important;border-radius:30px}
.ib2__jenama{color:var(--dakwat)!important;padding:2px 6px 0!important;font-size:18px!important}
.ib2__jenama img{width:40px!important;height:40px!important;border-radius:12px!important;background:var(--kertas-2)!important}
.ib2__lbl{color:var(--dakwat-3)!important;padding:2px 8px 14px!important;font-weight:700}
.ib2__nav [data-tab]{height:50px!important;gap:12px!important;padding:0 10px!important;border-radius:16px!important;color:var(--dakwat-2)!important;background:none!important;font-size:15.5px!important;transition:background .15s,color .15s}
.ib2__nav [data-tab] svg{width:20px!important;height:20px!important;box-sizing:content-box;padding:7px;border-radius:12px;background:var(--kertas);color:var(--dakwat-2)}
.ib2__nav [data-tab]:hover{background:var(--kertas)!important}
.ib2__nav [data-tab][aria-pressed="true"]{background:#fff0eb!important;color:var(--utama-gelap)!important}
.ib2__nav [data-tab][aria-pressed="true"] svg{background:var(--utama);color:#fff}
.ib2__nav .ib2__balik{height:48px!important;border-radius:16px!important;background:var(--kertas)!important;color:var(--dakwat)!important;box-shadow:inset 0 0 0 2px var(--garis)!important}
@media (max-height:520px) and (orientation:landscape){
  .ib2{grid-template-columns:196px minmax(0,1fr)}
  .ib2__nav{padding:12px 10px!important;gap:3px!important}
  .ib2__nav [data-tab]{height:40px!important;font-size:14px!important}.ib2__nav [data-tab] svg{width:17px!important;height:17px!important;padding:5px}
  .ib2__nav .ib2__balik{height:40px!important}
}
/* telefon potret: nav bawah putih, penunjuk pil oren di belakang ikon (bukan kotak bergaris) */
@media (max-width:700px) and (orientation:portrait){
  .ib2__nav{left:0!important;right:0!important;bottom:0!important;flex-direction:row!important;gap:0!important;
    padding:8px 6px max(10px,calc(var(--bawah) - 10px))!important;border-radius:24px 24px 0 0!important;
    background:rgba(255,255,255,.96)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
    box-shadow:inset 0 2px 0 var(--garis)!important}
  .ib2__nav [data-tab]{flex:1;height:auto!important;flex-direction:column!important;gap:4px!important;padding:2px 0!important;border-radius:0!important;background:none!important;font-size:11px!important;color:var(--dakwat-3)!important}
  .ib2__nav [data-tab]:hover{background:none!important}
  .ib2__nav [data-tab] svg{width:22px!important;height:22px!important;padding:5px 16px;border-radius:999px;background:none;color:var(--dakwat-3)}
  .ib2__nav [data-tab][aria-pressed="true"]{background:none!important;color:var(--dakwat)!important;font-weight:800}
  .ib2__nav [data-tab][aria-pressed="true"] svg{background:#ffe3da;color:var(--utama-gelap)}
}

/* owner 19 Okt (5): "Gaya saya" melimpah keluar kad di telefon. Lajur 1fr = minmax(auto,1fr) ikut lebar
   kandungan baris bingkai (boleh skrol) dan cip gelaran, jadi kad jadi lebih lebar dari skrin dan potret ke kanan. */
.lc-gaya{grid-template-columns:auto minmax(0,1fr)}.lc-gaya__isi{min-width:0;max-width:100%}
.lc-gaya .mc-pilih-bingkai{max-width:100%;scroll-padding-inline:4px}
.lc-gaya .mc-pilih-gelaran .cip{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:700px) and (orientation:portrait){.lc-gaya{grid-template-columns:minmax(0,1fr)}.lc-gaya .mc-pilih-bingkai{justify-content:flex-start}}
.lc-gaya .mc-pilih-bingkai button[aria-pressed=true],.mc-pilih-bingkai button[aria-pressed=true]{box-shadow:inset 0 0 0 3px #7c5cf0!important;background:#f4f0ff}
/* owner 19 Okt: tanda aktif subjek di laman dunia hilang (pas bayang rata buang cincin). Cincin semula + yang lain dimalapkan. */
.dk__titik button{transition:opacity .15s,transform .15s}
.dk__titik:has(button[aria-pressed="true"]) button:not([aria-pressed="true"]){opacity:.45}
.dk__titik button[aria-pressed="true"]{opacity:1;box-shadow:0 0 0 2.5px #fff,0 0 0 5px var(--sw)!important}
/* owner 19 Okt: skrin lebar/landskap, bar subjek jadi kotak bersegi tanpa latar. Samakan dengan telefon: pil putih bucu bulat. */
@media (min-width:701px),(orientation:landscape){.perpustakaan--dunia .dk__titik{background:#fff!important;border-radius:999px!important;padding:6px 8px!important;margin:0!important;gap:8px;max-width:100%;width:auto}}
@media (max-width:380px) and (orientation:portrait){.dk__titik button{width:30px!important;height:30px!important}}

/* Owner 19 Okt: kongsi kemajuan dari kad Lencana dikumpul (ikon kanan atas) + hint piala samar di kanan macam kad kategori */
.lc-hero>*{position:relative;z-index:1}
.lc-hero>.lc-hero__hint{position:absolute;z-index:0;right:-4%;top:-12%;width:46%;max-width:170px;aspect-ratio:1;color:#fff;opacity:.17;transform:rotate(-12deg);pointer-events:none}
.lc-hero__hint svg{width:100%;height:100%;display:block}
.lc-hero>.lc-kongsi{position:absolute;z-index:2;top:12px;right:12px;width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.22);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}
.lc-kongsi::before{content:"";position:absolute;inset:-6px}
.lc-kongsi svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.lc-kongsi:active{transform:scale(.92)}
.lc-hero>div:not(.lc-cincin){padding-right:36px;min-width:0}
.mc-hadiah-ajak{margin:6px 44px 14px 0}

/* Owner 22 Okt: rangka semasa lencana dimuat (tiada skrin kosong) */
.lc-muat{display:grid;gap:12px;padding:16px 4px}
.lc-muat__bar{display:block;height:84px;border-radius:20px;background:linear-gradient(90deg,#f3ece0 0,#fbf7f0 50%,#f3ece0 100%);background-size:200% 100%;animation:lc-kilau 1.2s linear infinite}
.lc-muat__bar:first-child{height:150px}
@keyframes lc-kilau{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.lc-muat__bar{animation:none}}
.lc-muat__ralat{margin:8px 0 4px;text-align:center;font:700 15px/1.4 var(--f-teks);color:var(--dakwat-2)}
.lc-muat .btn{justify-self:center}

/* Owner 22 Okt: borang hadiah direka semula, ikon/gambar bulat di tengah */
.mc-hd-kad{text-align:center}
.mc-hd-hero{display:flex;flex-direction:column;align-items:center;padding-top:4px}
.mc-hd-gb{position:relative;width:128px;height:128px;border-radius:50%;cursor:pointer;display:block;flex:none}
.mc-hd-gb__isi{position:absolute;inset:0;border-radius:50%;overflow:hidden;display:grid;place-items:center;color:var(--utama);
  background:radial-gradient(circle at 50% 38%,#fff 0,color-mix(in srgb,var(--utama) 14%,#fff) 72%);border:3px dashed color-mix(in srgb,var(--utama) 40%,#fff)}
.mc-hd-gb.ada .mc-hd-gb__isi{border:4px solid #fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--utama) 35%,#fff)}
.mc-hd-gb__isi svg{width:58px;height:58px;display:block}
.mc-hd-gb__isi img{width:100%;height:100%;object-fit:cover}
.mc-hd-gb__lencana{position:absolute;right:2px;bottom:4px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--utama);color:#fff;border:3px solid var(--kertas);box-shadow:var(--bayang-kecil)}
.mc-hd-gb__lencana svg{width:20px;height:20px;display:block}
.mc-hd-gb:active .mc-hd-gb__isi{transform:scale(.96)}
.mc-hd-gb__teks{margin:10px 0 0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:700;color:var(--dakwat-2)}
.mc-hd-buang{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border-radius:999px;background:#fff;font:700 13px/1 var(--f-teks);color:#d6336c;box-shadow:var(--bayang-kecil)}
.mc-hd-buang[hidden]{display:none}
.mc-hd-buang svg{width:15px;height:15px}
.mc-hd-hero .tajuk-2{margin-top:14px}
.mc-hd-ajak{margin:6px auto 0;max-width:34ch}
.mc-hd-borang{margin-top:18px;text-align:left}
.mc-hd-segmen{display:flex;width:100%}
.mc-hd-segmen button{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:5px}
.mc-hd-segmen button svg{width:15px;height:15px;color:#f5a524;flex:none}
.mc-hd-lain{position:relative;display:block;margin-top:8px}
.mc-hd-lain svg{position:absolute;left:16px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:#f5a524}
.mc-borang .mc-hd-lain input{padding-left:46px}
.mc-hd-nota{text-align:center;font-size:13px}
@media (max-height:520px){.mc-hd-gb{width:92px;height:92px}.mc-hd-gb__isi svg{width:42px;height:42px}.mc-hd-gb__lencana{width:32px;height:32px}.mc-hd-gb__lencana svg{width:16px;height:16px}.mc-hd-hero .tajuk-2{margin-top:8px}}

/* owner 26 Okt: popup pilih umur (suis Semua umur) ikut gaya rata app: garis 2px, tiada bayang 3D */
.pilihan-umur button:not([aria-pressed="true"]){box-shadow:inset 0 0 0 2px var(--garis)!important}
.pilihan-umur button[aria-pressed="true"]{box-shadow:none!important}
.pilihan-umur button:active{transform:scale(.97);box-shadow:inset 0 0 0 2px var(--garis)!important}
.pilihan-umur__cadang{background:var(--emas);color:#fff}

/* ---------- Owner 29 Okt: kad hadiah skrin utama (reka semula) ---------- */
.mc-hadiah-jalur.mc-hk{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;
  padding:12px 16px 12px 10px;margin:4px 0 16px;border-radius:24px;color:#fff;overflow:visible;
  background:radial-gradient(120% 140% at 0% 0%,#5fe0ab 0%,#2cc08a 45%,#16a073 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35)!important;isolation:isolate}
.mc-hk::before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;opacity:.16;pointer-events:none;
  background:radial-gradient(circle at 1.5px 1.5px,#fff 1.4px,transparent 1.6px) 0 0/14px 14px;
  -webkit-mask:linear-gradient(100deg,transparent 30%,#000 100%);mask:linear-gradient(100deg,transparent 30%,#000 100%)}
.mc-hk__gb{position:relative;width:60px;height:60px;flex:none;display:grid;place-items:center;margin:-14px 0 -8px -2px}
.mc-hk__gb img{width:66px;height:66px;object-fit:contain;transform:rotate(-8deg)}
.mc-hk__gb--foto{margin:0;border-radius:18px;overflow:hidden;border:3px solid rgba(255,255,255,.85)}
.mc-hk__gb--foto img{width:100%;height:100%;object-fit:cover;transform:none;filter:none}
.mc-hk__isi{min-width:0;display:flex;flex-direction:column}
.mc-hk__isi small{font:800 11px/1 var(--f-teks);letter-spacing:.08em;text-transform:uppercase;opacity:.9}
.mc-hk__isi b{display:block;margin:3px 0 7px;font:600 19px/1.1 var(--f-papar);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-hk__trek{position:relative;display:block;height:12px;border-radius:999px;background:rgba(6,70,48,.28)}
.mc-hk__trek i{position:relative;display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffe066,#ffb21f);transition:width .6s}
.mc-hk__trek i::after{content:'';position:absolute;right:-7px;top:50%;width:18px;height:18px;transform:translateY(-50%);border-radius:50%;background:#fff3b0;border:3px solid #ffb21f;box-sizing:border-box;width:22px;height:22px;right:-9px}
.mc-hk__nota{margin-top:6px;font:800 12.5px/1 var(--f-teks);opacity:.95}
.mc-hk__kira{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:58px;padding:8px 8px 7px;border-radius:18px;background:#fff;color:var(--dakwat);line-height:1}
.mc-hk__kira svg{width:20px;height:20px;color:var(--emas)}
.mc-hk__kira b{margin-top:3px;font:600 22px/1 var(--f-papar)}
.mc-hk__kira small{margin-top:2px;font:800 11.5px/1 var(--f-teks);color:var(--dakwat-3)}
.mc-hadiah-jalur.mc-hk.siap{color:#5a3a00;background:radial-gradient(120% 140% at 0% 0%,#ffe680 0%,#ffcb3d 50%,#ffaa14 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5)!important}
.mc-hk.siap .mc-hk__trek{background:rgba(120,70,0,.2)}
.mc-hk.siap .mc-hk__trek i{background:linear-gradient(90deg,#fff6c9,#fff)}
.mc-hk.siap .mc-hk__trek i::after{display:none}
.mc-hk:active{transform:scale(.985)}
.mc-hk:focus-visible{outline:3px solid var(--langit);outline-offset:3px}
@media (max-width:380px){.mc-hk__isi b{font-size:17px}.mc-hk__gb{width:52px}.mc-hk__gb img{width:58px;height:58px}.mc-hk__kira{min-width:52px}}
@media (min-width:700px){.mc-hadiah-jalur.mc-hk{padding:14px 18px 14px 12px}.mc-hk__gb{width:72px;height:72px}.mc-hk__gb img{width:80px;height:80px}.mc-hk__isi b{font-size:21px}}
@media (max-height:500px) and (orientation:landscape){.mc-hadiah-jalur.mc-hk{padding:6px 12px 6px 8px;margin-bottom:10px}.mc-hk__gb{width:44px;height:44px;margin:-8px 0 -6px}.mc-hk__gb img{width:48px;height:48px}.mc-hk__isi b{margin:2px 0 5px;font-size:16px}.mc-hk__nota{display:none}}

/* ---------- Owner 29 Okt: halaman Tukar anak, gambar petunjuk latar (bawah kanan) dengan ikon tukar ---------- */
.pilih2__petunjuk{position:fixed;z-index:0;right:calc(-1 * clamp(70px,12vw,120px));bottom:calc(-1 * clamp(70px,12vw,120px));width:clamp(260px,46vw,440px);aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 38% 38%,rgba(255,138,61,.20),rgba(255,107,74,.10) 55%,rgba(255,107,74,0) 72%);display:grid;place-items:center}
.pilih2__petunjuk::before{content:'';position:absolute;inset:14%;border-radius:50%;border:3px dashed rgba(255,107,74,.22)}
.pilih2__petunjuk span{display:grid;place-items:center;width:46%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.55);transform:translate(-14%,-14%) rotate(-12deg);color:rgba(232,90,52,.38)}
.pilih2__petunjuk svg{width:62%;height:62%;stroke-width:2.4}
.app:has(.pilih2__petunjuk) .pilih2{position:relative;z-index:1}
@media (max-height:500px) and (orientation:landscape){.pilih2__petunjuk{width:240px;right:-80px;bottom:-80px}}

/* ---------- Owner 29 Okt: Kawasan ibu bapa > Hadiah: kad sama gaya kad hadiah skrin utama (.mc-hk), 3 butang sebaris ---------- */
.mc-ib-hadiah .mc-hk--ib{margin:16px 0 0;cursor:default}
.mc-hk--ib:active{transform:none}
.mc-ib-hadiah .mc-ib-aksi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.mc-ib-hadiah .mc-ib-aksi .btn{min-height:48px;padding:0 6px;gap:6px;border-radius:16px;font-size:15px;box-shadow:none!important;
  background:var(--kertas-2,#f6efe3);color:var(--dakwat);border:1.5px solid var(--garis,#e8dcc8)}
.mc-ib-hadiah .mc-ib-aksi .btn svg{width:18px;height:18px}
.mc-ib-hadiah .mc-ib-aksi .btn--hijau{background:var(--hijau);color:#fff;border-color:transparent}
.mc-ib-hadiah .mc-ib-aksi .btn--bahaya{background:#fff0ee;color:#c4321a;border-color:#f6d2cb}
.mc-ib-hadiah .mc-ib-aksi .btn:active{transform:scale(.97)}
@media (max-width:360px){.mc-ib-hadiah .mc-ib-aksi .btn{font-size:13.5px;gap:4px}.mc-ib-hadiah .mc-ib-aksi .btn svg{width:16px;height:16px}}

/* Owner 29 Okt: kad hadiah tanpa corak titik, gradien warna sahaja */
.mc-hk::before{content:none;display:none}