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

@@ -2,6 +2,7 @@
 
 import { useState } from 'react'
 import type { RecruitRewardView } from '@/lib/recruit-claim'
+import type { CharOption } from '@/components/CharacterSelect'
 
 const ICON_BASE = 'https://wotlk.ultimowow.com/static/images/wow/icons/tiny'
 
@@ -32,12 +33,13 @@ export function RecruitPanel({
   recruitedCount,
 }: {
   rewards: RecruitRewardView[]
-  characters: string[]
+  characters: CharOption[]
   level80Count: number
   isRecruited: boolean
   recruitedCount: number
 }) {
-  const [character, setCharacter] = useState(characters[0] ?? '')
+  const [character, setCharacter] = useState(characters[0]?.name ?? '')
+  const selectedCss = characters.find((c) => c.name === character)?.classCss
   const [busyId, setBusyId] = useState<number | null>(null)
   const [msg, setMsg] = useState<{ ok: boolean; text: string } | null>(null)
 
@@ -97,9 +99,9 @@ export function RecruitPanel({
       {characters.length > 0 && (
         <p className="lefted">
           Recibir recompensas en:{' '}
-          <select value={character} onChange={(e) => setCharacter(e.target.value)} className="account-select">
+          <select value={character} onChange={(e) => setCharacter(e.target.value)} className={['account-select', selectedCss].filter(Boolean).join(' ')}>
             {characters.map((c) => (
-              <option key={c} value={c}>{c}</option>
+              <option key={c.name} value={c.name} className={c.classCss ? `${c.classCss} big-font` : undefined}>{c.name}</option>
             ))}
           </select>
         </p>