- Introduce body[data-house="atreides"] and body[data-house="harkonnen"]
CSS blocks that override --sand / --sand-2 / --spice / --ember and the
background gradient vars, so the whole UI (panels, progress bars, primary
CTA, totals, allocated/maxed skill borders) recolors when the house is
switched.
- Fix the previously-swapped house identity colors: Atreides is green,
Harkonnen is orange. Both house-pick cards now always display in their
identity color, so the unselected house remains visually tagged.
- App.vue applies the theme by setting document.body.dataset.house from a
reactive watcher.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
99259e64bf