\n \n\n\n",[],[67,117],"ac216822-8fe7-427c-9d4c-5719285a7c3d","App.tsx","5ee4364c-659b-11f1-949f-1607ee4eb77e",46,["D",1784055123771],22,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport {\n GROUPS, MATCHES, KNOCKOUT_MATCHES, BRACKET_FEED, ROUND_LABELS,\n type Match, type KnockoutMatch,\n} from \"../shared/data.ts\";\nimport {\n scoreMatch, scoreAdvancement, scoreBracketPicks, similarity,\n getTeamsForMatch, getActualTeamsForMatch, deriveAdvancement, BRACKET_ROUND_POINTS,\n type Score,\n} from \"../shared/scoring.ts\";\n\n// Find all bracket matches that depend (transitively) on matchId — for cascade-clearing picks.\nfunction getDependentMatches(matchId: number): number[] {\n const deps: number[] = [];\n for (const [id, feed] of Object.entries(BRACKET_FEED) as [string, [number, number]][]) {\n const numId = Number(id);\n if (feed[0] === matchId || feed[1] === matchId) {\n deps.push(numId, ...getDependentMatches(numId));\n }\n }\n return deps;\n}\n\ninterface Player {\n name: string; pot: number; points: number; matchPoints: number; advPoints: number;\n bracketPts: number; advancePts: number;\n exact: number; correct: number; played: number; predictedCount: number;\n}\n\ninterface AppState {\n players: Player[];\n results: Record;\n teamRounds: Record;\n potCount: number; potTotal: number; potAvg: number; resultCount: number;\n}\n\ntype PickStr = [string, string];\n\nconst NOK = (n: number) =>\n new Intl.NumberFormat(\"nb-NO\", { style: \"currency\", currency: \"NOK\", maximumFractionDigits: 0 }).format(n);\n\nconst fmtDate = (d: string) => {\n const date = new Date(d + \"T12:00:00\");\n return date.toLocaleDateString(\"nb-NO\", { weekday: \"short\", day: \"numeric\", month: \"short\" });\n};\n\nconst GROUP_ORDER = Object.keys(GROUPS);\n\nconst BRACKET_ROUNDS: { key: KnockoutMatch[\"round\"]; label: string; ids: number[] }[] = [\n { key: \"R32\", label: \"Runde av 32\", ids: [73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88] },\n { key: \"R16\", label: \"Runde av 16\", ids: [89,90,91,92,93,94,95,96] },\n { key: \"QF\", label: \"Kvartfinale\", ids: [97,98,99,100] },\n { key: \"SF\", label: \"Semifinale\", ids: [101,102] },\n { key: \"F\", label: \"Finale\", ids: [104] },\n { key: \"3P\", label: \"Bronsefinale\", ids: [103] },\n];\n\nfunction ScoreInput({ value, onChange, label }: { value: string; onChange: (v: string) => void; label: string }) {\n return (\n onChange(e.target.value.slice(0, 2))} placeholder=\"–\"\n />\n );\n}\n\nfunction PointsBadge({ pts }: { pts: number }) {\n const s = pts === 3 ? \"bg-emerald-500/90 text-white\" : pts === 2 ? \"bg-sky-500/90 text-white\"\n : pts === 1 ? \"bg-amber-400/90 text-white\" : \"bg-gray-300/70 text-gray-600\";\n return {pts} poeng;\n}\n\nexport default function App() {\n const [state, setState] = useState(null);\n const [tab, setTab] = useState<\"tips\" | \"sluttspill\" | \"leaderboard\" | \"sammenlign\" | \"resultater\" | \"regler\">(\"tips\");\n const [step, setStep] = useState<\"navn\" | \"pott\" | \"inne\">(\"navn\");\n const [nameInput, setNameInput] = useState(localStorage.getItem(\"tl-navn\") ?? \"\");\n const [name, setName] = useState(\"\");\n const [pot, setPot] = useState(\"\");\n const [picks, setPicks] = useState>({});\n const [bracketPicks, setBracketPicksState] = useState>({});\n const [busy, setBusy] = useState(false);\n const [toast, setToast] = useState(\"\");\n\n const refresh = async () => { const r = await fetch(\"/api/state\"); setState(await r.json()); };\n useEffect(() => { refresh(); }, []);\n\n const showToast = (msg: string) => { setToast(msg); setTimeout(() => setToast(\"\"), 3500); };\n\n const enter = async () => {\n const n = nameInput.trim();\n if (n.length < 2) { showToast(\"Skriv inn navnet ditt først 🙂\"); return; }\n setBusy(true);\n try {\n const r = await fetch(`/api/predictions/${encodeURIComponent(n)}`);\n const data = await r.json();\n localStorage.setItem(\"tl-navn\", n);\n if (data.found) {\n setName(data.name); setPot(String(data.pot || \"\"));\n const loaded: Record = {};\n for (const [id, v] of Object.entries(data.picks as Record))\n loaded[id] = [String(v[0]), String(v[1])];\n setPicks(loaded);\n setBracketPicksState(data.bracketPicks ?? {});\n setStep(\"inne\");\n showToast(`Velkommen tilbake, ${data.name}! Tipsene dine er lastet inn.`);\n } else {\n setName(n); setPicks({}); setBracketPicksState({}); setStep(\"pott\");\n }\n } finally { setBusy(false); }\n };\n\n const setPick = (id: number, idx: 0 | 1, v: string) => {\n setPicks((p) => {\n const cur: PickStr = p[String(id)] ?? [\"\", \"\"];\n const next: PickStr = idx === 0 ? [v, cur[1]] : [cur[0], v];\n return { ...p, [String(id)]: next };\n });\n };\n\n const completePicks = useMemo(() => {\n const out: Record = {};\n for (const [id, [h, a]] of Object.entries(picks))\n if (h !== \"\" && a !== \"\") out[id] = [Number(h), Number(a)];\n return out;\n }, [picks]);\n\n const groupCompleteCount = useMemo(\n () => MATCHES.filter((m) => completePicks[String(m.id)] !== undefined).length,\n [completePicks],\n );\n\n const save = async () => {\n setBusy(true);\n try {\n const r = await fetch(\"/api/predictions\", {\n method: \"POST\", headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ name, pot: Number(pot) || 0, picks: completePicks }),\n });\n const data = await r.json();\n if (data.error) showToast(data.error);\n else { await refresh(); showToast(`Lagret! ${groupCompleteCount}/${MATCHES.length} gruppekamper tippet. 🎉`); }\n } finally { setBusy(false); }\n };\n\n const setBracketPick = (matchId: number, team: string) => {\n setBracketPicksState((prev) => {\n const next = { ...prev };\n // When a pick changes, clear all downstream (dependent) match picks\n if (prev[String(matchId)] !== team) {\n for (const dep of getDependentMatches(matchId)) delete next[String(dep)];\n }\n next[String(matchId)] = team;\n return next;\n });\n };\n\n const saveBracket = async () => {\n setBusy(true);\n try {\n const r = await fetch(\"/api/bracket\", {\n method: \"POST\", headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ name, picks: bracketPicks }),\n });\n const data = await r.json();\n if (data.error) showToast(data.error);\n else { await refresh(); showToast(\"Bracket lagret! 🏆\"); }\n } finally { setBusy(false); }\n };\n\n const me = state?.players.find((p) => p.name.toLowerCase() === name.toLowerCase());\n const myRank = me && state ? state.players.indexOf(me) + 1 : null;\n\n return (\n

