Permitir pagar los servicios con PD, Stripe o SumUp (elección)

Los 9 servicios con precio en euros (rename, customize, change-race,
change-faction, level-up, gold, transfer, restore-item, send-gift) ahora
ofrecen un selector de forma de pago con las 3 opciones: saldo PD, tarjeta
(Stripe) o tarjeta (SumUp).

- lib/dpoints: spendDPoints() descuenta PD de forma atómica (FOR UPDATE).
- lib/pay-with-dpoints: paga con saldo PD, ejecuta la acción al momento y
  reembolsa si la ejecución falla; 100 PD = 1 €.
- rutas checkout (character/[service] y gift): rama provider='pd' que valida
  saldo, descuenta, ejecuta fulfill y devuelve la URL de éxito (sin pasarela).
- service-success: rama provider='pd' (la entrega ya se hizo en el checkout).
- PaymentMethodSelect: componente compartido con coste por método y saldo;
  desactiva PD si no hay saldo suficiente.
- Formularios (PaidServiceForm, Gold, Transfer, RestoreItems, SendGift) y sus
  páginas pasan el saldo PD y envían el método elegido + locale.
- i18n: namespace Pay (es/en); añadidas claves Paid.restore-item que faltaban.

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

web-next/app/globals.css

@@ -482,3 +482,37 @@ textarea:focus {
   .twofa-login-info { display: flex; flex-direction: column-reverse; align-items: center; }
   .twofa-login-preview { float: none; display: block; clear: both; margin: 10px auto 8px auto; max-width: 90vw; }
 }
+
+/* ==== Selector de forma de pago (PD / Stripe / SumUp) ==== */
+.pay-method-select { margin: 10px auto 4px auto; max-width: 560px; }
+.pay-method-options {
+  display: flex;
+  gap: 10px;
+  justify-content: center;
+  flex-wrap: wrap;
+  margin: 8px 0;
+}
+.pay-method-option {
+  flex: 1 1 150px;
+  min-width: 140px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  padding: 12px 10px;
+  cursor: pointer;
+  border: 2px solid #352e2b;
+  border-radius: 8px;
+  background: rgba(0, 0, 0, 0.25);
+  transition: border-color .25s, background .25s;
+}
+.pay-method-option:hover { border-color: #6b5a4e; }
+.pay-method-option.selected {
+  border-color: #d79602;
+  background: rgba(215, 150, 2, 0.10);
+}
+.pay-method-option.disabled { cursor: not-allowed; opacity: .55; }
+.pay-method-option input[type='radio'] { accent-color: #d79602; }
+.pay-method-label { color: #ebdec2; font-weight: bold; }
+.pay-method-sub { font-size: 13px; }
+.pay-method-balance { margin-top: 2px; font-size: 13px; }