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/GoldForm.tsx

@@ -3,8 +3,9 @@
 import { useState } from 'react'
 import { useTranslations } from 'next-intl'
 import type { GoldOption } from '@/lib/prices'
+import { CharacterSelect, type CharOption } from '@/components/CharacterSelect'
 
-export function GoldForm({ characters, options }: { characters: string[]; options: GoldOption[] }) {
+export function GoldForm({ characters, options }: { characters: CharOption[]; options: GoldOption[] }) {
   const t = useTranslations('Services')
   const tp = useTranslations('Paid')
   const [character, setCharacter] = useState('')
@@ -41,10 +42,7 @@ export function GoldForm({ characters, options }: { characters: string[]; option
   return (
     <div className="centered">
       <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 />
         <select value={amount} onChange={(e) => setAmount(e.target.value)} required>
           <option value="" disabled>{tp('gold.selectAmount')}</option>