\n ⚽ Trivselsleder VM 2026\n

Tippekonkurranse · Gruppespill + sluttspill

\n {state && (\n

\n 👥 {state.players.length} deltaker{state.players.length === 1 ? \"\" : \"e\"}\n 💰 Snitt i potten: {NOK(state.potAvg)}\n 🏦 Totalt: {NOK(state.potTotal)}\n ✅ {state.resultCount} kamper spilt\n

\n )}\n

\n\n {step === \"navn\" && (\n

Hvem er du? 👋

Skriv inn navnet ditt for å lagre tipsene dine — eller hente dem opp igjen.

\n setNameInput(e.target.value)} onKeyDown={(e) => e.key === \"Enter\" && enter()} />\n \n

\n )}\n\n {step === \"pott\" && (\n

Hei, {name}! 💰

Hvor mye er du villig til å legge i potten?

\n Dette er bare en erklæring — ingen betaling skjer her.\n {state && state.potCount > 0 && <> Gjennomsnittet er {NOK(state.potAvg)} ({state.potCount} har erklært).}\n

\n setPot(e.target.value)} onKeyDown={(e) => e.key === \"Enter\" && setStep(\"inne\")} />\n \n

\n {[50, 100, 200].map((v) => )}\n

\n )}\n\n {step === \"inne\" && (\n <>\n

\n 🙋 {name}\n \n

\n \n 🎯 {me?.points ?? 0} poeng\n {me && me.advPoints > 0 && ({me.matchPoints}+{me.advPoints})}\n \n ✔️ {me?.correct ?? 0} rette\n {myRank && 🏆 nr. {myRank} av {state?.players.length}}\n \n 💰\n setPot(e.target.value)} aria-label=\"Min pott-erklæring\" />\n kr\n \n

