/* Muzik Darjah 5 — tema subjek: pentas ungu-oren (selaras D1–D4 Muzik).
   Gaya asas dari _core/css/style.css; ubah suai warna/aksen di sini. */
:root {
  --blue: #7c3aed;          /* tajuk/link ungu pentas */
  --sky: #f6f1ff;           /* latar lembut ungu */
}
body {
  background-color: var(--sky);
  background-image: 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="%23e4d7ff"/><circle cx="90" cy="70" r="5" fill="%23ffe3cf"/><circle cx="55" cy="100" r="3" fill="%23ffe9d6"/></svg>');
}
.homehead h1 { color: var(--blue); letter-spacing: .08em; }
.namecard h1, .celcard h2 { color: var(--blue); }
.btn.primary { background: #f97316; border-color: #ea580c; }   /* butang oren pentas */
.opt { border-color: #e4d7ff; }
.opt:hover { background: #f1ebff; }
.listenbtn { background: #fff; border-color: var(--blue); box-shadow: 0 6px 18px rgba(124, 58, 237, .25); }
.stage { border-top: 6px solid #f97316; }
.gnum { background: #efe6ff; }
.passage { background: #fff6ec; border-color: #ffd9ad; }
.blank { border-color: #d8c6ff; background: #faf7ff; }

/* Tong sort tinggi & slot di bawah — pusat tong kekal kosong walaupun sudah ada
   chip diletak (kalau chip bertindih pusat, klik ditelan oleh elemen disabled). */
.bin { min-height: 240px; }
.bin .bslot { margin-top: auto; }