Dice Roller

Requirements

• Start with quantity 2, no dice, and Total: 0.
• Accept a whole-number quantity from 1 to 6; invalid input shows Choose 1 to 6 dice. and preserves existing results.
• Each roll independently produces uniform integer values 1 through 6 and replaces all previous dice. Show their sum.
• Render conventional pip faces using the supplied faces mapping. Build a 3×3 CSS grid for each 90px die; position each pip in its mapped cell, with circular dots and consistent spacing. Wrap multiple dice on narrow screens.
• Keep accessible labels Die N: VALUE, data-value, and the supplied control IDs. No animation or dice physics is required.

Examples

Input: Choose 3 dice and click Roll dice
Output: Three pip faces show independent values from 1 to 6 and their total.

Input: Enter 7 and roll
Output: Show Choose 1 to 6 dice. and retain the previous results.