web-next: selector de personaje coloreado + rediseño unstuck + fixes vote/account-info

- CharacterSelect: componente reutilizable que colorea las opciones por clase
  (class="priest big-font"…) y el <select> con la clase seleccionada. Usado en
  unstuck, revive, gold, transfer, trade-points, servicios de pago y recruit.
  getGameCharacters ahora devuelve classCss.
- /unstuck (+revive): diseño del original (info + NOTA, prompt, opciones coloreadas,
  botón "Desbloqueado"/"Revivido" con refresh).
- /vote-points: seed de los 4 sitios con logos y URLs (sql/seed_votesites.sql);
  botón voted-button para sitios en cooldown; etiqueta "Nota:" separada.
- account-info.png (imagen nueva) y CSS de los paneles de cuenta: se añade
  background-blend-mode: saturation y background-size en #account-settings y
  .account-fieldset para que la imagen salga como el original.

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

web-next/components/PaidServiceForm.tsx

@@ -2,9 +2,10 @@
 
 import { useState } from 'react'
 import { useTranslations } from 'next-intl'
+import { CharacterSelect, type CharOption } from '@/components/CharacterSelect'
 
 interface Props {
-  characters: string[]
+  characters: CharOption[]
   checkoutEndpoint: string
   payLabel: string // ya formateado con el precio
   buttonClass?: string
@@ -51,16 +52,7 @@ export function PaidServiceForm({ characters, checkoutEndpoint, payLabel, button
       <p>{t('choose')}</p>
       <br />
       <form onSubmit={handleSubmit} acceptCharset="utf-8">
-        <select value={character} onChange={(e) => setCharacter(e.target.value)} required>
-          <option value="" disabled>
-            {t('selectCharacter')}
-          </option>
-          {characters.map((c) => (
-            <option key={c} value={c}>
-              {c}
-            </option>
-          ))}
-        </select>
+        <CharacterSelect characters={characters} value={character} onChange={setCharacter} placeholder={t('selectCharacter')} />
         <br />
         <button type="submit" className={buttonClass} disabled={busy || !character}>
           {busy ? t('processing') : payLabel}