/* Seni Visual (Darjah 5) — tema subjek.
   Gaya asas dari _core/css/style.css. Fail ini hanya menambah aksen visual.
   Nota aksesibiliti: setiap warna/emoji dalam content.js sentiasa disertai LABEL TEKS. */

/* —— nama warna pada kad dunia seni —— */
:root { --seni-ink: #2b2140; --seni-brush: #e4574c; }

/* —— result "sapuan berus": muncul dari kiri ke kanan ——
   keadaan asas tanpa clip-path supaya selamat bila reduced-motion mematikan animasi */
.result { animation: brushwipe .55s ease-out; }
@keyframes brushwipe {
  from { clip-path: inset(0 100% 0 0); }
  to   { clip-path: inset(0 0 0 0); }
}

/* —— dunia 2 (Catan & Campuran Warna) berdenyut lembut sebagai jemputan —— */
.worldgrid .worldcard:nth-child(2) .wicon { animation: palettepulse 1.9s ease-in-out infinite alternate; }
@keyframes palettepulse { from { transform: scale(1); } to { transform: scale(1.12); } }

/* —— sambutan berwarna (pelangi) —— */
.celebrate .celcard {
  background:
    linear-gradient(#fffdf7cc, #fffdf7cc) padding-box,
    linear-gradient(120deg, #ffadad, #ffd6a5, #fdffb6, #caffbf, #9bf6ff, #bdb2ff) border-box;
  border: 4px solid transparent;
}
.celebrate .conf { animation: floaty 1.4s infinite alternate; letter-spacing: .35em; }

/* —— imej rujukan pada permainan label: pastikan kekal dalam skrin kecil —— */
.labelarea { max-width: min(540px, 92vw); }
@media (prefers-reduced-motion: reduce) {
  .result { animation: none; clip-path: none; }
  .worldgrid .worldcard:nth-child(2) .wicon { animation: none; }
  .celebrate .conf { animation: none; }
}