feat: integrate Sensei Spook mascot in 4 stances, speech bubbles, and style updates

app/layout.tsx

@@ -0,0 +1,34 @@
+import type { Metadata, Viewport } from "next";
+import "./globals.css";
+
+export const metadata: Metadata = {
+  title: "Spooky Hand · 万圣空手道馆 | Shanghai Karate Club",
+  description:
+    "上海健志空手道馆万圣节专属照相馆 (Shanghai Karate Club Halloween Photobooth) - 凝聚万圣气合，定格武道英姿！",
+  icons: {
+    icon: "/assets/brand/shanghai_karate_logo.png",
+  },
+};
+
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1,
+  maximumScale: 1,
+  userScalable: false,
+  viewportFit: "cover",
+  themeColor: "#0b0714",
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="zh-CN">
+      <body className="antialiased flex items-center justify-center bg-[#090412] sm:p-4 selection:bg-orange-500 selection:text-white">
+        {children}
+      </body>
+    </html>
+  );
+}