.theme-art { background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%); }
.theme-art .game-header h1 { color: #f57f17; }
.color-palette { display: flex; gap: 8px; justify-content: center; margin: 10px auto; flex-wrap: wrap; }
.palette-btn { width: 40px; height: 40px; border-radius: 50%; cursor: pointer; border: 3px solid transparent; transition: all 0.2s; box-shadow: 0 2px 6px rgba(0,0,0,0.15); }
.palette-btn.active { border-color: #333; transform: scale(1.2); }
.canvas-grid-wrapper { display: flex; gap: 15px; justify-content: center; align-items: flex-start; flex-wrap: wrap; margin: 10px auto; }
.canvas-label { font-size: 0.95rem; font-weight: 700; color: #555; font-family: 'Nunito', sans-serif; text-align: center; width: 100%; flex-basis: 100%; }
.canvas-label:nth-of-type(2) { flex-basis: auto; }
.coloring-grid { display: grid; gap: 2px; }
.grid-cell { width: 40px; height: 40px; border-radius: 6px; border: 2px solid #e0e0e0; background: #fafafa; cursor: pointer; transition: all 0.15s; }
.grid-cell:hover { transform: scale(1.05); }
.sample-grid .grid-cell { cursor: default; }
.sample-grid .grid-cell:hover { transform: none; }

@media (max-width: 450px) {
    .grid-cell { width: 32px; height: 32px; }
    .palette-btn { width: 34px; height: 34px; }
}