\n \n \n Confirmar selección\n

\n \n

{name}

\n ¿Elegís a {name} como tu secreto?\n

\n No podrás cambiarlo luego.\n

\n \n \n

\n \n \n );\n}\n\nfunction GuessConfirmModal({ pkId, pkName, otherName, onConfirm, onCancel }) {\n return (\n

\n \n \n Confirmar adivinanza\n

\n ¿Estás seguro que este es el secreto de{\" \"}\n {otherName}?\n

\n \n \n {pkName}\n #{pkId}\n \n

\n \n \n No, aún no\n \n

\n \n \n );\n}\n\nfunction SecretWindow({ id, name, collapsed, onToggle }) {\n if (collapsed) {\n return (\n

\n \n \n {name}\n \n ▸\n

\n );\n }\n return (\n

\n \n Tu secreto\n

\n \n −\n \n

\n \n

{name}

#{id}

\n \n );\n}\n\nfunction PokemonInfoModal({ id, info, onClose }) {\n const loading = !info || info.loading;\n return (\n

\n e.stopPropagation()}\n style={{ maxWidth: 560 }}\n >\n

\n \n Info del Pokémon\n

\n \n ✕\n \n

\n {loading\n ? (\n

⏳

Cargando...\n

\n )\n : info.error\n ? (\n \n

⚠️

Error al cargar.\n

\n )\n : (\n <>\n \n \n \n \n

\n #{String(info.number).padStart(3, \"0\")} ·{\" \"}\n {GE[info.generation] || info.generation}\n

\n \n {info.name}\n

\n {info.types.map((t) => (\n \n {TE[t] || cap(t)}\n \n ))}\n

\n \n \n \n {info.evolutions.length <= 1\n ? \"Formas especiales\"\n : \"Cadena evolutiva\"}\n \n

\n {info.evolutions.map((stage, si) => (\n \n {si > 0 && (\n \n →\n

\n )}\n \n {stage.map((pk) => (\n \n

\n \n \n {cap(pk.name)}\n

\n \n {pk.varieties?.length > 0 && (\n \n {pk.varieties.map((v, vi) => (\n

\n \n {v.label}\n

\n \n \n ))}\n \n )}\n \n ))}\n \n \n ))}\n \n {info.evolutions.length <= 1 &&\n info.evolutions[0]?.[0]?.varieties?.length === 0 && (\n

\n Sin formas especiales.\n

\n )}\n \n )}\n \n \n \n );\n}\n\nfunction App() {\n const pid = useRef(mkId()).current;\n const pNumRef = useRef(null);\n const pollRef = useRef(null);\n const chatRef1 = useRef(null), chatRef2 = useRef(null);\n const prevPhRef = useRef(null);\n const pState = useRef(\"idle\"),\n pTimer = useRef(null),\n pPos = useRef(null),\n infoRef = useRef({});\n const [, forceInfo] = useState(0);\n\n const [homeStep, setHS] = useState(\"profile\");\n const [myTrainer, setMT] = useState(null);\n const [trainerTab, setTT] = useState(\"m\");\n const [screen, setSc] = useState(\"home\");\n const [myName, setMN] = useState(\"\");\n const [joinIn, setJI] = useState(\"\");\n const [code, setCode] = useState(\"\");\n const [pNum, setPNum] = useState(null);\n const [room, setRoom] = useState(null);\n const [elim, setElim] = useState(new Set());\n const [secret, setSec] = useState(null);\n const [chatIn, setCI] = useState(\"\");\n const [gMode, setGM] = useState(false);\n const [guessId, setGId] = useState(null);\n const [names, setNames] = useState({});\n const [err, setErr] = useState(\"\");\n const [busy, setBusy] = useState(false);\n const [chatOpen, setCO] = useState(false);\n const [sideCol, setSideCol] = useState(false);\n const [genFrom, setGF] = useState(1), genTo = useRef(9);\n const [lastSeen, setLS] = useState(0);\n const [confirmPk, setConfPk] = useState(null);\n const [previewId, setPrevId] = useState(null);\n const [pressingId, setPresId] = useState(null);\n const [secCollapsed, setSecCol] = useState(false);\n\n useEffect(() => {\n pNumRef.current = pNum;\n }, [pNum]);\n useEffect(() => () => clearInterval(pollRef.current), []);\n useEffect(() => {\n [chatRef1, chatRef2].forEach((r) => {\n if (r.current) r.current.scrollTop = r.current.scrollHeight;\n });\n }, [room?.messages?.length]);\n useEffect(() => {\n if (chatOpen && chatRef2.current) {\n chatRef2.current.scrollTop = chatRef2.current.scrollHeight;\n }\n }, [chatOpen]);\n useEffect(() => {\n if (screen === \"waiting\" && room?.phase === \"selecting\") setSc(\"game\");\n }, [room?.phase, screen]);\n useEffect(() => {\n if (chatOpen) setLS(room?.messages?.length || 0);\n }, [chatOpen, room?.messages?.length]);\n\n const fetchNames = async (ids) => {\n const res = await Promise.allSettled(\n ids.map((id) =>\n fetch(`https://pokeapi.co/api/v2/pokemon/${id}`).then((r) => r.json())\n .then((d) => [id, d.name[0].toUpperCase() + d.name.slice(1)]).catch(\n () => [id, `#${id}`]\n )\n ),\n );\n setNames((p) => {\n const n = { ...p };\n res.forEach((r) => {\n if (r.status === \"fulfilled\") n[r.value[0]] = r.value[1];\n });\n return n;\n });\n };\n\n const localReset = (newRoom, poke) => {\n setSec(null);\n setElim(new Set());\n setGM(false);\n setGId(null);\n setCI(\"\");\n setLS(0);\n setCO(false);\n setConfPk(null);\n setPrevId(null);\n setPresId(null);\n setSecCol(false);\n if (newRoom) setRoom(newRoom);\n if (poke) fetchNames(poke);\n };\n\n const startPoll = (c) => {\n clearInterval(pollRef.current);\n pollRef.current = setInterval(async () => {\n const r = await rGet(`room:${c}`);\n if (!r) return;\n if (r.phase === \"ended\" && r.rematch?.p1 && r.rematch?.p2) {\n if (pNumRef.current === 1) {\n const poke = pick40(r.genFrom || 1, r.genTo || 9);\n const u = {\n ...r,\n phase: \"selecting\",\n pokemon: poke,\n player1: { ...r.player1, ready: false, secret: null },\n player2: { ...r.player2, ready: false, secret: null },\n turn: \"player1\",\n waitingAnswer: false,\n messages: [],\n winner: null,\n rematch: { p1: false, p2: false },\n };\n await rSet(`room:${c}`, u);\n localReset(u, poke);\n }\n return;\n }\n if (prevPhRef.current === \"ended\" && r.phase === \"selecting\") {\n localReset(r, r.pokemon);\n prevPhRef.current = r.phase;\n return;\n }\n prevPhRef.current = r.phase;\n if (r.phase === \"selecting\" && r.player1?.ready && r.player2?.ready) {\n const u = { ...r, phase: \"playing\" };\n await rSet(`room:${c}`, u);\n setRoom(u);\n return;\n }\n setRoom(r);\n }, POLL);\n };\n\n const createRoom = async () => {\n if (!myName.trim()) return setErr(\"Ingresa tu nombre\");\n setBusy(true);\n setErr(\"\");\n const c = mkCode(), poke = pick40(genFrom, genTo.current);\n const data = {\n phase: \"waiting\",\n pokemon: poke,\n genFrom,\n genTo: genTo.current,\n player1: {\n id: pid,\n name: myName.trim(),\n trainer: myTrainer?.id || \"red\",\n ready: false,\n secret: null,\n },\n player2: null,\n turn: \"player1\",\n waitingAnswer: false,\n messages: [],\n winner: null,\n rematch: { p1: false, p2: false },\n };\n await rSet(`room:${c}`, data);\n setCode(c);\n setPNum(1);\n setRoom(data);\n setSc(\"waiting\");\n startPoll(c);\n fetchNames(poke);\n setBusy(false);\n };\n\n const joinRoom = async () => {\n if (!myName.trim()) return setErr(\"Ingresa tu nombre\");\n const c = joinIn.trim().toUpperCase();\n if (!c) return setErr(\"Ingresa codigo\");\n setBusy(true);\n setErr(\"\");\n const r = await rGet(`room:${c}`);\n if (!r) {\n setErr(\"Sala no encontrada\");\n setBusy(false);\n return;\n }\n if (r.player2) {\n setErr(\"Sala llena\");\n setBusy(false);\n return;\n }\n if (r.phase !== \"waiting\") {\n setErr(\"El juego ya empezo\");\n setBusy(false);\n return;\n }\n const u = {\n ...r,\n phase: \"selecting\",\n player2: {\n id: pid,\n name: myName.trim(),\n trainer: myTrainer?.id || \"leaf\",\n ready: false,\n secret: null,\n },\n };\n await rSet(`room:${c}`, u);\n setCode(c);\n setPNum(2);\n setRoom(u);\n setSc(\"game\");\n startPoll(c);\n fetchNames(r.pokemon);\n setBusy(false);\n };\n\n const selectSecret = async (id) => {\n if (secret !== null) return;\n const pk = pNumRef.current === 1 ? \"player1\" : \"player2\";\n setSec(id);\n const r = await rGet(`room:${code}`);\n if (!r) return;\n const u = { ...r, [pk]: { ...r[pk], ready: true, secret: id } };\n if (u.player1?.ready && u.player2?.ready) u.phase = \"playing\";\n await rSet(`room:${code}`, u);\n setRoom(u);\n };\n\n const fetchAndPreview = async (id) => {\n setPrevId(id);\n if (infoRef.current[id]) return;\n infoRef.current[id] = { loading: true };\n forceInfo((v) => v + 1);\n try {\n const [pk, sp] = await Promise.all([\n fetch(`https://pokeapi.co/api/v2/pokemon/${id}`).then((r) => r.json()),\n fetch(`https://pokeapi.co/api/v2/pokemon-species/${id}`).then((r) =>\n r.json()\n ),\n ]);\n const ch = await fetch(sp.evolution_chain.url).then((r) => r.json());\n const stages = flattenChain(ch.chain);\n const specRes = await Promise.allSettled(\n stages.flat().map((p) =>\n fetch(`https://pokeapi.co/api/v2/pokemon-species/${p.id}`).then((r) =>\n r.json()\n )\n ),\n );\n let idx = 0;\n const enriched = stages.map((stage) =>\n stage.map((pke) => {\n const res = specRes[idx++];\n const varieties = res.status === \"fulfilled\"\n ? res.value.varieties.filter((v) => !v.is_default).map((v) => ({\n name: v.pokemon.name,\n id: exId(v.pokemon.url),\n cat: varCat(v.pokemon.name),\n label: varLabel(v.pokemon.name),\n })).filter((v) => v.cat !== \"other\")\n : [];\n return { ...pke, varieties };\n })\n );\n const name = sp.names.find((n) => n.language.name === \"en\")?.name ||\n cap(pk.name);\n infoRef.current[id] = {\n types: pk.types.map((t) => t.type.name),\n generation: sp.generation.name,\n number: sp.id,\n name,\n evolutions: enriched,\n };\n } catch {\n infoRef.current[id] = { error: true };\n }\n forceInfo((v) => v + 1);\n };\n\n const onPkDown = (e, id) => {\n pState.current = \"pending\";\n pPos.current = { x: e.clientX, y: e.clientY };\n setPresId(id);\n pTimer.current = setTimeout(() => {\n pState.current = \"long\";\n setPresId(null);\n fetchAndPreview(id);\n }, 500);\n };\n const onPkMove = (e) => {\n if (pState.current !== \"pending\" || !pPos.current) return;\n if (\n Math.hypot(e.clientX - pPos.current.x, e.clientY - pPos.current.y) > 12\n ) {\n clearTimeout(pTimer.current);\n pState.current = \"cancelled\";\n pPos.current = null;\n setPresId(null);\n }\n };\n const onPkUp = (e, id) => {\n clearTimeout(pTimer.current);\n setPresId(null);\n if (pState.current === \"pending\") handleCard(id);\n pState.current = \"idle\";\n pPos.current = null;\n };\n const onPkLeave = () => {\n clearTimeout(pTimer.current);\n pState.current = \"idle\";\n pPos.current = null;\n setPresId(null);\n };\n\n const handleCard = (id) => {\n if (phase === \"selecting\" && !secret) {\n setConfPk(id);\n return;\n }\n if (phase !== \"playing\") return;\n if (gMode) { if (id !== secret) setGId(id); }\n else {setElim((p) => {\n const n = new Set(p);\n n.has(id) ? n.delete(id) : n.add(id);\n return n;\n });}\n };\n const sendMsg = async () => {\n if (!chatIn.trim()) return;\n const pk = pNumRef.current === 1 ? \"player1\" : \"player2\";\n const r = await rGet(`room:${code}`);\n if (!r) return;\n await rSet(`room:${code}`, {\n ...r,\n messages: [...r.messages, {\n from: pk,\n name: myName,\n type: \"chat\",\n text: chatIn.trim(),\n ts: Date.now(),\n }],\n });\n setCI(\"\");\n };\n const sendQ = async () => {\n if (!chatIn.trim() || !canAsk) return;\n const pk = pNumRef.current === 1 ? \"player1\" : \"player2\";\n const r = await rGet(`room:${code}`);\n if (!r) return;\n await rSet(`room:${code}`, {\n ...r,\n messages: [...r.messages, {\n from: pk,\n name: myName,\n type: \"q\",\n text: chatIn.trim(),\n ts: Date.now(),\n }],\n waitingAnswer: true,\n });\n setCI(\"\");\n };\n const sendA = async (text, val) => {\n const pk = pNumRef.current === 1 ? \"player1\" : \"player2\";\n const r = await rGet(`room:${code}`);\n if (!r) return;\n const nt = r.turn === \"player1\" ? \"player2\" : \"player1\";\n await rSet(`room:${code}`, {\n ...r,\n messages: [...r.messages, {\n from: pk,\n name: myName,\n type: \"a\",\n text,\n val,\n ts: Date.now(),\n }],\n waitingAnswer: false,\n turn: nt,\n });\n };\n const makeGuess = async (id) => {\n const pk = pNumRef.current === 1 ? \"player1\" : \"player2\";\n const ok = pNumRef.current === 1 ? \"player2\" : \"player1\";\n const r = await rGet(`room:${code}`);\n if (!r) return;\n const correct = r[ok]?.secret === id;\n const u = {\n ...r,\n messages: [...r.messages, {\n from: pk,\n name: myName,\n type: \"guess\",\n text: `Adivina: ${names[id] || \"#\" + id}`,\n correct,\n ts: Date.now(),\n }],\n };\n if (correct) {\n u.phase = \"ended\";\n u.winner = pk;\n } else {\n u.waitingAnswer = false;\n u.turn = r.turn === \"player1\" ? \"player2\" : \"player1\";\n }\n await rSet(`room:${code}`, u);\n setRoom(u);\n setGM(false);\n setGId(null);\n };\n const requestRematch = async () => {\n const pk = pNumRef.current === 1 ? \"p1\" : \"p2\";\n const r = await rGet(`room:${code}`);\n if (!r) return;\n const u = { ...r, rematch: { ...r.rematch, [pk]: true } };\n await rSet(`room:${code}`, u);\n setRoom(u);\n };\n const exitRoom = () => {\n clearInterval(pollRef.current);\n prevPhRef.current = null;\n setSc(\"home\");\n setHS(\"profile\");\n setRoom(null);\n setElim(new Set());\n setSec(null);\n setGM(false);\n setGId(null);\n setCI(\"\");\n setCode(\"\");\n setPNum(null);\n setErr(\"\");\n setConfPk(null);\n setPrevId(null);\n };\n\n const pKey = pNum === 1 ? \"player1\" : \"player2\",\n oKey = pNum === 1 ? \"player2\" : \"player1\",\n phase = room?.phase,\n myTurn = !!pNum && room?.turn === pKey;\n const canAsk = myTurn && !room?.waitingAnswer && phase === \"playing\",\n canAns = !myTurn && !!room?.waitingAnswer && phase === \"playing\";\n const pokemon = room?.pokemon || [], msgs = room?.messages || [];\n const myN = pNum === 1 ? room?.player1?.name : room?.player2?.name,\n otN = pNum === 1 ? room?.player2?.name : room?.player1?.name;\n const myTrObj = getTrainer(\n pNum === 1 ? room?.player1?.trainer : room?.player2?.trainer,\n ),\n otTrObj = getTrainer(\n pNum === 1 ? room?.player2?.trainer : room?.player1?.trainer,\n );\n const secName = secret ? (names[secret] || `#${secret}`) : null,\n oSecId = room?.[oKey]?.secret,\n isWinner = room?.winner === pKey;\n const myRM = pNum === 1 ? room?.rematch?.p1 : room?.rematch?.p2,\n otRM = pNum === 1 ? room?.rematch?.p2 : room?.rematch?.p1,\n unread = msgs.slice(lastSeen).filter((m) => m.from !== pKey).length;\n\n const msgBubble = (m) => {\n const isMe = m.from === pKey;\n if (m.type === \"q\") {\n return {\n bg: \"rgba(249,196,0,.18)\",\n border: \"0.5px solid rgba(249,196,0,.55)\",\n label: \"PREGUNTA\",\n lc: \"#b07d00\",\n };\n }\n if (m.type === \"a\") {\n return m.val === \"si\"\n ? {\n bg: \"var(--color-background-success)\",\n border: \"0.5px solid var(--color-border-success)\",\n label: \"SÍ\",\n lc: \"var(--color-text-success)\",\n }\n : {\n bg: \"var(--color-background-danger)\",\n border: \"0.5px solid var(--color-border-danger)\",\n label: \"NO\",\n lc: \"var(--color-text-danger)\",\n };\n }\n if (m.type === \"guess\") {\n return m.correct\n ? {\n bg: \"var(--color-background-success)\",\n border: \"0.5px solid var(--color-border-success)\",\n label: \"✓ CORRECTO\",\n lc: \"var(--color-text-success)\",\n }\n : {\n bg: \"var(--color-background-danger)\",\n border: \"0.5px solid var(--color-border-danger)\",\n label: \"✗ INCORRECTO\",\n lc: \"var(--color-text-danger)\",\n };\n }\n return isMe\n ? {\n bg: \"var(--color-background-info)\",\n border: \"0.5px solid var(--color-border-tertiary)\",\n label: null,\n }\n : {\n bg: \"var(--color-background-secondary)\",\n border: \"0.5px solid var(--color-border-tertiary)\",\n label: null,\n };\n };\n\n let statusLabel = \"\";\n if (phase === \"selecting\") {\n statusLabel = !secret\n ? \"Click para elegir · Mantener para ver info\"\n : `${secName} elegido — esperando a ${otN || \"rival\"}...`;\n } else if (phase === \"playing\") {\n statusLabel = gMode\n ? \"ADIVINANZA — click en el Pokémon del rival\"\n : canAsk\n ? \"Tu turno — preguntá o adiviná\"\n : canAns\n ? `${otN} preguntó — ¡respondé! `\n : `Turno de ${otN}...`;\n }\n\n const renderChat = (ref) => (\n <>\n \n {msgs.length === 0 && (\n

\n {phase === \"selecting\"\n ? \"Podés chatear mientras eligen.\"\n : phase === \"playing\"\n ? (myTurn ? \"Es tu turno!\" : (\"Esperando a \" + otN + \"...\"))\n : \" \"}\n

\n )}\n {msgs.map((m, i) => {\n const isMe = m.from === pKey, s = msgBubble(m);\n return (\n \n {m.name}\n \n {s.label && (\n \n {s.label}\n \n )}\n {m.text}\n \n \n );\n })}\n \n

\n {phase === \"selecting\" && (\n \n {secret ? `${secName} elegido.` : \"Hacé click en un Pokémon\"}\n

\n )}\n {canAns && (\n

\n sendA(\"Sí!\", \"si\")}\n >\n Sí!\n \n sendA(\"No\", \"no\")}\n >\n No\n \n

\n )}\n {(phase === \"playing\" || phase === \"selecting\") && (\n <>\n setCI(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\" && !e.shiftKey) {\n e.preventDefault();\n canAsk ? sendQ() : sendMsg();\n }\n }}\n />\n

\n \n Enviar\n \n {canAsk && !gMode && (\n <>\n \n Preguntar\n \n setGM(true)}\n >\n Adivinar\n \n \n )}\n {canAsk && gMode && (\n setGM(false)}\n >\n Cancelar\n \n )}\n

\n \n )}\n

