import type { Viewport } from 'next';
import type { ReactNode } from 'react';

// Game routes skip the marketing header/footer. viewport-fit=cover lets the layout use the
// iPhone safe-area insets so the bottom button never sits under the home indicator.
export const viewport: Viewport = {
  themeColor: '#070b1f',
  colorScheme: 'dark',
  width: 'device-width',
  initialScale: 1,
  viewportFit: 'cover',
};

export default function JoinLayout({ children }: { children: ReactNode }) {
  return <div className="relative isolate min-h-dvh overflow-x-clip bg-night">{children}</div>;
}