/* Bahasa Melayu Darjah 3 — tema subjek (pastel ungu-hijau) + pelarasan teks panjang.
   Gaya asas dari _core/css/style.css; app ini banyak ayat/perkataan, jadi saiz teks
   diturunkan supaya ayat panjang tidak melimpah (emoji kekal besar). */
:root {
  --sky: #f6ecff;
  --blue: #7c4dd6;
}
.homehead h1 { color: #7c4dd6; }
.brandmini { color: #8a6bd1; }
.namecard h1, .celcard h2 { color: #7c4dd6; }
.gamecard:hover, .opt:hover, .chip:hover, .btn:hover { transform: translateY(-2px); }

/* pilihan: perkataan/ayat (bukan emoji) — teks mesti boleh dibaca tanpa zoom */
.opt .oe { font-size: clamp(1.05rem, 3.4vw, 1.45rem); line-height: 1.3; text-align: center; }
.opt .ot { font-size: 1.02rem; line-height: 1.35; }
.opts { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }

/* chip: suku kata / perkataan / baris pantun */
.chip { max-width: min(260px, 58vw); min-height: 64px; }
.chip .oe { font-size: clamp(.95rem, 3vw, 1.2rem); line-height: 1.3; text-align: center; }
.chip .ct { font-size: .92rem; font-weight: 800; }
.answerrow .chip { min-height: 56px; }
.answerrow { gap: 8px; }

/* padan: ayat + perumpamaan */
.mitem .oe { font-size: clamp(.95rem, 3vw, 1.2rem); line-height: 1.3; text-align: center; }
.mitem .ot { font-size: .98rem; line-height: 1.35; text-align: center; }

/* cari perbezaan: sel perkataan */
.diffrow .dcell { width: auto; min-width: 84px; height: auto; min-height: 62px; padding: 8px 10px; }
.diffrow .dcell .oe { font-size: clamp(.95rem, 2.8vw, 1.2rem); font-weight: 800; text-align: center; }

/* tong: label ayat lebih jelas */
.bins { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
.chip.junk { opacity: .85; }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}