\n\n

\n {([\n [\"tips\", \"📋 Gruppe\"],\n [\"sluttspill\", \"🏆 Sluttspill\"],\n [\"leaderboard\", \"🥇 Leaderboard\"],\n [\"sammenlign\", \"🤝 Sammenlign\"],\n [\"resultater\", \"📊 Resultater\"],\n [\"regler\", \"📖 Poengsystem\"],\n ] as const).map(([key, label]) => (\n \n ))}\n

\n\n {tab === \"tips\" && }\n {tab === \"sluttspill\" && (\n \n )}\n {tab === \"leaderboard\" && }\n {tab === \"sammenlign\" && }\n {tab === \"resultater\" && }\n {tab === \"regler\" && }\n \n )}\n\n \n\n {toast && (\n

{toast}

\n )}\n

\n );\n}\n\n// ─── TipsTab ──────────────────────────────────────────────────────────────────\nfunction TipsTab({ picks, setPick, results, save, busy, completeCount }: {\n picks: Record; setPick: (id: number, idx: 0 | 1, v: string) => void;\n results: Record; save: () => void; busy: boolean; completeCount: number;\n}) {\n return (\n

\n {completeCount}/{MATCHES.length} gruppekamper tippet\n \n

\n {GROUP_ORDER.map((g) => (\n

Gruppe {g} {GROUPS[g].join(\" · \")}

\n {MATCHES.filter((m) => m.g === g).map((m) => {\n const pick = picks[String(m.id)] ?? [\"\", \"\"];\n const res = results[String(m.id)];\n const complete = pick[0] !== \"\" && pick[1] !== \"\";\n const pts = res && complete ? scoreMatch([Number(pick[0]), Number(pick[1])], res) : null;\n return (\n

{fmtDate(m.d)}
kl. {m.t}

{m.h}

\n setPick(m.id, 0, v)} label={`${m.h} mål`} />\n –\n setPick(m.id, 1, v)} label={`${m.a} mål`} />\n

{m.a}

\n {res && (\n

\n ble {res[0]}–{res[1]}\n {pts !== null && }\n

\n )}\n

\n );\n })}\n

\n ))}\n

\n \n

\n );\n}\n\n// ─── BracketTab ───────────────────────────────────────────────────────────────\nfunction BracketTab({ bracketPicks, onPickWinner, saveBracket, busy, teamRounds, results }: {\n bracketPicks: Record;\n onPickWinner: (matchId: number, team: string) => void;\n saveBracket: () => void;\n busy: boolean;\n teamRounds: Record;\n results: Record;\n}) {\n const adv = deriveAdvancement(bracketPicks);\n const advancePts = scoreAdvancement(adv, teamRounds);\n const bracketPts = scoreBracketPicks(bracketPicks, results);\n const filledCount = Object.keys(bracketPicks).length;\n\n return (\n

