https://phxintel.com/assets/PayrollRiddleGame-0NRTUhsN.js

1import{j as e}from"./vendor-ui-NLPqw2t3.js";import{P as ee,S as te}from"./index-CThYbAOY.js";import{r as s,u as re,A as ae,L as se,b1 as ne,X as oe,bg as ie}from"./vendor-icons-BSGq3JuS.js";import{L as y}from"./vendor-react-C3dcikN3.js";import{B as T}from"./button-DySRijmZ.js";import{I as le}from"./input-BDXvqbW_.js";import{P as ce}from"./progress-CaI3Xc89.js";import{S as de}from"./ShareButtons-DPWdr8nD.js";import{A as g,m}from"./vendor-motion-BbBenTIs.js";import"./vendor-query-CgGIzJQR.js";const q=[{type:"riddle",badge:"Riddle",text:"I'm the largest line item on most companies' books, yet I'm still run on spreadsheets in half the world.",clue:"Get me wrong and employees lose trust overnight. Get me right and nobody even notices. I run like clockwork — or I should.",answer:"payroll",accept:["payroll","payroll processing","payroll run"],hint:"It's the most basic thing every company does, yet the hardest to get right globally.",inputType:"text"},{type:"scramble",badge:"Word Scramble",text:"Unscramble this — every payroll leader's #1 concern:",scrambled:"MILCPOCEAN",answer:"compliance",accept:["compliance"],hint:"Break this and the regulators come knocking.",inputType:"text"},{type:"emoji",badge:"Emoji Decode",text:"What payroll method do these emojis represent?",emojis:"🏢 ➡️ 🏦 ➡️ 💵",answer:"direct deposit",accept:["direct deposit","bank transfer","ach","eft"],hint:"No paper checks — money goes straight from company to employee's bank.",inputType:"text"},{type:"trivia",badge:"Trivia",text:"Payroll and related costs typically represent what percentage of a company's total operating expenses?",clue:"This is why smart CFOs treat payroll as strategic, not back-office.",choices:["15-25%","30-40%","50-70%","75-90%"],correctIndex:2,explanation:"Payroll is 50-70% of operating costs for most companies — yet it remains one of the least digitally transformed functions. That's the gap.",answer:"50-70%",accept:["50-70%"],hint:"It's the majority of what companies spend to operate.",inputType:"choice"},{type:"scramble",badge:"Word Scramble",text:"Unscramble this core payroll calculation:",scrambled:"SORGS OT ENT",answer:"gross to 

1net",accept:["gross to net","gross-to-net"],hint:"Total pay in... deductions out... what's left is what employees take home.",inputType:"text"},{type:"riddle",badge:"Riddle",text:"I have 50 versions of myself in one country alone. I change without warning every January.",clue:"I'm different in Texas than in California. Expand to Europe and I multiply by another 27. Ignore me and penalties follow.",answer:"tax compliance",accept:["tax compliance","tax regulations","tax laws","payroll tax","payroll taxes","compliance","tax rules"],hint:"Every jurisdiction has its own rules about how much to withhold.",inputType:"text"},{type:"emoji",badge:"Emoji Decode",text:"What workforce initiative do these emojis represent?",emojis:"👩‍💼 ⚖️ 👨‍💼 💰",answer:"pay equity",accept:["pay equity","equal pay","pay gap","pay transparency","pay parity"],hint:"Ensuring everyone is compensated fairly regardless of gender or background.",inputType:"text"},{type:"trivia",badge:"Trivia",text:"What percentage of paychecks contain errors according to the American Payroll Association?",clue:"It sounds small, but at scale it adds up to thousands of issues per year.",choices:["Less than 0.5%","1-2%","5-8%","10-15%"],correctIndex:1,explanation:"1-2% — sounds low, but for a 5,000-employee company that's 1,300-2,600 errors per year. Each one erodes trust and costs money to fix.",answer:"1-2%",accept:["1-2%"],hint:"It's a small percentage, but the impact at scale is massive.",inputType:"choice"},{type:"scramble",badge:"Word Scramble",text:"Unscramble this — get it wrong and the first paycheck is late:",scrambled:"GRINDAONBO",answer:"onboarding",accept:["onboarding"],hint:"The process of bringing a new employee into the system — mess it up and day one starts with a payroll problem.",inputType:"text"},{type:"riddle",badge:"Riddle",text:"I let employees access money they've already earned — before payday arrives.",clue:"I'm not a loan. I'm not an advance. I'm a shift in how we think about when people get paid. The gig economy normalized me. Now enterprises are catching up.",answer:"earned wage access",accept:["earned wage access","on demand pay","on-demand pay","ewa","early pay","instant pay"],hint:"Why wait two weeks for money you earned yesterday?",inputType:"text"},{type:"trivia",badge:"Trivia",text:"A company operating in 30+ countries typically manages how many separate payroll providers?",clue:"Think fragmentation.",choices:["2-4","5-10","15-25","30+ (one per country)"],correctIndex:2,explanation:"Most global companies juggle 15-25 payroll vendors — different formats, timelines, currencies, and compliance rules. Consolidation is where transformation starts.",answer:"15-25",accept:["15-25"],hint:"It's more than you'd expect but not quite one per country.",inputType:"choice"},{type:"riddle",badge:"Final Round",text:"Fragmented vendors. Compliance nightmares across 30 countries. Manual processes eating your team alive. Payroll errors draining trust and money.",clue:"You need something that rises from the ashes of broken payroll — intelligent, unified, and built for transformation. Named after a mythical bird, powered by intelligence. What solves all of this?",answer:"phoenix intelligence tools",accept:["phoenix intelligence tools","phoenix intelligence","phoenix","phoenix tools"],hint:"A mythical bird that rises from the ashes... paired with 'Intelligence Tools.'",inputType:"text",isFinal:!0}],me={riddle:"bg-primary/10 text-primary border-primary/30",scramble:"bg-cyan-600/10 text-cyan-700 border-cyan-600/30",emoji:"bg-amber-500/10 text-amber-600 border-amber-500/30",trivia:"bg-purple-500/10 text-purple-600 border-purple-500/30"};function pe(){const i=s.useRef(null),x=s.useCallback(()=>{const r=i.current;if(!r)return;const l=r.getContext("2d");if(!l)return;r.width=window.innerWidth,r.height=window.innerHeight;const p=["#f97316","#fb923c","#22c55e","#06b6d4","#818cf8","#facc15","#ef4444"],j=Array.from({length:150},()=>({x:Math.random()*r.width,y:Math.random()*r.height-r.height,w:Math.random()*10+5,h:Math.random()*6+3,color:p[Math.floor(Math.random()*p.length)],vy:Math.random()*3+2,vx:(Math.random()-.5)*2,rot:Math.random()*360,rv:(Math.random()-.5)*8}));let v=0;

1function f(){l.clearRect(0,0,r.width,r.height),j.forEach(n=>{n.y+=n.vy,n.x+=n.vx,n.rot+=n.rv,l.save(),l.translate(n.x,n.y),l.rotate(n.rot*Math.PI/180),l.fillStyle=n.color,l.fillRect(-n.w/2,-n.h/2,n.w,n.h),l.restore()}),v++,v<180?requestAnimationFrame(f):l.clearRect(0,0,r.width,r.height)}f()},[]);return{canvasRef:i,launch:x}}function xe({scrambled:i}){return e.jsx("div",{className:"flex flex-wrap gap-2.5 justify-center mb-8",children:i.split("").map((x,r)=>x===" "?e.jsx("div",{className:"w-5"},r):e.jsx(m.div,{initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},transition:{delay:r*.05,type:"spring",stiffness:300},className:"w-12 h-14 flex items-center justify-center rounded-lg text-xl font-extrabold uppercase bg-cyan-50 border-2 border-cyan-200 text-cyan-700",children:x},r))})}function ue(){const[i,x]=s.useState("hero"),[r,l]=s.useState(0),[p,j]=s.useState(0),[v,f]=s.useState([]),[n,A]=s.useState([]),[S,C]=s.useState(""),[D,I]=s.useState(!1),[w,N]=s.useState(null),[P,R]=s.useState(!1),[F,M]=s.useState(null),[d,E]=s.useState(!1),[U,$]=s.useState(0),[G,H]=s.useState(0),W=s.useRef(null),{canvasRef:Y,launch:L}=pe(),t=q[r],u=q.length,O=()=>{x("playing"),l(0),j(0),f([]),A([]),N(null),R(!1),E(!1),C(""),I(!1),M(null),$(Date.now())};s.useEffect(()=>{i==="playing"&&t.inputType==="text"&&setTimeout(()=>{var a;return(a=W.current)==null?void 0:a.focus()},150)},[r,i,t.inputType]);const B=a=>a.toLowerCase().replace(/[-\s]/g,""),z=()=>{const a=S.trim();if(!a||d)return;const o=t.accept.some(c=>B(a)===B(c));Q(o)},V=a=>

1{if(d)return;M(a);const c=a===t.correctIndex;Q(c)},Q=a=>{if(E(!0),a&&j(c=>c+1),A(c=>{const h=[...c];return h[r]=a,h}),t.isFinal){R(!0);return}const o=t.inputType==="choice"?t.explanation:"";if(a)N({correct:!0,message:o||"You nailed it!"});else{const c=t.inputType==="choice"?t.choices[t.correctIndex]:t.accept[0];N({correct:!1,message:`The answer was "${c}". ${o}`})}},J=()=>{r+1>=u?(H(Math.round((Date.now()-U)/1e3)),x("results")):(l(a=>a+1),N(null),R(!1),E(!1),C(""),I(!1),M(null))},K=()=>{I(!0),f(a=>{const o=[...a];return o[r]=!0,o})},b=Math.round(p/u*100),X=Math.floor(G/60),Z=G%60,_=v.filter(Boolean).length,k=b>=90?{title:"Payroll Powerhouse",subtitle:"You clearly live and breathe payroll. Share your score — let's see if your network can keep up.",confetti:!0}:b>=70?{title:"Payroll Pro",subtitle:"Strong payroll instincts. A few blind spots, but you know more than most leaders in the room.",confetti:!0}:b>=50?{title:"Getting Warmer",subtitle:"You know the basics, but payroll has layers most leaders never see. The complexity is where transformation starts.",confetti:!1}:{title:"Payroll Curious",subtitle:"No shame — payroll is quietly one of the most complex functions in any company. Now you know where the gaps are.",confetti:!1};return s.useEffect(()=>{i==="results"&&k.confetti&&L()},[i,k.confetti,L]),e.jsxs("div",{className:"relative min-h-[80vh]",children:[e.jsx("canvas",{ref:Y,className:"fixed inset-0 w-full h-full pointer-events-none z-50"}),e.jsx("div",{className:"relative z-10 max-w-3xl mx-auto px-4 py-10",children:e.jsxs(g,{mode:"wait",children:[i==="hero"&&e.jsxs(m.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},className:"flex flex-col items-center text-center py-16 md:py-24",children:[e.jsx("span",{className:"inline-flex items-center gap-2 bg-primary/10 border border-primary/30 px-5 py-2 rounded-full text-xs font-semibold uppercase tracking-widest text-primary mb-6",children:"Built for CFOs & Global Payroll Leaders"}),e.jsx("h1",{className:"text-3xl text-foreground md:text-4xl lg:text-5xl font-bold leading-tight mb-5 font-sans max-w-2xl",children:"The Payroll Riddle Game"}),e.jsx("p",{className:"text-base md:text-lg text-muted-foreground max-w-md mx-auto mb-8 leading-relaxed font-sans",children:"12 rounds. One mind. Can you outsmart payroll?"}),e.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-2 mb-10",children:[e.jsxs("span",{className:"inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full border border-border bg-card text-xs font-medium text-foreground",children:[e.jsx(re,{className:"w-3.5 h-3.5 text-primary"}),"~5 min"]}),e.jsx("span",{className:"inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full border border-border bg-card text-xs font-medium text-foreground",children:"12 rounds"}),e.jsx("span",{className:"inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full border border-border bg-card text-xs font-medium text-foreground",children:"Riddles · Scrambles · Emoji · Trivia"})]}),e.jsxs(T,{onClick:O,size:"lg",className:"gap-2.5 px-8",children:["Start the Challenge",e.jsx(ae,{className:"w-5 h-5"})]})]},"hero"),i==="playing"&&e.jsxs(m.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},children:[e.jsxs("div",{className:"mb-8",children:[e.jsxs("div",{className:"flex justify-between items-center mb-2.5",children:[e.jsxs("span",{className:"text-sm font-semibold text-muted-foreground font-sans",children:["Question ",r+1," / ",u]}),e.jsxs("span",{className:"text-sm font-bold text-primary",children:["Score: ",p]})]}),e.jsx(ce,{value:r/u*100,className:"h-1.5"})]}),e.jsx(g,{mode:"wait",children:e.jsxs(m.div,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.4},className:"bg-card border border-border rounded-xl p-8 md:p-10",children:[e.jsx("span",{className:`inline-flex items-center gap-1.5 px-3.5 py-1.5 rounded-lg text-[11px] font-bold uppercase tracking-wider border mb-5 ${t.isFinal?"bg-amber-50 text-amber-600 border-amber-300":me[t.type]}`,children:t.badge}),e.jsx("h2",{className:"text-xl md:text-2xl font-semibold text-foreground leading-relaxed mb-2 font-sans",children:t.text}),t.clue&&e.jsx("p",{className:"text-sm md:text-base text-muted-foreground italic leading-relaxed mb-7 font-sans",children:t.clue}),t.type==="scramble"&&t.scrambled&&e.jsx(xe,{scrambled:t.scrambled}),t.type==="emoji"&&t.emojis&&e.jsx("div",{className:"text-4xl md:text-5xl text-center mb-8 tracking-[12px] leading-relaxed",children:t.emojis}),e.jsx(g,{children:D&&e.jsx(m.div,{initial:{opacity:0,height:0},animate:{opacity:1,height:"auto"},exit:{opacity:0,height:0},className:"bg-amber-50 border border-amber-200 rounded-xl px-4 py-3 mb-4",children:e.jsxs("p",{className:"text-sm text-amber-700 flex items-center gap-2",children:[e.jsx(se,{className:"w-4 h-4 flex-shrink-0"}),t.hint]})})}),t.inputType==="text"&&!P&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex gap-3 mb-3",children:[e.jsx(le,{ref:W,value:S,onChange:a=>C(a.target.value),onKeyDown:a=>a.key==="Enter"&&z(),placeholder:"Type your answer...",disabled:d,className:"flex-1 bg-background border-border text-foreground placeholder:text-muted-foreground/50 h-12 rounded-lg focus-visible:ring-primary/40"}),e.jsx(T,{onClick:z,disabled:d||!S.trim(),className:"h-12 px-6 rounded-lg font-semibold",children:"Submit"})]}),!d&&e.jsx("button",{onClick:K,className:"text-xs font-semibold text-primary/70 hover:text-primary border border-primary/20 hover:bg-primary/5 px-4 py-2 rounded-lg transition-colors",children:"Need a hint?"})]}),t.inputType==="choice"&&e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3 mb-4",children:t.choices.map((a,o)=>{const c=t;let h="bg-background border-border text-muted-foreground hover:border-primary/40 hover:bg-muted/50";return d&&o===c.correctIndex?h="bg-green-50 border-green-500 text-green-700":d&&o===F&&o!==c.correctIndex?h="bg-red-50 border-red-400 text-red-600":F===o&&!d&&(h="bg-primary/5 border-primary text-foreground"),e.jsx("button",{onClick:()=>V(o),disabled:d,className:`p-4 rounded-xl border-2 text-left text-sm font-medium transition-all disabled:cursor-default ${h}`,children:a},o)})}),e.jsx(g,{children:P&&e.jsxs(m.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},className:"mt-5 p-6 rounded-xl border border-primary/30 bg-primary/5",children:[e.jsx("h3",{className:"text-xl font-extrabold mb-3 text-primary",children:"Phoenix Intelligence Platform"}),e.jsxs("p",{className:"text-foreground font-medium leading-relaxed text-sm",children:["Every problem in this game — fragmented vendors, compliance complexity, manual processes, payroll errors, and lack of visibility — is exactly what ",e.jsx("strong",{className:"text-primary",children:"Phoenix"})," was built to solve."]}),e.jsx("h4",{className:"text-sm font-bold text-foreground mt-5 mb-3",children:"The Products Behind It"}),e.jsxs("ul",{className:"space-y-2.5 text-sm",children:[e.jsxs("li",{children:[e.jsx(y,{to:"/products/phoenix-bridge",className:"text-primary font-bold hover:underline",children:"Bridge™"})," ",e.jsx("span",{className:"text-muted-foreground",children:"— Unifies and standardizes payroll data across systems, vendors, and countries."})]}),e.jsxs("li",{children:[e.jsx(y,{to:"/products/phoenix-apex",className:"text-primary font-bold hover:underline",children:"Apex™"})," ",e.jsx("span",{className:"text-muted-foreground",children:"— Delivers executive-level visibility into workforce cost, trends, and risk."})]}),e.jsxs("li",{children:[e.jsx(y,{to:"/products/phoenix-pulse",className:"text-primary font-bold hover:underline",children:"Pulse™"})," ",e.jsx("span",{className:"text-muted-foreground",children:"— Captures and validates time and expense data before payroll begins."})]}),e.jsxs("li",{children:[e.jsx(y,{to:"/products/phoenix-raptor",className:"text-primary font-bold hover:underline",children:"Raptor™"})," ",e.jsx("span",{className:"text-muted-foreground",children:"— Detects and resolves anomalies before they become payroll issues."})]}),e.jsxs("li",{children:[e.jsx(y,{to:"/products/phoenix-connect",className:"text-primary font-bold hover:underline",children:"Connect™"})," ",e.jsx("span",{className:"text-muted-foreground",children:"— Governs onboarding, access, and lifecycle of the external workforce."})]}),e.jsxs("li",{children:[e.jsx(y,{to:"/products/phoenix-perform",className:"text-primary font-bold hover:underline",children:"Perform™"})," ",e.jsx("span",{className:"text-muted-foreground",children:"— Aligns performance, incentives, and compensation with accuracy."})]})]}),e.jsx("p",{className:"text-muted-foreground font-medium leading-relaxed text-sm mt-5 italic",children:"Rising from the ashes of broken payroll. Intelligent. Unified. Transformative."})]})}),e.jsx(g,{children:w&&!P&&e.jsxs(m.div,{initial:{opacity:0,y:10}

1,animate:{opacity:1,y:0},className:`flex items-start gap-3 p-4 rounded-xl mt-5 ${w.correct?"bg-green-50 border border-green-200 text-green-700":"bg-red-50 border border-red-200 text-red-600"}`,children:[w.correct?e.jsx(ne,{className:"w-5 h-5 mt-0.5 flex-shrink-0"}):e.jsx(oe,{className:"w-5 h-5 mt-0.5 flex-shrink-0"}),e.jsx("p",{className:"text-sm font-semibold leading-relaxed",children:w.message})]})}),d&&e.jsx(m.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.2},children:e.jsx(T,{onClick:J,variant:"outline",className:"w-full mt-6 h-12 rounded-lg font-semibold border-primary/30 text-primary hover:bg-primary/5",children:t.isFinal?"See My Results →":r+1>=u?"See Results":"Next Question →"})})]},r)})]},"playing"),i==="results"&&e.jsxs(m.div,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},className:"text-center py-16",children:[e.jsxs("div",{className:"w-40 h-40 rounded-full mx-auto mb-8 flex flex-col items-center justify-center relative",children:[e.jsx("div",{className:"absolute inset-[-3px] rounded-full bg-gradient-to-br from-primary to-cyan-500 p-[3px]",style:{mask:"linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",WebkitMask:"linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",WebkitMaskComposite:"xor",maskComposite:"exclude"}}),e.jsxs("span",{className:"text-5xl font-black bg-gradient-to-br from-primary to-amber-400 bg-clip-text text-transparent leading-none",children:[p,"/",u]}),e.jsxs("span",{className:"text-sm text-muted-foreground font-semibold",children:[b,"%"]})]}),e.jsx("h2",{className:"text-3xl font-bold text-foreground mb-3 font-sans",children:k.title}),e.jsx("p",{className:"text-base text-muted-foreground max-w-lg mx-auto mb-10 leading-relaxed font-sans",children:k.subtitle}),e.jsxs("div",{className:"grid grid-cols-3 gap-4 mb-10",children:[e.jsxs("div",{className:"bg-card border border-border rounded-xl p-5",children:[e.jsx("div",{className:"text-2xl font-extrabold text-primary",children:p}),e.jsx("div",{className:"text-[11px] text-muted-foreground font-semibold uppercase tracking-wider mt-1",children:"Correct"})]}),e.jsxs("div",{className:"bg-card border border-border rounded-xl p-5",children:[e.jsx("div",{className:"text-2xl font-extrabold text-primary",children:_}),e.jsx("div",{className:"text-[11px] text-muted-foreground font-semibold uppercase tracking-wider mt-1",children:"Hints Used"})]}),e.jsxs("div",{className:"bg-card border border-border rounded-xl p-5",children:[e.jsxs("div",{className:"text-2xl font-extrabold text-primary",children:[X,":",Z.toString().padStart(2,"0")]}),e.jsx("div",{className:"text-[11px] text-muted-foreground font-semibold uppercase tracking-wider mt-1",children:"Time"})]})]}),e.jsxs("div",{className:"flex flex-col items-center gap-5",children:[e.jsx(de,{title:`I scored ${p}/${u} (${b}%) on The Payroll Riddle Game!`,slug:"payroll-riddle-game",path:"/payroll-riddle-game",variant:"light"}),e.jsxs(T,{onClick:O,variant:"outline",size:"lg",className:"gap-2 px-8 py-6 text-base font-semibold rounded-lg border-primary/30 text-primary hover:bg-primary/5",children:[e.jsx(ie,{className:"w-4 h-4"}),"Play Again"]})]})]},"results")]})})]})}function Te(){return e.jsxs(ee,{children:[e.jsx(te,{title:"The Payroll Riddle Game | Phoenix Intelligence",description:"12 rounds of riddles, word scrambles, emoji puzzles and executive trivia. Built for CFOs, CPOs, and Global Payroll leaders.",noIndex:!0}),e.jsx("section",{className:"bg-background",children:e.jsx(ue,{})})]})}export{Te as default};