export default function OfflinePage() {
  return (
    <div className="mx-4 my-24 flex flex-col items-center gap-4 text-center sm:mx-6">
      <span className="chip !border-ember !text-ember">Offline</span>
      <h1 className="text-3xl font-bold">You&apos;re not connected</h1>
      <p className="prose-content max-w-md">
        This page needs a connection to load fresh game data. Reconnect and try again — pages you&apos;ve
        already visited may still be available in your browser&apos;s back history.
      </p>
    </div>
  );
}
