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

@@ -56,7 +56,7 @@ export function VotePanel({ sites, canVote }: { sites: VoteSiteStatus[]; canVote
         {/* eslint-disable-next-line @next/next/no-img-element */}
         <img className="refresh-icon" src={REFRESH_ICON} title={t('refresh')} alt={t('refresh')} />
       </button>
-      <p><span>{t('note')}</span></p>
+      <p><span>{t('noteLabel')}</span> {t('note')}</p>
       <br />
 
       {sites.map((s) => {
@@ -78,28 +78,31 @@ export function VotePanel({ sites, canVote }: { sites: VoteSiteStatus[]; canVote
                 <tr><td className="lefted">{t('pv')}: <span>{s.points}</span></td></tr>
                 <tr>
                   <td className="lefted small-font third-brown">
-                    {s.lastVoteAt ? t('lastVote', { date: new Date(s.lastVoteAt).toLocaleString(locale) }) : t('neverVoted')}
+                    {s.lastVoteAt ? t('lastVote', { date: new Date(s.lastVoteAt).toLocaleString(locale) }) : ''}
                   </td>
                 </tr>
                 <tr><td><hr /></td></tr>
                 <tr>
                   <td>
-                    {canVote ? (
+                    {!canVote ? (
+                      <a className="vote-button" href={s.url} target="_blank" rel="noopener noreferrer">
+                        {t('vote')}
+                      </a>
+                    ) : isVoted || s.onCooldown ? (
+                      <button type="button" name="vote" className="voted-button" disabled>
+                        {t('voted')}
+                      </button>
+                    ) : (
                       <button
                         type="button"
                         name="vote"
                         className="vote-button"
                         value={s.url}
                         onClick={() => vote(s)}
-                        disabled={busyId !== null || isVoted}
-                        style={isVoted ? { color: '#d79602' } : undefined}
+                        disabled={busyId !== null}
                       >
-                        {isVoted ? t('voted') : busyId === s.id ? t('voting') : t('vote')}
+                        {busyId === s.id ? t('voting') : t('vote')}
                       </button>
-                    ) : (
-                      <a className="vote-button" href={s.url} target="_blank" rel="noopener noreferrer">
-                        {t('vote')}
-                      </a>
                     )}
                   </td>
                 </tr>