https://rohitpatil.me/_next/static/chunks/pages/tools/blockdrop-06be9da209652d21.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6228],{17008:(e,t,l)=>{"use strict";l.r(t),l.d(t,{default:()=>_});var a=l(37876),r=l(75784),s=l(14232),n=l(48230),c=l.n(n),i=l(90050),o=l(39751),d=l(97778),u=l(44298),h=l(16495),x=l(18773);let p=e=>{let{width:t=16,height:l=12}=e;return(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:l,viewBox:"0 0 16 12",fill:"none",children:[(0,a.jsx)("path",{d:"M5.33873 7.2689H6.79328V5.81436H5.33873V4.35981H3.88419V5.81436H2.42964V7.2689H3.88419H5.33873ZM0.975098 8.72345H2.42964V7.2689H0.975098V8.72345ZM6.79328 8.72345H8.24783V7.2689H6.79328V8.72345Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M5.20699 0.181824H13.5706V1.63637H5.20699V0.181824ZM5.32985 10.3636H13.5706V11.8182H5.32985V10.3636ZM13.5706 1.63637H15.0252V10.3636H13.5706V1.63637ZM3.75244 1.63637H5.20699V3.09091H3.75244V1.63637Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M5.39503 7.20435V10.5365V11.8182H3.82764V7.20435H5.39503Z",fill:"currentColor"})]})},f=e=>{let{onRotate:t,onMoveLeft:l,onMoveRight:r,onMoveDown:n,onHardDrop:c,isGameRunning:i,isPaused:o}=e,u=(0,s.useCallback)(e=>t=>{t.preventDefault(),o||e()},[]),h=!i||o;return(0,a.jsxs)(d.PY1.div,{className:"mobile-game-console bottom-5 left-1/2 -translate-x-1/2   z-[60]  lg:hidden  flex flex-col items-center",initial:{opacity:0,y:100},animate:{opacity:1,y:0},transition:{duration:.3,ease:"easeOut"},children:[(0,a.jsxs)("div",{className:"flex items-center w-full",children:[(0,a.jsx)("button",{type:"button","aria-label":"move left",className:"".concat(Z," flex-1 border-r border-[#333333] ").concat(h?"opacity-50 cursor-not-allowed":""),onClick:u(l),children:"◄"}),(0,a.jsx)("button",{type:"button","aria-label":"move down",onClick:u(n),className:"".concat(Z," flex-1 border-r border-[#333333]  ").concat(h?"opacity-50 cursor-not-allowed":""),children:"▼"}),(0,a.jsx)("button",{type:"button","aria-label":"move right",className:"".concat(Z," flex-1 border-r border-[#333333] ").concat(h?"opacity-50 cursor-not-allowed":""),onClick:u(r),children:"►"})]}),(0,a.jsxs)("div",{className:"flex items-center w-full",children:[(0,a.jsx)("button",{type:"button","aria-label":"move right",className:"".concat(Z," flex-1 uppercase border-r border-t border-[#333333] ").concat(h?"opacity-50 cursor-not-allowed":""),onClick:u(c),children:"↓ DROP"}),(0,a.jsxs)("button",{type:"button","aria-label":"move right",className:"".concat(Z," flex-1 flex items-center gap-2 justify-center uppercase border-r border-t border-[#333333] ").concat(h?"opacity-50 cursor-not-allowed":""),onClick:u(t),children:[(0,a.jsx)(p,{className:"w-4 h-3"}),(0,a.jsx)("span",{children:"Rotate"})]})]})]})},m={dampening:.95,intensity:8,duration:800},j=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:20,l=[];for(let a=0;a<=t;a+=1){let r=a/t,s=m.dampening**(10*r),n=(Math.random()-.5)*e*s,c=(Math.random()-.5)*e*s,i=(Math.random()-.5)*2*s;l.push({transform:"translate3d(".concat(n,"px, ").concat(c,"px, 0) rotate(").concat(i,"deg)"),offset:r})}return l.push({transform:"translate3d(0px, 0px, 0) rotate(0deg)",offset:1}),l},g=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",[t,l]=(0,s.useState)(!1);return(0,s.useCallback)(function(){let a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:m.intensity,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:15;if(t||!(null==e?void 0:e.length))return;let s=document.querySelector("#".concat(e));if(!s)return;l(!0);let n=j(a,r),c=s.animate(n,{duration:m.duration,easing:"cubic-bezier(0.25, 0.46, 0.45, 0.94)",fill:"forwards"});c.onfinish=()=>{s.style.transform="",l(!1)},c.addEventListener("cancel",()=>{s.style.transform="",l(!1)})},[e,t])};var v=l(34321),b=l(38243),H=l(63819),V=l(70657),w=l(94296);let y={1:"text-[#FBC13B]",2:"text-white",3:"text-[##D77502]"},N={I:[[[1,1,1,1]],[[1],[1],[1],[1]]],O:[[[1,1],[1,1]]],T:[[[0,1,0],[1,1,1]],[[1,0],[1,1],[1,0]],[[1,1,1],[0,1,0]],[[0,1],[1,1],[0,1]]],S:[[[0,1,1],[1,1,0]],[[1,0],[1,1],[0,1]]],Z:[[[1,1,0],[0,1,1]],[[0,1],[1,1],[1,0]]],J:[[[1,0,0],[1,1,1]],[[1,1],[1,0],[1,0]],[[1,1,1],[0,0,1]],[[0,1],[0,1],[1,1]]],L:[[[0,0,1],[1,1,1]],[[1,0],[1,0],[1,1]],[[1,1,1],[1,0,0]],[[1,1],[0,1],[0,1]]]},C=()=>Array(15).fill().map(()=>Array(12).fill(0)),k=()=>{let e=Object.keys(N),t=e[Math.floor(Math.random()*e.length)];return{type:t,shape:N[t][0],x:Math.floor(6)-Math.floor(N[t][0][0].length/2),y:0,rotation:0}},M="text-[#8A8A6F] text-xs text-left md:text-right",A="text-lg text-left md:text-right",Z="px-6 py-2 text-[#FFA133] bg-[rgba(255,161,51,0.20)] hover:bg-[rgba(255,161,51,0.30)] transition-colors ease-[cubic-bezier(.36,2.09,0.07,-1.52)] flex-shrink-0 text-sm uppercase",P={lineclear:"/game-audio/lineclear.mp3",collapse:"/game-audio/collapse.mp3",rotate:"/game-audio/rotate.mp3",gameOver:"/game-audio/game-over.mp3",gamePlay:"/game-audio/gameplay.mp3"},S=()=>{var e,t;