\n \n\n

\n {filledCount} av 32 kampvinnere valgt\n \n

\n\n {BRACKET_ROUNDS.map(({ key, label, ids }) => (\n

{label}

= 4 ? \"sm:grid-cols-2\" : ids.length === 2 ? \"grid-cols-1 sm:grid-cols-2\" : \"max-w-sm\"}`}>\n {ids.map((id) => (\n \n ))}\n

\n ))}\n

\n );\n}\n\n// ─── BracketSummary ───────────────────────────────────────────────────────────\nfunction BracketSummary({ adv, teamRounds, advancePts, bracketPts, bracketPicks }: {\n adv: ReturnType;\n teamRounds: Record;\n advancePts: number;\n bracketPts: number;\n bracketPicks: Record;\n}) {\n const { champion, finalist, semis, quarters, r16teams } = adv;\n const anyFilled = champion || finalist || semis.some(Boolean) || quarters.some(Boolean) || r16teams?.some(Boolean) || Object.keys(bracketPicks).length > 0;\n const totalPts = bracketPts + advancePts;\n\n if (!anyFilled) {\n return (\n

🏆

Fyll ut bracketen din!

Velg vinner av hver kamp — poeng for riktige kampvinnere + avansementsbonus.

Maks: 84p (kampvinnere) + 47p (avansement) = 131p

