Update history layout: total chart, grid view, show-more pagination, 10 colors

[Copilot]

The history panel rendered all game-day charts in a vertical stack with only 6 colors, making it unscalable for regular players with many days of data.

Changes

New: Total Play Time chart

• Added createTotalPlayTimeChart() — an SVG line chart rendered at the top of the history panel showing aggregate daily totals across all games at a glance. Each day is plotted as a data point connected by a line, with MM-DD date labels and hover tooltips showing the exact duration.

Grid layout for per-game charts

• Day groups now render in a 2-column CSS grid (.history-chart__grid) instead of a vertical stack, fitting 6 days in 3 rows.

Show-more pagination

• createBarChart() splits summaryData into the 6 most-recent days (always visible) and older days (hidden by default). A toggle button reveals/hides the older grid and updates its own label:

// Only last INITIAL_VISIBLE_DAYS (6) are visible; older days are behind a toggle
const olderData = summaryData.slice(0, -INITIAL_VISIBLE_DAYS);
const recentData = summaryData.slice(-INITIAL_VISIBLE_DAYS);

Expanded color palette

• Color slots expanded from 6 → 10 (--chart-color-6 through --chart-color-9): amber, teal, pink, olive. COLOR_SLOT_COUNT updated accordingly with matching CSS classes for bars and legend swatches.

[acrosman]

The history of total playtime at the top isn't displaying properly. There appears to be no data, and this should be a line chart not a bar chart.

[Copilot]

The history of total playtime at the top isn't displaying properly. There appears to be no data, and this should be a line chart not a bar chart.

<img width="881" height="670" alt="Image" src="https:...

Fixed in commit 374cde1. The "Total Play Time" section is now an SVG line chart — a polyline connecting daily total data points with dots and MM-DD date labels along the x-axis.

Issues fixed