\n \n );\n\n if (screen === \"home\") {\n return (\n <>\n \n \n \n

\n \n \n \n \n \n \n \n \n

Pokémon: Quién es Quién

\n Adivina el Pokémon secreto de tu rival\n

\n {homeStep === \"profile\" && (\n

\n TU NOMBRE\n {\n setMN(e.target.value);\n setErr(\"\");\n }}\n onKeyDown={(e) =>\n e.key === \"Enter\" && myTrainer && myName.trim() &&\n setHS(\"lobby\")}\n />\n \n ELIGE TU ENTRENADOR\n \n \n {[{ v: \"m\", l: \"Varones\" }, { v: \"f\", l: \"Mujeres\" }].map(\n (t) => (\n setTT(t.v)}\n className=\"btn\"\n style={{\n flex: 1,\n borderRadius: 0,\n background: trainerTab === t.v ? RED : \"transparent\",\n color: trainerTab === t.v\n ? \"#fff\"\n : \"var(--color-text-secondary)\",\n }}\n >\n {t.l}\n \n )\n )}\n

\n {TRAINERS.filter((t) => t.gender === trainerTab).map((t) => (\n setMT(t)}\n >\n

\n {t.name}\n

\n ))}\n \n {err && (\n \n {err}\n

\n )}\n {\n if (!myName.trim()) return setErr(\"Ingresá tu nombre\");\n if (!myTrainer) return setErr(\"Elegí un entrenador\");\n setHS(\"lobby\");\n setErr(\"\");\n }}\n >\n Siguiente →\n \n \n )}\n {homeStep === \"lobby\" && (\n

\n \n

{myName}

\n Entrenador: {myTrainer?.name}\n

\n setHS(\"profile\")}\n className=\"btn btn-out p-8\"\n style={{ width: \"auto\" }}\n >\n Cambiar\n \n

\n \n GENERACIONES (CREAR SALA)\n \n

\n Desde\n {\n const v = +e.target.value;\n setGF(v);\n if (v > genTo.current) genTo.current = v;\n }}\n >\n {GENS.map((g) => (\n \n ))}\n \n hasta\n genTo.current = +e.target.value}\n >\n {GENS.filter((g) => g.gen >= genFrom).map((g) => (\n \n ))}\n \n

\n Pool:{\" \"}\n \n {GENS[genTo.current - 1].to - GENS[genFrom - 1].from + 1}\n {\" \"}\n Pokémon · Gen {genFrom}\n {genFrom !== genTo.current ? ` a ${genTo.current}` : \"\"}\n

\n {err && (\n \n {err}\n

\n )}\n \n {busy ? \"Creando sala...\" : \"+ Crear sala nueva\"}\n \n

\n o unite a una sala\n

\n {\n setJI(e.target.value.toUpperCase());\n setErr(\"\");\n }}\n maxLength={5}\n onKeyDown={(e) => e.key === \"Enter\" && joinRoom()}\n />\n \n {busy ? \"Uniéndome...\" : \"Unirme a la sala\"}\n \n

\n )}\n

\n \n );\n }\n\n if (screen === \"waiting\") {\n return (\n <>\n \n

\n \n {myTrainer && (\n \n )}\n

Esperando rival...

\n Compartile este código a tu amigo:\n

\n \n {code}\n

\n Gen {room?.genFrom || 1}\n {room?.genFrom !== room?.genTo\n ? ` — Gen ${room?.genTo || 9}`\n : \"\"} · {pokemon.length} Pokémon\n

\n \n \n \n \n );\n }\n\n return (\n <>\n \n

\n \n

\n {myTrObj && (\n \n )}\n {myN}\n

\n \n {statusLabel}\n \n

\n {otN || \"?\"}\n {otTrObj && (\n \n )}\n

\n\n

\n {phase === \"selecting\" && !secret && (\n \n Click para elegir tu secreto · Mantener ~0.5s para ver info\n

\n )}\n {phase === \"selecting\" && secret && (\n \n {secName} elegido — esperando rival...\n

\n )}\n {gMode && (\n \n MODO ADIVINANZA — click en el Pokémon del rival\n

\n )}\n {phase === \"playing\" && !gMode && (\n

\n Click para tachar/destachar · Mantener para ver info\n

\n )}\n\n

\n {pokemon.map((id) => {\n const isElim = elim.has(id),\n isPressing = pressingId === id,\n clickable = phase === \"selecting\" || phase === \"playing\";\n return (\n onPkDown(e, id)}\n onPointerMove={onPkMove}\n onPointerUp={(e) => onPkUp(e, id)}\n onPointerLeave={onPkLeave}\n onPointerCancel={onPkLeave}\n onContextMenu={(e) => e.preventDefault()}\n style={{\n background: \"var(--color-background-secondary)\",\n border: `0.5px solid ${\n gMode\n ? \"var(--color-border-info)\"\n : \"var(--color-border-tertiary)\"\n }`,\n cursor: clickable ? \"pointer\" : \"default\",\n }}\n >\n \n \n {names[id] || `#${id}`}\n

\n {isElim && (\n \n \n \n )}\n \n );\n })}\n \n \n \n\n

\n {!sideCol && Chat}\n setSideCol((p) => !p)}\n className=\"btn btn-out p-8\"\n style={{ width: \"auto\" }}\n >\n {sideCol ? \"›\" : \"‹\"}\n \n

\n {!sideCol && renderChat(chatRef1)}\n

\n \n\n {secret && phase !== \"selecting\" && (\n setSecCol((p) => !p)}\n />\n )}\n\n \n\n

\n Chat\n {canAns && (\n \n ¡Respondé!\n \n )}\n {canAsk && (\n \n Tu turno\n \n )}\n

\n setCO(false)}\n >\n Cerrar\n \n

\n {renderChat(chatRef2)}\n

\n\n {phase === \"ended\" && (\n

\n \n

\n {isWinner ? \"🏆\" : \"😢\"}\n

\n \n {isWinner ? \"¡Ganaste!\" : \"Perdiste...\"}\n \n

\n {isWinner\n ? `Adivinaste el Pokémon de ${otN}`\n : `${otN} adivinó tu Pokémon`}\n

\n {oSecId && (\n \n {[{\n trObj: myTrObj,\n n: myN,\n pkId: secret,\n pkName: secName,\n label: \"Tu secreto\",\n }, {\n trObj: otTrObj,\n n: otN,\n pkId: oSecId,\n pkName: names[oSecId] || `#${oSecId}`,\n label: `Secreto de ${otN}`,\n }].map((p, i) => (\n \n {i === 1 && (\n \n VS\n

\n )}\n

\n \n {p.label}\n

\n {p.trObj && (\n \n )}\n

\n \n

{p.pkName}

#{p.pkId}

\n \n \n ))}\n \n )}\n

\n {!myRM\n ? (\n \n )\n : (\n \n {otRM ? \"Reiniciando...\" : `Esperando a ${otN}...`}\n

\n )}\n \n \n \n \n )}\n\n {confirmPk !== null && (\n {\n selectSecret(confirmPk);\n setConfPk(null);\n }}\n onCancel={() => setConfPk(null)}\n />\n )}\n {guessId !== null && (\n makeGuess(guessId)}\n onCancel={() => setGId(null)}\n />\n )}\n {previewId !== null && (\n setPrevId(null)}\n />\n )}\n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(request) {\n const url = new URL(request.url);\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n\n if (url.pathname === \"/get\") {\n const k = url.searchParams.get(\"k\");\n try {\n const data = await blob.getJSON(k);\n return Response.json(data);\n } catch {\n return Response.json(null);\n }\n }\n if (url.pathname === \"/set\") {\n const k = url.searchParams.get(\"k\");\n const v = await request.json();\n await blob.setJSON(k, v);\n return new Response(\"ok\");\n }\n\n return new Response(\n `\n \n \n \n \n Pokemon: Quien es Quien\n \n \n \n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","deleted","label",[102],"permalink","https://www.val.town/x/tejadafacundo23/pokimon/code/main.ts","extension","actionData","errors"]