\n );\n }\n\n const r = teamRounds;\n const ok = (team: string, min: number) => !!team && (r[team] ?? 0) >= min;\n\n return (\n

🏆 Ditt bracket — Del B

\n {totalPts > 0 && (\n

\n {totalPts} p\n ({bracketPts}p kamp + {advancePts}p avansement)\n

\n )}\n

\n\n {/* Round-by-round pick progress */}\n

\n {BRACKET_ROUNDS.map(({ key, label, ids }) => {\n const picked = ids.filter((id) => bracketPicks[String(id)]).length;\n return (\n

{label}

{picked}/{ids.length}

{BRACKET_ROUND_POINTS[key]}p/stk

\n );\n })}\n

\n\n {/* Advancement bonus */}\n

Avansementsbonus (opptil 47p ekstra)

🥇 Mester · 15p

\n {champion\n ?

{ok(champion, 5) ? \"✅ \" : \"\"}{champion}

\n :

—

}\n

🥈 Finalist · 8p

\n {finalist\n ?

{ok(finalist, 4) ? \"✅ \" : \"\"}{finalist}

\n :

—

}\n

🥉 Semif. · 4p

\n {semis.filter(Boolean).length\n ? semis.filter(Boolean).map((t, i) => (\n

{ok(t, 3) ? \"✅ \" : \"\"}{t}

\n ))\n :

—

}\n

KF-tapere · 2p

\n {quarters.filter(Boolean).length\n ? quarters.filter(Boolean).map((t, i) => (\n

{ok(t, 2) ? \"✅ \" : \"\"}{t}

\n ))\n :

—

}\n

Åttedels · 1p

\n {r16teams?.filter(Boolean).length\n ? r16teams.filter(Boolean).map((t, i) => (\n

{ok(t, 1) ? \"✅ \" : \"\"}{t}

\n ))\n :

—

}\n

\n );\n}\n\n// ─── BracketMatchCard ─────────────────────────────────────────────────────────\nfunction BracketMatchCard({ matchId, bracketPicks, onPick }: {\n matchId: number; bracketPicks: Record; onPick: (id: number, team: string) => void;\n}) {\n const m = KNOCKOUT_MATCHES.find((m) => m.id === matchId);\n if (!m) return null;\n const [team1, team2] = getTeamsForMatch(matchId, bracketPicks);\n const selected = bracketPicks[String(matchId)];\n const is3P = m.round === \"3P\";\n\n // Build a small label showing which previous-round matches feed into this one\n let feedLabel: string | null = null;\n if (m.round !== \"R32\") {\n const feed = BRACKET_FEED[matchId];\n if (feed) {\n const [f1, f2] = feed;\n const prevM = KNOCKOUT_MATCHES.find((km) => km.id === f1);\n if (prevM) {\n const allPrev = KNOCKOUT_MATCHES.filter((km) => km.round === prevM.round);\n const i1 = allPrev.findIndex((km) => km.id === f1) + 1;\n const i2 = allPrev.findIndex((km) => km.id === f2) + 1;\n const rn: Record = { R32: \"R32\", R16: \"R16\", QF: \"KF\", SF: \"SF\" };\n const rLabel = rn[prevM.round] ?? prevM.round;\n feedLabel = is3P\n ? `Tapere av ${rLabel}-${i1} og ${rLabel}-${i2}`\n : `Vinnere av ${rLabel}-${i1} og ${rLabel}-${i2}`;\n }\n }\n }\n\n return (\n

{fmtDate(m.d)} · {m.t}

\n {feedLabel &&

{feedLabel}

}\n {!team1 || !team2 ? (\n

Avgjøres etter forrige runde

\n ) : (\n

\n {([team1, team2] as [string, string]).map((team) => (\n \n ))}\n

\n )}\n

\n );\n}\n\n// ─── LeaderboardTab ───────────────────────────────────────────────────────────\nfunction LeaderboardTab({ state, myName }: { state: AppState | null; myName: string }) {\n if (!state) return

Laster…

;\n if (!state.players.length) return

Ingen har lagret tips ennå — bli den første! 🥇

;\n const hasAdv = state.players.some((p) => p.advPoints > 0);\n return (\n

🏆 Trivselsleaderboard

\n \n \n \n \n \n \n {hasAdv && }\n {hasAdv && }\n \n \n \n \n \n \n {state.players.map((p, i) => {\n const isMe = p.name.toLowerCase() === myName.toLowerCase();\n const medal = i === 0 ? \"🥇\" : i === 1 ? \"🥈\" : i === 2 ? \"🥉\" : `${i + 1}.`;\n return (\n \n \n \n \n {hasAdv && }\n {hasAdv && }\n \n \n \n \n );\n })}\n \n

#	Navn	Totalt	Del A	Del B	Rette	Eksakte	Pott
{medal}	{p.name} {isMe && (deg)}	{p.points}	{p.matchPoints}	{p.advPoints > 0 ? `+${p.advPoints}` : \"–\"}	{p.correct}/{p.played}	{p.exact}	{p.pot > 0 ? NOK(p.pot) : \"–\"}

Del A = kamptips (gruppe) · Del B = bracket-poeng (maks 47) · Sortert på total.

\n );\n}\n\n// ─── CompareTab ───────────────────────────────────────────────────────────────\nfunction CompareTab({ myName, myPicks }: { myName: string; myPicks: Record }) {\n const [others, setOthers] = useState<{ name: string; picks: Record }[] | null>(null);\n const [open, setOpen] = useState(null);\n\n useEffect(() => {\n fetch(\"/api/picks\").then((r) => r.json())\n .then((d) => setOthers(d.players.filter((p: any) => p.name.toLowerCase() !== myName.toLowerCase())));\n }, [myName]);\n\n if (!others) return

Laster…

;\n if (!Object.keys(myPicks).length) return

Tipp noen kamper først, så kan vi sammenligne deg med de andre! 📝

;\n if (!others.length) return

Ingen andre har lagret tips ennå — du er først ute! 🥇

;\n\n const ranked = others.map((p) => ({ ...p, sim: similarity(myPicks, p.picks) }))\n .sort((a, b) => (b.sim.pct ?? -1) - (a.sim.pct ?? -1));\n\n const pctColor = (pct: number) =>\n pct >= 75 ? \"bg-emerald-500/90\" : pct >= 50 ? \"bg-sky-500/90\" : pct >= 25 ? \"bg-amber-400/90\" : \"bg-rose-400/90\";\n\n return (\n

🤝 Hvor like er dere?

\n Likheten regnes per gruppekamp dere begge har tippet: identisk = 3/3, lik målforskjell = 2/3, likt utfall = 1/3. Trykk for å se detaljer.\n

\n {ranked.map((p) => {\n const pct = p.sim.pct;\n const isOpen = open === p.name;\n return (\n

\n \n

\n {p.sim.compared} felles · {p.sim.exact} identiske · {p.sim.sameDiff} lik diff · {p.sim.sameOutcome} likt utfall\n

\n {isOpen && (\n

\n {MATCHES.map((m) => {\n const a = myPicks[String(m.id)], b = p.picks[String(m.id)];\n if (!a && !b) return null;\n const w = a && b ? scoreMatch(a, b) : null;\n const mark = w === 3 ? \"🟢\" : w === 2 ? \"🔵\" : w === 1 ? \"🟡\" : w === 0 ? \"🔴\" : \"·\";\n return (\n

\n \n {m.g}{m.h} – {m.a}\n \n {a ? `${a[0]}–${a[1]}` : \"–\"}\n {b ? `${b[0]}–${b[1]}` : \"–\"}\n {mark}\n

\n );\n })}\n

🟢 identisk · 🔵 lik diff · 🟡 likt utfall · 🔴 ulikt utfall

\n )}\n

\n );\n })}\n

\n );\n}\n\n// ─── ResultsTab ───────────────────────────────────────────────────────────────\nfunction ResultsTab({ state, myName, onSaved }: { state: AppState | null; myName: string; onSaved: () => Promise }) {\n const results = state?.results ?? {};\n const teamRounds = state?.teamRounds ?? {};\n const [draft, setDraft] = useState>({});\n const [savingId, setSavingId] = useState(null);\n const [subTab, setSubTab] = useState<\"gruppe\" | \"sluttspill\" | \"avansement\">(\"gruppe\");\n const [savingTeam, setSavingTeam] = useState(null);\n\n const get = (id: number): PickStr => {\n if (draft[String(id)]) return draft[String(id)];\n const r = results[String(id)];\n return r ? [String(r[0]), String(r[1])] : [\"\", \"\"];\n };\n\n const setVal = (id: number, idx: 0 | 1, v: string) =>\n setDraft((d) => { const cur = get(id); const next: PickStr = idx === 0 ? [v, cur[1]] : [cur[0], v]; return { ...d, [String(id)]: next }; });\n\n const saveResult = async (id: number, clear = false) => {\n const [h, a] = get(id);\n if (!clear && (h === \"\" || a === \"\")) return;\n setSavingId(id);\n try {\n await fetch(\"/api/results\", {\n method: \"POST\", headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(clear ? { matchId: id, home: null, by: myName } : { matchId: id, home: Number(h), away: Number(a), by: myName }),\n });\n setDraft((d) => { const nd = { ...d }; delete nd[String(id)]; return nd; });\n await onSaved();\n } finally { setSavingId(null); }\n };\n\n const saveTeamRound = async (team: string, round: string) => {\n setSavingTeam(team);\n try {\n await fetch(\"/api/team_advancement\", {\n method: \"POST\", headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ team, round: round === \"\" ? null : Number(round) }),\n });\n await onSaved();\n } finally { setSavingTeam(null); }\n };\n\n const MatchRow = ({ m, label }: { m: Match | KnockoutMatch; label: string }) => {\n const [h, a] = get(m.id);\n const saved = results[String(m.id)];\n const dirty = draft[String(m.id)] !== undefined;\n return (\n

{fmtDate(m.d)} kl. {m.t}
{label}

{m.h}

\n setVal(m.id, 0, v)} label={`${m.h} mål (fasit)`} />\n –\n setVal(m.id, 1, v)} label={`${m.a} mål (fasit)`} />\n

{m.a}

\n \n {saved && }\n

\n );\n };\n\n const groupSorted = [...MATCHES].sort((x, y) => (x.d + x.t).localeCompare(y.d + y.t) || x.id - y.id);\n const koSorted = [...KNOCKOUT_MATCHES].sort((x, y) => (x.d + x.t).localeCompare(y.d + y.t) || x.id - y.id);\n\n // All distinct knockout teams from actual KNOCKOUT_MATCHES (not just the static list)\n const allKoTeams = Array.from(new Set(\n KNOCKOUT_MATCHES.flatMap((m) => [m.h, m.a]).filter((t) => t !== \"?\")\n )).sort((a, b) => a.localeCompare(b, \"no\"));\n\n return (\n

