var e=window.matchMedia("(max-width: 600px)");if(e.matches){var t=document.getElementById("gameField");t.style.height=window.innerHeight-75+"px"}const o={colors:["#FFFFFF","#FFFAC8","#FABEBE","#AAFFC3","#E6BEFF","#46F0F0","#FFE119","#BCF60C","#F58231","#3CB44B","#F032E6","#808000","#008080","#9A6324","#E6194B","#4363D8","#911EB4","#800000","#000075","#000000"],colorsAlt:[0,1,6,8,13,14,17,5,3,7,9,11,12,2,4,10,16,15,18,19],numGuesses:6,numAnswerBlocks:[3,4],colorWeight:[[.5,.34,.16],[.4,.3,.2,.1]],graphSplit:[[50,8,17,25],[50,5,10,15,20]],correctColor:"forestgreen",misplacedColorLight:"#FFEA00",misplacedColorDark:"#d4c200",wrongColorLight:"#d3d3d3",wrongColorDark:"#36393b",graphBorderLight:"#ffffff",graphBorderDark:"#222425",lsWinStreak:"winStreak",lsLongestStreak:"longestStreak",lsWins:"wins",lsWinsHard:"winsHard",lsLastCompleted:"lastCompleted",lsMode:"mode",lsSeenFaq:"seenFaq",lsDarkMode:"darkMode",lsPaletteMode:"paletteMode",lsContSession:"contSession"};var r=0,a=0,l=localStorage.getItem(o.lsSeenFaq),s=null!=localStorage.getItem(o.lsPaletteMode)?localStorage.getItem(o.lsPaletteMode):0,n=localStorage.getItem(o.lsDarkMode);const d=window.matchMedia("(prefers-color-scheme: dark)");var c=document.getElementById("lightDarkIcon");1==n?(document.body.classList.add("dark-mode"),c.classList.remove("fa-moon"),c.classList.add("fa-sun")):null==n&&d.matches?(n=1,localStorage.setItem(o.lsDarkMode,1),document.body.classList.add("dark-mode"),c.classList.remove("fa-moon"),c.classList.add("fa-sun")):n=0;var i=1==n?o.wrongColorDark:o.wrongColorLight,u=1==n?o.misplacedColorDark:o.misplacedColorLight,g=1==n?o.graphBorderDark:o.graphBorderLight;1!=l&&setTimeout((function(){document.getElementById("faqModal").style.display="block"}),400),localStorage.setItem(o.lsSeenFaq,"1");var m,h,b,p,y=null!=localStorage.getItem(o.lsMode)?localStorage.getItem(o.lsMode):0,f=document.querySelector(".switch-button-case.right"),k=document.querySelector(".switch-button-case.left");function C(){f.classList.remove("active-case"),k.classList.add("active-case")}function v(){f.classList.add("active-case"),k.classList.remove("active-case")}switch(document.getElementById("switchButton").style.display="initial",0==y){case!0:k.classList.add("active-case");break;case!1:f.classList.add("active-case")}k.addEventListener("click",(function(){f.classList.contains("active-case")&&1==y&&(C(),localStorage.setItem(o.lsMode,0),window.location.reload())}),!1),f.addEventListener("click",(function(){k.classList.contains("active-case")&&0==y&&(v(),localStorage.setItem(o.lsMode,1),window.location.reload())}),!1);var B,w,M,L,E=0,I=0,A=0,S=[],F=[...Array(o.numGuesses)].map(e=>Array(o.numAnswerBlocks[y]).fill(-1)),W=[...Array(o.numGuesses)].map(e=>Array(o.numAnswerBlocks[y]).fill(0)),D=[Array(o.colors.length).fill(0),Array(o.colors.length).fill(0)],x=[],G=[],T=-1,q=[],H=[],P=[],N=[];for(let e=0;e<o.colors.length;e++)N[e]=e;M=[["rgb(211, 211, 211)","rgb(211, 211, 211)","rgb(211, 211, 211)","rgb(211, 211, 211)"],["rgb(211, 211, 211)","rgb(211, 211, 211)","rgb(211, 211, 211)","rgb(211, 211, 211)","rgb(211, 211, 211)"]];var R=document.getElementById("demoChart"),z=["rgb(170, 136, 214)","rgb(255,225,25)","rgb(230,25,75)","rgb(67,99,216)"],O=o.graphSplit[0],$=new Chart(R,{type:"pie",data:{datasets:[{data:O,backgroundColor:z,borderWidth:2,borderColor:g}]},options:{plugins:{tooltip:{enabled:!1}},hover:{mode:null},animation:{duration:0}}}),j=document.getElementById("answerChart"),J=M[y],K=o.graphSplit[y];for(let e=0;e<o.colors.length;e++){let t=document.createElement("button");t.classList.add("colorButton"),t.style.backgroundColor=o.colors[e],t.setAttribute("data-color",e),t.onclick=ce,P.push(t)}var Q=function(e){e.stopPropagation(),e.preventDefault(),1!=s?(s=1,localStorage.setItem(o.lsPaletteMode,s),window.location.reload()):(s=0,localStorage.setItem(o.lsPaletteMode,s),window.location.reload())},U=7,V=0;for(let e=0;e<3;e++){let t=document.createElement("div");t.classList.add("colorRow"),document.getElementById("colorField").appendChild(t);for(let r=0;r<U&&V<o.colors.length&&(1!=e||6!=r);r++)1==s?t.appendChild(P[V]):t.appendChild(P[o.colorsAlt[V]]),V++;if(1==e){let e=document.createElement("button");e.classList.add("actionButton"),e.classList.add("actionButtonEnter"),e.innerHTML="Create",e.style.backgroundColor="#D3D3D3",e.onclick=le,t.appendChild(e)}if(0==e){let e=document.createElement("button");e.classList.add("actionButton"),e.classList.add("actionButtonDelete");let o=document.createElement("i");o.classList.add("fa-solid"),o.classList.add("fa-delete-left"),o.classList.add("deleteButton"),e.appendChild(o),e.style.backgroundColor="#D3D3D3",e.onclick=de,t.appendChild(e)}}const X=CSS.supports("aspect-ratio","1 / 1");if(!X){var Y=document.getElementById("playingField"),Z=0;0==y?Z=.8:1==y&&(Z=1),Y.style.width=Z*Y.offsetHeight+"px"}var _=5;function ee(e,t,r,a,l,s,n){let d=document.getElementById(e),c=document.createElement("div");switch(c.classList.add("demoGuessBlock"),c.style.backgroundColor=t,d.appendChild(c),c.classList.add("demoGuessBlockAfter"),l){case 0:c.style.borderColor=i;break;case 1:c.style.borderColor=u;break;case 2:c.style.borderColor=o.correctColor}switch(c=document.createElement("div"),c.classList.add("demoGuessBlock"),c.style.backgroundColor=r,d.appendChild(c),c.classList.add("demoGuessBlockAfter"),s){case 0:c.style.borderColor=i;break;case 1:c.style.borderColor=u;break;case 2:c.style.borderColor=o.correctColor}switch(c=document.createElement("div"),c.classList.add("demoGuessBlock"),c.style.backgroundColor=a,d.appendChild(c),c.classList.add("demoGuessBlockAfter"),n){case 0:c.style.borderColor=i;break;case 1:c.style.borderColor=u;break;case 2:c.style.borderColor=o.correctColor}let g=document.createElement("button");g.classList.add("demoAvgBlock"),d.appendChild(g);let m=document.createElement("div");g.appendChild(m);var h=ye(["rgb(67,99,216)","rgb(230,25,75)","rgb(230, 190, 255)"]),b=ye([t,r,a]),p=Ie(b);b.r+b.g+b.b<350&&(g.style.color="lightgrey"),g.style.backgroundColor=p;var y=me(b,h);g.innerHTML=y+"%"}function te(e,t,o,r){let a=document.getElementById(e),l=document.createElement("button");l.classList.add("demoAvgBlockButton"),l.classList.add("demoAvgBlockSelected"),a.appendChild(l);let s=document.createElement("div");s.classList.add("guessText"),l.appendChild(s);var n=ye(["rgb(67,99,216)","rgb(230,25,75)","rgb(230, 190, 255)"]),d=ye([t,o,r]),c=Ie(d);d.r+d.g+d.b<350&&(l.style.color="lightgrey"),l.style.backgroundColor=c;var i=me(d,n);s.innerHTML=i+"%"}function oe(e,t,r,a,l,s,n){let d=document.getElementById(e),c=document.createElement("div");switch(c.classList.add("demoGuessBlock"),c.style.backgroundColor=t,d.appendChild(c),c.classList.add("demoGuessBlockAfter"),l){case 0:c.style.borderColor=i;break;case 1:c.style.borderColor=u;break;case 2:c.style.borderColor=o.correctColor}switch(c=document.createElement("div"),c.classList.add("demoGuessBlock"),c.style.backgroundColor=r,d.appendChild(c),c.classList.add("demoGuessBlockAfter"),s){case 0:c.style.borderColor=i;break;case 1:c.style.borderColor=u;break;case 2:c.style.borderColor=o.correctColor}switch(c=document.createElement("div"),c.classList.add("demoGuessBlock"),c.style.backgroundColor=a,d.appendChild(c),c.classList.add("demoGuessBlockAfter"),n){case 0:c.style.borderColor=i;break;case 1:c.style.borderColor=u;break;case 2:c.style.borderColor=o.correctColor}let g=document.getElementById("demoButtonContainer"),m=document.createElement("button");m.classList.add("demoAvgBlockFirst"),g.appendChild(m);let h=document.createElement("div");h.classList.add("guessText"),m.appendChild(h);var b=ye(["rgb(67,99,216)","rgb(230,25,75)","rgb(230, 190, 255)"]);let p=document.createElement("div");m.appendChild(p);var y=ye([t,r,a]),f=Ie(y);y.r+y.g+y.b<350&&(m.style.color="lightgrey"),m.style.backgroundColor=f;var k=me(y,b);h.innerHTML=k+"%"}e.matches&&(_=3),B=new Chart(j,{type:"pie",data:{datasets:[{data:K,backgroundColor:J,borderWidth:2==A?0:_,borderColor:g}]},options:{plugins:{tooltip:{enabled:!1}},hover:{mode:null},animation:{duration:0}}}),oe("demoGuessContainerCorrect","rgb(67,99,216)","rgb(230,25,75)","rgb(255,225,25)",2,2,0),ee("demoGuessContainerMisplaced","rgb(230, 190, 255)","rgb(67,99,216)","rgb(230,25,75)",1,1,1),ee("demoGuessContainerRightOrder","rgb(67,99,216)","rgb(230,25,75)","rgb(230, 190, 255)",2,2,2),ee("demoGuessContainerWrong","rgb(128,0,0)","rgb(0,0,117)","rgb(255, 255, 255)",0,0,0),te("demoGuessContainerButton","rgb(230, 190, 255)","rgb(67,99,216)","rgb(230,25,75)"),0==y?document.getElementById("playingField").classList.add("playingFieldReg"):document.getElementById("playingField").classList.add("playingFieldHard");for(let e=0;e<o.numGuesses;e++){let t=document.createElement("div");t.classList.add("guessRow"),0!=e&&t.classList.add("guessRowInvis"),t.classList.add("guessRow"+y),document.getElementById("playingField").appendChild(t),S.push([]);let r=document.createElement("div");r.classList.add("fakeBlock"),0==y?r.classList.add("fakeBlockMini"):r.classList.add("fakeBlockReg"),t.appendChild(r);for(let r=0;r<o.numAnswerBlocks[y];r++){let o=document.createElement("div");o.classList.add("guessBlock"),t.appendChild(o),S[e].push(o)}let a=document.createElement("button");a.classList.add("avgBlock"),t.appendChild(a),a.setAttribute("data-row",e);let l=document.createElement("div"),s=document.createElement("i");s.classList.add("fa-solid"),s.classList.add("fa-question"),s.classList.add("placeholder"),l.classList.add("guessText"),a.appendChild(l),a.appendChild(s),x.push(a),q.push(s),G.push(l)}if(!X){var re=document.getElementsByClassName("guessBlock");Array.prototype.forEach.call(re,(function(e){e.style.height=e.offsetWidth+"px",e.style.width=e.offsetHeight+"px"})),re=document.getElementsByClassName("avgBlock"),Array.prototype.forEach.call(re,(function(e){e.style.width=e.offsetHeight+"px"})),(Y=document.getElementById("chartDiv")).style.width=Y.offsetHeight+"px"}function ae(){T>=0&&(x[T].classList.remove("avgBlockSelected"),T=-1)}function le(){if(I==o.numAnswerBlocks[y]){var e=new Hashids,t=[y,...F[0]],r=e.encode(t);document.getElementById("shareText").value="https://colorfle.com/puzzle?p="+r,We.style.display="block"}}function se(e,t){var o=2==A?finalPie:B;o.data.datasets[0].data=[50,50];var r=[Ie(e),t];o.data.datasets[0].backgroundColor=r,o.update()}function ne(){var e=[],t="rgb(211, 211, 211)";if(1==I)t=o.colors[F[E][0]];else if(2==I||3==I||4==I){t=Ie(Be(E))}e.push(t);for(let t=o.numAnswerBlocks[y]-1;t>=0;t--)t<I?e.push(o.colors[F[E][t]]):e.push("rgb(211, 211, 211)");B.data.datasets[0].data=o.graphSplit[y],B.data.datasets[0].backgroundColor=e,B.update()}function de(){0==A&&I>0&&E<6&&(I--,ne(),ae(),F[E][I]=-1,S[E][I].style.backgroundColor=1==n?"#878a8c":"#D3D3D3",S[E][I].removeAttribute("data-animation"))}function ce(e){if(0==A&&I<o.numAnswerBlocks[y]){var t=e.target.getAttribute("data-color");F[E].includes(t)||-1==D[t]||(S[E][I].style.backgroundColor=e.target.style.backgroundColor,F[E][I]=e.target.getAttribute("data-color"),S[E][I].setAttribute("data-animation","pop"),I++,ne(),ae())}}function ie(e){var t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null}function ue(e){var t=Math.min(e.r,e.g,e.b),o=Math.min(255-e.r,255-e.g,255-e.b),r=e.r-t,a=e.g-t,l=e.b-t,s=Math.min(r,a),n=r-s,d=(a+s)/2,c=(l+a-s)/2,i=Math.max(n,d,c,1)/Math.max(r,a,l,1);return{r:n/i+o,y:d/i+o,b:c/i+o}}function ge(e){var t=Math.min(e.r,e.y,e.b),o=Math.min(255-e.r,255-e.y,255-e.b),r=e.r-t,a=e.y-t,l=e.b-t,s=Math.min(a,l),n=r+a-s,d=a+2*s,c=2*(l-s),i=Math.max(n,d,c,1)/Math.max(r,a,l,1);return{r:n/i+o,g:d/i+o,b:c/i+o}}function me(e,t){var o=ue(e),r=ue(t),a=1-Math.sqrt(Math.pow(o.r-r.r,2)+Math.pow(o.y-r.y,2)+Math.pow(o.b-r.b,2))/Math.sqrt(3*Math.pow(255,2));return Math.round(1e3*a)/10}function he(e,t){var o=1-Math.sqrt(Math.pow(e.r-t.r,2)+Math.pow(e.g-t.g,2)+Math.pow(e.b-t.b,2))/Math.sqrt(3*Math.pow(255,2));return Math.round(1e3*o)/10}function be(e){var t=pe(e),o=ke(e);return{r:(t.r+o.r)/2,g:(t.g+o.g)/2,b:(t.b+o.b)/2}}function pe(e){var t=0,r=0,a=0;for(let l=0;l<o.numAnswerBlocks[y];l++){let s=ue(ie(o.colors[e[l]]));t+=s.r*o.colorWeight[y][l],r+=s.y*o.colorWeight[y][l],a+=s.b*o.colorWeight[y][l]}return(t=Math.round(t))>255&&(t=255),(r=Math.round(r))>255&&(r=255),(a=Math.round(a))>255&&(a=255),ge({r:t,y:r,b:a})}function ye(e){var t=fe(e),o=Ce(e);return{r:(t.r+o.r)/2,g:(t.g+o.g)/2,b:(t.b+o.b)/2}}function fe(e){var t=0,r=0,a=0;for(let s=0;s<o.numAnswerBlocks[0];s++){var l=e[s].match(/\d+/g);let n=ue({r:l[0],g:l[1],b:l[2]});t+=n.r*o.colorWeight[0][s],r+=n.y*o.colorWeight[0][s],a+=n.b*o.colorWeight[0][s]}return(t=Math.round(t))>255&&(t=255),(r=Math.round(r))>255&&(r=255),(a=Math.round(a))>255&&(a=255),ge({r:t,y:r,b:a})}function ke(e){var t=0,r=0,a=0;for(let l=0;l<o.numAnswerBlocks[y];l++){let s=ie(o.colors[e[l]]);t+=s.r*o.colorWeight[y][l],r+=s.g*o.colorWeight[y][l],a+=s.b*o.colorWeight[y][l]}return(t=Math.round(t))>255&&(t=255),(r=Math.round(r))>255&&(r=255),(a=Math.round(a))>255&&(a=255),{r:t,g:r,b:a}}function Ce(e){var t=0,r=0,a=0;for(let s=0;s<o.numAnswerBlocks[0];s++){var l=e[s].match(/\d+/g);t+=l[0]*o.colorWeight[0][s],r+=l[1]*o.colorWeight[0][s],a+=l[2]*o.colorWeight[0][s]}return(t=Math.round(t))>255&&(t=255),(r=Math.round(r))>255&&(r=255),(a=Math.round(a))>255&&(a=255),{r:t,g:r,b:a}}function ve(e){var t=Ee(e),o=Le(e);return{r:(t.r+o.r)/2,g:(t.g+o.g)/2,b:(t.b+o.b)/2}}function Be(e){var t=Me(e),o=we(e);return{r:(t.r+o.r)/2,g:(t.g+o.g)/2,b:(t.b+o.b)/2}}function we(e){var t=0,r=0,a=0,l=0;for(let s=0;s<I;s++){let n=S[e][s].style.backgroundColor,d=n.indexOf(",")>-1?",":" ";n=n.substr(4).split(")")[0].split(d);let c=+n[0],i=+n[1],u=+n[2];t+=c*o.colorWeight[y][s],r+=i*o.colorWeight[y][s],a+=u*o.colorWeight[y][s],l+=o.colorWeight[y][s]}return(t=Math.round(t/l))>255&&(t=255),(r=Math.round(r/l))>255&&(r=255),(a=Math.round(a/l))>255&&(a=255),{r:t,g:r,b:a}}function Me(e){var t=0,r=0,a=0,l=0;for(let n=0;n<I;n++){let d=S[e][n].style.backgroundColor,c=d.indexOf(",")>-1?",":" ";var s;d=d.substr(4).split(")")[0].split(c),(s={}).r=+d[0],s.g=+d[1],s.b=+d[2],ryb=ue(s),t+=ryb.r*o.colorWeight[y][n],r+=ryb.y*o.colorWeight[y][n],a+=ryb.b*o.colorWeight[y][n],l+=o.colorWeight[y][n]}return(t=Math.round(t/l))>255&&(t=255),(r=Math.round(r/l))>255&&(r=255),(a=Math.round(a/l))>255&&(a=255),s=ge({r:t,y:r,b:a})}function Le(e){var t=0,r=0,a=0;for(let l=0;l<o.numAnswerBlocks[y];l++){let s=S[e][l].style.backgroundColor,n=s.indexOf(",")>-1?",":" ";s=s.substr(4).split(")")[0].split(n);let d=+s[0],c=+s[1],i=+s[2];t+=d*o.colorWeight[y][l],r+=c*o.colorWeight[y][l],a+=i*o.colorWeight[y][l]}return(t=Math.round(t))>255&&(t=255),(r=Math.round(r))>255&&(r=255),(a=Math.round(a))>255&&(a=255),{r:t,g:r,b:a}}function Ee(e){var t=0,r=0,a=0;for(let s=0;s<o.numAnswerBlocks[y];s++){let n=S[e][s].style.backgroundColor,d=n.indexOf(",")>-1?",":" ";var l;n=n.substr(4).split(")")[0].split(d),(l={}).r=+n[0],l.g=+n[1],l.b=+n[2],ryb=ue(l),t+=ryb.r*o.colorWeight[y][s],r+=ryb.y*o.colorWeight[y][s],a+=ryb.b*o.colorWeight[y][s]}return(t=Math.round(t))>255&&(t=255),(r=Math.round(r))>255&&(r=255),(a=Math.round(a))>255&&(a=255),l=ge({r:t,y:r,b:a})}function Ie(e){return"rgb("+e.r+","+e.g+","+e.b+")"}document.addEventListener("keyup",(function(e){"Enter"===e.code&&le(),"Backspace"===e.code&&de()}));var Ae=document.getElementById("faqModal"),Se=document.getElementById("faq-button"),Fe=document.getElementById("faqClose"),We=document.getElementById("statsModal");Se.onclick=function(){Ae.style.display="block"},Fe.onclick=function(){Ae.style.display="none"};var De=document.getElementById("statsModalContent"),xe=document.getElementById("faqModalContent");Ae.addEventListener("touchstart",(function(e){xe.contains(e.target)||(Ae.style.display="none",e.stopPropagation(),e.preventDefault())})),We.addEventListener("touchstart",(function(e){De.contains(e.target)||(We.style.display="none",e.stopPropagation(),e.preventDefault())})),window.onclick=function(e){e.target==Ae&&(Ae.style.display="none"),e.target==We&&(We.style.display="none")};var Ge=document.getElementById("lightdark-button");(qe=document.getElementById("statsClose")).onclick=function(){We.style.display="none"},Ge.onclick=function(){1!=n?(n=1,localStorage.setItem(o.lsDarkMode,n),document.body.classList.add("dark-mode"),c.classList.remove("fa-moon"),c.classList.add("fa-sun"),g=o.graphBorderDark,B.data.datasets[0].borderColor=g,B.update()):(n=0,localStorage.setItem(o.lsDarkMode,n),document.body.classList.remove("dark-mode"),c.classList.remove("fa-sun"),c.classList.add("fa-moon"),g=o.graphBorderLight,B.data.datasets[0].borderColor=g,B.update())};var Te=document.getElementById("settingsModal"),qe=document.getElementById("statsClose");settingsClose.onclick=function(){Te.style.display="none"};var He=document.getElementById("shareButton");function Pe(){var e=(new Date).getTime(),t=countDownDate.getTime()-e,o=Math.floor(t%864e5/36e5),r=Math.floor(t%36e5/6e4),a=Math.floor(t%6e4/1e3);document.getElementById("timerTilNext").innerHTML=o+"h "+r+"m "+a+"s",0==o&&0==r&&0==a&&(clearInterval(countdownTimer),document.getElementById("timerTilNext").innerHTML="Available now!")}function Ne(){var e=new Hashids,t=[y,...F[0]],o=e.encode(t),r="I created a Colorfle puzzle! Try it at https://colorfle.com/puzzle?p="+o;navigator.clipboard.writeText(r);var a=document.getElementById("snackbar");a.className="show",setTimeout((function(){a.className=a.className.replace("show","")}),3e3),Re(o)}function Re(e){null!=window.writeGameShared&&window.writeGameShared(e)}He.onclick=Ne;var ze=document.getElementById("homeTitle");ze.onclick=function(){localStorage.setItem(o.lsContSession,1),window.location.href="/"};