export function PageLoader() {
  return (
    <div
      className="fixed inset-0 flex items-center justify-center"
      style={{ background: 'var(--color-bg)' }}
      role="status"
      aria-label="Loading"
    >
      <div className="text-center">
        <div
          className="text-4xl font-bold mb-4 cursor-blink"
          style={{
            fontFamily: 'var(--font-mono)',
            color: 'var(--color-green)',
          }}
        >
          LOADING
        </div>
        <div style={{ color: 'var(--color-text-muted)', fontSize: '0.75rem', letterSpacing: '0.2em' }}>
          CROWMATE STUDIO / HEADLESS HAZARD
        </div>
      </div>
    </div>
  );
}
