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

// The phone game is a full-screen app: no marketing chrome, safe-area aware (viewport-fit=cover)
// so bottom-anchored answers clear the iPhone home indicator.
export const viewport: Viewport = {
  themeColor: '#070b1f',
  colorScheme: 'dark',
  width: 'device-width',
  initialScale: 1,
  viewportFit: 'cover',
};

export default function PlayLayout({ children }: { children: ReactNode }) {
  return <div className="min-h-dvh bg-night">{children}</div>;
}