---
import Base from "../layouts/Base.astro";
import Root from "../components/AppLayout.jsx";
// The Base layout exposes runtime subsite state — no per-page detection needed
import { requireAuthHook } from "@/hooks/requireAuthHook";
const user = await requireAuthHook(Astro);
---
<Base>
  <section>
  <div class="prose prose-neutral dark:prose-invert">
  <Root child="Player" user={user} client:only="react">
  </Root>
  </section>
</Base>