Fase 3 (isla reutilizable): servicios de personaje de pago; aplica a rename

Componente genérico CharacterPurchaseForm (selector de personaje + botón con precio)
+ entry character_purchase, configurable por data-* en la plantilla. Al enviar, la
vista devuelve {session_id, stripe_public_key} y se redirige al Checkout de Stripe
(helper stripe.ts que carga Stripe.js). Reutilizable por rename/customize/race/
faction/level/gold/transfer... cambiando solo los data-* y la lista de personajes
(json_script). Primer uso: rename_character.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

frontend/src/stripe.ts

@@ -0,0 +1,47 @@
+interface StripeInstance {
+  redirectToCheckout: (opts: { sessionId: string }) => Promise<{ error?: { message: string } }>
+}
+
+declare global {
+  interface Window {
+    Stripe?: (key: string) => StripeInstance
+  }
+}
+
+const SCRIPT_ID = 'stripe-js'
+
+/**
+ * Carga Stripe.js (una vez) y redirige al Checkout con el session_id dado.
+ * Rechaza si Stripe no carga o devuelve error.
+ */
+export function redirectToStripeCheckout(publicKey: string, sessionId: string): Promise<void> {
+  return new Promise((resolve, reject) => {
+    function go() {
+      if (!window.Stripe) return reject(new Error('Stripe no está disponible'))
+      const stripe = window.Stripe(publicKey)
+      stripe
+        .redirectToCheckout({ sessionId })
+        .then((r) => (r.error ? reject(new Error(r.error.message)) : resolve()))
+        .catch(reject)
+    }
+
+    if (window.Stripe) return go()
+
+    if (!document.getElementById(SCRIPT_ID)) {
+      const s = document.createElement('script')
+      s.id = SCRIPT_ID
+      s.src = 'https://js.stripe.com/v3/'
+      document.head.appendChild(s)
+    }
+    let waited = 0
+    const iv = window.setInterval(() => {
+      if (window.Stripe) {
+        window.clearInterval(iv)
+        go()
+      } else if ((waited += 150) > 8000) {
+        window.clearInterval(iv)
+        reject(new Error('No se pudo cargar Stripe.'))
+      }
+    }, 150)
+  })
+}