Defuse the Grievance · DrAIStudio& <link rel="canonical" href="https://draistudio.com/innovative-games/defuse-the-grievance/"> <meta name="description" content="Tactical bomb-disposal HR sim. Cut response wires in the right sequence before the grievance hits tribunal."/> <meta name="theme-color" content="#0a1410"/> <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%A7%A8%3C/text%3E%3C/svg%3E"/> <style> :root{--matte:#0a1410;--steel:#1f2a26;--steelLight:#2e3d36;--olive:#52624a;--amber:#f59e0b;--green:#22c55e;--red:#ef4444;--warning:#fbbf24} *,*::before,*::after{box-sizing:border-box} html,body{margin:0;min-height:100%;background:#000;color:#dfeae0;font-family:'Courier New',monospace;overflow-x:hidden;-webkit-text-size-adjust:100%} body{-webkit-user-select:none;user-select:none} /* Tactical control room scene */ .scene{position:fixed;inset:0;z-index:0;overflow:hidden;background: /* metal panel with hex pattern */ radial-gradient(circle,rgba(82,98,74,.10) 0,transparent 2px) 0 0/30px 30px, radial-gradient(circle,rgba(82,98,74,.06) 0,transparent 2px) 15px 15px/30px 30px, linear-gradient(180deg,#0e1814 0%,#070d0a 100%)} .scene::before{content:"";position:fixed;inset:0;background: repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(0,0,0,.18) 3px,rgba(0,0,0,.18) 4px); pointer-events:none;opacity:.4;z-index:0} .scene::after{content:"";position:fixed;inset:0;background: radial-gradient(ellipse 70% 50% at 50% 50%,transparent 0%,transparent 50%,rgba(0,0,0,.7) 100%); pointer-events:none;z-index:1} /* Yellow warning stripes top + bottom */ .stripes{position:fixed;left:0;right:0;height:14px;background:repeating-linear-gradient(135deg,#fbbf24 0,#fbbf24 16px,#0a0e08 16px,#0a0e08 32px);z-index:8;pointer-events:none} .stripes.top{top:0}.stripes.bottom{bottom:0} .wrap{position:relative;z-index:2;max-width:820px;margin:0 auto;padding:36px 22px 80px} .crumb{display:inline-block;font-size:11px;color:var(--amber);margin-bottom:18px;padding:6px 14px;border:1px solid var(--amber);background:rgba(10,14,8,.85);text-decoration:none;letter-spacing:.2em;text-transform:uppercase;font-weight:800;font-family:'Courier New',monospace} .crumb:hover{background:rgba(245,158,11,.15)} /* Title with stencil aesthetic */ header.h{text-align:center;margin-bottom:18px} h1{font-size:clamp(26px,4.5vw,38px);margin:0;letter-spacing:.18em;color:var(--amber);text-shadow:0 0 18px rgba(245,158,11,.5),0 4px 12px #000;font-family:'Impact','Arial Black',sans-serif;text-transform:uppercase;font-weight:900} .sub{font-size:11px;color:#7a8a78;letter-spacing:.32em;text-align:center;margin-bottom:22px;text-transform:uppercase;font-weight:800} /* HUD chips — military-grade */ .hud{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:18px} .chip{background:linear-gradient(180deg,var(--steelLight),#0e1814);border:2px solid var(--olive);border-radius:2px;padding:7px 14px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:#dfeae0;box-shadow:0 4px 8px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.04)} .chip b{font-size:15px;margin-left:6px;color:var(--amber);letter-spacing:0} .chip.good b{color:var(--green)}.chip.bad b{color:var(--red)} /* Bomb console — main interactive area */ .console{background:linear-gradient(180deg,#1a2620 0%,#0a1410 100%);border:3px solid var(--olive);border-radius:6px;padding:24px;box-shadow:0 16px 40px rgba(0,0,0,.7),inset 0 0 30px rgba(0,0,0,.4);position:relative;margin-bottom:14px} .console::before{content:"";position:absolute;top:8px;left:8px;width:10px;height:10px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green);animation:blink 2s infinite} .console::after{content:"";position:absolute;top:8px;right:8px;width:10px;height:10px;background:var(--red);border-radius:50%;box-shadow:0 0 12px var(--red);animation:blink 1.5s infinite reverse} @keyframes blink{0%,40%,100%{opacity:1}50%,90%{opacity:.3}} /* Massive ticking timer display */ .timer-wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin-bottom:14px;padding:10px 14px;background:linear-gradient(180deg,#000,#0a0a0a);border:2px solid var(--red);border-radius:4px} .timer-wrap .side{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--amber);font-weight:800} .timer-wrap .side.r{text-align:right} .timer{font-family:'Courier New',monospace;font-size:clamp(40px,8vw,68px);font-weight:900;color:var(--red);letter-spacing:.08em;text-shadow:0 0 24px rgba(239,68,68,.7),0 0 48px rgba(239,68,68,.3);text-align:center;font-variant-numeric:tabular-nums} .timer.warn{color:var(--warning);text-shadow:0 0 24px rgba(251,191,36,.7)} .timer.crit{animation:pulse 0.5s infinite alternate} @keyframes pulse{from{transform:scale(1)}to{transform:scale(1.06)}} .stage{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--amber);font-weight:800;margin:6px 0 12px;text-align:center} .stage::before,.stage::after{content:"━━━";color:rgba(245,158,11,.4);margin:0 6px} .case-desc{background:rgba(0,0,0,.45);border:1px dashed var(--olive);border-radius:3px;padding:12px 16px;font-size:13.5px;line-height:1.55;color:#cfd8d0;margin-bottom:14px;font-family:Georgia,serif} .case-desc b{color:var(--amber);font-family:'Courier New',monospace;text-transform:uppercase;letter-spacing:.06em} /* Wire panel — cables to cut */ .wires{display:flex;flex-direction:column;gap:8px;margin-bottom:14px} .wire{display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#161e1a,#0a0e0a);border:1px solid var(--olive);border-radius:3px;padding:12px 14px;cursor:pointer;transition:all .12s;text-align:left;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden} .wire::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--olive);transition:background .15s} .wire:hover{background:linear-gradient(180deg,#1e2922,#161e1a);border-color:var(--amber)} .wire:hover::before{background:var(--amber)} .wire.cut{opacity:.45;pointer-events:none;text-decoration:line-through;text-decoration-color:#666;text-decoration-thickness:1.5px} .wire.cut.right{opacity:1;background:linear-gradient(180deg,#0e3a1e,#062612);text-decoration:none;border-color:var(--green)} .wire.cut.right::before{background:var(--green);box-shadow:0 0 12px var(--green)} .wire.cut.right::after{content:"✓";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--green);font-size:24px;font-weight:900;text-shadow:0 0 8px var(--green)} .wire.cut.wrong{opacity:1;background:linear-gradient(180deg,#3a0e1a,#260612);text-decoration:none;border-color:var(--red)} .wire.cut.wrong::before{background:var(--red);box-shadow:0 0 12px var(--red)} .wire.cut.wrong::after{content:"✗";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--red);font-size:26px;font-weight:900;text-shadow:0 0 8px var(--red)} .wire .swatch{width:18px;height:48px;border-radius:3px;flex-shrink:0;position:relative;box-shadow:inset -3px 0 4px rgba(0,0,0,.3),inset 3px 0 4px rgba(255,255,255,.08),0 2px 4px rgba(0,0,0,.4)} .wire .swatch::after{content:"";position:absolute;inset:8% 30%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);border-radius:2px} .wire .swatch.red{background:linear-gradient(180deg,#ef4444,#7a1818)} .wire .swatch.blue{background:linear-gradient(180deg,#3b82f6,#1d3a8a)} .wire .swatch.yellow{background:linear-gradient(180deg,#facc15,#a37512)} .wire .swatch.green{background:linear-gradient(180deg,#22c55e,#15803d)} .wire .swatch.purple{background:linear-gradient(180deg,#a855f7,#6b21a8)} .wire .swatch.white{background:linear-gradient(180deg,#fafafa,#9ca3af)} .wire .text{flex:1;padding-right:30px} .wire .label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);font-weight:800;margin-bottom:3px} .wire .desc{font-size:13.5px;line-height:1.4;font-weight:600;color:#fff;font-family:Georgia,serif;font-style:italic} .feedback{margin-top:12px;padding:14px;background:linear-gradient(180deg,rgba(10,20,16,.8),rgba(5,10,8,.8));border:1px solid var(--olive);border-radius:3px;font-size:13.5px;line-height:1.55;display:none;font-family:Georgia,serif} .feedback.show{display:block} .feedback.good{border-color:var(--green);background:linear-gradient(180deg,rgba(10,40,20,.8),rgba(5,20,12,.8))} .feedback.bad{border-color:var(--red);background:linear-gradient(180deg,rgba(40,10,15,.8),rgba(20,5,8,.8))} .btnbar{text-align:center;margin-top:14px} .btn{cursor:pointer;border:2px solid var(--amber);background:linear-gradient(180deg,#a37512,#5a3f08);color:#0a0e08;font-weight:900;padding:13px 28px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;display:inline-block;font-family:'Courier New',monospace;box-shadow:0 4px 10px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,235,180,.4);transition:all .12s} .btn:hover{background:linear-gradient(180deg,#c89817,#7a5712);transform:translateY(-1px);box-shadow:0 6px 14px rgba(245,158,11,.4)} .btn.ghost{background:transparent;color:var(--amber);border-color:rgba(245,158,11,.4)} .btn.ghost:hover{background:rgba(245,158,11,.1)} .btnrow{display:flex;gap:10px;justify-content:center;flex-wrap:wrap} /* Modals */ .modal{position:fixed;inset:0;background:rgba(0,0,0,.94);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,#1a2620,#0a1410);border:3px solid var(--amber);border-radius:4px;max-width:560px;width:100%;padding:30px;text-align:center;box-shadow:0 24px 64px rgba(0,0,0,.85);position:relative} .card::before,.card::after{content:"";position:absolute;width:36px;height:36px;border:2px solid var(--amber);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:30px;color:var(--amber);font-family:'Impact','Arial Black',sans-serif;letter-spacing:.12em;text-transform:uppercase;font-weight:900;text-shadow:0 0 18px rgba(245,158,11,.5)} .card .s{color:#7a8a78;font-size:11px;margin-bottom:18px;letter-spacing:.28em;text-transform:uppercase;font-weight:800} .rules{text-align:left;background:rgba(0,0,0,.4);border:1px solid rgba(245,158,11,.2);border-left:3px solid var(--amber);padding:14px 18px;font-size:14px;line-height:1.65;margin-bottom:18px;color:#dfeae0;font-family:Georgia,serif} .rules li{margin:6px 0} .rules b{color:var(--amber)} .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 18px} .stat{background:rgba(0,0,0,.45);border:1px solid var(--olive);border-radius:3px;padding:12px} .stat .v{font-size:24px;font-weight:900;color:var(--amber);font-family:'Courier New',monospace;text-shadow:0 0 8px rgba(245,158,11,.4)} .stat .l{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#7a8a78;margin-top:4px;font-weight:800} /* Background scan lines for crt feel */ @media (max-width:520px){ .timer-wrap{grid-template-columns:1fr;gap:4px;text-align:center} .timer-wrap .side{text-align:center} .wire .desc{font-size:12.5px} .wire .text{padding-right:24px} } </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> <div class="stripes top"></div> <div class="stripes bottom"></div> <div class="wrap"> <a class="crumb" href="/innovative-games/">← Catalogue</a> <header class="h"><h1>⚠ Defuse the Grievance ⚠</h1></header> <div class="sub">— Employee Relations · Tactical EOD Unit —</div> <div class="hud"> <div class="chip">Op <b><span id="cnum">1</span>/<span id="ctot">5</span></b></div> <div class="chip good">Defused <b id="defused">0</b></div> <div class="chip bad">Tribunals <b id="tribunals">0</b></div> </div> <div class="console"> <div class="timer-wrap"> <div class="side">▌COUNTDOWN</div> <div class="timer" id="timer">02:00</div> <div class="side r">UNTIL TRIBUNAL ▐</div> </div> <div class="stage" id="stage">STANDBY</div> <div class="case-desc" id="caseDesc"></div> <div class="wires" id="wires"></div> <div class="feedback" id="fb"></div> <div class="btnbar"><button class="btn" id="next" style="display:none">Next operation →</button></div> </div> </div> <div class="modal" id="intro"> <div class="card"> <h2>Defusal Protocol</h2> <div class="s">Employee Relations · 14-week sim</div> <ul class="rules"> <li>Five operations. Each shows a grievance with a <b>2-minute countdown</b>.</li> <li>4–5 response wires on the console. Cut them in the <b>right order</b>.</li> <li>Wrong cut → timer accelerates (×2). <b>Three wrong = tribunal</b>.</li> <li>Watch for trap wires — they end careers.</li> <li>5 cases drawn from real ER scenarios: bullying, pay disputes, dismissal, harassment, whistle-blower.</li> </ul> <div class="btnrow"><button class="btn" id="start">Begin Shift →</button><a class="btn ghost" href="/games/employee-relations/">Source: 14-week sim</a></div> </div> </div> <div class="modal hidden" id="over"> <div class="card"> <h2 id="overTitle">— End of Shift —</h2> <div class="s" id="overSub"></div> <div class="stats"> <div class="stat"><div class="v" id="finDef">0</div><div class="l">Defused</div></div> <div class="stat"><div class="v" id="finTrib">0</div><div class="l">Tribunals</div></div> <div class="stat"><div class="v" id="finRank">—</div><div class="l">Rank</div></div> </div> <div class="rules" id="overNote"></div> <div class="btnrow"><button class="btn" id="again">New shift</button><a class="btn ghost" href="/innovative-games/">More games</a></div> </div> </div> <script> (() => { const $ = id => document.getElementById(id); const CASES = [ { title:"Bullying complaint", desc:"A junior accountant alleges her senior manager has been belittling her in meetings for three weeks. She's put it in writing. <b>Defuse it.</b>", wires:[ { color:"red",label:"Listen + Acknowledge",desc:"Private meeting with complainant; listen without interrupting; confirm next steps.",order:1 }, { color:"yellow",label:"Document Everything",desc:"Record complaint verbatim; ask for dates, witnesses, prior incidents in writing.",order:2 }, { color:"blue",label:"Inform Respondent (Carefully)",desc:"Let the manager know a complaint has been raised, per policy. Don't share details yet.",order:3 }, { color:"green",label:"Open Formal Investigation",desc:"Appoint an impartial investigator. Set a timeline.",order:4 }, { color:"purple",label:"Suspend Complainant",desc:"The complainant has not been accused of anything — suspending them is retaliation.",order:-1 }, ], }, { title:"Pay-equity grievance", desc:"Two employees in similar roles, similar tenure, discover they're paid 23% apart. The lower-paid one files a formal grievance citing gender.", wires:[ { color:"red",label:"Acknowledge Within 5 Days",desc:"Send written confirmation of receipt and the timeline you'll follow.",order:1 }, { color:"yellow",label:"Pull Objective Pay-Equity Data",desc:"Compare against role, tenure, performance, location, skills. Data, not anecdotes.",order:2 }, { color:"blue",label:"Engage External Consultant",desc:"If the gap reflects a broader issue, an independent review covers legal exposure AND signals seriousness.",order:3 }, { color:"green",label:"Adjust + Back-date",desc:"If data shows an unjustified gap, fix it transparently — that's the whole point of equity policies.",order:4 }, { color:"white",label:"Tell Her To Discuss Privately",desc:"Discouraging formal complaints is retaliation in most jurisdictions.",order:-1 }, ], }, { title:"Constructive dismissal claim", desc:"After being passed over for promotion, an employee was given heavier workload + a new manager. He resigned. Now he claims constructive dismissal.", wires:[ { color:"red",label:"Preserve All Records",desc:"Litigation hold the moment a claim is signalled. Don't delete anything.",order:1 }, { color:"yellow",label:"Interview Manager(s)",desc:"Get their timeline, feedback given, decisions made — in writing.",order:2 }, { color:"blue",label:"Consult Employment Counsel",desc:"Constructive dismissal turns on legal tests; respond without counsel and you concede points.",order:3 }, { color:"green",label:"Without-Prejudice Settlement",desc:"Often the best outcome: confidential, faster, lower cost than tribunal.",order:4 }, { color:"purple",label:"Defend The Manager Publicly",desc:"Public statements during an active claim destroy your legal position.",order:-1 }, ], }, { title:"Sexual harassment allegation", desc:"An employee alleges a senior director repeatedly made inappropriate comments and once touched her shoulder uninvited. The director denies it. <b>Highest priority.</b>", wires:[ { color:"red",label:"Safety Planning (Complainant)",desc:"Offer separation of working contact; confirm no-retaliation policy.",order:1 }, { color:"yellow",label:"External Investigator",desc:"Allegations against senior leaders require independence — external counsel or specialist firm.",order:2 }, { color:"blue",label:"Suspend Accused (Full Pay)",desc:"Suspension is precautionary, not punitive. Keeps the complainant safe and investigation clean.",order:3 }, { color:"green",label:"Sealed Documentation",desc:"Confidentiality + thoroughness — these cases surface in litigation years later.",order:4 }, { color:"white",label:"Gatekeep The Complaint",desc:"Discouraging a harassment complaint is itself misconduct.",order:-1 }, ], }, { title:"Whistle-blower disclosure", desc:"An engineer reports that the company's safety incident reports are being doctored before going to the regulator. <b>Protected disclosure — handle precisely.</b>", wires:[ { color:"red",label:"Acknowledge + Confirm Protection",desc:"Whistle-blower protection activates the moment a protected disclosure is made.",order:1 }, { color:"yellow",label:"Escalate To Audit + Counsel",desc:"Not to line management. Reports to line create retaliation risk + conflict of interest.",order:2 }, { color:"blue",label:"Engage Independent Investigators",desc:"Investigators must be free of conflict — same business unit = compromised.",order:3 }, { color:"green",label:"Preserve Discloser Identity",desc:"Confidentiality is the single biggest predictor of whether others will come forward later.",order:4 }, { color:"purple",label:"Quietly Reassign Whistle-blower",desc:"Classic retaliation — invites a second, larger claim (and regulator interest).",order:-1 }, ], }, ]; const state = { i:0, defused:0, tribunals:0, t:null, timeLeft:120, expectedOrder:1, wrongCuts:0, totalRight:0 }; $('ctot').textContent = CASES.length; function start(){ $('intro').classList.add('hidden'); $('over').classList.add('hidden'); state.i = 0; state.defused = 0; state.tribunals = 0; nextCase(); } function refresh(){ $('cnum').textContent = Math.min(state.i+1, CASES.length); $('defused').textContent = state.defused; $('tribunals').textContent = state.tribunals; } function fmtTime(s){ const m=Math.floor(s/60),ss=s%60; return `${String(m).padStart(2,'0')}:${String(ss).padStart(2,'0')}`; } function nextCase(){ if (state.i >= CASES.length) return end(); const c = CASES[state.i]; $('caseDesc').innerHTML = `<b>${esc(c.title)} ▸</b> ${c.desc}`; $('stage').textContent = '◉ DEVICE ARMED — ESCALATING'; refresh(); state.timeLeft = 120; state.expectedOrder = 1; state.wrongCuts = 0; state.totalRight = c.wires.filter(w => w.order > 0).length; $('timer').textContent = fmtTime(state.timeLeft); $('timer').className = 'timer'; $('fb').classList.remove('show','good','bad'); $('fb').innerHTML = ''; $('next').style.display = 'none'; const wires = c.wires.slice().sort(()=>Math.random()-0.5); const we = $('wires'); we.innerHTML = ''; wires.forEach(w => { const el = document.createElement('button'); el.className = 'wire'; el.innerHTML = `<div class="swatch ${w.color}"></div><div class="text"><div class="label">▸ ${esc(w.color)} wire · ${esc(w.label)}</div><div class="desc">${esc(w.desc)}</div></div>`; el.onclick = () => cut(w, el, c); we.appendChild(el); }); runTimer(); } function runTimer(){ clearInterval(state.t); state.t = setInterval(() => { state.timeLeft -= state.wrongCuts >= 1 ? 2 : 1; if (state.timeLeft <= 0) { state.timeLeft = 0; $('timer').textContent = '00:00'; clearInterval(state.t); fail('Time ran out — escalation to tribunal.'); return; } $('timer').textContent = fmtTime(state.timeLeft); if (state.timeLeft <= 30) $('timer').className = 'timer warn'; if (state.timeLeft <= 10) $('timer').className = 'timer crit'; }, 1000); } function cut(w, el, c){ if (el.classList.contains('cut')) return; el.classList.add('cut'); if (w.order === state.expectedOrder) { el.classList.add('right'); state.expectedOrder++; if (state.expectedOrder > state.totalRight) { clearInterval(state.t); state.defused++; $('fb').className = 'feedback show good'; $('fb').innerHTML = `<b style="color:var(--green)">◉ DEFUSED.</b> Right sequence: <b>listen → document → investigate → act</b>. Time remaining: ${fmtTime(state.timeLeft)}.`; $('next').style.display = 'inline-block'; $('stage').textContent = '◉ DEVICE NEUTRALISED'; } } else if (w.order < 0) { el.classList.add('wrong'); state.wrongCuts++; flashFail(`<b style="color:var(--red)">▲ TRAP WIRE.</b> ${esc(w.desc)} — this ends careers. Two more wrong cuts = tribunal.`); checkFail(); } else { el.classList.add('wrong'); state.wrongCuts++; flashFail(`<b style="color:var(--red)">✗ RIGHT ACTION, WRONG ORDER.</b> "${esc(w.label)}" comes later. Sequence matters in ER work.`); checkFail(); } } function flashFail(html){ const fb = $('fb'); fb.className = 'feedback show bad'; fb.innerHTML = html; } function checkFail(){ if (state.wrongCuts >= 3) fail('Three wrong cuts — case escalated to tribunal.'); } function fail(msg){ clearInterval(state.t); state.tribunals++; const fb = $('fb'); fb.className = 'feedback show bad'; const c = CASES[state.i]; const seq = c.wires.filter(w => w.order > 0).sort((a,b) => a.order - b.order).map(w => `<li><b>${esc(w.label)}</b> — ${esc(w.desc)}</li>`).join(''); fb.innerHTML = `<b style="color:var(--red)">⚖ TRIBUNAL.</b> ${esc(msg)}<br><br>Correct sequence:<ol style="margin:6px 0 0 18px;font-style:italic">${seq}</ol>`; $('next').style.display = 'inline-block'; $('stage').textContent = '◉ CASE LOST'; } function nextOne(){ state.i++; nextCase(); } function end(){ $('finDef').textContent = state.defused; $('finTrib').textContent = state.tribunals; let rank = 'Junior ER Officer'; if (state.defused === 5) rank = '🏆 Head of ER'; else if (state.defused === 4) rank = '🥇 Senior ER'; else if (state.defused === 3) rank = '🥈 ER Manager'; else if (state.defused >= 1) rank = '🥉 Coordinator'; $('finRank').textContent = rank; $('overTitle').textContent = state.defused >= 4 ? '— Steady Hands —' : state.defused >= 2 ? '— Holding The Line —' : '— Painful Day —'; $('overSub').textContent = `${state.defused} of ${CASES.length} cases defused`; $('overNote').innerHTML = 'ER work is about sequence + documentation + neutrality, not heroics. The 14-week Employee Relations sim covers listening protocols, investigation design, settlement framing, and tribunal prep. <a href="/games/employee-relations/" style="color:var(--amber)">Play the full sim →</a>'; $('over').classList.remove('hidden'); } function esc(s){return String(s).replace(/[&<>"']/g,c=>({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]))} $('start').onclick = start; $('again').onclick = start; $('next').onclick = nextOne; })(); </script> </body></html>