playswingstate.com
5 actions today
SEE THE RESULTS
VOLUNTEER
FUNDRAISE
ADVERTISE
RESULTS
Your campaign style: The Risk Taker
Building your share card...
SHARE YOUR ELECTION
…
PROJECTION
SEE THE RESULTS
'
);
win.document.close();
showPopup(
"Share image opened",
"Your browser opened the result image in a new tab. Press and hold or save it from there to share.",
shareText + "\n" + shareUrl,
[{ label: "OK", onClick: () => hidePopup() }],
{}
);
return;
}
throw new Error("Could not open a new tab.");
} catch (err){
showPopup(
"Share failed",
"I generated the image, but this browser would not open the share sheet, copy, download, or open it automatically.",
"Try again after hosting the game on a normal website domain or use a different browser/device.",
[{ label: "OK", onClick: () => hidePopup() }],
{}
);
}
}
async function shareFinalImage(){
if (!lastFinalPayload) return;
await sharePayloadImage(lastFinalPayload, lastFinalPayload.shareContext || { scenarioKey, level: current2028Level, dailyInfo: window.dailyInfo || null });
}
function stopFinalTicker(){
if (finalTickerInterval){
clearInterval(finalTickerInterval);
finalTickerInterval = null;
}
finalTickerLines = [];
finalTickerIdx = 0;
if (finalTickerEl){
finalTickerEl.innerHTML = "";
finalTickerEl.classList.remove("on");
finalTickerEl.style.removeProperty("--tickerDuration");
}
}
function startFinalTicker(lines){
stopFinalTicker();
finalTickerLines = (lines || []).filter(Boolean);
if (!finalTickerEl || !finalTickerLines.length) return;
const joined = finalTickerLines.join(" • ");
const safeText = escapeHtml(joined);
const duration = Math.max(18, Math.min(46, joined.length * 0.14));
finalTickerEl.classList.add("on");
finalTickerEl.style.setProperty("--tickerDuration", `${duration}s`);
finalTickerEl.innerHTML =
`` +
`${safeText} ` +
`${safeText} ` +
`
`;
}
function partyPlural(p){
return p === "D" ? "Democrats" : "Republicans";
}
function htmlLineBreaks(lines){
return (lines || []).map(x => escapeHtml(x)).join("` +
`
With five days until the November 8 election , Donald Trump appears to be trailing — holding just 188 safe electoral votes compared to 219 Democratic locks .
` +
`
But nine swing states remain, representing ${swing} electoral votes — and beneath the surface, Trump may be stronger than he looks.
` +
`
Can you overcome the odds where Hillary Clinton failed?
` +
`
` +
`
With five days until the November 6 election , Barack Obama holds a narrow edge — but the outcome is far from certain.
` +
`
Republicans begin with 164 safe electoral votes , while Democrats hold 238 — leaving a massive ${swing} electoral votes in play across the battleground map.
` +
`
Can you secure victory where Mitt Romney could not?
` +
`
Safe Democrat states: ${sc.safeD} EV ${sc.safeR} EV ${swing} EV .
`,
imgSrc: INTRO_TIM_ICON
};
overlay.classList.add("startMode");
showPopup(
intro.titleHtml,
"",
"Tap BEGIN to start campaigning.",
[
{ label: "BEGIN CAMPAIGN", onClick: () => { hidePopup(); runOpeningReveal(); } }
],
{
bodyHtml: intro.bodyHtml,
titleClass: "arcadeTitle",
showImg: true,
imgSrc: intro.imgSrc,
imgSize: 120
}
);
}
// ---------------- TONES ----------------
const GAMEPLAY_WHITE_CUTOFF = 0.3;
const GAMEPLAY_LIGHT_CUTOFF = 1.2;
const GAMEPLAY_DARK_CUTOFF = 2.2;
const RESULTS_LIGHT_CUTOFF = 1.2;
const RESULTS_DARK_CUTOFF = 2.2;
const TONE_BUCKETS = 7;
const TONE_NEUTRAL_INDEX = 3;
const reds = ["#CC0000","#FF0000","#FFAAAA"];
const blues = ["#B1B1FF","#8989FF","#6262FF"];
const BLUE_LOCK = "#4D7CFF";
const RED_LOCK = "#FF3B30";
function getCssVar(name){
return getComputedStyle(document.documentElement).getPropertyValue(name).trim();
}
function clamp(x, lo, hi){ return Math.max(lo, Math.min(hi, x)); }
function toneIndex(d){
const m = d - 50;
if (m <= -GAMEPLAY_DARK_CUTOFF) return 0;
if (m <= -GAMEPLAY_LIGHT_CUTOFF) return 1;
if (m < -GAMEPLAY_WHITE_CUTOFF) return 2;
if (m <= GAMEPLAY_WHITE_CUTOFF) return 3;
if (m < GAMEPLAY_LIGHT_CUTOFF) return 4;
if (m < GAMEPLAY_DARK_CUTOFF) return 5;
return 6;
}
function colorForToneIndex(i){
if (i === 0) return reds[0];
if (i === 1) return reds[1];
if (i === 2) return reds[2];
if (i === 3) return "#ffffff";
if (i === 4) return blues[0];
if (i === 5) return blues[1];
return blues[2];
}
function colorForLean(d){
return colorForToneIndex(toneIndex(d));
}
function brightColorForLean(d){
const m = d - 50;
const diff = Math.abs(m);
if (diff < RESULTS_LIGHT_CUTOFF) return (m >= 0) ? "#B1B1FF" : "#FFAAAA";
if (diff < RESULTS_DARK_CUTOFF) return (m >= 0) ? "#8989FF" : "#FF0000";
return (m >= 0) ? "#6262FF" : "#CC0000";
}
function finalTileColor(s){
if (s.locked === "BLUE") return BLUE_LOCK;
if (s.locked === "RED") return RED_LOCK;
return document.body.classList.contains("resultsOpen") ? brightColorForLean(s.lean) : colorForLean(s.lean);
}
function leanText(leanDemPct){
// Election-night label (vague)
const m = leanDemPct - 50;
const diff = Math.abs(m);
if (diff < RESULTS_LIGHT_CUTOFF) return "Tossup";
const side = (m >= 0) ? "D" : "R";
if (diff >= RESULTS_DARK_CUTOFF) return (side === "D") ? "Likely D" : "Likely R";
return (side === "D") ? "Leans D" : "Leans R";
}
function marginText(leanDemPct){
// Gameplay label (precise)
const m = leanDemPct - 50;
const side = (m >= 0) ? "D" : "R";
return `${side} +${Math.abs(m).toFixed(1)}`;
}
// ---------------- DOM ----------------
const statusTxt = document.getElementById("statusTxt");
const partyTxt = document.getElementById("partyTxt");
const iconGrid = document.getElementById("iconGrid");
const stateGrid= document.getElementById("stateGrid");
const bar = document.getElementById("bar");
const cursor = document.getElementById("cursor");
const barLabel = document.getElementById("barLabel");
const detailBox = document.getElementById("detailBox");
const ticker = document.getElementById("ticker");
const resultsBtn = document.getElementById("resultsBtn");
const overlay = document.getElementById("overlay");
const popupPanel = overlay.querySelector(".popup");
const popupImg = document.getElementById("popupImg");
popupImg.onerror = () => {
const s = (popupImg.getAttribute("src") || "");
if (s.includes("TimKane.png")) { popupImg.src = "timkane_grain.png"; return; }
popupImg.classList.remove("on");
};
const popupTitle = document.getElementById("popupTitle");
const popupBody = document.getElementById("popupBody");
const popupButtons = document.getElementById("popupButtons");
const popupHint = document.getElementById("popupHint");
const finalResults = document.getElementById("finalResults");
const actionHint = document.getElementById("actionHint");
const finalTitleEl = document.getElementById("finalTitle");
const finalBody = document.getElementById("finalBody");
const finalTickerEl = document.getElementById("finalTicker");
const finalButtons = document.getElementById("finalButtons");
const cheerImg = document.getElementById("cheerImg");
const finalProjectionBar = document.getElementById("finalProjectionBar");
const finalProjectionCursor = document.getElementById("finalProjectionCursor");
const finalProjectionLabel = document.getElementById("finalProjectionLabel");
const barWrapEl = document.querySelector(".barWrap");
const candidateImg = document.getElementById("candidateImg");
const finalModern = document.getElementById("finalModern");
const finalStyleLine = document.getElementById("finalStyleLine");
const finalShareCardImg = document.getElementById("finalShareCardImg");
const finalShareLoading = document.getElementById("finalShareLoading");
const finalCompare = document.getElementById("finalCompare");
const finalSecondaryButtons = document.getElementById("finalSecondaryButtons");
const finalMenuBtn = document.getElementById("finalMenuBtn");
const shareElectionBtn = document.getElementById("shareElectionBtn");
// ---------------- AUDIO ----------------
let audioCtx = null;
function ensureAudio(){
if (!audioCtx){
audioCtx = new (window.AudioContext || window.webkitAudioContext)();
}
if (audioCtx.state === "suspended") audioCtx.resume().catch(()=>{});
}
let muteSfx = false;
function beep(freq=440, dur=0.06, type="square", gain=0.04, force=false){
if (!audioCtx) return;
if (muteSfx && !force) return;
const o = audioCtx.createOscillator();
const g = audioCtx.createGain();
o.type = type;
o.frequency.value = freq;
g.gain.value = gain;
o.connect(g); g.connect(audioCtx.destination);
o.start();
o.stop(audioCtx.currentTime + dur);
}
function clunk(force=false){ beep(160, 0.05, "square", 0.045, force); }
function ping(force=false){ beep(760, 0.06, "square", 0.035, force); }
function thump(force=false){ beep(110, 0.07, "square", 0.05, force); }
function zap(force=false){ beep(520, 0.05, "square", 0.035, force); beep(820, 0.05, "square", 0.03, force); }
function bassChord(force=false){ beep(90, 0.08, "square", 0.05, force); beep(135, 0.08, "square", 0.04, force); }
function cheerBlue(force=false){ beep(540, 0.07, "square", 0.05, force); beep(680, 0.09, "square", 0.04, force); beep(820, 0.11, "square", 0.03, force); }
function cheerRed(force=false){ beep(420, 0.07, "square", 0.05, force); beep(520, 0.09, "square", 0.04, force); beep(620, 0.11, "square", 0.03, force); }
function digitalCheer(force=false){
if (!audioCtx) return;
const notes = [620, 784, 988, 1175, 1568];
notes.forEach((freq, idx) => {
setTimeout(() => beep(freq, 0.055 + (idx * 0.01), "square", 0.042 - (idx * 0.004), force), idx * 58);
});
setTimeout(() => beep(880, 0.12, "triangle", 0.026, force), 150);
}
// ---------------- GAME STATE ----------------
let playerParty = null; // "D" | "R"
function playerSign(){ return (playerParty === "D") ? +1 : -1; }
function partyName(p){ return p === "D" ? "DEMOCRAT" : "REPUBLICAN"; }
function displayPartyName(p){ return p === "D" ? "Democrat" : "Republican"; }
function aiParty(){ return playerParty === "D" ? "R" : "D"; }
let daysLeft = currentDaysTotal;
let actionsRemaining = currentActionsBase;
let pendingStateAction = null; // null or "volunteer"
let inputLocked = true;
let playerDayTapCount = 0;
let aiDayTapCount = 0;
let tvUsedToday = false;
let adResolutionInProgress = false;
// fundraise buffs
let tapBuff = 0.0;
let adBuff = 0.0;
// Opening reveal phase
let revealOn = false;
let revealedCount = 0;
// Stars visibility:
let revealStars = false;
// Reveal stage
let revealStage = false;
// Election night
let electionNight = false;
// election-night statuses
// election-night counting suspense
let electionCounting = false;
let countingStateId = null;
let countTimers = [];
function randn(){
// Box–Muller
let u = 0, v = 0;
while (u === 0) u = Math.random();
while (v === 0) v = Math.random();
return Math.sqrt(-2.0 * Math.log(u)) * Math.cos(2.0 * Math.PI * v);
}
function fmtMargin(m){
const side = (m >= 0) ? "D" : "R";
const val = Math.abs(m).toFixed(1);
return `${side} +${val}`;
}
function noiseMargin(tally, sd){
return tally + randn() * sd;
}
let activeStateId = null;
function createEmptyPlayerStats(){
return {
totalActions:0,
taps:0,
volunteers:0,
fundraisers:0,
issueAds:0,
bioAds:0,
lateActions:0,
stateTouches:{},
tapStates:{}
};
}
let playerStats = createEmptyPlayerStats();
function resetPlayerStats(){
playerStats = createEmptyPlayerStats();
}
function snapshotPlayerStats(){
return JSON.parse(JSON.stringify(playerStats || createEmptyPlayerStats()));
}
function markPlayerAction(kind, meta){
if (!playerStats) resetPlayerStats();
playerStats.totalActions += 1;
if (daysLeft <= 2) playerStats.lateActions += 1;
if (kind && Object.prototype.hasOwnProperty.call(playerStats, kind)) playerStats[kind] += 1;
if (meta && meta.stateId){
playerStats.stateTouches[meta.stateId] = (playerStats.stateTouches[meta.stateId] || 0) + 1;
if (kind === "taps") playerStats.tapStates[meta.stateId] = 1;
}
}
// ticker loop
let tickerInterval = null;
const TICKER_LINES = [
"Polls closing across key states...",
"Early vote numbers incoming...",
"Margins remain tight statewide...",
"Analysts watching turnout carefully...",
"Both campaigns projecting confidence tonight...",
"Too early to call several battlegrounds..."
];
// cheer rotation
let cheerInterval = null;
let cheerIdx = 0;
let finalTickerInterval = null;
let finalTickerLines = [];
let finalTickerIdx = 0;
let lastFinalPayload = null;
let aiPrepPulseOn = false;
let menuCelebrateNext = false;
// Impact visuals
let aiFlash = { id:null, color:null };
let adGlow = { ids:[], color:null };
let tapPulse = { id:null, color:null };
let nationalPulse = { ids:[], cls:null };
// AI phase flag
let aiPhaseOn = false;
function setAiPhase(on){
aiPhaseOn = !!on;
if (!aiPhaseOn) aiPrepPulseOn = false;
document.body.classList.toggle("aiPhase", !!on);
redraw();
}
function setAiPrepPulse(on){
aiPrepPulseOn = !!on;
redraw();
}
function startElectionTicker(){
stopElectionTicker();
tickerInterval = setInterval(() => {
if (!electionNight) return;
showTicker(TICKER_LINES[Math.floor(Math.random()*TICKER_LINES.length)]);
}, 1800);
}
function stopElectionTicker(){
if (tickerInterval){
clearInterval(tickerInterval);
tickerInterval = null;
}
}
function startCheerLoop(){
stopCheerLoop();
cheerIdx = 0;
cheerImg.src = CHEER_IMAGES[0];
cheerInterval = setInterval(() => {
cheerIdx = (cheerIdx + 1) % CHEER_IMAGES.length;
cheerImg.src = CHEER_IMAGES[cheerIdx];
}, CHEER_ROTATE_MS);
}
function stopCheerLoop(){
if (cheerInterval){
clearInterval(cheerInterval);
cheerInterval = null;
}
}
// ------- SIX STATES -------
let states = [
{ id:"PA", ev:19, img:"PA.png", lean:47.7, myStars:0, aiStars:0, locked:null, status:"idle", myTaps:0, aiTaps:0 },
{ id:"NC", ev:16, img:"NC.png", lean:48.5, myStars:0, aiStars:0, locked:null, status:"idle", myTaps:0, aiTaps:0 },
{ id:"GA", ev:16, img:"GA.png", lean:50.9, myStars:0, aiStars:0, locked:null, status:"idle", myTaps:0, aiTaps:0 },
{ id:"OH", ev:17, img:"OH.png", lean:49.2, myStars:0, aiStars:0, locked:null, status:"idle", myTaps:0, aiTaps:0 },
{ id:"AZ", ev:11, img:"AZ.png", lean:46.5, myStars:0, aiStars:0, locked:null, status:"idle", myTaps:0, aiTaps:0 },
{ id:"CO", ev:10, img:"CO.png", lean:50.0, myStars:0, aiStars:0, locked:null, status:"idle", myTaps:0, aiTaps:0 },
{ id:"WI", ev:10, img:"WI.png", lean:48.8, myStars:0, aiStars:0, locked:null, status:"idle", myTaps:0, aiTaps:0 },
{ id:"NH", ev:4, img:"NH.png", lean:51.0, myStars:0, aiStars:0, locked:null, status:"idle", myTaps:0, aiTaps:0 },
{ id:"IA", ev:6, img:"IA.png", lean:49.0, myStars:0, aiStars:0, locked:null, status:"idle", myTaps:0, aiTaps:0 },
];
// ---------------- POPUP ----------------
function showPopup(title, body, hint, buttons, opts){
hint = hint || "";
buttons = buttons || [];
opts = opts || {};
overlay.classList.remove("adResultGood","adResultBad");
if (opts.overlayClass) overlay.classList.add(opts.overlayClass);
popupTitle.className = "popupTitle" + (opts.titleClass ? ` ${opts.titleClass}` : "");
popupTitle.innerHTML = opts.titleHtml || title;
if (opts.bodyHtml){
popupBody.innerHTML = opts.bodyHtml;
} else {
popupBody.textContent = body;
}
popupHint.textContent = hint;
popupButtons.innerHTML = "";
if (opts.showImg){
popupImg.src = (opts.imgSrc || INTRO_TIM_ICON);
popupImg.style.width = (opts.imgSize || 78) + "px";
popupImg.style.height = (opts.imgSize || 78) + "px";
popupImg.classList.add("on");
} else {
popupImg.style.width = "78px";
popupImg.style.height = "78px";
popupImg.classList.remove("on");
}
for (const b of buttons){
const btn = document.createElement("button");
btn.className = "btn" + (b.className ? ` ${b.className}` : "");
if (b.imgSrc){
const wrap = document.createElement("span");
wrap.className = "menuBtnContent";
const textWrap = document.createElement("span");
textWrap.className = "menuBtnText";
const titleEl = document.createElement("span");
titleEl.className = "menuBtnTitle";
titleEl.textContent = b.label;
textWrap.appendChild(titleEl);
if (b.sublabel){
const sub = document.createElement("span");
sub.className = "btnSmall";
sub.textContent = b.sublabel;
textWrap.appendChild(sub);
}
wrap.appendChild(textWrap);
const img = document.createElement("img");
img.className = `menuBtnThumb ${b.imgClass || ""}`.trim();
img.src = b.imgSrc;
img.alt = "";
wrap.appendChild(img);
btn.appendChild(wrap);
} else {
btn.textContent = b.label;
if (b.sublabel){
const sub = document.createElement("span");
sub.className = "btnSmall";
sub.textContent = b.sublabel;
btn.appendChild(sub);
}
}
btn.addEventListener("click", (e) => {
e.stopPropagation();
ensureAudio();
clunk(true);
if (b.onClick) b.onClick();
});
popupButtons.appendChild(btn);
}
overlay.classList.add("on");
}
function hidePopup(){ overlay.classList.remove("on"); overlay.classList.remove("adMode"); overlay.classList.remove("adResultGood"); overlay.classList.remove("adResultBad"); overlay.classList.remove("startMode"); overlay.classList.remove("introMode"); overlay.classList.remove("campaignHubMode"); }
popupPanel.addEventListener("click", (e) => e.stopPropagation());
overlay.addEventListener("click", () => {
ensureAudio();
const canDismiss =
!adResolutionInProgress &&
!overlay.classList.contains("adResultGood") &&
!overlay.classList.contains("adResultBad");
if (canDismiss) hidePopup();
});
// ---------------- TICKER ----------------
function showTicker(text){
ticker.classList.add("on");
ticker.textContent = text;
}
function hideTicker(){
ticker.classList.remove("on");
ticker.textContent = "";
}
// ---------------- DETAIL BOX ----------------
function hideDetailBox(){
detailBox.classList.remove("on","detailRed","detailBlue","countingBox");
detailBox.textContent = "";
detailBox.innerHTML = "";
}
function buildClosestTickerData(stateResults, count=3){
const closestStates = [...(stateResults || [])]
.sort((a,b) => (a.closeness - b.closeness) || ((STATE_NAME[a.id] || a.id).localeCompare(STATE_NAME[b.id] || b.id)))
.slice(0, count);
return {
closestStates,
closestIds: new Set(closestStates.map(s => s.id)),
tickerLines: closestStates.map(s => `${STATE_NAME[s.id] || s.id}: ${partyPlural(s.winnerParty)} win by ${s.margin}`)
};
}
function showDetailBox(text, color){
detailBox.classList.add("on");
detailBox.classList.remove("countingBox");
detailBox.textContent = text;
detailBox.classList.remove("detailRed","detailBlue");
if (color === "red") detailBox.classList.add("detailRed");
if (color === "blue") detailBox.classList.add("detailBlue");
}
function analyticsModeForGame(){
if (currentGameMode === "daily") return "daily";
if (currentGameMode === "learn") return "learning";
if (currentGameMode === "2016") return "trump";
if (currentGameMode === "2012") return "obama";
if (currentGameMode === "2028") return "2028";
return String(currentGameMode || scenarioKey || "unknown");
}
function didPlayerWinForAnalytics(payload){
if (!payload) return false;
if (currentGameMode === "daily") {
const total = Number(payload.totalAvailableEV || TOTAL_EV || 0);
const youEV = Number(payload.youEV || 0);
return total > 0 ? (youEV * 2 >= total) : false;
}
return !payload.tie && payload.winnerParty === playerParty;
}
function postGameComplete(payload){
if (!ANALYTICS_ENDPOINT || !payload) return;
const analyticsMode = analyticsModeForGame();
const result = didPlayerWinForAnalytics(payload) ? "win" : "loss";
const body = JSON.stringify({
event_name: "game_complete",
mode: analyticsMode,
result,
build: BUILD_VERSION,
user_agent: navigator.userAgent || ""
});
try {
if (navigator.sendBeacon){
const blob = new Blob([body], { type: "text/plain;charset=UTF-8" });
navigator.sendBeacon(ANALYTICS_ENDPOINT, blob);
return;
}
fetch(ANALYTICS_ENDPOINT, {
method: "POST",
mode: "cors",
keepalive: true,
headers: { "Content-Type": "text/plain;charset=UTF-8" },
body
}).catch((err) => {
console.warn("Game complete analytics failed", err);
});
} catch (err) {
console.warn("Game complete analytics failed", err);
}
}
// ---------------- FINAL RESULTS ----------------
function showFinalResults(payload){
lastFinalPayload = payload;
finalResults.classList.remove("red","blue","learnMode");
if (finalTitleEl) finalTitleEl.classList.add("blinking");
const sc = SCENARIOS[scenarioKey] || SCENARIOS["2028"];
if (currentGameMode !== "learn" && !payload.tie && payload.winnerParty){
finalResults.classList.add(payload.winnerParty === "D" ? "blue" : "red");
}
if (finalButtons) finalButtons.innerHTML = "";
const stateResults = payload.stateResults || [];
const { tickerLines } = buildClosestTickerData(stateResults, 3);
if (payload.volunteerFlips && payload.volunteerFlips.length){
tickerLines.push(`Volunteer flips: ${payload.volunteerFlips.join(", ")}`);
}
finalResults.classList.add("modernMode");
const isLearn = currentGameMode === "learn";
const isDaily = currentGameMode === "daily";
const isHistoric = sc.mode === "historic";
const youWon = !payload.tie && payload.winnerParty === playerParty;
if (isLearn){
finalResults.classList.add("learnMode");
finalTitleEl.textContent = `Lesson ${currentTutorialLevel} Results`;
finalTitleEl.classList.remove("blinking");
if (finalStyleLine){
finalStyleLine.innerHTML = `Lesson result: ${escapeHtml(youWon ? "Victory" : (payload.tie ? "Tie Game" : "Keep Learning"))} `;
}
if (finalCompare){
const completed = Math.max(getTutorialProgress(), Number(payload.tutorialProgress || 0));
finalCompare.innerHTML = `${escapeHtml(`You finished Lesson ${currentTutorialLevel} with ${payload.youEV} EV to ${payload.oppEV}.`)}
` +
`${escapeHtml(`Lessons completed: ${completed} / ${TUTORIAL_LEVELS.length}`)}
`;
}
renderMiniFinalButtons([
{ label: "Try Again", onClick: () => { hideFinalResults(); startTutorialLevel(currentTutorialLevel); } },
...(currentTutorialLevel < TUTORIAL_LEVELS.length ? [{ label: "Proceed to Next Lesson", onClick: () => { hideFinalResults(); startTutorialLevel(currentTutorialLevel + 1); } }] : [{ label: "Finish Learning", onClick: () => { hideFinalResults(); completeTutorialCampaign(); } }]),
{ label: "Main Menu", onClick: () => { hideFinalResults(); showCampaignMenu(false); } }
]);
const socialRow = document.querySelector('.finalSocialRow');
if (socialRow) socialRow.style.display = "none";
if (finalMenuBtn) finalMenuBtn.onclick = () => { hideFinalResults(); showCampaignMenu(false); };
} else if (isDaily){
finalTitleEl.textContent = "Your Daily Electoral Map";
finalTitleEl.classList.remove("blinking");
if (finalStyleLine){
finalStyleLine.innerHTML = `Your campaign style: ${escapeHtml(payload.campaignStyle || campaignStyleLabel(payload))} `;
}
if (finalCompare){
const compareDetail = compareDetailLine(payload);
finalCompare.innerHTML = compareDetail ? `${escapeHtml(compareDetail)}
` : "";
}
renderMiniFinalButtons([]);
const socialRow = document.querySelector('.finalSocialRow');
if (socialRow) socialRow.style.display = "grid";
if (finalMenuBtn) finalMenuBtn.onclick = () => { menuCelebrateNext = true; hideFinalResults(); showCampaignMenu(); };
} else if (isHistoric){
const yearLabel = shareHeadline(payload);
const opponent = scenarioKey === "2016" ? "Trump" : (scenarioKey === "2012" ? "Obama" : "your rival");
const historicSweep = stateResults.length && stateResults.every(s => s.winnerParty === playerParty);
const badges = [];
if (historicSweep) badges.push("Sweep!");
else if (payload.recordEntry && earnedLandslide(payload.recordEntry)) badges.push("Landslide!");
finalTitleEl.textContent = yearLabel;
finalTitleEl.classList.remove("blinking");
if (finalStyleLine){
const verdict = payload.tie ? "Tie Game" : (payload.winnerParty === playerParty ? `You beat ${opponent}` : `${opponent} prevails`);
finalStyleLine.innerHTML = `Historic result: ${escapeHtml(verdict)} `;
}
if (finalCompare){
const lines = [
`${escapeHtml(`You: ${payload.youEV} EV • ${opponent}: ${payload.oppEV} EV`)}
`
];
if (badges.length) lines.push(`${escapeHtml(badges.join(" • "))}
`);
finalCompare.innerHTML = lines.join("");
}
renderMiniFinalButtons([
{ label: "Replay Scenario", onClick: () => { hideFinalResults(); startHistoricScenario(scenarioKey); } }
]);
const socialRow = document.querySelector('.finalSocialRow');
if (socialRow) socialRow.style.display = "grid";
if (finalMenuBtn) finalMenuBtn.onclick = () => { menuCelebrateNext = true; hideFinalResults(); showCampaignMenu(); };
} else {
finalTitleEl.textContent = "Your 2028 Electoral Map";
finalTitleEl.classList.remove("blinking");
if (finalStyleLine){
finalStyleLine.innerHTML = `Your campaign style: ${escapeHtml(payload.campaignStyle || campaignStyleLabel(payload))} `;
}
if (finalCompare){
const stats = getRunHistoryStats("2028");
const compareDetail = compareDetailLine(payload);
finalCompare.innerHTML = `${escapeHtml(`Record: ${stats.wins} wins - ${stats.losses} losses`)}
` +
`${escapeHtml(`Win streak: ${stats.winStreak}`)}
` +
(compareDetail ? `${escapeHtml(compareDetail)}
` : "");
}
renderMiniFinalButtons([]);
const socialRow = document.querySelector('.finalSocialRow');
if (socialRow) socialRow.style.display = "grid";
if (finalMenuBtn) finalMenuBtn.onclick = () => { menuCelebrateNext = true; hideFinalResults(); showCampaignMenu(); };
}
if (candidateImg) candidateImg.style.display = "none";
if (shareElectionBtn) shareElectionBtn.onclick = () => { shareFinalImage(); };
renderFinalShareCard(payload);
if (finalShareLoading) finalShareLoading.textContent = isLearn ? "Lesson map ready." : "Building your share card...";
if (isLearn && finalShareCardImg && payload && payload.shareStates) {
renderFinalShareCard(payload);
}
finalResults.classList.add("on");
document.body.classList.add("resultsOpen");
if (finalProjectionBar && finalProjectionCursor){
requestAnimationFrame(() => {
if (finalProjectionBar && finalProjectionCursor) renderProjectionBar(finalProjectionBar, finalProjectionCursor);
setTimeout(() => renderProjectionBar(finalProjectionBar, finalProjectionCursor), 0);
});
}
stopCheerLoop();
stopFinalTicker();
}
function hideFinalResults(){
document.body.classList.remove("resultsOpen");
finalResults.classList.remove("on","red","blue","modernMode","learnMode");
if (finalTitleEl){
finalTitleEl.classList.remove("blinking");
finalTitleEl.textContent = "RESULTS";
}
if (finalStyleLine) finalStyleLine.innerHTML = "";
if (finalCompare) finalCompare.innerHTML = "";
if (finalBody) finalBody.innerHTML = "";
if (finalButtons) finalButtons.innerHTML = "";
if (finalSecondaryButtons) finalSecondaryButtons.innerHTML = "";
if (finalTickerEl) finalTickerEl.textContent = "";
if (finalProjectionLabel) finalProjectionLabel.textContent = "Projected Electoral Vote";
if (finalShareCardImg){
finalShareCardImg.classList.remove("ready");
finalShareCardImg.removeAttribute("src");
}
if (finalShareLoading){
finalShareLoading.style.display = "flex";
finalShareLoading.textContent = "Building your share card...";
}
if (candidateImg){
candidateImg.removeAttribute("src");
candidateImg.style.display = "none";
}
if (finalMenuBtn) finalMenuBtn.onclick = null;
if (shareElectionBtn) shareElectionBtn.onclick = null;
if (cheerImg && CHEER_IMAGES && CHEER_IMAGES.length){
cheerIdx = 0;
cheerImg.src = CHEER_IMAGES[0];
}
stopCheerLoop();
stopFinalTicker();
}
// ---------------- TOP LINE ----------------
function flashNumberSpan(span){
if (!span) return;
span.classList.remove("flash");
void span.offsetWidth;
span.classList.add("flash");
}
function partyClass(p){
return (p === "D") ? "turnBlue" : "turnRed";
}
function renderTop(flags){
flags = flags || {};
const dayLabel = daysLeft === 1 ? "day" : "days";
const actionLine = aiPhaseOn
? `${actionsRemaining} actions today${actionsRemaining} actions today${daysLeft} ${dayLabel} left {
img.style.display = "none";
fallback.classList.add("on");
});
const ev = document.createElement("div");
ev.className = "ev";
ev.textContent = s.ev;
const st = document.createElement("div");
st.className = "stars";
{
const myP = playerParty; // "D" or "R"
const oppP = aiParty(); // during single-player; maps to opponent in multiplayer
const myClass = (myP === "D") ? "starD" : "starR";
const oppClass = (oppP === "D") ? "starD" : "starR";
// During campaign/election (pre-reveal), only show the active player's volunteers.
// In this prototype, that means only the human player's stars until Reveal Stage.
st.innerHTML = revealStars
? `${"★".repeat(s.myStars)} ${s.aiStars ? "★".repeat(s.aiStars) : ""} `
: `${"★".repeat(s.myStars)} `;
}
const lt = document.createElement("div");
lt.className = "leanTxt";
lt.textContent = (revealOn && !isRevealed) ? "" : (electionNight ? (s.status === "unresolved" ? leanText(s.lean) : (s.locked === "BLUE" ? "DEMOCRAT" : "REPUBLICAN")) : marginText(s.lean));
cell.appendChild(ab);
if (isRevealed){
cell.appendChild(img);
cell.appendChild(fallback);
}
cell.appendChild(ev);
cell.appendChild(st);
cell.appendChild(lt);
if (aiFlash.id === s.id){
cell.classList.add(aiFlash.color === "red" ? "aiTapRed" : "aiTapBlue");
}
if (adGlow.ids.includes(s.id)){
cell.classList.add(adGlow.color === "red" ? "adGlowRed" : "adGlowBlue");
}
if (tapPulse.id === s.id){
cell.classList.add(tapPulse.color === "red" ? "tapPulseRed" : "tapPulseBlue");
}
if (nationalPulse.ids.includes(s.id) && nationalPulse.cls){
cell.classList.add(nationalPulse.cls);
}
let disabled = false;
if (revealOn && !isRevealed) disabled = true;
if (revealStage) disabled = true;
if (electionNight){
if (s.status !== "unresolved") disabled = true;
} else {
if (inputLocked) disabled = true;
}
if (disabled) cell.classList.add("disabled");
cell.addEventListener("click", () => onStateTap(s.id));
stateGrid.appendChild(cell);
}
}
// ---------------- EV BAR ----------------
function clearBarBlocks(targetBar){
if (!targetBar) return;
[...targetBar.querySelectorAll(".evBlock")].forEach(n => n.remove());
}
function projectionTotals(){
const sc = SCENARIOS[scenarioKey] || SCENARIOS["2028"];
let target = WIN_EV;
if (sc.mode === "historic") {
const playerFixed = sc.playerPartyFixed || playerParty;
target = (playerFixed === "D") ? Math.max(0, TOTAL_EV - WIN_EV) : WIN_EV;
}
return { total: TOTAL_EV, target };
}
function setCursor(targetBar=bar, targetCursor=cursor){
if (!targetBar || !targetCursor) return;
const w = targetBar.clientWidth || 1;
const totals = projectionTotals();
const cursorX = (totals.target / totals.total) * w;
targetCursor.style.left = `${cursorX - (targetCursor.offsetWidth/2)}px`;
}
function renderProjectionBar(targetBar=bar, targetCursor=cursor){
if (!targetBar) return;
clearBarBlocks(targetBar);
const sc = SCENARIOS[scenarioKey] || SCENARIOS["2028"];
const totals = projectionTotals();
if (!electionNight){
{
const buckets = new Array(TONE_BUCKETS).fill(0);
for (const s of states){ buckets[toneIndex(s.lean)] += s.ev; }
let sum = buckets.reduce((a,b)=>a+b,0); if (sum !== TOTAL_EV) buckets[TONE_NEUTRAL_INDEX] += (TOTAL_EV - sum);
for (let ti=0; ti
` +
`
` +
`
` +
`
` +
`
`;
function setLine(id, text){
const el = document.getElementById(id);
if (!el || countingStateId !== s.id) return;
el.textContent = text;
el.classList.remove("d","r","tc");
const side = text.startsWith("D") ? "d" : (text.startsWith("R") ? "r" : "tc");
el.classList.add(side);
el.classList.add("on");
}
function marginLine(margin, pct){
const side = (margin >= 0) ? "D" : "R";
const val = Math.abs(margin).toFixed(1);
return `${side} +${val} with ${pct}% vote counted`;
}
const t15 = 1200, t45 = 2800, t85 = 3700, t99 = 4650, tCall = t99 + 500;
redraw();
countTimers.push(setTimeout(() => setLine("c15", marginLine(noiseMargin(tally, 9.0), 15)), t15));
countTimers.push(setTimeout(() => setLine("c45", marginLine(noiseMargin(tally, 4.0), 45)), t45));
countTimers.push(setTimeout(() => setLine("c85", marginLine(noiseMargin(tally, 1.0), 85)), t85));
countTimers.push(setTimeout(() => setLine("c99", marginLine(tally, 99)), t99));
countTimers.push(setTimeout(() => {
if (countingStateId === id) finalizeElectionNightState(id);
}, tCall));
}
function runElectionNight(){
inputLocked = true;
revealStage = false;
electionNight = true;
if (barWrapEl) barWrapEl.classList.add("electionNightMode");
document.body.classList.remove("revealMode");
hideFinalResults();
revealStars = true;
activeStateId = null;
for (const s of states){
s.locked = null;
s.status = "unresolved";
}
hidePopup();
detailBox.classList.remove("detailRed","detailBlue");
detailBox.classList.add("on","countingBox");
detailBox.innerHTML =
`` +
`Tap any unresolved state to begin the count.
` +
`The counting panel is pinned open so the board stays steady.
` +
`
` +
`
` +
`Waiting for your first state call…
`;
redraw();
showTicker("Election Night — tap any unresolved state to resolve it.");
startElectionTicker();
}
function showCampaignMenu(celebrate){
celebrate = !!celebrate || !!menuCelebrateNext;
menuCelebrateNext = false;
inputLocked = true;
aiPhaseOn = false;
document.body.classList.remove("aiPhase");
document.body.classList.remove("revealMode");
dayProgress = 0;
daysLeft = currentDaysTotal;
actionsRemaining = currentActionsBase;
playerDayTapCount = 0;
aiDayTapCount = 0;
pendingStateAction = null;
tvUsedToday = false;
tapBuff = 0.0;
adBuff = 0.0;
resetPlayerStats();
revealOn = false;
revealedCount = 0;
revealStars = false;
revealStage = false;
electionNight = false;
activeStateId = null;
electionCounting = false;
countingStateId = null;
setAiPhase(false);
stopElectionTicker();
hideDetailBox();
hideTicker();
hideFinalResults();
aiFlash = { id:null, color:null };
adGlow = { ids:[], color:null };
loadScenario("2028");
redraw();
const nextLevel = getNext2028Level();
overlay.classList.add("campaignHubMode");
const imgWithFallback = (src, fallback, alt) => `
${imgWithFallback("Cheery.png", "cheer3.png", "Daily Challenge artwork")}
DAILY CHALLENGE
${imgWithFallback("Mappy.png", "OH.png", "Learn to play map")}
LEARN TO PLAY
${getTutorialProgress()} / ${TUTORIAL_LEVELS.length} lessons complete
${imgWithFallback("Trump.png", "TRUMP.png", "Trump challenge portrait")}
TRUMP CHALLENGE
${imgWithFallback("Obama.png", "OBAMA.png", "Obama challenge portrait")}
OBAMA CHALLENGE
${imgWithFallback("Friendy.png", "ADVERTISE.png", "Friend challenge artwork")}
FRIEND CHALLENGE
Vote once per day
${imgWithFallback("ADVERTISE.png", "ADVERTISE.png", "Campaign records icon")}
CAMPAIGN RECORDS
`;
showPopup("", "", "", [], { bodyHtml });
const actionMap = {
daily: () => { hidePopup(); startDailyChallenge(); },
learn: () => { hidePopup(); startTutorialLevel(getNextTutorialLevel()); },
"2016": () => { hidePopup(); startHistoricScenario("2016"); },
"2012": () => { hidePopup(); startHistoricScenario("2012"); },
friend: () => { hidePopup(); showFriendChallenge(); },
records: () => { hidePopup(); showRecordScreen("menu"); }
};
popupBody.querySelectorAll(".campaignHubCard[data-action]").forEach((card) => {
card.addEventListener("click", (e) => {
e.preventDefault();
e.stopPropagation();
const action = card.getAttribute("data-action");
const handler = actionMap[action];
if (!handler) return;
ensureAudio();
digitalCheer(true);
card.classList.add("pressed");
setTimeout(() => card.classList.remove("pressed"), 220);
setTimeout(handler, 110);
});
});
if (celebrate){
ensureAudio();
digitalCheer(true);
}
}
function showRunAgainPopup(){
if (hasUnlockedCampaignHub()){
showCampaignMenu();
return;
}
showPopup(
"Run again?",
"Beat Level 1 to unlock the full campaign menu.",
"",
[
{ label: "PLAY LEVEL 1 AGAIN", onClick: () => { hidePopup(); start2028Level(1); } }
],
{}
);
}
function endElectionNight(){
electionNight = false;
if (barWrapEl) barWrapEl.classList.remove("electionNightMode");
document.body.classList.remove("revealMode");
stopElectionTicker();
hideTicker();
const sc = SCENARIOS[scenarioKey] || SCENARIOS["2028"];
let demSwing = 0;
for (const s of states){
if (s.locked === "BLUE") demSwing += s.ev;
}
const repSwing = TOTAL_EV - demSwing;
const demEV = (sc.mode === "historic") ? (sc.safeD + demSwing) : demSwing;
const repEV = (sc.mode === "historic") ? (sc.safeR + repSwing) : repSwing;
let winTotal = (sc.mode === "historic") ? sc.winTotal : WIN_EV;
let winnerParty = "T";
let tie = false;
if (sc.mode === "historic"){
winnerParty = (demEV >= winTotal) ? "D" : "R";
} else {
if (demEV === repEV){
tie = true;
} else {
winnerParty = (demEV > repEV) ? "D" : "R";
if (winnerParty === playerParty){
if (currentGameMode === "2028") markCurrentLevelComplete();
}
}
}
const youEV = (playerParty === "D") ? demEV : repEV;
const oppEV = (playerParty === "D") ? repEV : demEV;
const margin = youEV - oppEV;
const totalAvailableEV = (sc.mode === "historic") ? (sc.safeD + sc.safeR + TOTAL_EV) : TOTAL_EV;
const stateResults = states.map(s => {
const projectedDem = clamp(s.lean, 0, 100);
const finalDem = computeFinalDemPct(s);
const projectedWinnerParty = projectedDem >= 50 ? "D" : "R";
const finalWinnerParty = finalDem >= 50 ? "D" : "R";
const startWinnerParty = (Number(s.startLean || projectedDem) >= 50) ? "D" : "R";
const winner = finalWinnerParty === "D" ? "Democrat" : "Republican";
const side = finalWinnerParty === "D" ? "D" : "R";
const volunteerFlipped = (projectedWinnerParty !== finalWinnerParty) && ((s.myStars - s.aiStars) !== 0);
return {
id: s.id,
ev: s.ev,
winner,
winnerParty: finalWinnerParty,
projectedWinnerParty,
startWinnerParty,
flippedToPlayer: finalWinnerParty === playerParty && startWinnerParty !== finalWinnerParty,
volunteerFlipped,
marginValue: Math.abs(finalDem - 50),
margin: `${side} +${Math.abs(finalDem - 50).toFixed(1)}`,
closeness: Math.abs(finalDem - 50)
};
});
const decidingStates = [...stateResults].sort((a,b) => a.closeness - b.closeness).slice(0,3);
const volunteerFlips = stateResults.filter(s => s.volunteerFlipped).map(s => s.id);
const sweep = stateResults.length > 0 && stateResults.every(s => s.winnerParty === playerParty);
const shareStates = states.map(s => ({ id:s.id, ev:s.ev, img:s.img }));
const recordEntry = { level: current2028Level, won: !tie && winnerParty === playerParty, tie, youEV, oppEV, margin, mode: currentGameMode, at: Date.now(), sweep, totalAvailableEV };
const finalPayload = { winnerParty, demEV, repEV, youEV, oppEV, winTotal, tie, decidingStates, stateResults, volunteerFlips, sweep, recordEntry, totalAvailableEV, shareStates, playerParty, playerStats: snapshotPlayerStats(), shareContext: { scenarioKey, level: current2028Level, dailyInfo: window.dailyInfo || null } };
finalPayload.campaignStyle = campaignStyleLabel(finalPayload);
if (isTutorialMode()){
finalPayload.tutorialProgress = setTutorialProgress(currentTutorialLevel);
postGameComplete(finalPayload);
advanceTutorialAfterElection(finalPayload);
return;
}
finalPayload.levelComparison = saveRunToHistory(finalPayload);
recordEntry.sharePayload = JSON.parse(JSON.stringify(finalPayload));
recordEntry.shareContext = JSON.parse(JSON.stringify(finalPayload.shareContext));
recordEntry.campaignStyle = finalPayload.campaignStyle;
recordEntry.levelComparison = finalPayload.levelComparison;
if (currentGameMode === "2028") saveLevelRecord(recordEntry);
if (currentGameMode === "2016" || currentGameMode === "2012") saveHistoricRecord(recordEntry, currentGameMode);
postGameComplete(finalPayload);
if (currentGameMode === "daily") saveDailyCompletion(finalPayload);
showFinalResults(finalPayload);
}
// ---------------- OPENING FLOW ----------------
function startDailyChallenge(){
overlay.classList.add("startMode");
const parts = etNowParts();
const store = loadDailyStore();
if (store && store.dateKey === parts.key && store.completed && store.finalPayload){
window.dailyInfo = { dateKey: parts.key, dateLabel: store.dateLabel || parts.dateLabel, weekdayName: parts.weekdayName };
scenarioKey = "daily";
currentGameMode = "daily";
hidePopup();
showFinalResults(store.finalPayload);
return;
}
if (store && store.dateKey === parts.key && store.snapshot){
if (isValidDailySnapshot(store.snapshot)){
restoreDailySnapshot(store.snapshot);
hidePopup();
redraw();
return;
}
saveDailyStore({ dateKey:parts.key, dateLabel:parts.dateLabel, completed:false, snapshot:null, finalPayload:null });
}
const def = generateDailyDefinition(parts);
currentGameMode = "daily";
scenarioKey = "daily";
window.dailyInfo = { dateKey:def.dateKey, dateLabel:def.dateLabel, weekdayName:def.weekdayName };
playerParty = def.playerParty;
currentActionsBase = def.actionsBase;
currentDaysTotal = 5;
dayProgress = 0;
daysLeft = currentDaysTotal;
actionsRemaining = currentActionsBase;
playerDayTapCount = 0;
aiDayTapCount = 0;
pendingStateAction = null; tvUsedToday = false; tapBuff = 0.0; adBuff = 0.0; revealOn = false; revealedCount = 0; revealStars = false; revealStage = false; electionNight = false; activeStateId = null; inputLocked = true; aiPhaseOn = false;
resetPlayerStats();
states = buildStateObjects(build2028LevelStates(def));
TOTAL_EV = def.totalEV;
WIN_EV = Math.floor(TOTAL_EV / 2) + 1;
saveDailyStore({ dateKey:def.dateKey, dateLabel:def.dateLabel, completed:false, snapshot:null, finalPayload:null });
redraw();
saveDailySnapshot();
showPopup(
`Daily Challenge — ${def.dateLabel}`,
`One official game today. No retries.
You are the ${displayPartyName(def.playerParty)} nominee.
You have ${currentActionsBase} actions per day for ${currentDaysTotal} days.
${def.weekdayName === "Friday" ? "Friday twist: opponent ads hit 50% harder than normal.\n" : ""}Can you win the most of the ${TOTAL_EV} electoral votes in play?`,
"",
[{ label: "BEGIN DAILY CHALLENGE", onClick: () => { hidePopup(); runOpeningReveal(); } }],
{}
);
}
function startIntro(){
load2028Level(1);
redraw();
overlay.classList.add("startMode");
overlay.classList.add("introMode");
showPopup(
"TIM KANE'S SWING STATE",
"",
"",
[
{ label: "OPEN THE CAMPAIGN MENU", onClick: () => {
hidePopup();
showCampaignMenu(false);
} }
],
{ showImg:false, titleHtml: "", bodyHtml: openingStatsHtml() }
);
const btns = popupButtons.querySelectorAll(".btn");
if (btns[0]) btns[0].classList.add("btnBig");
fetchHomeScreenStats(true)
.then(() => {
if (overlay.classList.contains("on") && overlay.classList.contains("introMode")){
popupBody.innerHTML = openingStatsHtml();
}
})
.catch((err) => {
console.warn("Intro stats refresh failed", err);
});
}
function startPartySelect(){
showCampaignMenu(false);
}
function start2028PartyChoice(){
start2028Level(getNext2028Level());
}
function completeTutorialCampaign(){
overlay.classList.add("startMode");
hideDetailBox();
hideTicker();
showPopup(
"Learning Module Complete!",
`You have finished Learn to Play.
You now know how campaign visits, volunteers, ads, and fundraising work together.
Your browser will remember all ${getTutorialProgress()} completed lessons.`,
"Head back to the main menu whenever you are ready.",
[
{ label: "MAIN MENU", onClick: () => { hidePopup(); showCampaignMenu(false); } }
],
{}
);
}
function advanceTutorialAfterElection(payload){
if (!payload) return;
payload.campaignStyle = campaignStyleLabel(payload);
showFinalResults(payload);
}
function startTutorialLevel(levelNum){
overlay.classList.add("startMode");
loadTutorialLevel(levelNum);
hideDetailBox();
hideTicker();
hideFinalResults();
setAiPhase(false);
dayProgress = 0;
daysLeft = currentDaysTotal;
actionsRemaining = currentActionsBase;
playerDayTapCount = 0;
aiDayTapCount = 0;
pendingStateAction = null;
tvUsedToday = false;
tapBuff = 0.0;
adBuff = 0.0;
revealOn = false;
revealedCount = 0;
revealStars = false;
revealStage = false;
electionNight = false;
activeStateId = null;
inputLocked = true;
aiPhaseOn = false;
if (barWrapEl) barWrapEl.classList.remove("electionNightMode");
resetPlayerStats();
redraw();
const def = tutorialDef();
showPopup(
def.title,
def.intro,
"",
[{ label: "BEGIN CAMPAIGN", onClick: () => { hidePopup(); runOpeningReveal(); } }],
{}
);
}
function start2028Level(levelNum){
overlay.classList.add("startMode");
load2028Level(levelNum);
resetPlayerStats();
redraw();
const def = getLevelDef(levelNum);
const partyName = def.playerParty === "R" ? "Republican" : "Democratic";
const adRule = def.aiCanAdvertise ? "AI ads are enabled." : "AI cannot advertise in this level.";
const volunteerRule = def.aiCanVolunteer ? "AI volunteers are enabled." : "AI cannot use volunteers in this level.";
showPopup(
`Run For President 2028 — Level ${def.level}`,
`You are the ${partyName} nominee.
Win the most of the ${TOTAL_EV} electoral votes in play.
You need ${WIN_EV} EV to win this level.
${adRule}
${volunteerRule}`,
"",
[
{ label: "BEGIN CAMPAIGN", onClick: () => { hidePopup(); runOpeningReveal(); } }
],
{}
);
}
function startHistoricScenario(key){
overlay.classList.add("startMode");
loadScenario(key);
const sc = SCENARIOS[key];
playerParty = sc.playerPartyFixed;
dayProgress = 0;
daysLeft = currentDaysTotal;
actionsRemaining = currentActionsBase;
playerDayTapCount = 0;
aiDayTapCount = 0;
pendingStateAction = null;
tvUsedToday = false;
tapBuff = 0.0;
adBuff = 0.0;
revealOn = false;
revealedCount = 0;
revealStars = false;
revealStage = false;
electionNight = false;
if (barWrapEl) barWrapEl.classList.remove("electionNightMode");
activeStateId = null;
electionCounting = false;
countingStateId = null;
for (const s of states){
s.myStars = 0;
s.aiStars = 0;
s.myTaps = 0;
s.aiTaps = 0;
s.locked = null;
s.status = "idle";
s.lean = clamp(s.lean,0,100);
}
redraw();
showSafeBoardThenBegin();
}
function chooseParty(choice){
hidePopup();
playerParty = choice;
for (const s of states){
s.myStars = 0;
s.aiStars = 0;
s.myTaps = 0;
s.aiTaps = 0;
s.locked = null;
s.status = "idle";
}
dayProgress = 0;
daysLeft = currentDaysTotal;
actionsRemaining = currentActionsBase;
playerDayTapCount = 0;
aiDayTapCount = 0;
pendingStateAction = null;
tvUsedToday = false;
tapBuff = 0.0;
adBuff = 0.0;
resetPlayerStats();
redraw();
runOpeningReveal();
}
function runOpeningReveal(){
inputLocked = true;
revealOn = true;
revealedCount = 0;
revealStars = false;
revealStage = false;
electionNight = false;
setAiPhase(false);
stopElectionTicker();
tvUsedToday = false;
hideTicker();
hideDetailBox();
hideFinalResults();
for (const s of states){
s.locked = null;
s.status = "idle";
}
redraw();
const total = states.length;
function unlockAndGo(){
revealOn = false;
inputLocked = false;
pendingStateAction = null;
redraw({ flashActions:true, flashDays:true });
}
function step(){
revealedCount = Math.min(total, revealedCount + 1);
redraw();
if (revealedCount < total){
setTimeout(step, REVEAL_BEAT_MS);
} else {
setTimeout(unlockAndGo, 0);
}
}
setTimeout(step, REVEAL_BEAT_MS);
}
// ---------------- INIT ----------------
loadScenario("2028");
redraw();
window.addEventListener("resize", () => renderBar());
startIntro();
})();