\n {([\"gruppe\", \"sluttspill\", \"avansement\"] as const).map((s) => (\n \n ))}\n

\n\n {subTab === \"gruppe\" && (\n <>\n

Registrer sluttresultater — alle kan oppdatere. Leaderboardet oppdateres automatisk.

\n {groupSorted.map((m) => )}\n

\n \n )}\n\n {subTab === \"sluttspill\" && (\n <>\n

\n Registrer resultater for knockout-kamper. Lag utledes automatisk fra tidligere runder.\n Ved straffesparkkonkurranse: legg inn resultatet slik at vinnerlaget har flest mål (f.eks. 0–1 hvis bortelaget vinner).\n

\n {koSorted.map((m) => {\n if (m.h !== \"?\") return ;\n const [t1, t2] = getActualTeamsForMatch(m.id, results);\n if (t1 && t2) {\n return ;\n }\n return (\n

\n {fmtDate(m.d)} kl. {m.t}\n {ROUND_LABELS[m.round]} — lag avgjøres etter forrige runde\n

\n );\n })}\n

\n \n )}\n\n {subTab === \"avansement\" && (\n <>\n

Merk hvor langt hvert lag kom — brukes til å beregne Del B-poeng for alle spillere.

\n {allKoTeams.map((team) => (\n

\n {team}\n \n {savingTeam === team ? …\n : teamRounds[team] !== undefined ? ✓ : null}\n

\n ))}\n

\n \n )}\n

