diff --git a/frontend/src/admin/AdminApp.tsx b/frontend/src/admin/AdminApp.tsx
index c46b176..ff118bd 100644
--- a/frontend/src/admin/AdminApp.tsx
+++ b/frontend/src/admin/AdminApp.tsx
@@ -25,6 +25,11 @@ import {
   type EditableAdminStage,
   type FamilyId,
 } from './lib/familyConfigs'
+import {
+  getDefaultAdminStagePatchForGame,
+  getMissionTemplateById,
+  type MissionTemplateId,
+} from './lib/gameCatalog'
 import {
   buildPlayerDrafts,
   normalizePlayerId,
@@ -40,8 +45,37 @@ import { getStablePlayerColor, getPlayerInitials } from '../shared/playerIdentit
 
 type LoadState = 'loading' | 'ready' | 'error'
 type OverviewState = 'locked' | 'loading' | 'ready' | 'error'
-type CmsPanel = 'none' | 'players' | 'mission' | 'labels'
-
+type CmsPanel = 'none' | 'players' | 'mission' | 'labels' | 'builder' | 'builder'
+
+
+function slugifyMissionItemId(value: string): string {
+  return value
+    .normalize('NFD')
+    .replace(/[\u0300-\u036f]/g, '')
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, '_')
+    .replace(/^_+|_+$/g, '')
+    .slice(0, 80)
+}
+
+function buildTemplatePhysicalFields(kind: 'collectible' | 'requirement' | 'clue' | 'bonus', label: string) {
+  const itemId = slugifyMissionItemId(label) || 'objeto_qr'
+  const payload = `saga:item:${itemId}`
+
+  return {
+    physical_node_kind: kind,
+    physical_item_kind: kind,
+    physical_item_id: itemId,
+    physical_item_label: label,
+    physical_qr: {
+      kind,
+      item_id: itemId,
+      label,
+      payload,
+    },
+    qr_payload: payload,
+  }
+}
 
 function preservePhysicalStageFields<T extends Record<string, unknown>>(previous: T, next: T): T {
   const keys = [
@@ -614,6 +648,104 @@ export default function AdminApp() {
     setLocalNotice('Local preview updated. Save changes to persist.')
   }
 
+  function applyMissionTemplate(templateId: MissionTemplateId) {
+    if (!overview) return
+
+    const template = getMissionTemplateById(templateId)
+    const shouldReplace =
+      stages.length === 0 ||
+      window.confirm(`Reemplazar la ruta local actual por la plantilla "${template.title}"? Guarda después para persistir.`)
+
+    if (!shouldReplace) return
+
+    const mapCenter =
+      overview?.config?.map_center ||
+      config?.map_center ||
+      ([40.4168, -3.7038] as [number, number])
+
+    const centerLat = Number(mapCenter[0] || 40.4168)
+    const centerLon = Number(mapCenter[1] || -3.7038)
+    let lastPhysicalItem: { id: string; label: string } | null = null
+
+    const nextStages = template.stages.map((item, index) => {
+      const patch = getDefaultAdminStagePatchForGame(item.gameId)
+      const lat = centerLat + item.offsetLat
+      const lon = centerLon + item.offsetLon
+      const physicalFields = item.physicalKind
+        ? buildTemplatePhysicalFields(item.physicalKind, item.itemLabel || item.title)
+        : {}
+
+      if (item.physicalKind) {
+        const record = physicalFields as { physical_item_id?: string; physical_item_label?: string }
+        lastPhysicalItem = {
+          id: record.physical_item_id || slugifyMissionItemId(item.itemLabel || item.title),
+          label: record.physical_item_label || item.itemLabel || item.title,
+        }
+      }
+
+      const requirementConfig =
+        item.requiresPreviousItem && lastPhysicalItem
+          ? {
+              required_item_id: lastPhysicalItem.id,
+              required_item_label: lastPhysicalItem.label,
+              required_item_quantity: 1,
+              required_item_consume: false,
+            }
+          : {}
+
+      return {
+        id: `local-template-${Date.now()}-${index}`,
+        index,
+        title: item.title,
+        type: patch.type,
+        label: patch.label,
+        icon: patch.icon,
+        lat,
+        lon,
+        radius: item.radius || 50,
+        entry_mode: 'gps',
+        require_proximity: true,
+        has_hint: false,
+        has_manual_fallback: false,
+        content: item.content || patch.content,
+        objective: patch.objective,
+        config: {
+          ...patch.config,
+          ...requirementConfig,
+        },
+        config_summary: Array.from(new Set([...patch.config_summary, ...Object.keys(requirementConfig)])),
+        messages: patch.messages,
+        ...physicalFields,
+      } as EditableAdminStage
+    })
+
+    const familyCounts = nextStages.reduce<Record<string, number>>((acc, stage) => {
+      const family = stage.type || 'signal_hunt'
+      acc[family] = (acc[family] || 0) + 1
+      return acc
+    }, {})
+
+    setOverview((current) => current
+      ? {
+          ...current,
+          stages: nextStages,
+          counts: current.counts
+            ? {
+                ...current.counts,
+                stages: nextStages.length,
+                family_counts: familyCounts,
+              }
+            : current.counts,
+        }
+      : current
+    )
+
+    setSelectedStage(nextStages[0] || null)
+    setCmsPanel('none')
+    setSaveState('idle')
+    setLocalNotice(`Plantilla "${template.title}" creada en local. Revisa los nodos y pulsa Guardar.`)
+  }
+
   function createLocalNodeAt(lat?: number, lon?: number) {
     const mapCenter =
       overview?.config?.map_center ||
@@ -774,6 +906,7 @@ export default function AdminApp() {
         onSavePlayers={savePlayerProfiles}
         onUpdateMissionDraft={updateMissionDraft}
         onSaveSettings={saveMissionSettings}
+        onApplyMissionTemplate={applyMissionTemplate}
       />
     </>
   )
diff --git a/frontend/src/admin/components/AdminMissionControlShell.tsx b/frontend/src/admin/components/AdminMissionControlShell.tsx
index bdc5c38..73e5251 100644
--- a/frontend/src/admin/components/AdminMissionControlShell.tsx
+++ b/frontend/src/admin/components/AdminMissionControlShell.tsx
@@ -5,13 +5,15 @@ import NodeDetailDrawer from './NodeDetailDrawer'
 import NodePhysicalTypePanel from './NodePhysicalTypePanel'
 import PlayersPanel from './PlayersPanel'
 import SettingsPanel from './SettingsPanel'
+import MissionBuilderPanel from './MissionBuilderPanel'
 import type { AdminReactOverviewProfile, AdminReactOverviewStage } from '../lib/adminApi'
 import { familyCards } from '../lib/familyConfigs'
+import type { MissionTemplateId } from '../lib/gameCatalog'
 import type { PlayerDraft } from '../lib/playerDrafts'
 import { getPhysicalNodeVisual } from '../lib/physicalNodeVisuals'
 import '../styles/admin-modern-shell.css'
 
-type CmsPanel = 'none' | 'players' | 'mission' | 'labels'
+type CmsPanel = 'none' | 'players' | 'mission' | 'labels' | 'builder' | 'builder'
 type SaveState = 'idle' | 'saving' | 'saved' | 'error'
 
 type AdminMissionControlShellProps = {
@@ -47,6 +49,7 @@ type AdminMissionControlShellProps = {
   onSavePlayers: () => void
   onUpdateMissionDraft: (key: string, value: string) => void
   onSaveSettings: () => void
+  onApplyMissionTemplate: (templateId: MissionTemplateId) => void
 }
 
 function selectedStageKey(stage: AdminReactOverviewStage | null) {
@@ -92,6 +95,7 @@ export default function AdminMissionControlShell({
   onSavePlayers,
   onUpdateMissionDraft,
   onSaveSettings,
+  onApplyMissionTemplate,
 }: AdminMissionControlShellProps) {
   const [typeChooserStageKey, setTypeChooserStageKey] = useState<string | null>(null)
 
@@ -171,7 +175,7 @@ export default function AdminMissionControlShell({
         </section>
 
         <nav className="saga-rail-actions" aria-label="Primary admin actions">
-          <button type="button" className="saga-primary-action" onClick={onCreateNode}>
+          <button type="button" className="saga-primary-action" onClick={() => togglePanel('builder')}>
             + Add node
           </button>
 
@@ -189,7 +193,7 @@ export default function AdminMissionControlShell({
         </nav>
 
         <div className="saga-panel-switcher">
-          <button
+<button
             type="button"
             className={cmsPanel === 'players' ? 'active' : ''}
             onClick={() => togglePanel('players')}
@@ -278,7 +282,7 @@ export default function AdminMissionControlShell({
             })}
 
             {stages.length === 0 ? (
-              <div className="saga-empty-mini">Click the map to create the first node.</div>
+              <div className="saga-empty-mini">Pulsa Añadir nodo para crear un nodo suelto o arrancar una plantilla.</div>
             ) : null}
           </div>
         </section>
@@ -287,7 +291,7 @@ export default function AdminMissionControlShell({
       <section className="saga-map-workspace" aria-label="Map workspace">
         <div className="saga-command-bar">
           <div className="saga-command-main">
-            <button type="button" className="saga-command-primary" onClick={onCreateNode}>
+            <button type="button" className="saga-command-primary" onClick={() => togglePanel('builder')}>
               Add node
             </button>
             <button type="button" onClick={onSaveStages} disabled={saveState === 'saving'}>
@@ -365,6 +369,7 @@ export default function AdminMissionControlShell({
           ) : (
             <NodeDetailDrawer
               stage={liveSelectedStage}
+              stages={stages}
               onClose={() => onSelectStage(null)}
               onApplyLocal={onApplyStage}
               onDeleteLocal={onDeleteStage}
@@ -380,11 +385,22 @@ export default function AdminMissionControlShell({
       {cmsPanel !== 'none' ? (
         <aside className="saga-floating-panel" aria-label="CMS panel">
           <div className="saga-floating-head">
-            <strong>{cmsPanel === 'players' ? 'Players' : cmsPanel === 'labels' ? 'Families' : 'Mission settings'}</strong>
+            <strong>{cmsPanel === 'players' ? 'Players' : cmsPanel === 'labels' ? 'Families' : cmsPanel === 'builder' ? 'Crear' : 'Mission settings'}</strong>
             <button type="button" onClick={() => onSetCmsPanel('none')}>Close</button>
           </div>
 
           <div className="saga-floating-body">
+            {cmsPanel === 'builder' ? (
+              <MissionBuilderPanel
+                stages={stages}
+                onCreateNode={() => {
+                  onSetCmsPanel('none')
+                  onCreateNode()
+                }}
+                onApplyTemplate={onApplyMissionTemplate}
+              />
+            ) : null}
+
             {cmsPanel === 'players' ? (
               <PlayersPanel
                 playerDrafts={playerDrafts}
@@ -413,8 +429,9 @@ export default function AdminMissionControlShell({
       ) : null}
 
       <nav className="saga-mobile-actions" aria-label="Mobile actions">
-        <button type="button" onClick={onCreateNode}>+ Node</button>
+        <button type="button" onClick={() => togglePanel('builder')}>+ Node</button>
         <button type="button" onClick={onSaveStages}>Save</button>
+        <button type="button" onClick={() => togglePanel('builder')}>Builder</button>
         <button type="button" onClick={() => togglePanel('players')}>Players</button>
         <button type="button" onClick={() => togglePanel('mission')}>Settings</button>
       </nav>
diff --git a/frontend/src/admin/components/FamiliesPanel.tsx b/frontend/src/admin/components/FamiliesPanel.tsx
index 58a527f..9caa82d 100644
--- a/frontend/src/admin/components/FamiliesPanel.tsx
+++ b/frontend/src/admin/components/FamiliesPanel.tsx
@@ -1,16 +1,29 @@
 import { familyCards } from '../lib/familyConfigs'
+import { adminGameCatalog } from '../lib/gameCatalog'
 
 export default function FamiliesPanel() {
   return (
     <div className="admin-cms-local-panel">
-      <strong>Families / labels</strong>
-      <span>Available family-native runtime labels.</span>
+      <strong>Juegos disponibles</strong>
+      <span>13 plantillas editables. Internamente usan 3 motores estables: GPS, brújula y lógica.</span>
+
+      <div className="admin-local-list">
+        {adminGameCatalog.map((game) => (
+          <div key={game.id} className="admin-local-row static admin-game-list-row">
+            <span>{game.icon} {game.title}</span>
+            <small>{game.difficulty} · {game.duration} · {game.summary}</small>
+          </div>
+        ))}
+      </div>
+
+      <strong>Motores internos</strong>
+      <span>Estos son los runtimes que ejecuta el player actualmente.</span>
 
       <div className="admin-local-list">
         {familyCards.map((family) => (
           <div key={family.id} className="admin-local-row static">
             <span>{family.icon} {family.title}</span>
-            <small>{family.id}</small>
+            <small>{family.id} · {family.detail}</small>
           </div>
         ))}
       </div>
diff --git a/frontend/src/admin/components/MissionBuilderPanel.tsx b/frontend/src/admin/components/MissionBuilderPanel.tsx
new file mode 100644
index 0000000..f26c74f
--- /dev/null
+++ b/frontend/src/admin/components/MissionBuilderPanel.tsx
@@ -0,0 +1,64 @@
+import { missionTemplates, type MissionTemplateId } from '../lib/gameCatalog'
+import type { AdminReactOverviewStage } from '../lib/adminApi'
+
+type MissionBuilderPanelProps = {
+  stages: AdminReactOverviewStage[]
+  onCreateNode: () => void
+  onApplyTemplate: (templateId: MissionTemplateId) => void
+}
+
+export default function MissionBuilderPanel({
+  stages,
+  onCreateNode,
+  onApplyTemplate,
+}: MissionBuilderPanelProps) {
+  return (
+    <div className="admin-cms-local-panel saga-mission-builder-panel">
+      <strong>Crear contenido</strong>
+      <span>
+        Crea un nodo suelto para editarlo a mano, o arranca una plantilla completa de misión.
+        Nada se guarda hasta pulsar Guardar.
+      </span>
+
+      <button type="button" className="saga-builder-single-node" onClick={onCreateNode}>
+        <span>＋</span>
+        <div>
+          <strong>Crear nodo suelto</strong>
+          <small>Empieza con un nodo normal y elige después si será QR, pista, bonus o minijuego.</small>
+        </div>
+      </button>
+
+      {stages.length > 0 ? (
+        <div className="saga-builder-warning">
+          Las plantillas reemplazan la ruta local visible. No se persiste nada hasta pulsar Guardar.
+        </div>
+      ) : null}
+
+      <div className="saga-template-grid">
+        {missionTemplates.map((template) => (
+          <article key={template.id} className="saga-template-card">
+            <div className="saga-template-card-head">
+              <span>{template.icon}</span>
+              <div>
+                <strong>{template.title}</strong>
+                <small>{template.goodFor}</small>
+              </div>
+            </div>
+
+            <p>{template.summary}</p>
+
+            <ol>
+              {template.stages.map((stage) => (
+                <li key={`${template.id}-${stage.title}`}>{stage.title}</li>
+              ))}
+            </ol>
+
+            <button type="button" onClick={() => onApplyTemplate(template.id)}>
+              Usar plantilla
+            </button>
+          </article>
+        ))}
+      </div>
+    </div>
+  )
+}
diff --git a/frontend/src/admin/components/NodeDetailDrawer.tsx b/frontend/src/admin/components/NodeDetailDrawer.tsx
index c338af3..6860b6f 100644
--- a/frontend/src/admin/components/NodeDetailDrawer.tsx
+++ b/frontend/src/admin/components/NodeDetailDrawer.tsx
@@ -8,6 +8,12 @@ import {
   type EditableAdminStage,
   type FamilyId,
 } from '../lib/familyConfigs'
+import {
+  adminGameCatalog,
+  getAdminGameForStage,
+  getDefaultAdminStagePatchForGame,
+  type AdminGameId,
+} from '../lib/gameCatalog'
 
 type DrawerTab = 'basics' | 'location' | 'game' | 'requirement' | 'messages' | 'advanced'
 
@@ -58,29 +64,78 @@ function getPhysicalRequirementOption(stage: AdminReactOverviewStage): PhysicalR
     physical_item_id?: string
     physical_item_label?: string
     physical_qr?: { item_id?: string; label?: string; kind?: string }
+    qr_payload?: string
+    label?: string
+    icon?: string
   }
 
-  const kind = record.physical_node_kind || record.physical_item_kind || record.physical_qr?.kind
+  const config =
+    typeof (stage as EditableAdminStage).config === 'object' && (stage as EditableAdminStage).config !== null
+      ? (((stage as EditableAdminStage).config || {}) as Record<string, unknown>)
+      : {}
+
+  const gameId = typeof config.game_id === 'string' ? config.game_id : ''
+  const labelText = String(record.label || stage.title || '').toLowerCase()
+  const titleText = String(stage.title || '').toLowerCase()
+  const payloadText = String(record.qr_payload || record.physical_qr?.item_id || record.physical_qr?.label || '').toLowerCase()
+  const gameText = String(gameId || config.game_title || config.objective || '').toLowerCase()
+  const allText = `${labelText} ${titleText} ${payloadText} ${gameText}`
+
+  const catalogKind =
+    gameId === 'qr_collectible'
+      ? 'collectible'
+      : gameId === 'qr_key_gate'
+        ? 'requirement'
+        : gameId === 'clue_card'
+          ? 'clue'
+          : gameId === 'bonus_cache'
+            ? 'bonus'
+            : ''
+
+  const inferredKind =
+    /llave|key|qr_key|requirement/.test(allText)
+      ? 'requirement'
+      : /pista|clue/.test(allText)
+        ? 'clue'
+        : /bonus|regalo|cache/.test(allText)
+          ? 'bonus'
+          : /objeto|coleccionable|collectible|qr/.test(allText)
+            ? 'collectible'
+            : ''
+
+  const kind = record.physical_node_kind || record.physical_item_kind || record.physical_qr?.kind || catalogKind || inferredKind
   if (kind !== 'collectible' && kind !== 'requirement' && kind !== 'clue' && kind !== 'bonus') return null
 
-  const label = String(
+  const title = String(stage.title || `Nodo ${stage.index + 1}`).trim()
+  const typeLabel = String(
     record.physical_item_label ||
     record.physical_qr?.label ||
-    stage.title ||
-    `Nodo ${stage.index + 1}`
+    config.physical_item_label ||
+    config.game_title ||
+    record.label ||
+    (
+      kind === 'requirement'
+        ? 'Llave QR'
+        : kind === 'clue'
+          ? 'Pista QR'
+          : kind === 'bonus'
+            ? 'Bonus QR'
+            : 'Objeto QR'
+    )
   ).trim()
 
   const itemId = String(
     record.physical_item_id ||
     record.physical_qr?.item_id ||
-    slugifyRequirementItemId(label) ||
+    config.physical_item_id ||
+    slugifyRequirementItemId(typeLabel || title) ||
     `node_${stage.index + 1}`
   ).trim()
 
   return {
     itemId,
-    label: label || itemId,
-    title: stage.title || label || itemId,
+    label: title || typeLabel || itemId,
+    title: typeLabel && typeLabel !== title ? `${title} · ${typeLabel}` : title,
     kind,
     icon:
       kind === 'collectible'
@@ -132,6 +187,7 @@ export default function NodeDetailDrawer({
   const selectedRequirement = physicalRequirementOptions.find(
     (item) => item.itemId === getDraftConfigText('required_item_id')
   )
+  const selectedGame = getAdminGameForStage(draft.type, draftConfig)
 
   function getDraftConfigText(key: string, fallback = '') {
     const value = draftConfig[key]
@@ -203,6 +259,30 @@ export default function NodeDetailDrawer({
     updateDraftConfig('sequence', parts.length > 0 ? parts : value)
   }
 
+  function handleDraftGameChange(nextGameId: AdminGameId) {
+    const patch = getDefaultAdminStagePatchForGame(nextGameId)
+
+    updateDraftLocal((current) => ({
+      ...(current as EditableAdminStage),
+      type: patch.type,
+      label: patch.label,
+      icon: patch.icon,
+      objective: patch.objective,
+      config: {
+        ...patch.config,
+        ...(((current as EditableAdminStage).config || {}) as Record<string, unknown>),
+        game_id: nextGameId,
+        game_title: patch.label,
+      },
+      config_summary: Object.keys(patch.config),
+      content: current.content || patch.content,
+      messages: {
+        ...(patch.messages || {}),
+        ...(current.messages || {}),
+      },
+    }))
+  }
+
   function handleDraftFamilyChange(nextType: FamilyId) {
     const nextConfig = getDefaultAdminConfigForFamily(nextType)
 
@@ -231,19 +311,33 @@ export default function NodeDetailDrawer({
         aria-label={`Node editor: ${draft.title}`}
         onClick={(event) => event.stopPropagation()}
       >
-        <div className="admin-drawer-head admin-drawer-head--modern">
-          <div className="admin-drawer-head-copy">
-            <span className="admin-kicker">{isLocalNew ? 'Add node' : 'Node editor'}</span>
-            <h2>{draft.index + 1}. {draft.title || 'Untitled node'}</h2>
-            <div className="admin-drawer-meta">
-              <span>{family?.icon || '◇'} {draft.label || draft.type}</span>
-              <span>{formatCoords(draft.lat, draft.lon)}</span>
-              <span>{typeof draft.radius === 'number' ? `${draft.radius}m radius` : 'No radius'}</span>
+        <div className="admin-drawer-head admin-drawer-head--modern admin-node-editor-topbar">
+          <div className="admin-node-editor-kicker-row">
+            <span className="admin-kicker">{isLocalNew ? 'Añadir nodo' : 'Editor de nodo'}</span>
+
+            <button
+              type="button"
+              className="admin-node-editor-close"
+              onClick={onClose}
+            >
+              Cerrar
+            </button>
+          </div>
+
+          <div className="admin-node-editor-title-row">
+            <div className="admin-node-editor-title-copy">
+              <h2>{draft.index + 1}. {draft.title || 'Nodo sin título'}</h2>
+
+              <div className="admin-drawer-meta admin-node-editor-meta">
+                <span>{family?.icon || '◇'} {draft.label || draft.type}</span>
+                <span>{formatCoords(draft.lat, draft.lon)}</span>
+                <span>{typeof draft.radius === 'number' ? `${draft.radius} m` : 'Sin radio'}</span>
+              </div>
             </div>
 
-            <div className="admin-node-mode-toolbar admin-node-mode-toolbar--type-only">
+            <div className="admin-node-editor-actions">
               <button type="button" onClick={onRequestChangeType}>
-                Cambiar tipo de nodo
+                Cambiar tipo
               </button>
               <button
                 type="button"
@@ -254,28 +348,26 @@ export default function NodeDetailDrawer({
                   }
                 }}
               >
-                Eliminar nodo
+                Eliminar
               </button>
             </div>
           </div>
-
-          <button type="button" onClick={onClose}>Close</button>
         </div>
 
-        <div className="admin-drawer-tabs" role="tablist" aria-label="Node editor tabs">
+        <div className="admin-drawer-tabs admin-node-editor-tabs" role="tablist" aria-label="Node editor tabs">
           <button
             type="button"
             className={activeTab === 'basics' ? 'admin-drawer-tab active' : 'admin-drawer-tab'}
             onClick={() => setActiveTab('basics')}
           >
-            Basics
+            Básico
           </button>
           <button
             type="button"
             className={activeTab === 'location' ? 'admin-drawer-tab active' : 'admin-drawer-tab'}
             onClick={() => setActiveTab('location')}
           >
-            Location
+            Ubicación
           </button>
           <button
             type="button"
@@ -296,14 +388,14 @@ export default function NodeDetailDrawer({
             className={activeTab === 'messages' ? 'admin-drawer-tab active' : 'admin-drawer-tab'}
             onClick={() => setActiveTab('messages')}
           >
-            Messages
+            Mensajes
           </button>
           <button
             type="button"
             className={activeTab === 'advanced' ? 'admin-drawer-tab active' : 'admin-drawer-tab'}
             onClick={() => setActiveTab('advanced')}
           >
-            Advanced
+            Avanzado
           </button>
         </div>
 
@@ -324,17 +416,28 @@ export default function NodeDetailDrawer({
               </label>
 
               <label className="admin-edit-field">
-                Family
+                Juego
                 <select
-                  value={draft.type || 'signal_hunt'}
-                  onChange={(event) => handleDraftFamilyChange(event.target.value as FamilyId)}
+                  value={selectedGame.id}
+                  onChange={(event) => handleDraftGameChange(event.target.value as AdminGameId)}
                 >
-                  {familyCards.map((item) => (
-                    <option key={item.id} value={item.id}>{item.title}</option>
+                  {adminGameCatalog.map((item) => (
+                    <option key={item.id} value={item.id}>
+                      {item.icon} {item.title} · {item.difficulty}
+                    </option>
                   ))}
                 </select>
               </label>
 
+              <div className="admin-game-choice-summary">
+                <span>{selectedGame.icon}</span>
+                <div>
+                  <strong>{selectedGame.title}</strong>
+                  <p>{selectedGame.summary}</p>
+                  <small>{selectedGame.playerGoal}</small>
+                </div>
+              </div>
+
               <label className="admin-edit-field">
                 Node content
                 <textarea
@@ -407,8 +510,31 @@ export default function NodeDetailDrawer({
           {activeTab === 'game' ? (
             <section className="admin-edit-section admin-edit-section-compact admin-family-config-section">
               <div className="admin-edit-section-head">
-                <strong>Game config</strong>
-                <span>{draft.type === 'signal_hunt' ? 'Signal Hunt' : draft.type === 'bearing_hunt' ? 'Bearing Hunt' : 'Circuit Matrix'}</span>
+                <strong>Juego</strong>
+                <span className="admin-game-selected-pill">{selectedGame.icon} {selectedGame.title} · {selectedGame.duration}</span>
+                <small className="admin-game-editor-help admin-game-editor-help-v1">
+                  Elige la prueba; luego ajusta texto, mapa y requisitos.
+                </small>
+              </div>
+
+              <div className="admin-game-catalog-grid">
+                {adminGameCatalog.map((game) => (
+                  <button
+                    key={game.id}
+                    type="button"
+                    className={selectedGame.id === game.id ? 'admin-game-card active' : 'admin-game-card'}
+                    onClick={() => handleDraftGameChange(game.id)}
+                  >
+                    <span>{game.icon}</span>
+                    <strong>{game.title}</strong>
+                    <small>{game.summary}</small>
+                  </button>
+                ))}
+              </div>
+
+              <div className="admin-game-explain-box">
+                <strong>{selectedGame.playerGoal}</strong>
+                <span>{selectedGame.editorHint}</span>
               </div>
 
               <div className="admin-family-config-grid">
diff --git a/frontend/src/admin/lib/gameCatalog.ts b/frontend/src/admin/lib/gameCatalog.ts
new file mode 100644
index 0000000..d01be31
--- /dev/null
+++ b/frontend/src/admin/lib/gameCatalog.ts
@@ -0,0 +1,415 @@
+import type { AdminReactOverviewStage } from './adminApi'
+import {
+  getAdminFamilyIcon,
+  getAdminFamilyLabel,
+  getDefaultAdminConfigForFamily,
+  type FamilyId,
+} from './familyConfigs'
+
+export type AdminGameId =
+  | 'gps_signal_lock'
+  | 'hot_cold_search'
+  | 'bearing_compass'
+  | 'three_bearing_triangle'
+  | 'logic_circuit'
+  | 'sequence_code'
+  | 'qr_collectible'
+  | 'qr_key_gate'
+  | 'clue_card'
+  | 'photo_scout'
+  | 'team_relay'
+  | 'manual_password'
+  | 'bonus_cache'
+
+export type MissionTemplateId =
+  | 'qr_route'
+  | 'clue_hunt'
+  | 'urban_escape'
+  | 'family_gymkhana'
+
+export type AdminGameCatalogItem = {
+  id: AdminGameId
+  title: string
+  icon: string
+  family: FamilyId
+  category: 'gps' | 'compass' | 'logic' | 'physical' | 'team'
+  difficulty: 'Fácil' | 'Media' | 'Alta'
+  duration: string
+  summary: string
+  playerGoal: string
+  editorHint: string
+  config: Record<string, unknown>
+  content: string
+  messages: {
+    hint: string
+    gps_unavailable: string
+    locked: string
+  }
+}
+
+export type MissionTemplateStage = {
+  gameId: AdminGameId
+  title: string
+  content: string
+  radius?: number
+  offsetLat: number
+  offsetLon: number
+  physicalKind?: 'collectible' | 'requirement' | 'clue' | 'bonus'
+  itemLabel?: string
+  requiresPreviousItem?: boolean
+}
+
+export type MissionTemplate = {
+  id: MissionTemplateId
+  title: string
+  icon: string
+  summary: string
+  goodFor: string
+  stages: MissionTemplateStage[]
+}
+
+export const adminGameCatalog: AdminGameCatalogItem[] = [
+  {
+    id: 'gps_signal_lock',
+    title: 'Señal GPS',
+    icon: '📡',
+    family: 'signal_hunt',
+    category: 'gps',
+    difficulty: 'Fácil',
+    duration: '2-4 min',
+    summary: 'El jugador se acerca al punto y mantiene posición hasta capturar la señal.',
+    playerGoal: 'Llegar al radio del nodo y confirmar presencia.',
+    editorHint: 'Úsalo como nodo base de ruta. Es el más estable para exterior.',
+    config: { objective: 'proximity_lock', source_radius_m: 75, lock_threshold: 65, hold_ms: 1500, game_id: 'gps_signal_lock' },
+    content: 'Acércate al punto marcado y mantente dentro del radio hasta capturar la señal.',
+    messages: {
+      hint: 'Busca el punto marcado en el mapa.',
+      gps_unavailable: 'Activa GPS para localizar la señal.',
+      locked: 'Acércate más al punto para capturar la señal.',
+    },
+  },
+  {
+    id: 'hot_cold_search',
+    title: 'Frío / caliente',
+    icon: '🌡️',
+    family: 'signal_hunt',
+    category: 'gps',
+    difficulty: 'Fácil',
+    duration: '3-6 min',
+    summary: 'Variante de proximidad para buscar un punto con pistas de distancia.',
+    playerGoal: 'Moverse hasta que la señal sea suficientemente fuerte.',
+    editorHint: 'Perfecto para parques, plazas o pistas sencillas.',
+    config: { objective: 'hot_cold', source_radius_m: 55, lock_threshold: 78, hold_ms: 1200, game_id: 'hot_cold_search' },
+    content: 'La señal se hace más fuerte al acercarte. Encuentra el punto exacto.',
+    messages: {
+      hint: 'La zona está cerca; usa la intensidad de señal.',
+      gps_unavailable: 'Sin GPS no se puede calcular la señal.',
+      locked: 'La señal aún es débil. Sigue buscando.',
+    },
+  },
+  {
+    id: 'bearing_compass',
+    title: 'Rumbo con brújula',
+    icon: '🧭',
+    family: 'bearing_hunt',
+    category: 'compass',
+    difficulty: 'Media',
+    duration: '3-5 min',
+    summary: 'El jugador debe orientarse hacia un rumbo concreto.',
+    playerGoal: 'Apuntar el móvil en la dirección correcta y mantener el rumbo.',
+    editorHint: 'Funciona bien para orientación y caminos visibles.',
+    config: { objective: 'single_lock', target_bearing_deg: 270, tolerance_deg: 12, hold_ms: 1200, game_id: 'bearing_compass' },
+    content: 'Usa la brújula y apunta hacia el rumbo indicado.',
+    messages: {
+      hint: 'Gira despacio hasta alinear la brújula.',
+      gps_unavailable: 'La brújula puede necesitar movimiento o permisos.',
+      locked: 'Aún no estás en el rumbo correcto.',
+    },
+  },
+  {
+    id: 'three_bearing_triangle',
+    title: 'Triangulación',
+    icon: '📐',
+    family: 'bearing_hunt',
+    category: 'compass',
+    difficulty: 'Alta',
+    duration: '5-8 min',
+    summary: 'Variante narrativa: comparar rumbos y decidir hacia dónde avanzar.',
+    playerGoal: 'Leer pistas y orientarse con varios rumbos.',
+    editorHint: 'Úsalo como puzzle de orientación; por ahora usa el motor de rumbo simple.',
+    config: { objective: 'triangulation_hint', target_bearing_deg: 45, tolerance_deg: 15, hold_ms: 1400, game_id: 'three_bearing_triangle' },
+    content: 'Tres señales apuntan a una zona. Elige el rumbo más coherente y avanza.',
+    messages: {
+      hint: 'Piensa en la intersección de las pistas.',
+      gps_unavailable: 'La brújula no está lista.',
+      locked: 'Todavía no coincide el rumbo.',
+    },
+  },
+  {
+    id: 'logic_circuit',
+    title: 'Circuito lógico',
+    icon: '🧩',
+    family: 'circuit_matrix',
+    category: 'logic',
+    difficulty: 'Media',
+    duration: '4-7 min',
+    summary: 'Puzzle visual de reparación, secuencia o matriz.',
+    playerGoal: 'Resolver una lógica para desbloquear el nodo.',
+    editorHint: 'Úsalo cuando quieras un descanso mental entre puntos GPS.',
+    config: { objective: 'path_restore', grid_cols: 5, grid_rows: 5, difficulty: 2, game_id: 'logic_circuit' },
+    content: 'Repara el circuito para abrir el siguiente tramo.',
+    messages: {
+      hint: 'Busca continuidad entre las piezas.',
+      gps_unavailable: 'Este reto puede jugarse sin GPS si el nodo ya está abierto.',
+      locked: 'Completa el circuito para continuar.',
+    },
+  },
+  {
+    id: 'sequence_code',
+    title: 'Código secuencial',
+    icon: '🔢',
+    family: 'circuit_matrix',
+    category: 'logic',
+    difficulty: 'Media',
+    duration: '3-6 min',
+    summary: 'Ordenar símbolos, palabras o números encontrados en ruta.',
+    playerGoal: 'Introducir o deducir una secuencia correcta.',
+    editorHint: 'Muy bueno para pistas físicas, carteles o QR previos.',
+    config: { objective: 'sequence', sequence: ['norte', 'rio', 'torre'], difficulty: 2, game_id: 'sequence_code' },
+    content: 'Ordena las pistas encontradas y desbloquea la secuencia.',
+    messages: {
+      hint: 'El orden importa. Revisa pistas anteriores.',
+      gps_unavailable: 'Este puzzle no depende de GPS.',
+      locked: 'La secuencia aún no encaja.',
+    },
+  },
+  {
+    id: 'qr_collectible',
+    title: 'Objeto QR',
+    icon: '⭐',
+    family: 'signal_hunt',
+    category: 'physical',
+    difficulty: 'Fácil',
+    duration: '1-2 min',
+    summary: 'Tarjeta física opcional que se guarda en la mochila.',
+    playerGoal: 'Escanear una tarjeta QR y conservar el objeto.',
+    editorHint: 'Úsalo para coleccionables, logros o pistas secundarias.',
+    config: { objective: 'physical_collectible', completion_method: 'qr', game_id: 'qr_collectible' },
+    content: 'Encuentra y escanea la tarjeta QR física.',
+    messages: {
+      hint: 'Busca una tarjeta o símbolo físico cerca.',
+      gps_unavailable: 'Acércate al punto para escanear el QR.',
+      locked: 'Necesitas estar en la zona del QR.',
+    },
+  },
+  {
+    id: 'qr_key_gate',
+    title: 'Llave QR',
+    icon: '🔑',
+    family: 'signal_hunt',
+    category: 'physical',
+    difficulty: 'Fácil',
+    duration: '1-3 min',
+    summary: 'Objeto QR pensado para abrir otro nodo posterior.',
+    playerGoal: 'Conseguir una llave física para desbloquear una prueba.',
+    editorHint: 'Úsalo junto con Requisito de entrada en un nodo posterior.',
+    config: { objective: 'physical_key', completion_method: 'qr', game_id: 'qr_key_gate' },
+    content: 'Escanea la llave QR. Podría hacer falta más adelante.',
+    messages: {
+      hint: 'Busca la llave física.',
+      gps_unavailable: 'Activa GPS o usa el modo permitido para abrir el QR.',
+      locked: 'Acércate para registrar la llave.',
+    },
+  },
+  {
+    id: 'clue_card',
+    title: 'Pista QR',
+    icon: '🧩',
+    family: 'signal_hunt',
+    category: 'physical',
+    difficulty: 'Fácil',
+    duration: '1-2 min',
+    summary: 'Tarjeta que entrega información para resolver otro reto.',
+    playerGoal: 'Escanear una pista y leer la información.',
+    editorHint: 'Ideal para rutas de misterio o escape.',
+    config: { objective: 'physical_clue', completion_method: 'qr', game_id: 'clue_card' },
+    content: 'Escanea la pista y úsala en un nodo posterior.',
+    messages: {
+      hint: 'La pista no está lejos del punto.',
+      gps_unavailable: 'Necesitas abrir el nodo para escanear la pista.',
+      locked: 'Acércate para consultar la pista.',
+    },
+  },
+  {
+    id: 'photo_scout',
+    title: 'Foto de exploración',
+    icon: '📷',
+    family: 'signal_hunt',
+    category: 'team',
+    difficulty: 'Fácil',
+    duration: '2-4 min',
+    summary: 'El equipo debe hacer una foto de campo en la zona.',
+    playerGoal: 'Capturar una foto compartida en el mapa.',
+    editorHint: 'Funciona muy bien con el sistema de fotos de campo.',
+    config: { objective: 'photo_proof', completion_method: 'photo', game_id: 'photo_scout' },
+    content: 'Haz una foto de campo que demuestre que encontraste la zona.',
+    messages: {
+      hint: 'Busca un elemento reconocible del entorno.',
+      gps_unavailable: 'Necesitas ubicación para anclar la foto al mapa.',
+      locked: 'Acércate antes de hacer la foto.',
+    },
+  },
+  {
+    id: 'team_relay',
+    title: 'Relevo de equipo',
+    icon: '👥',
+    family: 'signal_hunt',
+    category: 'team',
+    difficulty: 'Media',
+    duration: '5-8 min',
+    summary: 'Prueba pensada para varios jugadores o roles.',
+    playerGoal: 'Coordinarse para llegar, registrar prueba o compartir pista.',
+    editorHint: 'Úsalo si quieres que varios jugadores participen.',
+    config: { objective: 'team_relay', source_radius_m: 80, lock_threshold: 60, hold_ms: 1500, game_id: 'team_relay' },
+    content: 'El equipo debe coordinarse para completar esta parada.',
+    messages: {
+      hint: 'Reparte roles: mapa, pista y foto.',
+      gps_unavailable: 'Al menos un jugador debe tener posición.',
+      locked: 'El equipo aún no está listo.',
+    },
+  },
+  {
+    id: 'manual_password',
+    title: 'Palabra clave',
+    icon: '🔐',
+    family: 'circuit_matrix',
+    category: 'logic',
+    difficulty: 'Media',
+    duration: '2-5 min',
+    summary: 'Resolver una palabra o código a partir de pistas.',
+    playerGoal: 'Descubrir una contraseña narrativa.',
+    editorHint: 'Bueno para carteles, acertijos y escape urbano.',
+    config: { objective: 'manual_code', completion_method: 'manual_code', expected_code: 'SAGA', difficulty: 1, game_id: 'manual_password' },
+    content: 'Encuentra la palabra clave y úsala para continuar.',
+    messages: {
+      hint: 'La palabra está escondida en la escena.',
+      gps_unavailable: 'Este reto puede jugarse sin GPS si está desbloqueado.',
+      locked: 'La palabra clave no es correcta todavía.',
+    },
+  },
+  {
+    id: 'bonus_cache',
+    title: 'Bonus oculto',
+    icon: '🎁',
+    family: 'signal_hunt',
+    category: 'physical',
+    difficulty: 'Fácil',
+    duration: '1-3 min',
+    summary: 'Extra opcional para recompensas, bromas o contenido secreto.',
+    playerGoal: 'Encontrar un extra no obligatorio.',
+    editorHint: 'Úsalo para dar vida al mapa sin bloquear la ruta.',
+    config: { objective: 'bonus_cache', completion_method: 'qr', game_id: 'bonus_cache' },
+    content: 'Has encontrado un bonus oculto.',
+    messages: {
+      hint: 'Hay algo extra cerca.',
+      gps_unavailable: 'Acércate para registrar el bonus.',
+      locked: 'El bonus aún no está a tu alcance.',
+    },
+  },
+]
+
+export const missionTemplates: MissionTemplate[] = [
+  {
+    id: 'qr_route',
+    title: 'Ruta con QR',
+    icon: '⭐',
+    summary: 'Ruta sencilla con una llave QR y un nodo que la pide después.',
+    goodFor: 'Primer juego público, rutas cortas, pruebas con tarjetas físicas.',
+    stages: [
+      { gameId: 'gps_signal_lock', title: 'Inicio de ruta', content: 'Llega al punto inicial y activa la misión.', offsetLat: 0, offsetLon: 0, radius: 55 },
+      { gameId: 'qr_key_gate', title: 'Llave del camino', content: 'Escanea la llave QR física.', offsetLat: 0.00045, offsetLon: 0.00028, radius: 45, physicalKind: 'requirement', itemLabel: 'Llave del camino' },
+      { gameId: 'gps_signal_lock', title: 'Puerta bloqueada', content: 'Este nodo pide la llave anterior.', offsetLat: 0.00088, offsetLon: 0.00062, radius: 55, requiresPreviousItem: true },
+      { gameId: 'bonus_cache', title: 'Bonus final', content: 'Extra opcional al terminar la ruta.', offsetLat: 0.00118, offsetLon: 0.00092, radius: 45, physicalKind: 'bonus', itemLabel: 'Bonus final' },
+    ],
+  },
+  {
+    id: 'clue_hunt',
+    title: 'Búsqueda de pistas',
+    icon: '🧩',
+    summary: 'Cadena de pistas QR y un puzzle final.',
+    goodFor: 'Misterio, historia local, pruebas familiares.',
+    stages: [
+      { gameId: 'clue_card', title: 'Pista 1', content: 'Escanea la primera pista.', offsetLat: 0, offsetLon: 0, radius: 50, physicalKind: 'clue', itemLabel: 'Pista 1' },
+      { gameId: 'hot_cold_search', title: 'Busca la señal', content: 'Usa frío/caliente para encontrar la zona.', offsetLat: 0.00042, offsetLon: -0.00030, radius: 55 },
+      { gameId: 'sequence_code', title: 'Ordena las pistas', content: 'Combina las pistas anteriores.', offsetLat: 0.00080, offsetLon: -0.00058, radius: 50 },
+      { gameId: 'photo_scout', title: 'Prueba fotográfica', content: 'Haz una foto de campo como cierre.', offsetLat: 0.00108, offsetLon: -0.00088, radius: 50 },
+    ],
+  },
+  {
+    id: 'urban_escape',
+    title: 'Escape urbano',
+    icon: '🔐',
+    summary: 'Llave, contraseña y puzzle lógico final.',
+    goodFor: 'Juego con historia, ciudad, instituto, evento.',
+    stages: [
+      { gameId: 'manual_password', title: 'La contraseña', content: 'Encuentra la palabra clave en el entorno.', offsetLat: 0, offsetLon: 0, radius: 45 },
+      { gameId: 'qr_key_gate', title: 'Llave QR', content: 'Escanea la llave física.', offsetLat: -0.00040, offsetLon: 0.00036, radius: 45, physicalKind: 'requirement', itemLabel: 'Llave QR' },
+      { gameId: 'logic_circuit', title: 'Circuito de salida', content: 'Resuelve el circuito final.', offsetLat: -0.00075, offsetLon: 0.00068, radius: 50, requiresPreviousItem: true },
+      { gameId: 'photo_scout', title: 'Foto de escape', content: 'Foto final del equipo.', offsetLat: -0.00105, offsetLon: 0.00095, radius: 50 },
+    ],
+  },
+  {
+    id: 'family_gymkhana',
+    title: 'Gymkhana familiar',
+    icon: '🎁',
+    summary: 'Ritmo variado: GPS, brújula, foto y bonus.',
+    goodFor: 'Niños, familias, grupos pequeños.',
+    stages: [
+      { gameId: 'gps_signal_lock', title: 'Punto de salida', content: 'Empieza la gymkhana.', offsetLat: 0, offsetLon: 0, radius: 60 },
+      { gameId: 'bearing_compass', title: 'Mira al oeste', content: 'Usa la brújula para encontrar el rumbo.', offsetLat: 0.00035, offsetLon: 0.00035, radius: 55 },
+      { gameId: 'photo_scout', title: 'Foto divertida', content: 'Haz una foto de campo con el equipo.', offsetLat: 0.00065, offsetLon: 0.00070, radius: 55 },
+      { gameId: 'bonus_cache', title: 'Regalo oculto', content: 'Busca el bonus final.', offsetLat: 0.00095, offsetLon: 0.00105, radius: 45, physicalKind: 'bonus', itemLabel: 'Regalo oculto' },
+    ],
+  },
+]
+
+export function getAdminGame(gameId?: string | null): AdminGameCatalogItem {
+  return adminGameCatalog.find((game) => game.id === gameId) || adminGameCatalog[0]
+}
+
+export function getAdminGameForStage(type?: string | null, config?: Record<string, unknown> | null): AdminGameCatalogItem {
+  const gameId = typeof config?.game_id === 'string' ? config.game_id : ''
+  const explicit = adminGameCatalog.find((game) => game.id === gameId)
+  if (explicit) return explicit
+
+  return adminGameCatalog.find((game) => game.family === type) || adminGameCatalog[0]
+}
+
+export function getMissionTemplateById(templateId: MissionTemplateId): MissionTemplate {
+  return missionTemplates.find((template) => template.id === templateId) || missionTemplates[0]
+}
+
+export function getDefaultAdminStagePatchForGame(gameId: AdminGameId) {
+  const game = getAdminGame(gameId)
+  const config: Record<string, unknown> = {
+    ...getDefaultAdminConfigForFamily(game.family),
+    ...game.config,
+    game_id: game.id,
+    game_title: game.title,
+  }
+
+  return {
+    type: game.family,
+    label: game.title,
+    icon: getAdminFamilyIcon(game.family),
+    objective: String((config as Record<string, unknown>).objective || ''),
+    content: game.content,
+    config,
+    config_summary: Object.keys(config),
+    messages: game.messages,
+  }
+}
+
+export function getRuntimeFamilyCopy(family: FamilyId) {
+  return `${getAdminFamilyIcon(family)} ${getAdminFamilyLabel(family)}`
+}
diff --git a/frontend/src/admin/styles/admin-modern-shell.css b/frontend/src/admin/styles/admin-modern-shell.css
index 6bbb6ea..2315f9b 100644
--- a/frontend/src/admin/styles/admin-modern-shell.css
+++ b/frontend/src/admin/styles/admin-modern-shell.css
@@ -2430,3 +2430,631 @@
   font-weight: 900;
   cursor: pointer;
 }
+
+
+/* saga-mission-builder-v1 */
+.saga-mission-builder-panel {
+  gap: 14px;
+}
+
+.saga-builder-warning {
+  border: 1px solid rgba(251, 191, 36, 0.24);
+  background: rgba(251, 191, 36, 0.10);
+  color: #fde68a;
+  border-radius: 16px;
+  padding: 10px 12px;
+  font-size: 12px;
+  font-weight: 800;
+}
+
+.saga-template-grid,
+.admin-game-catalog-grid {
+  display: grid;
+  gap: 10px;
+}
+
+.saga-template-card,
+.admin-game-card,
+.admin-game-choice-summary,
+.admin-game-explain-box {
+  border: 1px solid rgba(148, 163, 184, 0.16);
+  background: rgba(15, 23, 42, 0.72);
+  border-radius: 18px;
+  padding: 12px;
+  color: #e5e7eb;
+}
+
+.saga-template-card {
+  display: grid;
+  gap: 10px;
+}
+
+.saga-template-card-head,
+.admin-game-choice-summary {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+}
+
+.saga-template-card-head > span,
+.admin-game-choice-summary > span {
+  width: 34px;
+  height: 34px;
+  border-radius: 14px;
+  display: grid;
+  place-items: center;
+  background: rgba(255,255,255,0.08);
+  flex: 0 0 auto;
+}
+
+.saga-template-card p,
+.admin-game-choice-summary p,
+.admin-game-explain-box span {
+  margin: 0;
+  color: #94a3b8;
+  font-size: 12px;
+  line-height: 1.35;
+}
+
+.saga-template-card ol {
+  margin: 0;
+  padding-left: 18px;
+  color: #cbd5e1;
+  font-size: 12px;
+}
+
+.saga-template-card button,
+.admin-game-card {
+  cursor: pointer;
+}
+
+.saga-template-card button {
+  min-height: 38px;
+  border-radius: 14px;
+  border: 1px solid rgba(14,165,233,0.35);
+  background: rgba(14,165,233,0.14);
+  color: #e0f2fe;
+  font-weight: 950;
+}
+
+.admin-game-catalog-grid {
+  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
+}
+
+.admin-game-card {
+  text-align: left;
+  display: grid;
+  gap: 6px;
+  min-height: 118px;
+}
+
+.admin-game-card.active {
+  border-color: rgba(56,189,248,0.62);
+  background: rgba(14,165,233,0.18);
+}
+
+.admin-game-card span {
+  font-size: 22px;
+}
+
+.admin-game-card strong {
+  font-size: 13px;
+}
+
+.admin-game-card small {
+  color: #94a3b8;
+  font-size: 11px;
+  line-height: 1.3;
+}
+
+.admin-game-explain-box {
+  display: grid;
+  gap: 4px;
+  margin: 10px 0;
+}
+
+.admin-game-list-row small {
+  white-space: normal;
+  line-height: 1.35;
+}
+
+
+/* saga-builder-single-node-v1 */
+.saga-builder-single-node {
+  width: 100%;
+  display: flex;
+  gap: 12px;
+  align-items: flex-start;
+  text-align: left;
+  border-radius: 18px;
+  border: 1px solid rgba(56, 189, 248, 0.32);
+  background: linear-gradient(135deg, rgba(14, 165, 233, 0.18), rgba(15, 23, 42, 0.76));
+  color: #e0f2fe;
+  padding: 14px;
+  cursor: pointer;
+}
+
+.saga-builder-single-node > span {
+  width: 38px;
+  height: 38px;
+  border-radius: 16px;
+  display: grid;
+  place-items: center;
+  background: rgba(255,255,255,0.10);
+  font-size: 20px;
+  flex: 0 0 auto;
+}
+
+.saga-builder-single-node strong {
+  display: block;
+  font-size: 14px;
+  font-weight: 950;
+}
+
+.saga-builder-single-node small {
+  display: block;
+  margin-top: 4px;
+  color: #bae6fd;
+  line-height: 1.35;
+}
+
+
+/* admin-game-editor-help-v1 */
+.admin-game-editor-help {
+  margin-top: 8px;
+  border: 1px solid rgba(56, 189, 248, 0.20);
+  background: rgba(14, 165, 233, 0.10);
+  color: #bae6fd;
+  border-radius: 14px;
+  padding: 10px 12px;
+  font-size: 12px;
+  line-height: 1.35;
+  font-weight: 750;
+}
+
+/* admin-node-editor-organized-topbar-v1 */
+.admin-drawer-editable {
+  overflow: hidden !important;
+}
+
+.admin-node-editor-topbar {
+  display: grid !important;
+  gap: 10px !important;
+  padding: 18px 20px 12px !important;
+  border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
+}
+
+.admin-node-editor-kicker-row {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: space-between !important;
+  gap: 12px !important;
+}
+
+.admin-node-editor-kicker-row .admin-kicker {
+  font-size: 11px !important;
+  letter-spacing: 0.22em !important;
+  line-height: 1 !important;
+}
+
+.admin-node-editor-close {
+  min-height: 34px !important;
+  padding: 0 16px !important;
+  border-radius: 999px !important;
+  border: 1px solid rgba(226, 232, 240, 0.18) !important;
+  background: rgba(226, 232, 240, 0.92) !important;
+  color: #020617 !important;
+  font-size: 12px !important;
+  font-weight: 950 !important;
+}
+
+.admin-node-editor-title-row {
+  display: grid !important;
+  grid-template-columns: minmax(0, 1fr) auto !important;
+  align-items: end !important;
+  gap: 14px !important;
+}
+
+.admin-node-editor-title-copy {
+  min-width: 0 !important;
+}
+
+.admin-node-editor-title-copy h2 {
+  margin: 0 0 8px !important;
+  font-size: clamp(24px, 3.2vw, 34px) !important;
+  line-height: 0.98 !important;
+  letter-spacing: -0.055em !important;
+}
+
+.admin-node-editor-meta {
+  display: flex !important;
+  flex-wrap: wrap !important;
+  gap: 8px !important;
+  margin: 0 !important;
+}
+
+.admin-node-editor-meta span {
+  min-height: 30px !important;
+  display: inline-flex !important;
+  align-items: center !important;
+  max-width: 100% !important;
+  padding: 0 10px !important;
+  border-radius: 999px !important;
+  font-size: 12px !important;
+  line-height: 1 !important;
+  white-space: nowrap !important;
+}
+
+.admin-node-editor-actions {
+  display: flex !important;
+  flex-wrap: wrap !important;
+  justify-content: flex-end !important;
+  gap: 8px !important;
+  max-width: 260px !important;
+}
+
+.admin-node-editor-actions button {
+  min-height: 32px !important;
+  padding: 0 12px !important;
+  border-radius: 999px !important;
+  font-size: 12px !important;
+  font-weight: 950 !important;
+}
+
+.admin-node-editor-actions .admin-node-delete-visible {
+  border-color: rgba(248, 113, 113, 0.28) !important;
+  background: rgba(127, 29, 29, 0.22) !important;
+  color: #fecaca !important;
+}
+
+.admin-node-editor-tabs {
+  display: flex !important;
+  flex-wrap: nowrap !important;
+  gap: 8px !important;
+  padding: 10px 20px !important;
+  margin: 0 !important;
+  overflow-x: auto !important;
+  border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
+  background: rgba(2, 6, 23, 0.36) !important;
+}
+
+.admin-node-editor-tabs .admin-drawer-tab {
+  flex: 0 0 auto !important;
+  min-height: 34px !important;
+  padding: 0 13px !important;
+  border-radius: 999px !important;
+  font-size: 12px !important;
+  font-weight: 950 !important;
+}
+
+.admin-drawer-body--modern {
+  max-height: calc(100vh - 235px) !important;
+  overflow: auto !important;
+}
+
+@media (max-width: 860px) {
+  .admin-node-editor-topbar {
+    padding: 14px 14px 10px !important;
+  }
+
+  .admin-node-editor-title-row {
+    grid-template-columns: 1fr !important;
+    align-items: stretch !important;
+    gap: 10px !important;
+  }
+
+  .admin-node-editor-title-copy h2 {
+    font-size: 25px !important;
+  }
+
+  .admin-node-editor-actions {
+    justify-content: flex-start !important;
+    max-width: none !important;
+  }
+
+  .admin-node-editor-tabs {
+    padding: 9px 14px !important;
+  }
+
+  .admin-drawer-body--modern {
+    max-height: calc(100vh - 250px) !important;
+  }
+}
+
+
+/* admin-node-editor-layout-fix-v4 */
+
+/* ===== Cabecera del editor: ordenada, compacta y sin solapes ===== */
+.admin-drawer-head--modern.admin-node-editor-topbar {
+  display: grid !important;
+  grid-template-columns: 1fr !important;
+  gap: 10px !important;
+  padding: 14px 16px 10px !important;
+  border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
+  position: relative !important;
+  overflow: visible !important;
+}
+
+.admin-node-editor-kicker-row {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: space-between !important;
+  gap: 10px !important;
+  position: static !important;
+}
+
+.admin-node-editor-kicker-row .admin-kicker {
+  position: static !important;
+  display: block !important;
+  margin: 0 !important;
+  font-size: 11px !important;
+  line-height: 1 !important;
+  letter-spacing: 0.20em !important;
+  white-space: nowrap !important;
+}
+
+.admin-node-editor-close {
+  position: static !important;
+  margin: 0 !important;
+  min-height: 32px !important;
+  height: 32px !important;
+  padding: 0 14px !important;
+  border-radius: 999px !important;
+  font-size: 12px !important;
+  font-weight: 950 !important;
+  flex: 0 0 auto !important;
+}
+
+.admin-node-editor-title-row {
+  display: grid !important;
+  grid-template-columns: minmax(0, 1fr) !important;
+  gap: 10px !important;
+  align-items: start !important;
+  position: static !important;
+}
+
+.admin-node-editor-title-copy {
+  min-width: 0 !important;
+}
+
+.admin-node-editor-title-copy h2 {
+  margin: 0 0 8px 0 !important;
+  font-size: clamp(22px, 4vw, 32px) !important;
+  line-height: 1 !important;
+  letter-spacing: -0.045em !important;
+}
+
+.admin-node-editor-meta {
+  display: flex !important;
+  flex-wrap: wrap !important;
+  gap: 8px !important;
+  margin: 0 !important;
+  min-width: 0 !important;
+}
+
+.admin-node-editor-meta span {
+  display: inline-flex !important;
+  align-items: center !important;
+  min-height: 28px !important;
+  padding: 0 10px !important;
+  border-radius: 999px !important;
+  font-size: 11px !important;
+  line-height: 1 !important;
+  white-space: nowrap !important;
+}
+
+.admin-node-editor-actions {
+  display: flex !important;
+  flex-wrap: wrap !important;
+  gap: 8px !important;
+  justify-content: flex-start !important;
+  align-items: center !important;
+  min-width: 0 !important;
+  max-width: none !important;
+}
+
+.admin-node-editor-actions button {
+  min-height: 34px !important;
+  height: 34px !important;
+  padding: 0 14px !important;
+  border-radius: 999px !important;
+  font-size: 12px !important;
+  font-weight: 950 !important;
+  white-space: nowrap !important;
+}
+
+.admin-node-editor-actions .admin-node-delete-visible {
+  background: rgba(127, 29, 29, 0.20) !important;
+  border: 1px solid rgba(248, 113, 113, 0.28) !important;
+  color: #fecaca !important;
+}
+
+/* En pantallas medianas/grandes: título a la izquierda y acciones a la derecha */
+@media (min-width: 760px) {
+  .admin-node-editor-title-row {
+    grid-template-columns: minmax(0, 1fr) auto !important;
+    align-items: end !important;
+  }
+
+  .admin-node-editor-actions {
+    justify-content: flex-end !important;
+  }
+}
+
+/* ===== Tabs: siempre visibles, sin scroll horizontal ===== */
+.admin-drawer-tabs.admin-node-editor-tabs {
+  display: grid !important;
+  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
+  gap: 8px !important;
+  padding: 10px 16px !important;
+  margin: 0 !important;
+  overflow: visible !important;
+  border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
+  background: rgba(2, 6, 23, 0.32) !important;
+}
+
+.admin-node-editor-tabs .admin-drawer-tab {
+  width: 100% !important;
+  min-width: 0 !important;
+  min-height: 34px !important;
+  height: 34px !important;
+  padding: 0 8px !important;
+  border-radius: 999px !important;
+  font-size: 11px !important;
+  font-weight: 950 !important;
+  white-space: nowrap !important;
+  overflow: hidden !important;
+  text-overflow: ellipsis !important;
+}
+
+@media (min-width: 760px) {
+  .admin-drawer-tabs.admin-node-editor-tabs {
+    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
+  }
+
+  .admin-node-editor-tabs .admin-drawer-tab {
+    font-size: 12px !important;
+    padding: 0 10px !important;
+  }
+}
+
+/* ===== Más espacio útil para el cuerpo ===== */
+.admin-drawer-body--modern {
+  max-height: calc(100vh - 250px) !important;
+  overflow: auto !important;
+}
+
+@media (min-width: 760px) {
+  .admin-drawer-body--modern {
+    max-height: calc(100vh - 230px) !important;
+  }
+}
+
+/* ===== Cabecera de la pestaña Juego: que no aplaste y no se corte ===== */
+.admin-family-config-section .admin-edit-section-head {
+  display: grid !important;
+  grid-template-columns: minmax(0, 1fr) auto !important;
+  gap: 10px !important;
+  align-items: start !important;
+}
+
+.admin-family-config-section .admin-edit-section-head > strong {
+  grid-column: 1 !important;
+  align-self: center !important;
+}
+
+.admin-family-config-section .admin-edit-section-head > span {
+  grid-column: 2 !important;
+  justify-self: end !important;
+  align-self: center !important;
+  font-size: 12px !important;
+  text-align: right !important;
+  max-width: 120px !important;
+}
+
+.admin-family-config-section .admin-game-editor-help {
+  grid-column: 1 / -1 !important;
+  min-width: 0 !important;
+  margin: 0 !important;
+  padding: 14px 16px !important;
+  font-size: 12px !important;
+  line-height: 1.45 !important;
+}
+
+.admin-game-catalog-grid {
+  margin-top: 10px !important;
+}
+
+/* ===== Evitar solapes raros heredados ===== */
+.admin-drawer-head-copy,
+.admin-drawer-head--modern > *,
+.admin-node-editor-kicker-row > *,
+.admin-node-editor-title-row > * {
+  position: static !important;
+}
+
+.admin-drawer-head--modern button,
+.admin-drawer-tabs button {
+  transform: none !important;
+}
+
+
+/* admin-game-header-compact-v2 */
+.admin-family-config-section .admin-edit-section-head {
+  display: grid !important;
+  grid-template-columns: minmax(0, 1fr) auto !important;
+  gap: 8px !important;
+  align-items: center !important;
+}
+
+.admin-family-config-section .admin-edit-section-head > strong {
+  grid-column: 1 !important;
+  font-size: 14px !important;
+}
+
+.admin-game-selected-pill,
+.admin-family-config-section .admin-edit-section-head > span {
+  grid-column: 2 !important;
+  justify-self: end !important;
+  display: inline-flex !important;
+  align-items: center !important;
+  min-height: 28px !important;
+  max-width: 190px !important;
+  padding: 0 10px !important;
+  border-radius: 999px !important;
+  background: rgba(15, 23, 42, 0.58) !important;
+  border: 1px solid rgba(148, 163, 184, 0.14) !important;
+  color: #cbd5e1 !important;
+  font-size: 11px !important;
+  font-weight: 900 !important;
+  text-align: right !important;
+  white-space: nowrap !important;
+  overflow: hidden !important;
+  text-overflow: ellipsis !important;
+}
+
+.admin-family-config-section .admin-game-editor-help {
+  grid-column: 1 / -1 !important;
+  margin: 0 !important;
+  padding: 7px 10px !important;
+  border-radius: 12px !important;
+  font-size: 11px !important;
+  line-height: 1.25 !important;
+  font-weight: 800 !important;
+  background: rgba(14, 165, 233, 0.08) !important;
+  border: 1px solid rgba(56, 189, 248, 0.16) !important;
+  color: #bae6fd !important;
+}
+
+.admin-game-catalog-grid {
+  margin-top: 8px !important;
+}
+
+
+/* admin-final-game-help-compact-v1 */
+.admin-family-config-section .admin-game-editor-help {
+  grid-column: 1 / -1 !important;
+  width: auto !important;
+  max-width: none !important;
+  margin: 0 !important;
+  padding: 7px 10px !important;
+  border-radius: 12px !important;
+  font-size: 11px !important;
+  line-height: 1.25 !important;
+  font-weight: 800 !important;
+  background: rgba(14, 165, 233, 0.07) !important;
+  border: 1px solid rgba(56, 189, 248, 0.14) !important;
+  color: #bae6fd !important;
+}
+
+.admin-family-config-section .admin-edit-section-head {
+  gap: 8px !important;
+}
+
+.admin-game-selected-pill,
+.admin-family-config-section .admin-edit-section-head > span {
+  max-width: 190px !important;
+  min-height: 28px !important;
+  padding: 0 10px !important;
+  font-size: 11px !important;
+}