1let[l,r]=(0,s.useState)(C),[n,p]=(0,s.useState)(0),[m,j]=(0,s.useState)(1),[S,F]=(0,s.useState)(0),[E,_]=(0,s.useState)(!1),[T,L]=(0,s.useState)(null),[B,R]=(0,s.useState)(null),[D,O]=(0,s.useState)(!1),[z,G]=(0,s.useState)(!1),[I,W]=(0,s.useState)(!1),[Y,X]=(0,s.useState)(!1),[K,q]=(0,s.useState)(""),[J,Q]=(0,s.useState)(!1),[U,$]=(0,s.useState)(!1),[ee,et]=(0,s.useState)([]),[el,ea]=(0,s.useState)(null),er=g("tbh-game-root"),es=(0,s.useRef)(0),en=(0,s.useRef)(1e3),ec=(0,s.useRef)({}),ei=(0,s.useRef)(null),eo=(0,s.useCallback)((e,t)=>{for(let l=0;l<e.shape.length;l+=1)for(let a=0;a<e.shape[l].length;a+=1)if(e.shape[l][a]){let r=e.x+a,s=e.y+l;if(r<0||r>=12||s>=15||s>=0&&t[s][r])return!0}return!1},[]),ed=(0,s.useCallback)((e,t)=>{let l=t.map(e=>[...e]);for(let t=0;t<e.shape.length;t+=1)for(let a=0;a<e.shape[t].length;a+=1)if(e.shape[t][a]){let r=e.y+t,s=e.x+a;r>=0&&(l[r][s]=e.type)}return l},[]),eu=(0,s.useCallback)(e=>{let t=[...e],l=0;for(let e=14;e>=0;e-=1)t[e].every(e=>0!==e)&&(t.splice(e,1),t.unshift(Array(12).fill(0)),l+=1,e+=1);return{board:t,linesCleared:l}},[]),eh=(0,s.useCallback)(e=>{E&&!z&&L(t=>{if(!t)return t;let a={...t,x:t.x+e};return eo(a,l)?t:a})},[E,z,l,eo]),ex=(0,s.useCallback)(()=>{T&&E&&!z&&(ec.current.rotate&&(ec.current.rotate.volume=.5,ec.current.rotate.play()),L(e=>{if(!e)return e;let t=(e.rotation+1)%N[e.type].length,a={...e,shape:N[e.type][t],rotation:t};return eo(a,l)?e:a}))},[T,E,z,l,eo]),ep=(0,s.useCallback)(()=>{if(!T)return null;let e={...T};for(;!eo({...e,y:e.y+1},l);)e.y+=1;return e},[T,l,eo]),ef=(0,s.useCallback)(e=>{let{board:t,linesCleared:a}=eu(ed(e,l));r(t),a>0&&(ec.current.lineclear&&(ec.current.lineclear.volume=.6,ec.current.lineclear.play()),F(e=>{let t=e+a;return j(Math.floor(t/10)+1),t}),p(e=>e+100*a*m),en.current=Math.max(50,Math.floor(1e3*.8**(m-1)))),L(B),R(k())},[ed,eu,m,l,B]),em=(0,s.useCallback)(()=>{T&&E&&!z&&L(e=>{if(!e)return e;let t={...e,y:e.y+1};return eo(t,l)?(ef(e),null):(p(e=>e+1),t)})},[T,E,z,l,eo,ef]),ej=(0,s.useCallback)(()=>{T&&E&&!z&&(ec.current.collapse&&(ec.current.collapse.volume=.5,ec.current.collapse.play()),L(e=>{if(!e)return e;let t=ep();if(!t)return e;let l=t.y-e.y;return p(e=>e+2*l),ef(t),null}))},[T,E,z,ep,ef]),eg=(0,s.useCallback)(()=>{r(C()),p(0),j(1),F(0),L(null),R(null),O(!1),G(!1),_(!0),es.current=0,en.current=1e3,ec.current.collapse&&(ec.current.collapse.volume=.5,ec.current.collapse.play()),ei.current=new Audio("/game-audio/gameplay.mp3"),ec.current.gamePlay&&(ec.current.gamePlay.volume=.3,ec.current.gamePlay.addEventListener("timeupdate",()=>{ec.current.gamePlay.currentTime>=ec.current.gamePlay.duration-.1&&(ec.current.gamePlay.currentTime=0,ec.current.gamePlay.play())}),ec.current.gamePlay.play()),setTimeout(()=>{R(k()),L(k())},100),V.A.capture(w.Ay.CLICKED_ON_START_GAME_ON_BLOCKDROP)},[]),ev=(0,s.useCallback)(()=>{E&&G(e=>{let t=!e;return Object.values(ec.current).forEach(e=>{e&&(e.muted=J||t)}),t})},[E,J]),eb=(0,s.useCallback)(()=>{Q(e=>{let t=!e;return Object.values(ec.current).forEach(e=>{e&&(e.muted=t||z)}),t})},[z]),eH=(0,s.useCallback)(async()=>{if(n)try{var e,t;let l=await v.V8.addScores({score:n,type:"TBH"}),a=null==l||null==(t=l.data)||null==(e=t.data)?void 0:e.userRank,r=null==ee?void 0:ee.find(e=>(null==el?void 0:el.id)===e.id);ea(a),a&&a.rank<=50?r?(r.rank!==a.rank||r.highestScore!==a.highestScore)&&et(e=>[...e.filter(e=>e.id!==a.id),a].sort((e,t)=>t.highestScore-e.highestScore)):et(e=>[...e,a].sort((e,t)=>t.highestScore-e.highestScore)):r&&(!a||a.rank>100)&&et(e=>e.filter(e=>e.id!==(null==a?void 0:a.id)))}catch(e){}},[n]),eV=(0,s.useCallback)(async()=>{try{var e,t,l,a;let r=await v.V8.getLeaderboard({limit:100});et((null==r||null==(t=r.data)||null==(e=t.data)?void 0:e.leaderboard)||[]),ea(null==r||null==(a=r.data)||null==(l=a.data)?void 0:l.userRank)}catch(e){}},[]),ew=(0,s.useCallback)(()=>{_(!1),G(!1),L(null),R(null),ec.current.gamePlay&&(ec.current.gamePlay.pause(),ec.current.gamePlay.currentTime=0,ec.current.gamePlay.removeEventListener("timeupdate",()=>{}))},[]),ey=(0,s.useCallback)(e=>{q(t=>{let l=(t+e.toLowerCase()).slice(-10);return l.includes("rainbow")?(W(e=>!e),""):l.includes("matrix")?(X(e=>!e),""):l.includes("konami")?(p(e=>e+3e3),j(e=>

1Math.min(e+2,20)),W(!0),setTimeout(()=>W(!1),3e3),""):l})},[]);(0,s.useEffect)(()=>{if(T&&eo(T,l)&&0===T.y){er(),eH(),O(!0),_(!1),ec.current.gamePlay&&(ec.current.gamePlay.pause(),ec.current.gamePlay.currentTime=0,ec.current.gamePlay.removeEventListener("timeupdate",()=>{}));let e=new Audio("/game-audio/game-over.mp3");e.volume=.5,e.play()}},[T,l,eo]),(0,s.useEffect)(()=>{eV()},[]);let eN=(0,s.useCallback)(()=>{let e=l.map(e=>[...e]),t=ep();if(t&&T){for(let l=0;l<t.shape.length;l+=1)for(let a=0;a<t.shape[l].length;a+=1)if(t.shape[l][a]){let r=t.y+l,s=t.x+a;r>=0&&r<15&&s>=0&&s<12&&!e[r][s]&&(e[r][s]="ghost")}}if(T){for(let t=0;t<T.shape.length;t+=1)for(let l=0;l<T.shape[t].length;l+=1)if(T.shape[t][l]){let a=T.y+t,r=T.x+l;a>=0&&a<15&&r>=0&&r<12&&(e[a][r]=T.type)}}return e},[l,T,ep]);(0,s.useEffect)(()=>{let e=e=>{if(ey(e.key),E)switch(e.key){case"ArrowLeft":z||eh(-1),e.preventDefault();break;case"ArrowRight":z||eh(1),e.preventDefault();break;case"ArrowDown":z||em(),e.preventDefault();break;case"ArrowUp":z||ex(),e.preventDefault();break;case" ":z||ej(),e.preventDefault();break;case"p":case"P":ev(),e.preventDefault();break;case"m":case"M":eb(),e.preventDefault()}};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[E,z,eh,em,ex,ej,ev,ey]),function(e){let t=(0,s.useRef)(0),{isStatic:l}=(0,s.useContext)(o.Q);(0,s.useEffect)(()=>{if(l)return;let a=({timestamp:l,delta:a})=>{t.current||(t.current=l),e(l-t.current,a)};return i.Gt.update(a,!0),()=>(0,i.WG)(a)},[e])}((e,t)=>{if(E&&!z&&T&&(es.current+=t,es.current>=en.current)){let e={...T,y:T.y+1};eo(e,l)?ef(T):L(e),es.current=0}}),(0,s.useEffect)(()=>{Object.keys(P).forEach(e=>{if(P[e]&&!ec.current[e]){let t=new Audio(P[e]);t.load(),ec.current[e]=t}})},[]),(0,s.useEffect)(()=>()=>{ec.current.gamePlay&&ec.current.gamePlay.pause()},[]);let eC=eN(),ek=null==ee?void 0:ee.some(e=>(null==el?void 0:el.id)===e.id);return(0,a.jsxs)(d.PY1.div,{className:"game-container flex flex-col justify-center items-center relative ".concat(I?"rainbow-mode":""," ").concat(Y?"matrix-mode":""," ").concat(u.A.departureMono.className," ").concat(K),variants:{visible:{opacity:1},hidden:{opacity:0}},initial:"hidden",animate:"visible",exit:"hidden",children:[(0,a.jsxs)("div",{className:"game-area relative flex flex-col-reverse ",children:[(0,a.jsx)(f,{onRotate:ex,onMoveLeft:()=>eh(-1),onMoveRight:()=>eh(1),onMoveDown:em,onHardDrop:ej,onPause:ev,isGameRunning:E,isPaused:z}),(0,a.jsxs)("div",{className:"board-container relative",children:[z||!E?(0,a.jsxs)("div",{className:"game-overlay",children:[z?(0,a.jsxs)("div",{className:"flex flex-col pt-10 gap-10 w-[320px] bg-[#333]",children:[(0,a.jsxs)("div",{className:"flex flex-col items-center gap-2",children:[(0,a.jsx)("p",{className:"text-lg uppercase text-white",children:"Game Paused"}),(0,a.jsx)("p",{className:"text-sm text-white",children:"tired? no? then"})]}),(0,a.jsxs)("div",{className:"flex",children:[(0,a.jsx)("button",{type:"button",className:"!bg-[#333] ".concat(Z," flex-1 "),onClick:ew,children:"Close Game"}),(0,a.jsx)("button",{type:"button",className:"".concat(Z," flex-1 uppercase"),onClick:ev,children:"Resume"})]})]}):null,!E&&D?(0,a.jsxs)("div",{className:"flex flex-col pt-10 gap-10 w-[320px] bg-[#333]",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-4 p-4 items-center",children:[(0,a.jsxs)("div",{className:"flex flex-col items-center gap-0 5",children:[(0,a.jsx)("h3",{className:"text-[40px] text-[#FFA133]",children:n}),(0,a.jsx)("p",{className:"uppercase text-white",children:"Your Score"})]}),(null==el?void 0:el.rank)?(0,a.jsxs)("p",{className:"text-[#C0C0C0] text-sm text-center",children:["You ranked"," ",(0,a.jsxs)("span",{className:"text-[#FFA133]",children:["#",null==el?void 0:el.rank]})," ","on the leaderboard with a high score of"," ",(0,a.jsx)("span",{className:"text-[#FFA133]",children:null==el?void 0:el.highestScore})]}):null]}),(0,a.jsx)("div",{className:"flex items-end",children:(0,a.jsx)("button",{type:"button",className:"".concat(Z," flex-1 uppercase"),onClick:eg,children:"play again"})})]}):null,E||D?null:(0,a.jsx)("button",{type:"button",className:Z,onClick:eg,children:"START GAME"})]}):null,(0,a.jsx)("table",{className:"game-board",children:(0,a.jsx)("tbody",{children:eC.map((e,t)=>(0,a.jsx)("tr",{children:e.map((e,l)=>(0,a.jsx)("td",{"aria-label":"cell",className:"cell ".concat(e," relative"),children:(0,a.jsx)("div",{className:"absolute w-full h-full inset-0 cell-overlay"})},"".concat(l+1,"-").concat(t+1)))},"".concat(t+1)))})}),(0,a.jsx)(x.wI,{className:"hidden md:block"})]}),(0,a.jsxs)("div",{className:"flex items-end justify-between md:mb-0 mb-4",children:[(0,a.jsxs)("div",{className:"info-panel flex flex-row md:flex-col gap-4 md:gap-6 md:absolute -left-18 top-0 ".concat(u.A.departureMono.className),children:[(0,a.jsxs)("div",{className:"flex flex-col gap-0.5",children:[(0,a.jsx)("h3",{className:M,children:"SCORE"}),(0,a.jsx)("p",{className:"text-[#FFA133] text-lg text-left md:text-right",children:n})]}),(0,a.jsxs)("div",{className:"flex flex-row md:flex-col gap-6",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-0.5",children:[(0,a.jsx)("h3",{className:M,children:"LEVEL"}),(0,a.jsx)("p",{className:"text-white ".concat(A),children:m})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-0.5",children:[(0,a.jsx)("h3",{className:M,children:"LINES"}),(0,a.jsx)("p",{className:"text-white ".concat(A),children:S})]})]})]}),B&&(0,a.jsxs)("div",{className:"info-panel md:absolute -right-24 top-0 opacity-60",children:[(0,a.jsx)("h3",{className:"text-[#8A8A6F] text-xs",children:"NEXT"}),(0,a.jsx)("div",{className:"next-piece",children:(0,a.jsx)("table",{className:"next-board",children:(0,a.jsx)("tbody",{children:[,,,,].fill().map((e,t)=>(0,a.jsx)("tr",{children:[,,,,].fill().map((e,l)=>{let r=t-Math.floor((4-B.shape.length)/2),s=l-Math.floor((4-B.shape[0].length)/2),n=r>=0&&r<B.shape.length&&s>=0&&s<B.shape[r].length&&B.shape[r][s];return(0,a.jsx)("td",{"aria-label":"next-cell",className:"next-cell relative ".concat(n?B.type:""),children:(0,a.jsx)("div",{className:"absolute w-full h-full inset-0 cell-overlay"})},"".concat(l+1,"-").concat(t+1))})},"next-cell-".concat(t+1)))})})})]})]}),(0,a.jsx)(x.wI,{className:"hidden md:block"})]}),(0,a.jsxs)("div",{className:"flex items-center justify-between mt-6 w-full",children:[(0,a.jsx)("div",{children:(0,a.jsxs)("button",{type:"button",className:"text-xs text-[#C0C0C0] uppercase",onClick:()=>Q(e=>!e),children:["♫ music [m]: ",J?"Off":"On"]})}),(0,a.jsx)("div",{children:E?(0,a.jsx)("button",{type:"button",className:"text-xs text-[#C0C0C0] uppercase",onClick:()=>ev(),children:z?"► Play [p]":"ǁ Pause [p]"}):null}),(0,a.jsx)("div",{children:(null==ee?void 0:ee.length)?(0,a.jsxs)("button",{type:"button",onClick:()=>$(!0),className:"text-[#ffa033cd] hover:text-[#ffa033] transition-colors ease-[cubic-bezier(.36,2.09,0.07,-1.52)] flex text-xs group uppercase",children:[(0,a.jsx)("span",{className:"-translate-x-2 group-hover:-translate-x-1 transition-transform",children:"["})," ","Leaderboard"," ",(0,a.jsx)("span",{className:"group-hover:translate-x-1 translate-x-2 transition-transform",children:"]"})]}):null})]}),(0,a.jsx)(c(),{className:"text-xs text-[#c0c0c0b4] uppercase fixed md:top-8 md:left-8 top-8 left-4 hover:text-[#C0C0C0] transition-colors ease-[cubic-bezier(.36,2.09,0.07,-1.52)]",href:h.APP_PATHS.scroll,children:"← back to peerlist"}),(0,a.jsx)(b.Ay,{showModal:U,setShowModal:$,showClose:!1,showModalBorder:!1,modalBgClassName:"bg-[#333]",className:"rounded-none",children:(0,a.jsxs)("div",{className:"py-6 flex flex-col items-center gap-10 relative ".concat(u.A.departureMono.className),children:[(0,a.jsxs)("div",{className:"flex flex-col items-center gap-2",children:[(0,a.jsx)(x.P0,{}),(0,a.jsx)("h4",{className:"uppercase text-white text-lg",children:"Leaderboard"})]}),(0,a.jsxs)("ol",{className:"flex flex-col gap-4 text-[#C0C0C0] w-full px-6 sm:px-10 max-h-157 overflow-y-auto hide-scrollbar",children:[ee.map((e,t)=>{let l=(null==el?void 0:el.id)===e.id;return(0,a.jsxs)("li",{className:"".concat(l?"bg-[#FFA13333] text-[#FFA133]":""," hover:text-[#FFA133] transition-colors relative ease-[cubic-bezier(.36,2.09,0.07,-1.52)]"),children:[(0,a.jsxs)(c(),{href:h.APP_PATHS.userProfile({profileHandle:e.profileHandle}),target:"_blank",className:"flex items-center justify-between w-full",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsxs)("p",{children:["[",(t+1).toString().padStart(3,"0"),"]"]}),(0,a.jsx)("p",{className:"uppercase",children:H.default.getDisplayName(e)})]}),e.highestScore]}),t<=2?(0,a.jsx)("span",{className:"block absolute -left-6 top-1/2 -translate-y-1/2 ".concat(y[t+1]),children:(0,a.jsx)(x.jV,{size:16})}):null,l&&t>2?(0,a.jsx)("span",{className:"absolute text-xs -left-4 top-1/2 -translate-y-1/2 text-[#FFA133]",children:"►"}):null,l?(0,a.jsx)("span",{className:"absolute text-xs -right-4 top-1/2 -translate-y-1/2 text-[#FFA133]",children:"◄"}):null]},e.id)}),!ek&&(null==el||null==(e=el.id)?void 0:e.length)?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("li",{className:"flex flex-col items-center justify-center py-3 text-[#FFA133] text-xs leading-[10px]",children:[(0,a.jsx)("p",{children:"⋮"}),(0,a.jsx)("p",{children:"⋮"}),(0,a.jsx)("p",{children:"⋮"})]}),(0,a.jsxs)("li",{className:"bg-[#FFA13333] text-[#FFA133] hover:text-[#FFA133] transition-colors relative ease-[cubic-bezier(.36,2.09,0.07,-1.52)]",children:[(0,a.jsxs)(c(),{href:h.APP_PATHS.userProfile({profileHandle:null==el?void 0:el.profileHandle}),target:"_blank",className:"flex items-center justify-between w-full",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsxs)("p",{children:["[",null==(t=(null==el?void 0:el.rank)||"2")?void 0:t.toString().padStart(3,"0"),"]"]}),(0,a.jsx)("p",{className:"uppercase",children:H.default.getDisplayName(el)})]}),null==el?void 0:el.highestScore]}),(0,a.jsx)("span",{className:"absolute text-xs -left-4 top-1/2 -translate-y-1/2 text-[#FFA133]",children:"►"}),(0,a.jsx)("span",{className:"absolute text-xs -right-4 top-1/2 -translate-y-1/2 text-[#FFA133]",children:"◄"})]})]}):null]}),(0,a.jsx)("button",{"aria-label":"close",type:"button",onClick:()=>$(!1),className:"text-center text-2xl text-[#c0c0c095] hover:text-[#C0C0C0] transition-colors uppercase absolute top-2 right-4 ease-[cubic-bezier(.36,2.09,0.07,-1.52)]",children:"\xd7"})]})})]},"tetris-game")};var F=l(18480);let E=()=>(0,a.jsx)("section",{id:"tbh-game-root",className:"object-cover flex flex-col items-center px-4 mob:px-0 ".concat(u.A.departureMono.className),children:(0,a.jsx)(r.N,{mode:"wait",children:(0,a.jsx)(S,{})})});E.getLayout=function(e){return(0,a.jsxs)("div",{className:"bg-[#222222] min-h-screen ".concat(u.A.departureMono.className),children:[(0,a.jsx)(F.A,{title:"Play Online Game - BlockDrop",ogImage:h.CDNImage.blockDropOGImage}),(0,a.jsx)("div",{className:"brightness-animation min-h-screen",children:(0,a.jsx)("div",{className:"flex flex-col justify-center items-center min-h-screen w-full relative max-w-144 mx-auto",children:e})})]})};let _=E},18773:(e,t,l)=>{"use strict";l.d(t,{P0:()=>n,jV:()=>c,wI:()=>s});var a=l(37876);let r={TopLeft:()=>(0,a.jsx)("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{opacity:"0.6",d:"M0.5 17V1H16.5",stroke:"currentColor",strokeWidth:2,vectorEffect:"non-scaling-stroke"})}),TopCenter:()=>(0,a.jsx)("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{opacity:"0.6",d:"M0 1H8M16 1H8M8 1V17",stroke:"currentColor",strokeWidth:2,vectorEffect:"non-scaling-stroke"})}),TopRight:()=>(0,a.jsx)("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{opacity:"0.6",d:"M16.5 17V1H0.500001",stroke:"currentColor",strokeWidth:2,vectorEffect:"non-scaling-stroke"})}),BottomLeft:()=>(0,a.jsx)("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{opacity:"0.6",d:"M0.5 0V16H16.5",stroke:"currentColor",strokeWidth:2,vectorEffect:"non-scaling-stroke"})}),BottomCenter:()=>(0,a.jsx)("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{opacity:"0.6",d:"M0 16H8M16 16H8M8 16V0",stroke:"currentColor",strokeWidth:2,vectorEffect:"non-scaling-stroke"})}),BottomRight:()=>(0,a.jsx)("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{opacity:"0.6",d:"M16.5 0V16H0.500001",stroke:"currentColor",strokeWidth:2,vectorEffect:"non-scaling-stroke"})})},s=e=>{let{className:t=""}=e;return(0,a.jsx)("div",{className:"absolute inset-0 pointer-events-none ".concat(t),children:(0,a.jsxs)("div",{className:"relative w-full h-full text-white group-hover:text-[#FFA133] transition-all ease-[cubic-bezier(.36,2.09,0.07,-1.52)]",children:[(0,a.jsx)("div",{className:"absolute top-0 left-0",children:(0,a.jsx)(r.TopLeft,{})}),(0,a.jsx)("div",{className:"absolute top-0 left-1/2 -translate-x-1/2",children:(0,a.jsx)(r.TopCenter,{})}),(0,a.jsx)("div",{className:"absolute top-0 right-0",children:(0,a.jsx)(r.TopRight,{})}),(0,a.jsx)("div",{className:"absolute bottom-0 left-0",children:(0,a.jsx)(r.BottomLeft,{})}),(0,a.jsx)("div",{className:"absolute bottom-0 left-1/2 -translate-x-1/2",children:(0,a.jsx)(r.BottomCenter,{})}),(0,a.jsx)("div",{className:"absolute bottom-0 right-0",children:(0,a.jsx)(r.BottomRight,{})})]})})},n=e=>{let{size:t=24}=e;return(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,a.jsxs)("g",{clipPath:"url(#clip0_328_7391)",children:[(0,a.jsx)("path",{d:"M22.2863 4.005H23.4263V9.7125H22.2863V4.005Z",fill:"white"}),(0,a.jsx)("path",{d:"M19.9988 4.00503H22.2863V2.85753H19.9988V1.71753H18.8588V13.1475H19.9988V10.86H22.2863V9.71253H19.9988V4.00503Z",fill:"white"}),(0,a.jsx)("path",{d:"M17.7112 13.1475H18.8587V14.2875H17.7112V13.1475Z",fill:"white"}),(0,a.jsx)("path",{d:"M16.5713 14.2875H17.7113V15.4275H16.5713V14.2875Z",fill:"white"}),(0,a.jsx)("path",{d:"M7.42874 22.29V21.1425H6.28874V22.29H5.14124V23.43H18.8587V22.29H17.7112V21.1425H16.5712V22.29H7.42874Z",fill:"white"}),(0,a.jsx)("path",{d:"M14.2837 20.0025H16.5712V21.1425H14.2837V20.0025Z",fill:"white"}),(0,a.jsx)("path",{d:"M14.2837 15.4275H16.5712V16.575H14.2837V15.4275Z",fill:"white"}),(0,a.jsx)("path",{d:"M13.1437 6.285V4.005H10.8562V6.285H7.42871V7.4325H8.56871V8.5725H9.71621V9.7125H8.56871V12H10.8562V10.86H13.1437V12H15.4312V9.7125H14.2837V8.5725H15.4312V7.4325H16.5712V6.285H13.1437Z",fill:"white"}),(0,a.jsx)("path",{d:"M13.1437 16.575H14.2837V20.0025H13.1437V16.575Z",fill:"white"}

1),(0,a.jsx)("path",{d:"M9.71619 16.575H10.8562V20.0025H9.71619V16.575Z",fill:"white"}),(0,a.jsx)("path",{d:"M7.42871 20.0025H9.71621V21.1425H7.42871V20.0025Z",fill:"white"}),(0,a.jsx)("path",{d:"M7.42871 15.4275H9.71621V16.575H7.42871V15.4275Z",fill:"white"}),(0,a.jsx)("path",{d:"M6.2887 14.2875H7.4287V15.4275H6.2887V14.2875Z",fill:"white"}),(0,a.jsx)("path",{d:"M5.14124 0.570007H18.8587V1.71751H5.14124V0.570007Z",fill:"white"}),(0,a.jsx)("path",{d:"M5.14124 13.1475H6.28874V14.2875H5.14124V13.1475Z",fill:"white"}),(0,a.jsx)("path",{d:"M5.14125 1.71753H4.00125V2.85753H1.71375V4.00503H4.00125V9.71253H1.71375V10.86H4.00125V13.1475H5.14125V1.71753Z",fill:"white"}),(0,a.jsx)("path",{d:"M0.57373 4.005H1.71373V9.7125H0.57373V4.005Z",fill:"white"})]}),(0,a.jsx)("defs",{children:(0,a.jsx)("clipPath",{id:"clip0_328_7391",children:(0,a.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]})},c=e=>{let{size:t=24}=e;return(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 16 16",fill:"none",children:[(0,a.jsx)("path",{d:"M14.8574 4.57245H15.6174V6.09245H14.8574V4.57245Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M13.3324 3.8075H14.8574V4.5725H13.3324V3.8075Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M13.3324 9.14245H14.0974V6.85745H14.8574V6.09245H13.3324V4.57245H12.5724V6.85745H13.3324V9.14245Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M12.5725 9.90246H11.8075V10.6675H12.5725V11.4275H3.42748V10.6675H4.19248V9.90246H3.42748V9.14246H2.66748V12.9525H3.42748V13.7125H12.5725V12.9525H13.3325V9.14246H12.5725V9.90246Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M11.8075 6.85748H12.5725V7.61748H11.8075V6.85748Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M11.0475 7.61749H11.8075V8.38249H11.0475V7.61749Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M10.2875 8.38245H11.0475V9.14245H10.2875V8.38245Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M9.52246 9.90247H11.0475V10.6675H9.52246V9.90247Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M9.52246 6.85748H10.2875V8.38248H9.52246V6.85748Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M8.76245 5.33246H9.52245V6.85746H8.76245V5.33246Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M8.76245 3.04749H9.52245V4.57249H8.76245V3.04749Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M7.23743 4.57245H8.76243V5.33245H7.23743V4.57245Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M7.23743 2.28748H8.76243V3.04748H7.23743V2.28748Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M7.23743 9.14246H8.76243V10.6675H7.23743V9.14246Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M6.47742 5.33246H7.23742V6.85746H6.47742V5.33246Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M6.47742 3.04749H7.23742V4.57249H6.47742V3.04749Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M5.7124 6.85748H6.4774V8.38248H5.7124V6.85748Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M4.95239 9.90247H6.47739V10.6675H4.95239V9.90247Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M4.95239 8.38245H5.71239V9.14245H4.95239V8.38245Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M4.1925 7.61749H4.9525V8.38249H4.1925V7.61749Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M3.42749 6.85748H4.19249V7.61748H3.42749V6.85748Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M1.14246 6.09245V6.85745H1.90746V9.14245H2.66746V6.85745H3.42746V4.57245H2.66746V6.09245H1.14246Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M1.14246 3.8075H2.66746V4.5725H1.14246V3.8075Z",fill:"currentColor"}),(0,a.jsx)("path",{d:"M0.382446 4.57245H1.14245V6.09245H0.382446V4.57245Z",fill:"currentColor"})]})}},61476:(e,t,l)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/tools/blockdrop",function(){return l(17008)}])}},e=>{e.O(0,[636,6593,8792],()=>e(e.s=61476)),_N_E=e.O()}]);