\n );\n}\n\n// ─── RulesTab ─────────────────────────────────────────────────────────────────\nfunction RulesTab() {\n return (\n

📋 Del A — Kamptips (gruppespill)

Du tipper 90-minutt-resultater for alle 72 gruppespillkamper. Poeng:

Eksakt resultat — tippet 2–1, ble 2–1.
Riktig målforskjell — tippet 2–1, ble 3–2.
Riktig utfall (H/U/B), feil målforskjell.
Feil utfall — bedre lykke!

🏆 Del B — Bracket-poeng (sluttspill, maks 131 p)

\n Velg vinner av alle 32 knockout-kamper. Poeng i to kategorier:\n

1. Poeng per riktig kampvinner (maks 84p):

1 pRunde av 32 — 16 kamper × 1p
2 pRunde av 16 — 8 kamper × 2p
4 pKvartfinale — 4 kamper × 4p (inkl. bronsefinale)
8 pSemifinale — 2 kamper × 8p
16 pFinale — 1 kamp × 16p

2. Avansementsbonus (maks 47p ekstra):

15 pMester — laget du tipper vinner finalen.
8 pFinalist — laget som taper finalen i din bracket.
4 pSemifinalister — 2 lag som taper SF i din bracket.
2 pKvartfinalister — 4 lag som taper KF i din bracket.
1 pÅttedelsfinale — 8 lag som taper R16 i din bracket.

Totalt maks Del B: 84 + 47 = 131 p.

💰 Potten: Bare en erklæring — oppgjøret tar dere selv. Snittet og totalen vises øverst.

✏️ Du kan endre tipsene når som helst. Vi stoler på at ingen justerer etter kampslutt — trivselsregler! 🤝

