/* ============================================
   APP ENTRY POINT
   ============================================
   Import all CSS modules in order:
   1. Typography - variables and font faces
   2. Layout - grid, container, header, footer
   3. Navigation - nav and links
   4. Components - reusable UI elements
   5. CRT effects - scanlines and overlays
   6. Page-specific styles
   ============================================ */

@import url("typography.css");
@import url("layout.css");
@import url("navigation.css");
@import url("components.css");
@import url("crt.css");

/* Page-specific modules */
@import url("pages/splash.css");
@import url("pages/home.css");
@import url("pages/about.css");
@import url("pages/faq.css");
@import url("pages/lore.css");
@import url("pages/desktop.css");

/* ============================================
   GLOBAL UTILITIES
   ============================================ */

/* Visually hidden utility for accessibility */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}