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

tailwind.config.js

@@ -0,0 +1,30 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        brand: {
+          primary: "var(--brand-primary, #e31837)",
+          accent: "var(--brand-accent, #ffffff)",
+          bg: "var(--brand-bg, #d11226)",
+          surface: "var(--brand-surface, #b30f20)",
+          text: "var(--brand-text, #ffffff)",
+          muted: "var(--brand-muted, rgba(255, 255, 255, 0.7))",
+        },
+      },
+      aspectRatio: {
+        "9/16": "9 / 16",
+        "3/4": "3 / 4",
+      },
+      animation: {
+        "pulse-fast": "pulse 1.2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+      },
+    },
+  },
+  plugins: [],
+};