## Summary
- Add Element, Rarity, and Proficiency picker components
- Refactor SearchContent filter layout with inline clear links
- Add theme-aware CSS variables for picker hover/selected states
- Add series filter support to search queries
## New Components
- **ElementPicker** - segmented/dropdown with element-specific colors
- **RarityPicker** - segmented/dropdown for R/SR/SSR
- **ProficiencyPicker** - segmented/dropdown for weapon types
## Picker Features
- Single and multi-select modes
- Auto-responsive: segmented on desktop, dropdown on mobile
- Manual mode override via `mode` prop
- Optional "Any" element for ElementPicker
- Contained/default style variants
- Tooltips on hover in segmented mode
## SearchContent Changes
- Rarity and Element filters on same row with space-between
- Clear links in filter headers (not buttons)
- Flexbox layout with consistent gaps
- Series dropdown filter
- Import fonts.css in app.html
- Update --font-family CSS variable to use AGrot
- Adjust $bold weight from 600 to 700 to match AGrot's available weights
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- track active item in sidebar store
- add element accent colors and focus ring mixins
- units show pulsing focus ring when selected in sidebar
- refactor units to use shared menu components
- update context menu test page
