diff --git a/frontend/src/canvas-confetti.d.ts b/frontend/src/canvas-confetti.d.ts
new file mode 100644
index 0000000..b7260d8
--- /dev/null
+++ b/frontend/src/canvas-confetti.d.ts
@@ -0,0 +1 @@
+declare module 'canvas-confetti';
diff --git a/frontend/src/embed.tsx b/frontend/src/embed.tsx
new file mode 100644
index 0000000..2b8a74d
--- /dev/null
+++ b/frontend/src/embed.tsx
@@ -0,0 +1,18 @@
+import { createRoot } from 'react-dom/client'
+import './index.css'
+import EmbedPlayer from './components/EmbedPlayer'
+
+const root = document.getElementById('root')
+if (root) {
+  const puzzleId = root.dataset.puzzleId || ''
+  const theme = root.dataset.theme || ''
+  const showTimer = root.dataset.timer !== 'false'
+  const showHints = root.dataset.hints !== 'false'
+
+  if (theme === 'dark') document.documentElement.setAttribute('data-theme', 'dark')
+  else if (theme === 'light') document.documentElement.setAttribute('data-theme', 'light')
+
+  createRoot(root).render(
+    <EmbedPlayer puzzleId={puzzleId} showTimer={showTimer} showHints={showHints} />
+  )
+}