\n );\n}\n",[],[67,124],"cc889ee6-2a53-4a88-851c-42748dd7814e",["D",1781185088047],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Trivselsleder VM 2026 tippekonkurranse - gruppespill","imageUrl","userId","019c8c94-1b18-70ab-9d66-67b2531c59ef","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019c8c94-1b18-70ab-9d66-68fabd795643","tursoName","cc889ee62a534a88851c42748dd7814e","tursoHostname","cc889ee62a534a88851c42748dd7814e-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789576313835],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_188":184},"org",{"_11":12,"_182":-5,"_183":184,"_142":143,"_185":186,"_187":55},"branch",{"_17":126,"_13":16,"_35":42,"_174":132,"_175":-5,"_176":-5,"_177":-5,"_178":-5,"_179":-5,"_180":14,"_181":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzNBNWFrb3FkY3pXQTkyNk5oeWFEa25zSkhBayJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":132,"_13":14,"_47":247,"_134":-5,"_135":55,"_136":137,"_138":137,"_139":140,"_141":-5,"_142":143,"_144":-5,"_145":55,"_146":-5,"_147":-5,"_148":63,"_149":150,"_151":152,"_153":154,"_155":248,"_157":-5,"_158":159,"_160":159,"_161":162,"_163":162,"_164":162,"_165":159,"_166":159,"_167":249,"_169":250,"_171":251,"_173":55},[223,227,230],"files",[223,224,225,226,227,228,229,230],"counts",{"_213":63,"_214":215,"_216":63,"_31":217,"_218":219},[207,208,209],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":70,"_17":63,"_50":64,"_52":-5,"_54":55,"_56":-5,"_18":212},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":62,"_17":63,"_50":64,"_52":-5,"_54":55,"_56":-5,"_18":211},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":210},[37],[59],[67],"pulls","branches",1,"forks",{"_220":63,"_222":63},"connections",{"_220":63,"_221":63},"count","unfilledCount","emptyCount",{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":103,"_17":63,"_50":64,"_52":-5,"_54":55,"_56":-5,"_76":245,"_18":246},{"_35":123,"_13":124,"_38":125,"_40":68,"_41":42,"_43":126,"_45":46,"_47":127,"_17":128,"_50":90,"_52":129,"_54":55,"_56":-5,"_76":243,"_18":244},{"_35":116,"_13":117,"_38":118,"_40":68,"_41":42,"_43":69,"_45":46,"_47":119,"_17":63,"_50":24,"_52":120,"_54":55,"_56":-5,"_76":241,"_18":242},{"_35":109,"_13":110,"_38":111,"_40":68,"_41":42,"_43":49,"_45":46,"_47":112,"_17":63,"_50":90,"_52":113,"_54":55,"_56":-5,"_76":239,"_18":240},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":79,"_17":63,"_50":64,"_52":-5,"_54":55,"_56":-5,"_76":237,"_18":238},{"_35":94,"_13":95,"_38":96,"_40":60,"_41":42,"_43":97,"_45":46,"_47":98,"_17":99,"_50":90,"_52":100,"_54":55,"_56":-5,"_76":235,"_18":236},{"_35":84,"_13":85,"_38":86,"_40":60,"_41":42,"_43":87,"_45":46,"_47":88,"_17":89,"_50":90,"_52":91,"_54":55,"_56":-5,"_76":233,"_18":234},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":75,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_76":231,"_18":232},[],[37],[],[59,85],[],[59,95],[228,229],[59],[],[67,110],[],[67,117],[],[67,124],[224,225,226],[67],["D",1781185088047],["D",1789576313835],{"_11":12,"_188":184},{"_11":12,"_182":-5,"_183":184,"_142":143,"_185":186,"_187":55},{"_17":126,"_13":16,"_35":42,"_174":132,"_175":-5,"_176":-5,"_177":-5,"_178":-5,"_179":-5,"_180":14,"_181":12},"ctx",{"_167":-5,"_204":285,"_286":287,"_288":289,"_290":55,"_291":55,"_292":55,"_293":46,"_294":-5,"_295":-7,"_296":-7,"_297":63,"_298":55,"_299":55,"_300":-5,"_301":55,"_302":55,"_303":55,"_304":-5},"ENV",{"_256":257,"_258":259,"_260":16,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Code