Add tournament and multiplayer community chat moderation

app/layout.tsx

@@ -27,6 +27,7 @@ import { SiteSettingsProvider } from "@/components/SiteSettingsProvider";
 import { initialSiteSettings } from "@/lib/site-settings";
 import { rawUser, accountState } from "@/lib/supabase";
 import { LegacyPasswordNotice } from "@/components/LegacyPasswordNotice";
+import { BackNavigationTransition } from "@/components/BackNavigationTransition";
 import { Suspense } from "react";
 export async function generateMetadata(): Promise<Metadata> {
   const { t } = await getI18n();
@@ -120,6 +121,9 @@ export default async function RootLayout({
           detectedLocale={detectedLocale}
         >
           <SiteSettingsProvider initialSettings={settings}>
+            <Suspense fallback={null}>
+              <BackNavigationTransition />
+            </Suspense>
             {children}
             <SiteCursor />
             <Suspense fallback={null}>

app/tournaments.css

@@ -103,6 +103,37 @@
 .tournament-form .tournament-checkbox {
   grid-column: 1/-1;
 }
+.community-moderation > ul,
+.community-moderation > h3 {
+  grid-column: 1 / -1;
+}
+.community-moderation .multiplayer-roster li {
+  flex-wrap: wrap;
+  gap: 12px;
+}
+.community-moderation form,
+.community-moderation .inline-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: end;
+}
+.community-moderation-floating {
+  position: fixed;
+  z-index: 71;
+  right: max(20px, env(safe-area-inset-right));
+  top: max(70px, env(safe-area-inset-top));
+}
+.community-moderation-floating > summary {
+  cursor: pointer;
+}
+.community-moderation-floating .community-moderation {
+  width: min(640px, calc(100vw - 40px));
+  max-height: min(70vh, 700px);
+  overflow: auto;
+  background: var(--bg);
+  box-shadow: 0 8px 32px #0008;
+}
 .tournament-form .tournament-checkbox {
   display: flex;
   align-items: center;