EL TIBURÓN TUNTUN
ARPONLIKE
· LA VENGANZA ·
▶ PULSA START
{onContinue &&
↺ CONTINUAR PARTIDA}
{onContinue ? 'NUEVA PARTIDA' : 'START'}
◈ TESORO ABISAL
📖 BESTIARIO
★ LOGROS
{/* TEMPORADAS — dos campañas; la T2 se desbloquea al ganar la T1 */}
TEMPORADA 1 · EL DESCENSO · actos I–VI
{t2 ? 'TEMPORADA 2 · BANCOS MUTANTES' : '🔒 TEMPORADA 2 · ???'} · actos VII–X
roguelike de arpón · pesca tu turno{t2 ? ' · 2 temporadas' : ''}
);
}
/* ---------------- CHARACTER SELECT ---------------- */
function CharacterSelect({ onChoose, onMeta, onBack }) {
const chars = window.GAME.CHARS;
const unlocked = window.GAME.getUnlocked();
const isUnlocked = (id) => unlocked.includes(id);
const firstUnlockedIdx = chars.findIndex(c => isUnlocked(c.id));
const [sel, setSel] = useState(firstUnlockedIdx < 0 ? 0 : firstUnlockedIdx);
const [tier, setTier] = useState(0);
const season1Cleared = !!(window.GAME.loadProfile().season1Cleared); // TEMPORADA 2 desbloqueada
const [season, setSeason] = useState(1);
const c = chars[sel];
const selUnlocked = isUnlocked(c.id);
const perlas = window.GAME.getPerlas();
const best = window.GAME.getAmenaza(c.id); // highest cleared (-1 = none)
const maxSel = window.GAME.maxAmenazaSel(c.id); // can pick up to best+1
const curTier = Math.min(tier, maxSel);
const amInfo = window.GAME.amenaza(curTier);
return (
ELIGE TU CAZADOR
{perlas}
◈ TESORO
{chars.map((ch, i) => {
const unl = isUnlocked(ch.id);
return (
{ setSel(i); if (window.SFX) window.SFX.select(); }} className="col center panel"
style={{ width: 180, padding: 14, gap: 8, cursor:'pointer', position:'relative',
borderColor: sel===i ? '#ffd23f' : '#16242f',
boxShadow: sel===i ? '0 0 0 4px #ffd23f, inset 3px 3px 0 rgba(255,255,255,.08)' : undefined,
background: sel===i ? '#16344b' : '#13293d' }}>
{unl ? ch.name : '???'}
{unl ? ch.title : 'BLOQUEADO'}
{ch.maxHp}
{!unl &&
}
);})}
{/* detail */}
{selUnlocked ?
{c.blurb}
{c.style}
{c.passive}
{(() => { const h = window.GAME.harpoon(c.harpoon);
const hasArt = c.harpoonArt && window.SPRITES && window.SPRITES[c.harpoonArt];
return (
{hasArt ? : }
ARPÓN · {c.harpoonName || h.name}: {c.harpoonDesc || h.desc}
); })()}
{c.deck.map((id, i) => )}
: (
CÓMO DESBLOQUEAR
{c.unlock}
)}
{/* Amenaza (ascension) selector */}
AMENAZA:
{window.GAME.AMENAZA.map((d, i) => {
const locked = i > maxSel;
return (
{ if (!locked) { setTier(i); if (window.SFX) window.SFX.select && window.SFX.select(); } }}
className="col center" style={{ cursor: locked?'not-allowed':'pointer', gap:2, padding:'5px 11px', minWidth:34,
border:'3px solid '+(i===curTier?'#ff5a3c':'#16242f'), background: i===curTier?'#2a1414':'#13293d', opacity: locked?0.4:1 }}>
{locked?'🔒':i}
{i<=best && ✓}
);
})}
×{amInfo.mul.toFixed(2)} fuerza
{amInfo.rule}
{best >= 0 && · máx superada: A{best}}
{season1Cleared && (
{[{ s:1, label:'TEMPORADA 1 · El Descenso', color:'#ffd23f' }, { s:2, label:'TEMPORADA 2 · Bancos Mutantes', color:'#1fd6c0' }].map(o => (
{ setSeason(o.s); if (window.SFX) window.SFX.select && window.SFX.select(); }}
className="pix" style={{ cursor:'pointer', fontSize:9, padding:'7px 14px', lineHeight:1.5,
border:'3px solid '+(season===o.s?o.color:'#16242f'), background: season===o.s?'rgba(31,214,192,.12)':'#13293d',
color: season===o.s?o.color:'#9db8c9' }}>{o.label}
))}
)}
{/* footer FIJO — el botón de jugar siempre visible aunque el contenido sea alto */}
{onBack && ◀ VOLVER}
{onMeta && ◈ TESORO}
onChoose(c, curTier, season)}
style={{ fontSize: 17, padding:'15px 40px', boxShadow: selUnlocked ? '0 0 24px rgba(255,90,60,.5)' : undefined }}>
{selUnlocked ? (season===2 ? '▶ SURCAR LOS BANCOS' : '▶ EMPEZAR EL DESCENSO') : '🔒 BLOQUEADO'}
);
}
/* ---------------- REWARD ---------------- */
function RewardScreen({ run, type, choices, gold, cardDesign, onTake, onSkip }) {
const [taken, setTaken] = useState(false);
const isRelic = type === 'relic';
return (
{isRelic?'¡RELIQUIA!':'¡BOTÍN!'}
{gold>0 &&
+{gold} ORO
}
{isRelic?'Engancha UNA reliquia':'Engancha UN objeto para tu baraja'}
{choices.map((it, i) => (
{isRelic
? { setTaken(true); onTake(it); }} />
: { setTaken(true); onTake(it); }} />}
))}
);
}
/* ---------------- REST ---------------- */
function RestScreen({ run, onHeal, onRemove, onUpgrade, onDone }) {
const [mode, setMode] = useState('menu');
if (mode === 'remove') {
return