Performance Management Showdown · DrAIStudio& <link rel="canonical" href="https://draistudio.com/innovative-games/card-battle-performance/"> <meta name="description" content="A trading-card battle arena. Match the right response to each behaviour card."/> <meta name="theme-color" content="#0a0a18"/> <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ctext y='52' font-size='52'%3E%F0%9F%83%8F%3C/text%3E%3C/svg%3E"/> <style> :root{--arenaBg:#0a0a18;--arenaMid:#1c1338;--gold:#fbbf24;--goldDark:#a37512;--purple:#7c3aed;--purpleLight:#a78bfa;--rune:#22d3ee;--blood:#dc2626;--parchment:#e8d8a8;--ink:#1a0c08} *,*::before,*::after{box-sizing:border-box} html,body{margin:0;min-height:100%;background:#000;color:#dfeae0;font-family:'Cinzel','Georgia','Times New Roman',serif;overflow-x:hidden;-webkit-text-size-adjust:100%} body{-webkit-user-select:none;user-select:none;font-family:Georgia,serif} /* Battle arena scene */ .scene{position:fixed;inset:0;z-index:0;overflow:hidden;background: /* arena floor */ linear-gradient(180deg,transparent 0%,transparent 60%,rgba(80,30,100,.3) 62%,#1a0838 100%), /* mystical glow at top */ radial-gradient(ellipse 80% 50% at 50% 20%,rgba(124,58,237,.18) 0%,transparent 60%), /* arena base */ linear-gradient(180deg,#0a0a18 0%,#1c1338 50%,#0a0a18 100%)} /* Pillars on sides */ .scene .pillar{position:absolute;top:0;bottom:0;width:60px;background:linear-gradient(180deg,#3a1f5a 0%,#1a0a38 100%);box-shadow:inset 0 0 30px rgba(0,0,0,.5)} .scene .pillar.left{left:0;border-right:2px solid var(--gold)} .scene .pillar.right{right:0;border-left:2px solid var(--gold)} .scene .pillar::before{content:"";position:absolute;left:0;right:0;top:14%;height:60px;background:linear-gradient(180deg,#5a3818,#2a1208);border:2px solid var(--gold);box-shadow:inset 0 0 20px rgba(0,0,0,.5)} .scene .pillar::after{content:"";position:absolute;left:0;right:0;bottom:14%;height:60px;background:linear-gradient(180deg,#5a3818,#2a1208);border:2px solid var(--gold);box-shadow:inset 0 0 20px rgba(0,0,0,.5)} /* Runic circle on floor center */ .scene .circle{position:absolute;left:50%;bottom:-10%;transform:translateX(-50%);width:120%;height:50%;border:2px solid rgba(34,211,238,.3);border-radius:50%;box-shadow:0 0 60px rgba(34,211,238,.2),inset 0 0 60px rgba(34,211,238,.15);opacity:.55} .scene .circle::before{content:"";position:absolute;left:8%;right:8%;top:8%;bottom:8%;border:1px solid rgba(34,211,238,.25);border-radius:50%} .scene .circle::after{content:"";position:absolute;left:18%;right:18%;top:18%;bottom:18%;border:1px solid rgba(34,211,238,.18);border-radius:50%} /* Mystic candles */ .scene .candle{position:absolute;width:14px;height:60px;background:linear-gradient(180deg,#d4b878,#7a4818);border-radius:2px;bottom:30%} .scene .candle::after{content:"";position:absolute;top:-22px;left:50%;transform:translateX(-50%);width:12px;height:22px;background:radial-gradient(ellipse 50% 50% at 50% 100%,#fbbf24 0%,#ef4444 50%,transparent 90%);border-radius:50% 50% 30% 30%;filter:blur(2px);animation:flame 1.2s ease-in-out infinite alternate;box-shadow:0 0 24px rgba(251,191,36,.6)} @keyframes flame{from{transform:translateX(-50%) scale(1) rotate(-2deg)}to{transform:translateX(-50%) scale(1.1) rotate(2deg)}} .scene .candle.c1{left:10%} .scene .candle.c2{left:25%;bottom:36%} .scene .candle.c3{right:25%;bottom:36%} .scene .candle.c4{right:10%} /* Vignette */ .scene::after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 50%,transparent 30%,rgba(0,0,0,.7) 100%);pointer-events:none;z-index:1} .wrap{position:relative;z-index:2;max-width:980px;margin:0 auto;padding:32px 22px 80px} .crumb{display:inline-block;font-size:11px;color:var(--gold);margin-bottom:18px;padding:6px 14px;border:1px solid var(--gold);background:rgba(0,0,0,.6);text-decoration:none;letter-spacing:.2em;text-transform:uppercase;font-weight:800} .crumb:hover{background:rgba(251,191,36,.15)} header.h{text-align:center;margin-bottom:14px;position:relative} h1{font-size:clamp(26px,4.5vw,38px);margin:0;color:var(--gold);letter-spacing:.08em;text-shadow:0 0 24px rgba(251,191,36,.5),0 4px 12px #000;font-family:'Cinzel','Georgia',serif;text-transform:uppercase} .sub{font-size:11px;color:var(--purpleLight);letter-spacing:.32em;text-align:center;margin-bottom:22px;text-transform:uppercase;font-weight:700;font-style:italic} .hud{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:18px} .chip{background:linear-gradient(180deg,#2a1a52,#1a0a38);border:2px solid var(--gold);padding:7px 14px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--parchment);box-shadow:0 4px 10px rgba(0,0,0,.6),inset 0 1px 0 rgba(251,191,36,.2);font-family:Georgia,serif} .chip b{font-size:15px;margin-left:6px;color:var(--gold);letter-spacing:0} .chip.good b{color:#7ddc9e}.chip.bad b{color:#fca5a5} /* Behaviour card — opponent's play, large prominent */ .behaviour{background:linear-gradient(180deg,#2a1238,#0a0518);border:3px solid var(--blood);border-radius:14px;padding:20px 22px;margin-bottom:20px;text-align:center;box-shadow:0 16px 40px rgba(0,0,0,.7),0 0 40px rgba(220,38,38,.3),inset 0 0 30px rgba(0,0,0,.4);position:relative} .behaviour::before,.behaviour::after{content:"";position:absolute;width:30px;height:30px;border:2px solid var(--blood);opacity:.6} .behaviour::before{top:8px;left:8px;border-right:none;border-bottom:none} .behaviour::after{bottom:8px;right:8px;border-left:none;border-top:none} .behaviour .label{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:#fca5a5;font-weight:800;margin-bottom:6px;font-family:Georgia,serif} .behaviour h2{margin:4px 0;font-size:clamp(18px,2.5vw,22px);color:var(--parchment);letter-spacing:.01em;font-family:'Cinzel','Georgia',serif} .behaviour p{margin:8px 0 0;font-size:14.5px;line-height:1.55;color:#e8d8a8;font-style:italic;font-family:Georgia,serif} /* Response cards — TCG style */ .hand{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px} .rc{position:relative;background:linear-gradient(180deg,#7c3aed 0%,#3a1a8a 100%);border:3px solid var(--gold);border-radius:14px;padding:0;cursor:pointer;transition:all .2s cubic-bezier(.2,.7,.2,1);text-align:left;-webkit-tap-highlight-color:transparent;box-shadow:0 12px 24px rgba(0,0,0,.6),0 0 0 1px rgba(251,191,36,.4),inset 0 0 30px rgba(0,0,0,.2);overflow:hidden;font-family:Georgia,serif} .rc::before{content:"";position:absolute;inset:0;background: repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 2px,transparent 2px,transparent 8px); pointer-events:none} .rc::after{content:"";position:absolute;inset:6px;border:1px solid rgba(251,191,36,.5);border-radius:10px;pointer-events:none} .rc:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 20px 36px rgba(0,0,0,.7),0 0 0 1px rgba(251,191,36,.7),0 0 32px rgba(251,191,36,.4)} .rc .top{padding:10px 14px 8px;background:linear-gradient(180deg,rgba(251,191,36,.18),transparent);border-bottom:1px solid rgba(251,191,36,.3);position:relative} .rc .rcLabel{font-size:9.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:800;font-family:Georgia,serif} .rc h3{margin:4px 0;font-size:15px;color:#fff;font-family:'Cinzel','Georgia',serif;letter-spacing:.02em;text-shadow:0 2px 4px rgba(0,0,0,.5)} .rc .body{padding:10px 14px 16px} .rc .glyph{position:absolute;top:8px;right:10px;font-size:22px;color:rgba(251,191,36,.4);text-shadow:0 0 10px rgba(251,191,36,.5)} .rc p{margin:0;font-size:12.5px;color:rgba(232,216,168,.85);line-height:1.45;font-style:italic} .rc.good{background:linear-gradient(180deg,#16a34a 0%,#0d5e2c 100%);border-color:#7ddc9e;box-shadow:0 0 0 2px #7ddc9e,0 0 36px rgba(34,197,94,.6),0 12px 24px rgba(0,0,0,.7);transform:translateY(-4px) scale(1.03);animation:cardGood .6s ease-out} .rc.good::after{border-color:rgba(125,220,158,.6)} .rc.bad{background:linear-gradient(180deg,#b91c1c 0%,#5a0808 100%);border-color:#fca5a5;box-shadow:0 0 0 2px #fca5a5,0 0 36px rgba(220,38,38,.6),0 12px 24px rgba(0,0,0,.7);animation:cardBad .6s ease-out} .rc.bad::after{border-color:rgba(252,165,165,.6)} @keyframes cardGood{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05) rotate(2deg)}100%{transform:translateY(-4px) scale(1.03) rotate(0deg)}} @keyframes cardBad{0%{transform:translateX(0)}25%{transform:translateX(-8px)}50%{transform:translateX(8px)}75%{transform:translateX(-4px)}100%{transform:translateX(0)}} .feedback{margin-top:16px;padding:14px 18px;background:linear-gradient(180deg,#2a1238,#0a0518);border:1px solid var(--gold);border-left:4px solid var(--gold);border-radius:0 4px 4px 0;font-size:14px;line-height:1.55;display:none;color:var(--parchment);font-family:Georgia,serif;box-shadow:0 6px 16px rgba(0,0,0,.5)} .feedback.show{display:block;animation:fIn .35s} @keyframes fIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}} .feedback b.right{color:#7ddc9e;font-family:'Cinzel',Georgia,serif;letter-spacing:.04em} .feedback b.wrong{color:#fca5a5;font-family:'Cinzel',Georgia,serif;letter-spacing:.04em} .next{margin-top:14px;text-align:center} .btn{cursor:pointer;border:2px solid var(--gold);background:linear-gradient(180deg,#a37512,#5a3f08);color:var(--parchment);font-weight:800;padding:13px 28px;border-radius:6px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;display:inline-block;font-family:'Cinzel','Georgia',serif;box-shadow:0 4px 12px rgba(0,0,0,.6),inset 0 1px 0 rgba(251,191,36,.3);transition:all .12s} .btn:hover{background:linear-gradient(180deg,#c89817,#7a5712);transform:translateY(-1px);box-shadow:0 6px 16px rgba(251,191,36,.3)} .btn.ghost{background:transparent;color:var(--gold);border-color:rgba(251,191,36,.4)} .btn.ghost:hover{background:rgba(251,191,36,.1)} .modal{position:fixed;inset:0;background:rgba(0,0,0,.93);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:30;padding:18px} .modal.hidden{display:none} .card{background:linear-gradient(180deg,#1a0a38 0%,#0a0518 100%);border:3px solid var(--gold);border-radius:10px;max-width:560px;width:100%;padding:30px;text-align:center;box-shadow:0 24px 64px rgba(0,0,0,.85),0 0 60px rgba(251,191,36,.15);position:relative} .card::before,.card::after{content:"";position:absolute;width:40px;height:40px;border:2px solid var(--gold);opacity:.7} .card::before{top:8px;left:8px;border-right:none;border-bottom:none} .card::after{bottom:8px;right:8px;border-left:none;border-top:none} .card h2{margin:0 0 6px;font-size:28px;color:var(--gold);text-shadow:0 0 20px rgba(251,191,36,.5);letter-spacing:.06em;font-family:'Cinzel',Georgia,serif;text-transform:uppercase} .card .s{color:var(--purpleLight);font-size:11px;margin-bottom:18px;letter-spacing:.28em;text-transform:uppercase;font-weight:800} .rules{text-align:left;background:rgba(251,191,36,.06);border:1px solid rgba(251,191,36,.2);border-left:3px solid var(--gold);padding:14px 18px;font-size:14px;line-height:1.65;margin-bottom:18px;color:var(--parchment)} .rules li{margin:6px 0} .rules b{color:var(--gold)} .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 18px} .stat{background:rgba(124,58,237,.12);border:1px solid var(--purple);border-radius:6px;padding:12px} .stat .v{font-size:26px;font-weight:700;color:var(--gold);font-family:'Cinzel',Georgia,serif} .stat .l{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--purpleLight);margin-top:4px;font-weight:800} .btnrow{display:flex;gap:10px;justify-content:center;flex-wrap:wrap} @media (max-width:520px){ .scene .pillar{width:30px} .scene .candle{display:none} } </style> <link rel="stylesheet" href="/assets/light-theme.css?v=2026-05-31-gold" /> <script defer src="/assets/analytics.js?v=2026-05-20"></script> </head><body> <div class="scene"> <div class="pillar left"></div> <div class="pillar right"></div> <div class="circle"></div> <div class="candle c1"></div> <div class="candle c2"></div> <div class="candle c3"></div> <div class="candle c4"></div> </div> <div class="wrap"> <a class="crumb" href="/innovative-games/">← Catalogue</a> <header class="h"><h1>⚔ Performance Management Showdown ⚔</h1></header> <div class="sub">— Behaviour vs Response · Eight Rounds —</div> <div class="hud"> <div class="chip">Round <b><span id="rnum">1</span>/<span id="rtot">8</span></b></div> <div class="chip good">Wins <b id="wins">0</b></div> <div class="chip bad">Losses <b id="loss">0</b></div> </div> <div class="behaviour" id="behaviour"> <div class="label">⚜ The opponent plays</div> <h2 id="bTitle">…</h2> <p id="bDesc"></p> </div> <div class="hand" id="hand"></div> <div class="feedback" id="fb"></div> <div class="next"><button class="btn" id="nextBtn" style="display:none">Next round →</button></div> </div> <div class="modal" id="intro"> <div class="card"> <h2>⚔ The Showdown Begins ⚔</h2> <div class="s">Performance Management · 14-week sim</div> <ul class="rules"> <li>Each round, your <b>team-member draws a behaviour card</b> — a real workplace scenario.</li> <li>You're dealt <b>4 response cards</b>. Pick the best intervention.</li> <li>8 rounds. Every card reveals its <b>why</b> — learn whether you win or lose.</li> </ul> <div class="btnrow"><button class="btn" id="start">Deal Me In →</button><a class="btn ghost" href="/games/performance-management/">Source: 14-week sim</a></div> </div> </div> <div class="modal hidden" id="over"> <div class="card"> <h2 id="overTitle">⚔ Final Bell ⚔</h2> <div class="s" id="overSub"></div> <div class="stats"> <div class="stat"><div class="v" id="finWins">0</div><div class="l">Wins</div></div> <div class="stat"><div class="v" id="finLoss">0</div><div class="l">Losses</div></div> <div class="stat"><div class="v" id="finRank">—</div><div class="l">Title</div></div> </div> <div class="rules" id="overNote"></div> <div class="btnrow"><button class="btn" id="again">Rematch</button><a class="btn ghost" href="/innovative-games/">More games</a></div> </div> </div> <script> (() => { const $ = id => document.getElementById(id); const GLYPHS = ['⚔','✶','✦','⚜','✺','✷']; const ROUNDS = [ { b:{title:"📉 Performance Dropped This Quarter",desc:"A previously strong performer has missed two deadlines and seems disengaged in standups."}, hand:[ {t:"Schedule a private 1:1 to understand what changed",correct:true,why:"Always start with inquiry, not judgement. There may be external causes you don't yet know about."}, {t:"Issue a written warning immediately",correct:false,why:"Skips inquiry, damages trust, escalates without evidence of misconduct."}, {t:"Reassign their work to other team members",correct:false,why:"Punishes the person without addressing cause; overloads peers."}, {t:"Wait until annual review to address it",correct:false,why:"Six months later is too late to be useful."}, ], }, { b:{title:"⭐ Top Performer Is Restless",desc:"They've mastered the role and started missing meetings to side-project."}, hand:[ {t:"Co-create a stretch assignment in their growth area",correct:true,why:"Mastery without challenge breeds disengagement. Stretch retains top talent."}, {t:"Tell them to stay focused on current work",correct:false,why:"Silences the signal. They'll leave for the next employer offering growth."}, {t:"Promote them immediately to keep them happy",correct:false,why:"Skip-grade promotions create comp-ratio, fairness and role-fit problems."}, {t:"Cut their workload",correct:false,why:"Boredom isn't from too much work — it's from too little challenge."}, ], }, { b:{title:"🗣️ Two Seniors Openly Disagreeing",desc:"On Slack, two senior engineers traded critical messages. Team morale dipping."}, hand:[ {t:"Bring them together with a structured facilitation",correct:true,why:"Direct + structured + neutral surfaces the issue without making either feel attacked."}, {t:"Pick a side based on who's more senior",correct:false,why:"Authority-based resolution breeds resentment and rewards political behaviour."}, {t:"Send a team-wide 'be professional' email",correct:false,why:"Broadcast scolding embarrasses the team and signals you avoid hard things."}, {t:"Ignore it; let them sort it out",correct:false,why:"Conflict left to fester metastasises — gossip, sub-coalitions, attrition."}, ], }, { b:{title:"📊 Strong Results, Bad Behaviours",desc:"They beat every target but the team complains they're abrasive in reviews."}, hand:[ {t:"Split the rating: high performance, low behavioural alignment",correct:true,why:"The 'what AND how' approach prevents 'top-talent toxic' from being implicitly rewarded."}, {t:"Top rating because they hit numbers",correct:false,why:"Rewards outcome-without-conduct and teaches the team that being abrasive is fine."}, {t:"Low rating because they're not nice",correct:false,why:"Ignoring strong outcomes is also unfair and signals politics > results."}, {t:"Give 'meets expectations' to avoid the conversation",correct:false,why:"Centre-anchored ratings undermine the system and resolve nothing."}, ], }, { b:{title:"📝 Goals for a New Direct Report",desc:"They've just joined; you're the manager. Time to set Q1 goals."}, hand:[ {t:"Co-author SMART goals tied to team objectives",correct:true,why:"Co-authored = ownership. SMART = measurable. Tied = visibility."}, {t:"Hand them last year's goals copy-pasted",correct:false,why:"Stale, irrelevant, breaks trust on day one."}, {t:"Set very easy goals to make them feel good",correct:false,why:"Patronising; removes the motivating power of stretch."}, {t:"Set extreme stretch goals to test them",correct:false,why:"Setting people up to fail in their first quarter is poor design."}, ], }, { b:{title:"🪞 They Asked For Honest Feedback",desc:"Direct report wants candid feedback on their presentation skills, which need real work."}, hand:[ {t:"Use SBI: Situation–Behaviour–Impact, with a next step",correct:true,why:"Keeps feedback specific and developmental, not judgemental."}, {t:"Soften so much they don't realise it's a problem",correct:false,why:"Sandwich feedback that buries the message is worse than nothing."}, {t:"Tell them they're great because they asked nicely",correct:false,why:"Reciprocity bias. Honesty serves them, not your comfort."}, {t:"Forward the feedback to their next manager",correct:false,why:"Outsources your job. The conversation is yours to have, today."}, ], }, { b:{title:"🤝 High-Pot Asks 'What's Next'",desc:"Strong performer, two years in, wants clarity on growth path."}, hand:[ {t:"Map a 6/12/24-month growth plan with concrete milestones",correct:true,why:"High-pots disengage without clarity. Even imperfect plans beat vague reassurance."}, {t:"'Keep doing great work and good things will happen'",correct:false,why:"Vague platitudes are the most common reason high-pots quietly leave."}, {t:"Promise a promotion verbally with no plan behind it",correct:false,why:"Unbacked promises create a future credibility crisis."}, {t:"Tell them growth depends on someone leaving",correct:false,why:"Anchors their success to peer attrition — corrosive."}, ], }, { b:{title:"⚠️ No Movement After Coaching",desc:"You've coached, set clear goals, given examples. Three months later, no movement."}, hand:[ {t:"Start a formal Performance Improvement Plan (PIP)",correct:true,why:"Document expectations, support, and timeline. Fair to the person and legally defensible."}, {t:"Just fire them — coaching didn't work",correct:false,why:"Skipping due process is a legal and ethical risk."}, {t:"More casual chats and hope it works out",correct:false,why:"Indefinite informality is unfair to the person AND the team carrying the load."}, {t:"Transfer them to another team without warning",correct:false,why:"Passing problems sideways damages your reputation AND the receiving manager."}, ], }, ]; const state = { i:0, wins:0, loss:0, answered:false }; $('rtot').textContent = ROUNDS.length; function start(){ $('intro').classList.add('hidden'); $('over').classList.add('hidden'); state.i = 0; state.wins = 0; state.loss = 0; nextRound(); } function refresh(){ $('rnum').textContent = Math.min(state.i+1, ROUNDS.length); $('wins').textContent = state.wins; $('loss').textContent = state.loss; } function nextRound(){ if (state.i >= ROUNDS.length) return end(); state.answered = false; refresh(); const r = ROUNDS[state.i]; $('bTitle').textContent = r.b.title; $('bDesc').textContent = r.b.desc; const h = r.hand.slice().sort(()=>Math.random()-0.5); const handEl = $('hand'); handEl.innerHTML = ''; h.forEach((c, k) => { const el = document.createElement('button'); el.className = 'rc'; el.innerHTML = ` <div class="top"> <span class="glyph">${GLYPHS[k % GLYPHS.length]}</span> <div class="rcLabel">▸ Response · ${String.fromCharCode(65+k)}</div> <h3>${esc(c.t)}</h3> </div> <div class="body"><p>Click to play this card.</p></div>`; el.onclick = () => pick(c, h, el); handEl.appendChild(el); }); $('fb').classList.remove('show'); $('fb').innerHTML = ''; $('nextBtn').style.display = 'none'; } function pick(c, h, el){ if (state.answered) return; state.answered = true; [...document.querySelectorAll('.rc')].forEach(b => b.onclick = null); const correctEl = [...document.querySelectorAll('.rc')].find(b => b.querySelector('h3').textContent === h.find(x => x.correct).t); correctEl.classList.add('good'); if (!c.correct) el.classList.add('bad'); const fb = $('fb'); if (c.correct) { state.wins++; fb.innerHTML = `<b class="right">⚔ VICTORY ▸</b> ${esc(c.why)}`; } else { state.loss++; const right = h.find(x => x.correct); fb.innerHTML = `<b class="wrong">✗ DEFEATED ▸</b> ${esc(c.why)}<br><br><b class="right">The winning card:</b> ${esc(right.t)} — ${esc(right.why)}`; } fb.classList.add('show'); $('nextBtn').style.display = 'inline-block'; state.i++; refresh(); } function end(){ $('finWins').textContent = state.wins; $('finLoss').textContent = state.loss; let rank = 'Apprentice'; if (state.wins === 8) rank = '🏆 Grandmaster'; else if (state.wins >= 6) rank = '🥇 Master Coach'; else if (state.wins >= 4) rank = '🥈 Knight'; else if (state.wins >= 2) rank = '🥉 Squire'; $('finRank').textContent = rank; $('overTitle').textContent = state.wins >= 6 ? '⚔ Crowned Champion' : state.wins >= 3 ? '⚔ Honourable Showing' : '⚔ Keep Training'; $('overSub').textContent = `You won ${state.wins} of ${ROUNDS.length}.`; $('overNote').innerHTML = 'PM Showdown is a fast-twitch warm-up. The 14-week sim covers goal-setting frameworks, calibration sessions, multi-rater feedback, and difficult performance conversations in depth. <a href="/games/performance-management/" style="color:var(--gold)">Open the full sim →</a>'; $('over').classList.remove('hidden'); } function esc(s){return String(s).replace(/[&<>"']/g,c=>({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]))} $('start').onclick = start; $('again').onclick = start; $('nextBtn').onclick = nextRound; })(); </script> </body></html>