// App shell: router + providers + the global CRT overlay (scanlines/vignette)
// that sits above every page like old glass.

import { BrowserRouter, Route, Routes } from 'react-router-dom'
import { AuthProvider } from './state/auth'
import { HauntingLayer } from './components/HauntingLayer'
import { GhostLog } from './components/GhostLog'
import { CodexEntityPage } from './pages/CodexEntityPage'
import { CodexPage } from './pages/CodexPage'
import { DevicesPage } from './pages/DevicesPage'
import { EnterPage } from './pages/EnterPage'
import { InventoryPage } from './pages/InventoryPage'
import { LandingPage } from './pages/LandingPage'
import { SeancePage } from './pages/SeancePage'
import { ShopPage } from './pages/ShopPage'

function App() {
  return (
    <AuthProvider>
      <BrowserRouter>
        <div className="crt-overlay" aria-hidden="true">
          <div className="crt-scanlines" />
          <div className="crt-vignette" />
        </div>
        <HauntingLayer />
        <GhostLog />
        <Routes>
          <Route path="/" element={<LandingPage />} />
          <Route path="/enter" element={<EnterPage />} />
          <Route path="/seance" element={<SeancePage />} />
          <Route path="/codex" element={<CodexPage />} />
          <Route path="/codex/:id" element={<CodexEntityPage />} />
          <Route path="/shop" element={<ShopPage />} />
          <Route path="/inventory" element={<InventoryPage />} />
          <Route path="/devices" element={<DevicesPage />} />
          <Route path="*" element={<LandingPage />} />
        </Routes>
      </BrowserRouter>
    </AuthProvider>
  )
}

export default App