JSFiddle - React, Tailwind, and code Playground
JavaScript
b="eÃŝīýĄĿŲm¤Ö";c="|ÉđqÆĖdÂěÊ~Ď{ÌyĊ{uÏuĈuěÂdĖÆqđÉ|ĎÊĊ{Ìz{ĈxÏtxÕF~`¢T~YrcuXċ[paÜkiU°wfWĻjj^ĆxdXÝ`SÕŐ~`ňp]mĿkXĐņu[ÝĿkV©ĶfWŁľnWċĶiVÝı`S";d=['FFF',"FE0",'0F0',"00F","FA0","F00","position:absolute;width:","background-color:#",";border:2px solid black;"];for(q=0;q<54;q++)document.body.innerHTML+=q<36?'<div style="top:'+(b[f="charCodeAt"](0|q/3)-99)+'px;left:'+(c[f](q*2)-72)+'px;'+d[6]+(c[f](q*2+1)-72)+'px;height:'+(b[f](0|q/3+12)-99)+'px;perspective:60px;transform:skew('+(0|q%3*10-10)+'deg);z-index:'+(q>26?'-':'')+'1"><div id="'+q+'" style="transform:rotateX('+(q>17?-8:8)+'deg);'+d[6]+'100%;height:100%;'+d[7]+d[0|q/9]+d[8]+'">':'<div id="'+q+'" style="top:'+(c[f]((q-36)*4+72)-72)+'px;left:'+(c[f]((q-36)*4+73)-72)+'px;'+d[6]+(c[f]((q-36)*4+74)-72)+'px;height:'+(c[f]((q-36)*4+75)-72)+'px;transform:rotate(75deg)skew(60deg);'+d[7]+d[0|q/9]+d[8]+'z-index:-1">';m=["R@G5P>I7Q?H6&*($)+%#","RPVXQSWU%5.D(81A+;4>","@2=)C/:&F,7#LNJHIOMG","MFX;ODV=NEW<31-/24.,","M.P)G,V+J-S*:<86=;57","R4O#X2I%U3L$>DF@AEC?"];for(i=6;i--;)m[i+6]=m[i].split("").reverse().join("");onkeyup=function(e){s=e[k="keyCode"]==74?m[0]:e[k]==73?m[1]:e[k]==68?m[2]:e[k]==83?m[3]:e[k]==78?m[4]:e[k]==87?m[5]: e[k]==70?m[6]:e[k]==75?m[7]:e[k]==69?m[8]:e[k]==76?m[9]:e[k]==86?m[10]:e[k]==79?m[11]:m;for(i=54;i--;)d[i]=document[h="getElementById"](i).style.backgroundColor;for(j=0;++j<s.length;)if(j%4)k=d[x=s[f](j)-35],d[x]=d[y=s[f](j-1)-35],d[y]=k;for(i=54;i--;)document[h](i).style.backgroundColor=d[i]}