Epic: Migrate UI to PV8-themed CSS framework based on 98.css

[jessefreeman]

Objective:
Modernize Pixel Vision 8's user interface by adopting 98.css as a foundation and customizing it with PV8's unique visual style and components.

Benefits:

• Consistent retro aesthetic matching PV8's pixel art theme
• Modern CSS framework foundation for maintainability
• Comprehensive component library for UI consistency
• Better accessibility and responsive behavior
• Reduced custom CSS maintenance burden

Scope Summary:

• Setup: Integrate 98.css framework and create dedicated testing environment
• Graphics: Replace default 98.css elements with PV8-specific visual assets
• Components: Build missing PV8-specific UI components not in base framework
• Styling: Customize all core UI element types to match PV8 design language

Task Checklist (subtasks):

• Setup: Integrate 98.css framework and create UI testing environment #8 Setup & Testing Environment
• Graphics: Replace 98.css default elements with PV8 visual assets #9 Graphics Replacement with PV8 Assets
• Custom Components: Build PV8-specific UI components not in base 98.css #10 Custom PV8 Components Development
• Style Core Views: Application View, Headers, Folder Tabs, Menu Bar, Floating Bar #11 Core Views Styling
• Style Controls: Buttons, Input Fields, Radio Buttons, Checkboxes, Pickers #12 Controls Styling
• Style Overlays: Modals, Pop-ups, Dialogs #13 Overlays Styling
• Style Navigation/Interaction: Scrollers, Sliders, Progress Bars #14 Navigation/Interaction Styling
• Style Structural Elements: Dividers, Status Bars, Titles #15 Structural Elements Styling
• Style Typography: Custom Fonts and Text Styling #16 Typography Customization

Execution Guidelines:

• Start with base 98.css integration and isolated test page
• Incrementally replace graphics while maintaining functionality
• Build custom components following 98.css patterns and conventions
• Test each component type thoroughly before moving to next
• Maintain backward compatibility during transition period

Acceptance Criteria for Epic Completion:

• All PV8 UI matches new framework styling consistently
• Custom test page demonstrates all component types working
• No visual regressions in existing functionality
• Performance remains acceptable (CSS bundle size reasonable)
• Documentation exists for new component usage patterns

Reference Framework:
Based on https://github.com/jdan/98.css/ with PV8 customizations

Tracking:
This issue remains open until all component subtasks are completed and integrated.