/* Sirah (KAFA Darjah 5) — tema subjek: krim malam + emas lembut (biru tua → ungu), aksen #d9a441.
   Gaya asas dari _core/css/style.css. KAFA: ilustrasi = emoji loket/objek sahaja
   (tiada wajah/tubuh baginda ﷺ, sahabat atau malaikat) — master KAFA §4.2. */
:root {
  --blue: #4a3f8f;          /* biru tua → ungu — aksen utama */
  --sky: #fdf6e6;           /* krim malam (latar lembut) */
  --gold: #d9a441;          /* emas lembut */
}
body {
  background: var(--sky) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120"><circle cx="24" cy="30" r="4" fill="%23f0e2bd"/><circle cx="88" cy="64" r="5" fill="%23e7e2f5"/><circle cx="56" cy="98" r="3" fill="%23ffeec2"/></svg>');
}
.homehead h1 { color: var(--blue); letter-spacing: .05em; }
.namecard h1, .celcard h2 { color: var(--blue); }
.btn.primary { background: #a97c1e; border-color: #8a6318; }  /* emas pekat — teks putih kekal kontras */
.opt { border-color: #f0e3c2; }
.opt:hover:not(.good):not(.bad):not(.picked):not(.tested) { background: #f8f1de; } /* jangan tutup maklum balas teras semasa hover */
.listenbtn { background: #fff; border-color: var(--blue); box-shadow: 0 6px 18px rgba(74, 63, 143, .22); }
.stage { border-top: 6px solid var(--gold); }   /* aksen emas */
.gnum { background: #f1e8d2; }
.trophy { background: #ffd84d; }
.answerrow { border-color: var(--gold); }
.bin { min-height: 220px; }
.bin .bslot { margin-top: auto; }

/* panel petikan (passage) — kad krim bertepi emas (W1, W3, W4, W10) */
.passage {
  background: #fff9e8;
  border-color: var(--gold);
  color: #3b3357;
}

/* peta/rajah abstrak untuk engine `label` — bentuk & label sahaja, tiada ikon insan */
.labelarea {
  border-color: var(--gold);
  background: repeating-linear-gradient(135deg, #fffdf5, #fffdf5 18px, #fdf4dd 18px, #fdf4dd 36px);
  box-shadow: inset 0 0 0 6px rgba(217, 164, 65, .12);
}
.labelbg { font-size: clamp(6rem, 26vw, 12rem); }
.slot.lbl { border-color: #d9c79a; background: rgba(255, 252, 240, .95); }

/* kad peristiwa berloket (memory) — emoji objek sahaja */
.memitem { background: #fff9e8; border-color: #e8d3a0; }