/* Adab dan Akhlak — tema subjek (hijau-teal pastel; gaya asas dari _core/css/style.css).
   Kafa §4: TIADA audio bacaan — visual sahaja (tiada medan f/play dalam content.js). */

:root {
  --blue: #0f766e;          /* teal — tajuk & aksen */
  --sky: #eefaf7;           /* latar hijau-teal lembut */
  --green: #16a34a;
  --green-d: #0e7a4f;
}

body {
  background: var(--sky) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120"><circle cx="20" cy="30" r="4" fill="%23d6f2ea"/><circle cx="90" cy="70" r="5" fill="%23dff5e1"/><circle cx="55" cy="100" r="3" fill="%23ffe9d6"/></svg>');
}

.homehead h1 { color: var(--blue); letter-spacing: .06em; }
.namecard h1, .celcard h2 { color: var(--blue); }
.btn.primary { background: var(--green); border-color: var(--green-d); }
.trophy { background: #ffd84d; color: #6b4b00; }

.opt { border-color: #cfeee6; }
.opt:hover { background: #e9f8f3; }
.stage { border-top: 6px solid var(--blue); }
.gnum { background: #e3f6f1; }
.chip { border-color: #cfeee6; }
.bin { border-color: #a9dcd0; }

/* tong sort & slot kekal tinggi supaya chip yang diletak tidak bertindih pusat klik */
.bin { min-height: 220px; }
.bin .bslot { margin-top: auto; }