diff --git a/index.6910ad39.css b/index.6910ad39.css
new file mode 100644
index 000000000..3cd0f3b4d
--- /dev/null
+++ b/index.6910ad39.css
@@ -0,0 +1,2 @@
+body{background:#fbf8ef;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-height:100vh;margin:0;font-family:sans-serif;font-size:24px;font-weight:900;display:-ms-flexbox;display:flex}.field-cell{color:#776e65;box-sizing:border-box;text-align:center;vertical-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;background:#d6cdc4;border-radius:5px;width:75px;height:75px}.field-cell--2{background:#eee4da}.field-cell--4{background:#ede0c8}.field-cell--8{color:#f9f6f2;background:#f2b179}.field-cell--16{color:#f9f6f2;background:#f59563}.field-cell--32{color:#f9f6f2;background:#f67c5f}.field-cell--64{color:#f9f6f2;background:#f65e3b}.field-cell--128{color:#f9f6f2;background:#edcf72}.field-cell--256{color:#f9f6f2;background:#edcc61}.field-cell--512{color:#f9f6f2;background:#edc850}.field-cell--1024{color:#f9f6f2;background:#edc53f}.field-cell--2048{color:#f9f6f2;background:#edc22e}.game-field{border-spacing:10px;background:#bbada0;border-radius:5px}.game-header{box-sizing:border-box;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:24px;padding:10px;display:-ms-flexbox;display:flex}h1{color:#f9f6f2;box-sizing:border-box;background:#edc22e;border-radius:5px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:75px;height:75px;margin:0;font-size:24px;display:-ms-flexbox;display:flex}.info{color:#776e65;box-sizing:border-box;background:#d6cdc4;border-radius:5px;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:75px;height:75px;margin:0 8px 0 0;font-size:16px;display:-ms-flexbox;display:flex}.controls{display:-ms-flexbox;display:flex}.button{cursor:pointer;color:#f9f6f2;border:none;border-radius:5px;width:75px;height:75px;font-family:sans-serif;font-size:16px;font-weight:700;transition:background .25s}.start{background:#1dae28;font-size:20px}.start:hover{background:#179921}.restart{background:#f1b2b2}.restart:hover{background:#f87474}.message{box-sizing:border-box;color:#776e65;text-align:center;background:#d6cdc4;border-radius:5px;width:100%;padding:10px;font-size:20px}.hidden{display:none}.container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:350px;display:-ms-flexbox;display:flex}.message-win{color:#f9f6f2;background:#edc22e}.message-container{width:100%;height:150px}
+/*# sourceMappingURL=index.6910ad39.css.map */
diff --git a/index.6910ad39.css.map b/index.6910ad39.css.map
new file mode 100644
index 000000000..747fdd5ba
--- /dev/null
+++ b/index.6910ad39.css.map
@@ -0,0 +1 @@
+{"mappings":"ACAA,8NAYA,mNAWE,kCAIA,kCAIA,gDAKA,iDAKA,iDAKA,iDAKA,kDAKA,kDAKA,kDAKA,mDAKA,mDAMF,qEAMA,mKASA,iPAcA,4SAeA,2CAIA,2KAcA,yCAIE,gCAKF,4BAGE,kCAKF,2IAWA,qBAIA,iJAOA,8CAKA","sources":["index.6910ad39.css","src/styles/main.scss"],"sourcesContent":["body {\n  background: #fbf8ef;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  min-height: 100vh;\n  margin: 0;\n  font-family: sans-serif;\n  font-size: 24px;\n  font-weight: 900;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.field-cell {\n  color: #776e65;\n  box-sizing: border-box;\n  text-align: center;\n  vertical-align: center;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  background: #d6cdc4;\n  border-radius: 5px;\n  width: 75px;\n  height: 75px;\n}\n\n.field-cell--2 {\n  background: #eee4da;\n}\n\n.field-cell--4 {\n  background: #ede0c8;\n}\n\n.field-cell--8 {\n  color: #f9f6f2;\n  background: #f2b179;\n}\n\n.field-cell--16 {\n  color: #f9f6f2;\n  background: #f59563;\n}\n\n.field-cell--32 {\n  color: #f9f6f2;\n  background: #f67c5f;\n}\n\n.field-cell--64 {\n  color: #f9f6f2;\n  background: #f65e3b;\n}\n\n.field-cell--128 {\n  color: #f9f6f2;\n  background: #edcf72;\n}\n\n.field-cell--256 {\n  color: #f9f6f2;\n  background: #edcc61;\n}\n\n.field-cell--512 {\n  color: #f9f6f2;\n  background: #edc850;\n}\n\n.field-cell--1024 {\n  color: #f9f6f2;\n  background: #edc53f;\n}\n\n.field-cell--2048 {\n  color: #f9f6f2;\n  background: #edc22e;\n}\n\n.game-field {\n  border-spacing: 10px;\n  background: #bbada0;\n  border-radius: 5px;\n}\n\n.game-header {\n  box-sizing: border-box;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  width: 100%;\n  margin-bottom: 24px;\n  padding: 10px;\n  display: -ms-flexbox;\n  display: flex;\n}\n\nh1 {\n  color: #f9f6f2;\n  box-sizing: border-box;\n  background: #edc22e;\n  border-radius: 5px;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 75px;\n  height: 75px;\n  margin: 0;\n  font-size: 24px;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.info {\n  color: #776e65;\n  box-sizing: border-box;\n  background: #d6cdc4;\n  border-radius: 5px;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 75px;\n  height: 75px;\n  margin: 0 8px 0 0;\n  font-size: 16px;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.controls {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.button {\n  cursor: pointer;\n  color: #f9f6f2;\n  border: none;\n  border-radius: 5px;\n  width: 75px;\n  height: 75px;\n  font-family: sans-serif;\n  font-size: 16px;\n  font-weight: 700;\n  transition: background .25s;\n}\n\n.start {\n  background: #1dae28;\n  font-size: 20px;\n}\n\n.start:hover {\n  background: #179921;\n}\n\n.restart {\n  background: #f1b2b2;\n}\n\n.restart:hover {\n  background: #f87474;\n}\n\n.message {\n  box-sizing: border-box;\n  color: #776e65;\n  text-align: center;\n  background: #d6cdc4;\n  border-radius: 5px;\n  width: 100%;\n  padding: 10px;\n  font-size: 20px;\n}\n\n.hidden {\n  display: none;\n}\n\n.container {\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 350px;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.message-win {\n  color: #f9f6f2;\n  background: #edc22e;\n}\n\n.message-container {\n  width: 100%;\n  height: 150px;\n}\n\n/*# sourceMappingURL=index.6910ad39.css.map */\n","body {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100vh;\n  background: #fbf8ef;\n  font-family: sans-serif;\n  font-size: 24px;\n  font-weight: 900;\n}\n\n.field-cell {\n  background: #d6cdc4;\n  width: 75px;\n  height: 75px;\n  border-radius: 5px;\n  color: #776e65;\n  box-sizing: border-box;\n  text-align: center;\n  vertical-align: center;\n  user-select: none;\n\n  &--2 {\n    background: #eee4da;\n  }\n\n  &--4 {\n    background: #ede0c8;\n  }\n\n  &--8 {\n    background: #f2b179;\n    color: #f9f6f2;\n  }\n\n  &--16 {\n    background: #f59563;\n    color: #f9f6f2;\n  }\n\n  &--32 {\n    background: #f67c5f;\n    color: #f9f6f2;\n  }\n\n  &--64 {\n    background: #f65e3b;\n    color: #f9f6f2;\n  }\n\n  &--128 {\n    background: #edcf72;\n    color: #f9f6f2;\n  }\n\n  &--256 {\n    background: #edcc61;\n    color: #f9f6f2;\n  }\n\n  &--512 {\n    background: #edc850;\n    color: #f9f6f2;\n  }\n\n  &--1024 {\n    background: #edc53f;\n    color: #f9f6f2;\n  }\n\n  &--2048 {\n    background: #edc22e;\n    color: #f9f6f2;\n  }\n}\n\n.game-field {\n  background: #bbada0;\n  border-spacing: 10px;\n  border-radius: 5px;\n}\n\n.game-header {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  margin-bottom: 24px;\n  padding: 10px;\n  box-sizing: border-box;\n}\n\nh1 {\n  background: #edc22e;\n  color: #f9f6f2;\n  width: 75px;\n  height: 75px;\n  font-size: 24px;\n  border-radius: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.info {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background: #d6cdc4;\n  width: 75px;\n  height: 75px;\n  border-radius: 5px;\n  color: #776e65;\n  box-sizing: border-box;\n  font-size: 16px;\n  margin: 0 8px 0 0;\n}\n\n.controls {\n  display: flex;\n}\n\n.button {\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n  color: #f9f6f2;\n  font-family: sans-serif;\n  font-weight: 700;\n  font-size: 16px;\n  width: 75px;\n  height: 75px;\n\n  transition: 0.25s ease background;\n}\n\n.start {\n  background: #1dae28;\n  font-size: 20px;\n\n  &:hover {\n    background: #179921;\n  }\n}\n\n.restart {\n  background: #f1b2b2;\n\n  &:hover {\n    background: #f87474;\n  }\n}\n\n.message {\n  box-sizing: border-box;\n  width: 100%;\n  background: #d6cdc4;\n  color: #776e65;\n  padding: 10px;\n  text-align: center;\n  border-radius: 5px;\n  font-size: 20px;\n}\n\n.hidden {\n  display: none;\n}\n\n.container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 350px;\n}\n\n.message-win {\n  background: #edc22e;\n  color: #f9f6f2;\n}\n\n.message-container {\n  width: 100%;\n  height: 150px;\n}\n"],"names":[],"version":3,"file":"index.6910ad39.css.map"}
\ No newline at end of file
diff --git a/index.83f2c579.js b/index.83f2c579.js
new file mode 100644
index 000000000..614a7834f
--- /dev/null
+++ b/index.83f2c579.js
@@ -0,0 +1,2 @@
+!function(){function t(t,e,n){if(!e.has(t))throw TypeError("attempted to get private field on non-instance");return n}function e(t,e){!function(t,e){if(e.has(t))throw TypeError("Cannot initialize the same private elements twice on an object")}(t,e),e.add(t)}function n(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}function a(t){return function(t){if(Array.isArray(t))return r(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return r(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(t,e)}}(t)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var i=new WeakSet,s=new WeakSet,o=new WeakSet,c=new WeakSet,l=new WeakSet,u=new WeakSet,h=new WeakSet,f=new WeakSet,d=new WeakSet;function v(){return Array.from({length:4},function(){return[,,,,].fill(0)})}function m(){var t=[];return this.state.forEach(function(e,n){e.forEach(function(e,r){0===e&&t.push({rowIndex:n,cellIndex:r})})}),t}function y(){var e=t(this,s,m).call(this);if(0!==e.length){var n=e[Math.floor(Math.random()*e.length)];this.state[n.rowIndex][n.cellIndex]=Math.random()>.1?2:4}}function p(t){for(var e=t.filter(function(t){return 0!==t}),n=[],r=0;r<e.length;)e[r]===e[r+1]?(n.push(2*e[r]),this.score+=2*e[r],r+=2):(n.push(e[r]),r+=1);return n.push.apply(n,a(Array(4-n.length).fill(0))),n}function w(t){return t[0].map(function(e,n){return t.map(function(t){return t[n]})})}function g(t){return JSON.stringify(this.state)!==JSON.stringify(t)}function S(){this.status=this.state.some(function(t){return t.includes(2048)})?"win":this.status}function b(){var t=!0,e=!1,n=void 0;try{for(var r,a=this.state[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var i=function(){var t=r.value;if(t.some(function(t){return 0===t}))return{v:!1};for(var e=0;e<t.length;e++)if(t[e]===t[e+1])return{v:!1}}();if("object"==(i&&"undefined"!=typeof Symbol&&i.constructor===Symbol?"symbol":typeof i))return i.v}}catch(t){e=!0,n=t}finally{try{t||null==a.return||a.return()}finally{if(e)throw n}}for(var s=0;s<4;s++)for(var o=[this.state[0][s],this.state[1][s],this.state[2][s],this.state[3][s]],c=0;c<o.length;c++)if(o[c]===o[c+1])return!1;return!0}function k(e){t(this,u,g).call(this,e)&&(this.state=e,t(this,o,y).call(this),t(this,h,S).call(this),t(this,f,b).call(this)&&(this.status="lose"))}var A=new(function(){var r,m;function g(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:t(this,i,v).call(this);!function(t,e){if(!(t instanceof e))throw TypeError("Cannot call a class as a function")}(this,g),e(this,i),e(this,s),e(this,o),e(this,c),e(this,l),e(this,u),e(this,h),e(this,f),e(this,d),this.initialState=n,this.state=this.initialState.map(function(t){return a(t)}),this.score=0,this.status="idle"}return r=[{key:"moveLeft",value:function(){var e=this;if("playing"===this.status){var n=this.state.map(function(n){return t(e,c,p).call(e,n)});t(this,d,k).call(this,n)}}},{key:"moveRight",value:function(){var e=this;if("playing"===this.status){var n=this.state.map(function(n){var r=n.slice().reverse();return t(e,c,p).call(e,r).reverse()});t(this,d,k).call(this,n)}}},{key:"moveUp",value:function(){var e=this;if("playing"===this.status){var n=t(this,l,w).call(this,this.state).map(function(n){return t(e,c,p).call(e,n)});t(this,d,k).call(this,t(this,l,w).call(this,n))}}},{key:"moveDown",value:function(){var e=this;if("playing"===this.status){var n=t(this,l,w).call(this,this.state).map(function(n){var r=n.slice().reverse();return t(e,c,p).call(e,r).reverse()});t(this,d,k).call(this,t(this,l,w).call(this,n))}}},{key:"getScore",value:function(){return this.score}},{key:"getState",value:function(){return this.state}},{key:"getStatus",value:function(){return this.status}},{key:"start",value:function(){this.status="playing",t(this,o,y).call(this),t(this,o,y).call(this)}},{key:"restart",value:function(){this.state=this.initialState.map(function(t){return a(t)}),this.score=0,this.status="idle"}}],n(g.prototype,r),m&&n(g,m),g}()),L=document.querySelector(".button",".start");function x(){var t=A.getState(),e=document.querySelector(".game-field").querySelector("tbody");e.innerHTML="";for(var n=0;n<t.length;n++){var r=t[n],a=document.createElement("tr");a.className="field-row";for(var i=0;i<r.length;i++){var s=r[i],o=document.createElement("td");o.textContent=0!==s?s:"",o.className=0!==s?"field-cell field-cell--".concat(s):"field-cell",a.appendChild(o)}e.appendChild(a)}}function C(){document.querySelector(".game-score").innerText=A.getScore()}function E(t,e){var n=document.querySelector(".message-start"),r=document.querySelector(".message-win"),a=document.querySelector(".message-lose");if("hide"===t)switch(e){case"start":n.classList.add("hidden");break;case"win":r.classList.add("hidden");break;case"lose":a.classList.add("hidden")}if("show"===t)switch(e){case"start":n.classList.remove("hidden");break;case"win":r.classList.remove("hidden");break;case"lose":a.classList.remove("hidden")}}function W(){x(),C(),function(){switch(A.getStatus()){case"win":E("show","win");break;case"lose":E("show","lose")}}()}L.addEventListener("click",function(){switch(A.getStatus()){case"idle":A.start(),x(),L.className="button restart",L.textContent="Restart",E("hide","start"),C();break;case"playing":A.restart(),x(),L.className="button start",L.textContent="Start",E("show","start"),C();break;case"win":A.restart(),x(),L.className="button start",L.textContent="Start",E("hide","win"),E("show","start"),C();break;case"lose":A.restart(),x(),L.className="button start",L.textContent="Start",E("hide","lose"),E("show","start"),C()}}),document.addEventListener("keydown",function(t){switch(t.key){case"ArrowLeft":A.moveLeft(),W();break;case"ArrowRight":A.moveRight(),W();break;case"ArrowUp":A.moveUp(),W();break;case"ArrowDown":A.moveDown(),W()}})}();
+//# sourceMappingURL=index.83f2c579.js.map
diff --git a/index.83f2c579.js.map b/index.83f2c579.js.map
new file mode 100644
index 000000000..24a1538c7
--- /dev/null
+++ b/index.83f2c579.js.map
@@ -0,0 +1 @@
+{"mappings":"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","sources":["<anon>","src/scripts/main.js","src/modules/Game.class.js","node_modules/@swc/helpers/esm/_class_call_check.js","node_modules/@swc/helpers/esm/_class_private_method_get.js","node_modules/@swc/helpers/esm/_class_private_method_init.js","node_modules/@swc/helpers/esm/_check_private_redeclaration.js","node_modules/@swc/helpers/esm/_create_class.js","node_modules/@swc/helpers/esm/_to_consumable_array.js","node_modules/@swc/helpers/esm/_array_without_holes.js","node_modules/@swc/helpers/esm/_array_like_to_array.js","node_modules/@swc/helpers/esm/_iterable_to_array.js","node_modules/@swc/helpers/esm/_non_iterable_spread.js","node_modules/@swc/helpers/esm/_unsupported_iterable_to_array.js","node_modules/@swc/helpers/esm/_type_of.js"],"sourcesContent":["(function () {\n\"use strict\";\nvar $3d28d7f1aac198f5$exports = {};\nfunction $8713978b2328d32b$export$2996f80ef42b8419(instance, Constructor) {\n    if (!(instance instanceof Constructor)) throw new TypeError(\"Cannot call a class as a function\");\n}\n\n\nfunction $ac6739cbe5bf1c84$export$ccedaf978f62b9dd(receiver, privateSet, fn) {\n    if (!privateSet.has(receiver)) throw new TypeError(\"attempted to get private field on non-instance\");\n    return fn;\n}\n\n\nfunction $f86983e96b0c893e$export$6b10452b5ac97eba(obj, privateCollection) {\n    if (privateCollection.has(obj)) throw new TypeError(\"Cannot initialize the same private elements twice on an object\");\n}\n\n\nfunction $ea91727f98d0802f$export$1002c20f28174dbf(obj, privateSet) {\n    (0, $f86983e96b0c893e$export$6b10452b5ac97eba)(obj, privateSet);\n    privateSet.add(obj);\n}\n\n\nfunction $4fc75ccb937ab1df$var$_defineProperties(target, props) {\n    for(var i = 0; i < props.length; i++){\n        var descriptor = props[i];\n        descriptor.enumerable = descriptor.enumerable || false;\n        descriptor.configurable = true;\n        if (\"value\" in descriptor) descriptor.writable = true;\n        Object.defineProperty(target, descriptor.key, descriptor);\n    }\n}\nfunction $4fc75ccb937ab1df$export$d60067ff2358eee8(Constructor, protoProps, staticProps) {\n    if (protoProps) $4fc75ccb937ab1df$var$_defineProperties(Constructor.prototype, protoProps);\n    if (staticProps) $4fc75ccb937ab1df$var$_defineProperties(Constructor, staticProps);\n    return Constructor;\n}\n\n\nfunction $c3b10a83b523f372$export$79e617b1955a2616(arr, len) {\n    if (len == null || len > arr.length) len = arr.length;\n    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];\n    return arr2;\n}\n\n\nfunction $c50969dc1df61e8b$export$7e0947b5ad3404e2(arr) {\n    if (Array.isArray(arr)) return (0, $c3b10a83b523f372$export$79e617b1955a2616)(arr);\n}\n\n\nfunction $09c9f293d010c0e1$export$1eb58a6e75231000(iter) {\n    if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}\n\n\nfunction $38c2d4931cb7a7c4$export$e6f3c4780d19eb2b() {\n    throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\n\n\nfunction $d4f69c5c6c4654b1$export$a5be06335b3a083c(o, minLen) {\n    if (!o) return;\n    if (typeof o === \"string\") return (0, $c3b10a83b523f372$export$79e617b1955a2616)(o, minLen);\n    var n = Object.prototype.toString.call(o).slice(8, -1);\n    if (n === \"Object\" && o.constructor) n = o.constructor.name;\n    if (n === \"Map\" || n === \"Set\") return Array.from(n);\n    if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return (0, $c3b10a83b523f372$export$79e617b1955a2616)(o, minLen);\n}\n\n\nfunction $227c6742e0ff6f82$export$1b5e630bc3aea29f(arr) {\n    return (0, $c50969dc1df61e8b$export$7e0947b5ad3404e2)(arr) || (0, $09c9f293d010c0e1$export$1eb58a6e75231000)(arr) || (0, $d4f69c5c6c4654b1$export$a5be06335b3a083c)(arr) || (0, $38c2d4931cb7a7c4$export$e6f3c4780d19eb2b)();\n}\n\n\nfunction $0b5c99e6a0876eaa$export$5f0017c582d45a2d(obj) {\n    \"@swc/helpers - typeof\";\n    return obj && typeof Symbol !== \"undefined\" && obj.constructor === Symbol ? \"symbol\" : typeof obj;\n}\n\n\n\"use strict\";\nvar // Add your own methods here\n$3d28d7f1aac198f5$var$_createEmptyState = /*#__PURE__*/ new WeakSet(), $3d28d7f1aac198f5$var$_getEmptyCells = /*#__PURE__*/ new WeakSet(), $3d28d7f1aac198f5$var$_addRandomTile = /*#__PURE__*/ new WeakSet(), $3d28d7f1aac198f5$var$_mergeCells = /*#__PURE__*/ new WeakSet(), $3d28d7f1aac198f5$var$_transpose = /*#__PURE__*/ new WeakSet(), $3d28d7f1aac198f5$var$_willStateChange = /*#__PURE__*/ new WeakSet(), $3d28d7f1aac198f5$var$_isWin = /*#__PURE__*/ new WeakSet(), $3d28d7f1aac198f5$var$_isLose = /*#__PURE__*/ new WeakSet(), $3d28d7f1aac198f5$var$_handleMove = /*#__PURE__*/ new WeakSet();\nvar $3d28d7f1aac198f5$var$Game = /*#__PURE__*/ function() {\n    function Game() {\n        var initialState = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : (0, $ac6739cbe5bf1c84$export$ccedaf978f62b9dd)(this, $3d28d7f1aac198f5$var$_createEmptyState, $3d28d7f1aac198f5$var$createEmptyState).call(this);\n        (0, $8713978b2328d32b$export$2996f80ef42b8419)(this, Game);\n        (0, $ea91727f98d0802f$export$1002c20f28174dbf)(this, $3d28d7f1aac198f5$var$_createEmptyState);\n        (0, $ea91727f98d0802f$export$1002c20f28174dbf)(this, $3d28d7f1aac198f5$var$_getEmptyCells);\n        (0, $ea91727f98d0802f$export$1002c20f28174dbf)(this, $3d28d7f1aac198f5$var$_addRandomTile);\n        (0, $ea91727f98d0802f$export$1002c20f28174dbf)(this, $3d28d7f1aac198f5$var$_mergeCells);\n        (0, $ea91727f98d0802f$export$1002c20f28174dbf)(this, $3d28d7f1aac198f5$var$_transpose);\n        (0, $ea91727f98d0802f$export$1002c20f28174dbf)(this, $3d28d7f1aac198f5$var$_willStateChange);\n        (0, $ea91727f98d0802f$export$1002c20f28174dbf)(this, $3d28d7f1aac198f5$var$_isWin);\n        (0, $ea91727f98d0802f$export$1002c20f28174dbf)(this, $3d28d7f1aac198f5$var$_isLose);\n        (0, $ea91727f98d0802f$export$1002c20f28174dbf)(this, $3d28d7f1aac198f5$var$_handleMove);\n        this.initialState = initialState;\n        this.state = this.initialState.map(function(row) {\n            return (0, $227c6742e0ff6f82$export$1b5e630bc3aea29f)(row);\n        });\n        this.score = 0;\n        this.status = \"idle\";\n    }\n    (0, $4fc75ccb937ab1df$export$d60067ff2358eee8)(Game, [\n        {\n            key: \"moveLeft\",\n            value: function moveLeft() {\n                var _this = this;\n                if (this.status === \"playing\") {\n                    var newState = this.state.map(function(row) {\n                        return (0, $ac6739cbe5bf1c84$export$ccedaf978f62b9dd)(_this, $3d28d7f1aac198f5$var$_mergeCells, $3d28d7f1aac198f5$var$mergeCells).call(_this, row);\n                    });\n                    (0, $ac6739cbe5bf1c84$export$ccedaf978f62b9dd)(this, $3d28d7f1aac198f5$var$_handleMove, $3d28d7f1aac198f5$var$handleMove).call(this, newState);\n                }\n            }\n        },\n        {\n            key: \"moveRight\",\n            value: function moveRight() {\n                var _this = this;\n                if (this.status === \"playing\") {\n                    var newState = this.state.map(function(row) {\n                        var reversedRow = row.slice().reverse();\n                        var mergedRow = (0, $ac6739cbe5bf1c84$export$ccedaf978f62b9dd)(_this, $3d28d7f1aac198f5$var$_mergeCells, $3d28d7f1aac198f5$var$mergeCells).call(_this, reversedRow);\n                        return mergedRow.reverse();\n                    });\n                    (0, $ac6739cbe5bf1c84$export$ccedaf978f62b9dd)(this, $3d28d7f1aac198f5$var$_handleMove, $3d28d7f1aac198f5$var$handleMove).call(this, newState);\n                }\n            }\n        },\n        {\n            key: \"moveUp\",\n            value: function moveUp() {\n                var _this = this;\n                if (this.status === \"playing\") {\n                    var transposedState = (0, $ac6739cbe5bf1c84$export$ccedaf978f62b9dd)(this, $3d28d7f1aac198f5$var$_transpose, $3d28d7f1aac198f5$var$transpose).call(this, this.state);\n                    var newState = transposedState.map(function(row) {\n                        return (0, $ac6739cbe5bf1c84$export$ccedaf978f62b9dd)(_this, $3d28d7f1aac198f5$var$_mergeCells, $3d28d7f1aac198f5$var$mergeCells).call(_this, row);\n                    });\n                    (0, $ac6739cbe5bf1c84$export$ccedaf978f62b9dd)(this, $3d28d7f1aac198f5$var$_handleMove, $3d28d7f1aac198f5$var$handleMove).call(this, (0, $ac6739cbe5bf1c84$export$ccedaf978f62b9dd)(this, $3d28d7f1aac198f5$var$_transpose, $3d28d7f1aac198f5$var$transpose).call(this, newState));\n                }\n            }\n        },\n        {\n            key: \"moveDown\",\n            value: function moveDown() {\n                var _this = this;\n                if (this.status === \"playing\") {\n                    var transposedState = (0, $ac6739cbe5bf1c84$export$ccedaf978f62b9dd)(this, $3d28d7f1aac198f5$var$_transpose, $3d28d7f1aac198f5$var$transpose).call(this, this.state);\n                    var newState = transposedState.map(function(row) {\n                        var reversedRow = row.slice().reverse();\n                        var mergedRow = (0, $ac6739cbe5bf1c84$export$ccedaf978f62b9dd)(_this, $3d28d7f1aac198f5$var$_mergeCells, $3d28d7f1aac198f5$var$mergeCells).call(_this, reversedRow);\n                        return mergedRow.reverse();\n                    });\n                    (0, $ac6739cbe5bf1c84$export$ccedaf978f62b9dd)(this, $3d28d7f1aac198f5$var$_handleMove, $3d28d7f1aac198f5$var$handleMove).call(this, (0, $ac6739cbe5bf1c84$export$ccedaf978f62b9dd)(this, $3d28d7f1aac198f5$var$_transpose, $3d28d7f1aac198f5$var$transpose).call(this, newState));\n                }\n            }\n        },\n        {\n            /**\n   * @returns {number}\n   */ key: \"getScore\",\n            value: function getScore() {\n                return this.score;\n            }\n        },\n        {\n            /**\n   * @returns {number[][]}\n   */ key: \"getState\",\n            value: function getState() {\n                return this.state;\n            }\n        },\n        {\n            /**\n   * Returns the current game status.\n   *\n   * @returns {string} One of: 'idle', 'playing', 'win', 'lose'\n   *\n   * `idle` - the game has not started yet (the initial state);\n   * `playing` - the game is in progress;\n   * `win` - the game is won;\n   * `lose` - the game is lost\n   */ key: \"getStatus\",\n            value: function getStatus() {\n                return this.status;\n            }\n        },\n        {\n            /**\n   * Starts the game.\n   */ key: \"start\",\n            value: function start() {\n                this.status = \"playing\";\n                (0, $ac6739cbe5bf1c84$export$ccedaf978f62b9dd)(this, $3d28d7f1aac198f5$var$_addRandomTile, $3d28d7f1aac198f5$var$addRandomTile).call(this);\n                (0, $ac6739cbe5bf1c84$export$ccedaf978f62b9dd)(this, $3d28d7f1aac198f5$var$_addRandomTile, $3d28d7f1aac198f5$var$addRandomTile).call(this);\n            }\n        },\n        {\n            /**\n   * Resets the game.\n   */ key: \"restart\",\n            value: function restart() {\n                this.state = this.initialState.map(function(row) {\n                    return (0, $227c6742e0ff6f82$export$1b5e630bc3aea29f)(row);\n                });\n                this.score = 0;\n                this.status = \"idle\";\n            }\n        }\n    ]);\n    return Game;\n}();\nfunction $3d28d7f1aac198f5$var$createEmptyState() {\n    return Array.from({\n        length: 4\n    }, function() {\n        return Array(4).fill(0);\n    });\n}\nfunction $3d28d7f1aac198f5$var$getEmptyCells() {\n    var emptyCells = [];\n    this.state.forEach(function(row, rowIndex) {\n        row.forEach(function(cell, cellIndex) {\n            if (cell === 0) emptyCells.push({\n                rowIndex: rowIndex,\n                cellIndex: cellIndex\n            });\n        });\n    });\n    return emptyCells;\n}\nfunction $3d28d7f1aac198f5$var$addRandomTile() {\n    var emptyCells = (0, $ac6739cbe5bf1c84$export$ccedaf978f62b9dd)(this, $3d28d7f1aac198f5$var$_getEmptyCells, $3d28d7f1aac198f5$var$getEmptyCells).call(this);\n    if (emptyCells.length === 0) return;\n    var randomCell = emptyCells[Math.floor(Math.random() * emptyCells.length)];\n    var value = Math.random() > 0.1 ? 2 : 4;\n    this.state[randomCell.rowIndex][randomCell.cellIndex] = value;\n}\nfunction $3d28d7f1aac198f5$var$mergeCells(row) {\n    var _newRow;\n    var mergedRow = row.filter(function(cell) {\n        return cell !== 0;\n    });\n    var newRow = [];\n    var i = 0;\n    while(i < mergedRow.length)if (mergedRow[i] === mergedRow[i + 1]) {\n        newRow.push(mergedRow[i] * 2);\n        this.score += mergedRow[i] * 2;\n        i += 2;\n    } else {\n        newRow.push(mergedRow[i]);\n        i += 1;\n    }\n    (_newRow = newRow).push.apply(_newRow, (0, $227c6742e0ff6f82$export$1b5e630bc3aea29f)(Array(4 - newRow.length).fill(0)));\n    return newRow;\n}\nfunction $3d28d7f1aac198f5$var$transpose(matrix) {\n    return matrix[0].map(function(_, colIndex) {\n        return matrix.map(function(row) {\n            return row[colIndex];\n        });\n    });\n}\nfunction $3d28d7f1aac198f5$var$willStateChange(newState) {\n    return JSON.stringify(this.state) !== JSON.stringify(newState);\n}\nfunction $3d28d7f1aac198f5$var$isWin() {\n    this.status = this.state.some(function(row) {\n        return row.includes(2048);\n    }) ? \"win\" : this.status;\n}\nfunction $3d28d7f1aac198f5$var$isLose() {\n    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;\n    try {\n        var _loop = function() {\n            var row = _step.value;\n            if (row.some(function(i) {\n                return i === 0;\n            })) return {\n                v: false\n            };\n            for(var i = 0; i < row.length; i++){\n                if (row[i] === row[i + 1]) return {\n                    v: false\n                };\n            }\n        };\n        for(var _iterator = this.state[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){\n            var _ret = _loop();\n            if ((0, $0b5c99e6a0876eaa$export$5f0017c582d45a2d)(_ret) === \"object\") return _ret.v;\n        }\n    } catch (err) {\n        _didIteratorError = true;\n        _iteratorError = err;\n    } finally{\n        try {\n            if (!_iteratorNormalCompletion && _iterator.return != null) {\n                _iterator.return();\n            }\n        } finally{\n            if (_didIteratorError) {\n                throw _iteratorError;\n            }\n        }\n    }\n    for(var c = 0; c < 4; c++){\n        var row = [\n            this.state[0][c],\n            this.state[1][c],\n            this.state[2][c],\n            this.state[3][c]\n        ];\n        for(var i = 0; i < row.length; i++){\n            if (row[i] === row[i + 1]) return false;\n        }\n    }\n    return true;\n}\nfunction $3d28d7f1aac198f5$var$handleMove(newState) {\n    if ((0, $ac6739cbe5bf1c84$export$ccedaf978f62b9dd)(this, $3d28d7f1aac198f5$var$_willStateChange, $3d28d7f1aac198f5$var$willStateChange).call(this, newState)) {\n        this.state = newState;\n        (0, $ac6739cbe5bf1c84$export$ccedaf978f62b9dd)(this, $3d28d7f1aac198f5$var$_addRandomTile, $3d28d7f1aac198f5$var$addRandomTile).call(this);\n        (0, $ac6739cbe5bf1c84$export$ccedaf978f62b9dd)(this, $3d28d7f1aac198f5$var$_isWin, $3d28d7f1aac198f5$var$isWin).call(this);\n        if ((0, $ac6739cbe5bf1c84$export$ccedaf978f62b9dd)(this, $3d28d7f1aac198f5$var$_isLose, $3d28d7f1aac198f5$var$isLose).call(this)) this.status = \"lose\";\n    }\n}\n$3d28d7f1aac198f5$exports = $3d28d7f1aac198f5$var$Game;\n\n\nvar $197cd56b15c33885$var$game = new $3d28d7f1aac198f5$exports();\n// Uncomment the next lines to use your game instance in the browser\n// [\n//   [2, 0, 2, 2],\n//   [0, 2, 2, 2],\n//   [2, 2, 0, 2],\n//   [2, 2, 2, 0],\n// ]\n// Write your code here\nvar $197cd56b15c33885$var$startButton = document.querySelector(\".button\", \".start\");\nfunction $197cd56b15c33885$var$updateTable() {\n    var gameState = $197cd56b15c33885$var$game.getState();\n    var table = document.querySelector(\".game-field\");\n    var tbody = table.querySelector(\"tbody\");\n    tbody.innerHTML = \"\";\n    for(var i = 0; i < gameState.length; i++){\n        var row = gameState[i];\n        var tr = document.createElement(\"tr\");\n        tr.className = \"field-row\";\n        for(var j = 0; j < row.length; j++){\n            var cell = row[j];\n            var td = document.createElement(\"td\");\n            td.textContent = cell !== 0 ? cell : \"\";\n            td.className = cell !== 0 ? \"field-cell field-cell--\".concat(cell) : \"field-cell\";\n            tr.appendChild(td);\n        }\n        tbody.appendChild(tr);\n    }\n}\nfunction $197cd56b15c33885$var$updateScore() {\n    var gameScore = document.querySelector(\".game-score\");\n    gameScore.innerText = $197cd56b15c33885$var$game.getScore();\n}\nfunction $197cd56b15c33885$var$handleMessages(action, type) {\n    var startMessage = document.querySelector(\".message-start\");\n    var winMessage = document.querySelector(\".message-win\");\n    var loseMessage = document.querySelector(\".message-lose\");\n    if (action === \"hide\") switch(type){\n        case \"start\":\n            startMessage.classList.add(\"hidden\");\n            break;\n        case \"win\":\n            winMessage.classList.add(\"hidden\");\n            break;\n        case \"lose\":\n            loseMessage.classList.add(\"hidden\");\n            break;\n        default:\n            break;\n    }\n    if (action === \"show\") switch(type){\n        case \"start\":\n            startMessage.classList.remove(\"hidden\");\n            break;\n        case \"win\":\n            winMessage.classList.remove(\"hidden\");\n            break;\n        case \"lose\":\n            loseMessage.classList.remove(\"hidden\");\n            break;\n        default:\n            break;\n    }\n}\nfunction $197cd56b15c33885$var$handleGameStatus() {\n    switch($197cd56b15c33885$var$game.getStatus()){\n        case \"win\":\n            $197cd56b15c33885$var$handleMessages(\"show\", \"win\");\n            break;\n        case \"lose\":\n            $197cd56b15c33885$var$handleMessages(\"show\", \"lose\");\n            break;\n        default:\n            break;\n    }\n}\nfunction $197cd56b15c33885$var$updateGame() {\n    $197cd56b15c33885$var$updateTable();\n    $197cd56b15c33885$var$updateScore();\n    $197cd56b15c33885$var$handleGameStatus();\n}\n$197cd56b15c33885$var$startButton.addEventListener(\"click\", function() {\n    switch($197cd56b15c33885$var$game.getStatus()){\n        case \"idle\":\n            $197cd56b15c33885$var$game.start();\n            $197cd56b15c33885$var$updateTable();\n            $197cd56b15c33885$var$startButton.className = \"button restart\";\n            $197cd56b15c33885$var$startButton.textContent = \"Restart\";\n            $197cd56b15c33885$var$handleMessages(\"hide\", \"start\");\n            $197cd56b15c33885$var$updateScore();\n            break;\n        case \"playing\":\n            $197cd56b15c33885$var$game.restart();\n            $197cd56b15c33885$var$updateTable();\n            $197cd56b15c33885$var$startButton.className = \"button start\";\n            $197cd56b15c33885$var$startButton.textContent = \"Start\";\n            $197cd56b15c33885$var$handleMessages(\"show\", \"start\");\n            $197cd56b15c33885$var$updateScore();\n            break;\n        case \"win\":\n            $197cd56b15c33885$var$game.restart();\n            $197cd56b15c33885$var$updateTable();\n            $197cd56b15c33885$var$startButton.className = \"button start\";\n            $197cd56b15c33885$var$startButton.textContent = \"Start\";\n            $197cd56b15c33885$var$handleMessages(\"hide\", \"win\");\n            $197cd56b15c33885$var$handleMessages(\"show\", \"start\");\n            $197cd56b15c33885$var$updateScore();\n            break;\n        case \"lose\":\n            $197cd56b15c33885$var$game.restart();\n            $197cd56b15c33885$var$updateTable();\n            $197cd56b15c33885$var$startButton.className = \"button start\";\n            $197cd56b15c33885$var$startButton.textContent = \"Start\";\n            $197cd56b15c33885$var$handleMessages(\"hide\", \"lose\");\n            $197cd56b15c33885$var$handleMessages(\"show\", \"start\");\n            $197cd56b15c33885$var$updateScore();\n            break;\n        default:\n            break;\n    }\n});\ndocument.addEventListener(\"keydown\", function(e) {\n    switch(e.key){\n        case \"ArrowLeft\":\n            $197cd56b15c33885$var$game.moveLeft();\n            $197cd56b15c33885$var$updateGame();\n            break;\n        case \"ArrowRight\":\n            $197cd56b15c33885$var$game.moveRight();\n            $197cd56b15c33885$var$updateGame();\n            break;\n        case \"ArrowUp\":\n            $197cd56b15c33885$var$game.moveUp();\n            $197cd56b15c33885$var$updateGame();\n            break;\n        case \"ArrowDown\":\n            $197cd56b15c33885$var$game.moveDown();\n            $197cd56b15c33885$var$updateGame();\n            break;\n        default:\n            break;\n    }\n});\n\n})();\n//# sourceMappingURL=index.83f2c579.js.map\n","'use strict';\n\n// Uncomment the next lines to use your game instance in the browser\nconst Game = require('../modules/Game.class');\nconst game = new Game();\n\n// Uncomment the next lines to use your game instance in the browser\n// [\n//   [2, 0, 2, 2],\n//   [0, 2, 2, 2],\n//   [2, 2, 0, 2],\n//   [2, 2, 2, 0],\n// ]\n\n// Write your code here\n\nconst startButton = document.querySelector('.button', '.start');\n\nfunction updateTable() {\n  const gameState = game.getState();\n  const table = document.querySelector('.game-field');\n  const tbody = table.querySelector('tbody');\n\n  tbody.innerHTML = '';\n\n  for (let i = 0; i < gameState.length; i++) {\n    const row = gameState[i];\n    const tr = document.createElement('tr');\n\n    tr.className = 'field-row';\n\n    for (let j = 0; j < row.length; j++) {\n      const cell = row[j];\n      const td = document.createElement('td');\n\n      td.textContent = cell !== 0 ? cell : '';\n\n      td.className =\n        cell !== 0 ? `field-cell field-cell--${cell}` : 'field-cell';\n      tr.appendChild(td);\n    }\n    tbody.appendChild(tr);\n  }\n}\n\nfunction updateScore() {\n  const gameScore = document.querySelector('.game-score');\n\n  gameScore.innerText = game.getScore();\n}\n\nfunction handleMessages(action, type) {\n  const startMessage = document.querySelector('.message-start');\n  const winMessage = document.querySelector('.message-win');\n  const loseMessage = document.querySelector('.message-lose');\n\n  if (action === 'hide') {\n    switch (type) {\n      case 'start':\n        startMessage.classList.add('hidden');\n        break;\n      case 'win':\n        winMessage.classList.add('hidden');\n        break;\n      case 'lose':\n        loseMessage.classList.add('hidden');\n        break;\n      default:\n        break;\n    }\n  }\n\n  if (action === 'show') {\n    switch (type) {\n      case 'start':\n        startMessage.classList.remove('hidden');\n        break;\n      case 'win':\n        winMessage.classList.remove('hidden');\n        break;\n      case 'lose':\n        loseMessage.classList.remove('hidden');\n        break;\n      default:\n        break;\n    }\n  }\n}\n\nfunction handleGameStatus() {\n  switch (game.getStatus()) {\n    case 'win':\n      handleMessages('show', 'win');\n      break;\n    case 'lose':\n      handleMessages('show', 'lose');\n      break;\n    default:\n      break;\n  }\n}\n\nfunction updateGame() {\n  updateTable();\n  updateScore();\n  handleGameStatus();\n}\n\nstartButton.addEventListener('click', () => {\n  switch (game.getStatus()) {\n    case 'idle':\n      game.start();\n      updateTable();\n      startButton.className = 'button restart';\n      startButton.textContent = 'Restart';\n      handleMessages('hide', 'start');\n      updateScore();\n      break;\n    case 'playing':\n      game.restart();\n      updateTable();\n      startButton.className = 'button start';\n      startButton.textContent = 'Start';\n      handleMessages('show', 'start');\n      updateScore();\n      break;\n    case 'win':\n      game.restart();\n      updateTable();\n      startButton.className = 'button start';\n      startButton.textContent = 'Start';\n      handleMessages('hide', 'win');\n      handleMessages('show', 'start');\n      updateScore();\n      break;\n    case 'lose':\n      game.restart();\n      updateTable();\n      startButton.className = 'button start';\n      startButton.textContent = 'Start';\n      handleMessages('hide', 'lose');\n      handleMessages('show', 'start');\n      updateScore();\n      break;\n    default:\n      break;\n  }\n});\n\ndocument.addEventListener('keydown', (e) => {\n  switch (e.key) {\n    case 'ArrowLeft':\n      game.moveLeft();\n      updateGame();\n      break;\n    case 'ArrowRight':\n      game.moveRight();\n      updateGame();\n      break;\n    case 'ArrowUp':\n      game.moveUp();\n      updateGame();\n      break;\n    case 'ArrowDown':\n      game.moveDown();\n      updateGame();\n      break;\n    default:\n      break;\n  }\n});\n","'use strict';\nclass Game {\n  /**\n   * Creates a new game instance.\n   *\n   * @param {number[][]} initialState\n   * The initial state of the board.\n   * @default\n   * [[0, 0, 0, 0],\n   *  [0, 0, 0, 0],\n   *  [0, 0, 0, 0],\n   *  [0, 0, 0, 0]]\n   *\n   * If passed, the board will be initialized with the provided\n   * initial state.\n   */\n  constructor(initialState = this.#createEmptyState()) {\n    this.initialState = initialState;\n    this.state = this.initialState.map((row) => [...row]);\n    this.score = 0;\n    this.status = 'idle';\n  }\n\n  moveLeft() {\n    if (this.status === 'playing') {\n      const newState = this.state.map((row) => this.#mergeCells(row));\n\n      this.#handleMove(newState);\n    }\n  }\n  moveRight() {\n    if (this.status === 'playing') {\n      const newState = this.state.map((row) => {\n        const reversedRow = row.slice().reverse();\n        const mergedRow = this.#mergeCells(reversedRow);\n\n        return mergedRow.reverse();\n      });\n\n      this.#handleMove(newState);\n    }\n  }\n  moveUp() {\n    if (this.status === 'playing') {\n      const transposedState = this.#transpose(this.state);\n      const newState = transposedState.map((row) => this.#mergeCells(row));\n\n      this.#handleMove(this.#transpose(newState));\n    }\n  }\n  moveDown() {\n    if (this.status === 'playing') {\n      const transposedState = this.#transpose(this.state);\n      const newState = transposedState.map((row) => {\n        const reversedRow = row.slice().reverse();\n        const mergedRow = this.#mergeCells(reversedRow);\n\n        return mergedRow.reverse();\n      });\n\n      this.#handleMove(this.#transpose(newState));\n    }\n  }\n\n  /**\n   * @returns {number}\n   */\n  getScore() {\n    return this.score;\n  }\n\n  /**\n   * @returns {number[][]}\n   */\n  getState() {\n    return this.state;\n  }\n\n  /**\n   * Returns the current game status.\n   *\n   * @returns {string} One of: 'idle', 'playing', 'win', 'lose'\n   *\n   * `idle` - the game has not started yet (the initial state);\n   * `playing` - the game is in progress;\n   * `win` - the game is won;\n   * `lose` - the game is lost\n   */\n  getStatus() {\n    return this.status;\n  }\n\n  /**\n   * Starts the game.\n   */\n  start() {\n    this.status = 'playing';\n    this.#addRandomTile();\n    this.#addRandomTile();\n  }\n\n  /**\n   * Resets the game.\n   */\n  restart() {\n    this.state = this.initialState.map((row) => [...row]);\n    this.score = 0;\n    this.status = 'idle';\n  }\n\n  // Add your own methods here\n\n  #createEmptyState() {\n    return Array.from({ length: 4 }, () => Array(4).fill(0));\n  }\n\n  #getEmptyCells() {\n    const emptyCells = [];\n\n    this.state.forEach((row, rowIndex) => {\n      row.forEach((cell, cellIndex) => {\n        if (cell === 0) {\n          emptyCells.push({ rowIndex, cellIndex });\n        }\n      });\n    });\n\n    return emptyCells;\n  }\n\n  #addRandomTile() {\n    const emptyCells = this.#getEmptyCells();\n\n    if (emptyCells.length === 0) {\n      return;\n    }\n\n    const randomCell =\n      emptyCells[Math.floor(Math.random() * emptyCells.length)];\n    const value = Math.random() > 0.1 ? 2 : 4;\n\n    this.state[randomCell.rowIndex][randomCell.cellIndex] = value;\n  }\n\n  #mergeCells(row) {\n    const mergedRow = row.filter((cell) => cell !== 0);\n    const newRow = [];\n    let i = 0;\n\n    while (i < mergedRow.length) {\n      if (mergedRow[i] === mergedRow[i + 1]) {\n        newRow.push(mergedRow[i] * 2);\n        this.score += mergedRow[i] * 2;\n        i += 2;\n      } else {\n        newRow.push(mergedRow[i]);\n        i += 1;\n      }\n    }\n    newRow.push(...Array(4 - newRow.length).fill(0));\n\n    return newRow;\n  }\n\n  #transpose(matrix) {\n    return matrix[0].map((_, colIndex) => matrix.map((row) => row[colIndex]));\n  }\n\n  #willStateChange(newState) {\n    return JSON.stringify(this.state) !== JSON.stringify(newState);\n  }\n\n  #isWin() {\n    this.status = this.state.some((row) => row.includes(2048))\n      ? 'win'\n      : this.status;\n  }\n\n  #isLose() {\n    for (const row of this.state) {\n      if (row.some((i) => i === 0)) {\n        return false;\n      }\n\n      for (let i = 0; i < row.length; i++) {\n        if (row[i] === row[i + 1]) {\n          return false;\n        }\n      }\n    }\n\n    for (let c = 0; c < 4; c++) {\n      const row = [\n        this.state[0][c],\n        this.state[1][c],\n        this.state[2][c],\n        this.state[3][c],\n      ];\n\n      for (let i = 0; i < row.length; i++) {\n        if (row[i] === row[i + 1]) {\n          return false;\n        }\n      }\n    }\n\n    return true;\n  }\n\n  #handleMove(newState) {\n    if (this.#willStateChange(newState)) {\n      this.state = newState;\n      this.#addRandomTile();\n      this.#isWin();\n\n      if (this.#isLose()) {\n        this.status = 'lose';\n      }\n    }\n  }\n}\n\nmodule.exports = Game;\n","export function _class_call_check(instance, Constructor) {\n    if (!(instance instanceof Constructor)) throw new TypeError(\"Cannot call a class as a function\");\n}\nexport { _class_call_check as _ };\n","export function _class_private_method_get(receiver, privateSet, fn) {\n    if (!privateSet.has(receiver)) throw new TypeError(\"attempted to get private field on non-instance\");\n\n    return fn;\n}\nexport { _class_private_method_get as _ };\n","import { _check_private_redeclaration } from \"./_check_private_redeclaration.js\";\n\nexport function _class_private_method_init(obj, privateSet) {\n    _check_private_redeclaration(obj, privateSet);\n    privateSet.add(obj);\n}\nexport { _class_private_method_init as _ };\n","export function _check_private_redeclaration(obj, privateCollection) {\n    if (privateCollection.has(obj)) {\n        throw new TypeError(\"Cannot initialize the same private elements twice on an object\");\n    }\n}\nexport { _check_private_redeclaration as _ };\n","function _defineProperties(target, props) {\n    for (var i = 0; i < props.length; i++) {\n        var descriptor = props[i];\n        descriptor.enumerable = descriptor.enumerable || false;\n        descriptor.configurable = true;\n\n        if (\"value\" in descriptor) descriptor.writable = true;\n\n        Object.defineProperty(target, descriptor.key, descriptor);\n    }\n}\nexport function _create_class(Constructor, protoProps, staticProps) {\n    if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n    if (staticProps) _defineProperties(Constructor, staticProps);\n\n    return Constructor;\n}\nexport { _create_class as _ };\n","import { _array_without_holes } from \"./_array_without_holes.js\";\nimport { _iterable_to_array } from \"./_iterable_to_array.js\";\nimport { _non_iterable_spread } from \"./_non_iterable_spread.js\";\nimport { _unsupported_iterable_to_array } from \"./_unsupported_iterable_to_array.js\";\n\nexport function _to_consumable_array(arr) {\n    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();\n}\nexport { _to_consumable_array as _ };\n","import { _array_like_to_array } from \"./_array_like_to_array.js\";\n\nexport function _array_without_holes(arr) {\n    if (Array.isArray(arr)) return _array_like_to_array(arr);\n}\nexport { _array_without_holes as _ };\n","export function _array_like_to_array(arr, len) {\n    if (len == null || len > arr.length) len = arr.length;\n\n    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n\n    return arr2;\n}\nexport { _array_like_to_array as _ };\n","export function _iterable_to_array(iter) {\n    if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) {\n        return Array.from(iter);\n    }\n}\nexport { _iterable_to_array as _ };\n","export function _non_iterable_spread() {\n    throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\nexport { _non_iterable_spread as _ };\n","import { _array_like_to_array } from \"./_array_like_to_array.js\";\n\nexport function _unsupported_iterable_to_array(o, minLen) {\n    if (!o) return;\n    if (typeof o === \"string\") return _array_like_to_array(o, minLen);\n\n    var n = Object.prototype.toString.call(o).slice(8, -1);\n\n    if (n === \"Object\" && o.constructor) n = o.constructor.name;\n    if (n === \"Map\" || n === \"Set\") return Array.from(n);\n    if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);\n}\nexport { _unsupported_iterable_to_array as _ };\n","export function _type_of(obj) {\n    \"@swc/helpers - typeof\";\n\n    return obj && typeof Symbol !== \"undefined\" && obj.constructor === Symbol ? \"symbol\" : typeof obj;\n}\nexport { _type_of as _ };\n"],"names":["$ac6739cbe5bf1c84$export$ccedaf978f62b9dd","receiver","privateSet","fn","has","TypeError","$ea91727f98d0802f$export$1002c20f28174dbf","obj","privateCollection","add","$4fc75ccb937ab1df$var$_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","$c3b10a83b523f372$export$79e617b1955a2616","arr","len","arr2","Array","$227c6742e0ff6f82$export$1b5e630bc3aea29f","isArray","iter","Symbol","iterator","from","o","minLen","n","prototype","toString","call","slice","constructor","name","test","$3d28d7f1aac198f5$var$_createEmptyState","WeakSet","$3d28d7f1aac198f5$var$_getEmptyCells","$3d28d7f1aac198f5$var$_addRandomTile","$3d28d7f1aac198f5$var$_mergeCells","$3d28d7f1aac198f5$var$_transpose","$3d28d7f1aac198f5$var$_willStateChange","$3d28d7f1aac198f5$var$_isWin","$3d28d7f1aac198f5$var$_isLose","$3d28d7f1aac198f5$var$_handleMove","$3d28d7f1aac198f5$var$createEmptyState","fill","$3d28d7f1aac198f5$var$getEmptyCells","emptyCells","state","forEach","row","rowIndex","cell","cellIndex","push","$3d28d7f1aac198f5$var$addRandomTile","randomCell","Math","floor","random","$3d28d7f1aac198f5$var$mergeCells","mergedRow","filter","newRow","score","apply","$3d28d7f1aac198f5$var$transpose","matrix","map","_","colIndex","$3d28d7f1aac198f5$var$willStateChange","newState","JSON","stringify","$3d28d7f1aac198f5$var$isWin","status","some","includes","$3d28d7f1aac198f5$var$isLose","_iteratorNormalCompletion","_didIteratorError","_iteratorError","undefined","_step","_iterator","next","done","_ret","_loop","value","v","err","return","c","$3d28d7f1aac198f5$var$handleMove","$197cd56b15c33885$var$game","protoProps","staticProps","Game","initialState","arguments","instance","Constructor","_this","reversedRow","reverse","transposedState","$197cd56b15c33885$var$startButton","document","querySelector","$197cd56b15c33885$var$updateTable","gameState","getState","tbody","table","innerHTML","tr","createElement","className","j","td","textContent","concat","appendChild","$197cd56b15c33885$var$updateScore","gameScore","innerText","getScore","$197cd56b15c33885$var$handleMessages","action","type","startMessage","winMessage","loseMessage","classList","remove","$197cd56b15c33885$var$updateGame","$197cd56b15c33885$var$handleGameStatus","getStatus","addEventListener","start","restart","e","moveLeft","moveRight","moveUp","moveDown"],"version":3,"file":"index.83f2c579.js.map"}
\ No newline at end of file
diff --git a/index.971c2ea4.css b/index.971c2ea4.css
new file mode 100644
index 000000000..3fe31ab5e
--- /dev/null
+++ b/index.971c2ea4.css
@@ -0,0 +1,189 @@
+body {
+  background: #fbf8ef;
+  justify-content: center;
+  align-items: center;
+  min-height: 100vh;
+  margin: 0;
+  font-family: sans-serif;
+  font-size: 24px;
+  font-weight: 900;
+  display: flex;
+}
+
+.field-cell {
+  color: #776e65;
+  box-sizing: border-box;
+  text-align: center;
+  vertical-align: center;
+  -webkit-user-select: none;
+  user-select: none;
+  background: #d6cdc4;
+  border-radius: 5px;
+  width: 75px;
+  height: 75px;
+}
+
+.field-cell--2 {
+  background: #eee4da;
+}
+
+.field-cell--4 {
+  background: #ede0c8;
+}
+
+.field-cell--8 {
+  color: #f9f6f2;
+  background: #f2b179;
+}
+
+.field-cell--16 {
+  color: #f9f6f2;
+  background: #f59563;
+}
+
+.field-cell--32 {
+  color: #f9f6f2;
+  background: #f67c5f;
+}
+
+.field-cell--64 {
+  color: #f9f6f2;
+  background: #f65e3b;
+}
+
+.field-cell--128 {
+  color: #f9f6f2;
+  background: #edcf72;
+}
+
+.field-cell--256 {
+  color: #f9f6f2;
+  background: #edcc61;
+}
+
+.field-cell--512 {
+  color: #f9f6f2;
+  background: #edc850;
+}
+
+.field-cell--1024 {
+  color: #f9f6f2;
+  background: #edc53f;
+}
+
+.field-cell--2048 {
+  color: #f9f6f2;
+  background: #edc22e;
+}
+
+.game-field {
+  border-spacing: 10px;
+  background: #bbada0;
+  border-radius: 5px;
+}
+
+.game-header {
+  box-sizing: border-box;
+  justify-content: space-between;
+  width: 100%;
+  margin-bottom: 24px;
+  padding: 10px;
+  display: flex;
+}
+
+h1 {
+  color: #f9f6f2;
+  box-sizing: border-box;
+  background: #edc22e;
+  border-radius: 5px;
+  justify-content: center;
+  align-items: center;
+  width: 75px;
+  height: 75px;
+  margin: 0;
+  font-size: 24px;
+  display: flex;
+}
+
+.info {
+  color: #776e65;
+  box-sizing: border-box;
+  background: #d6cdc4;
+  border-radius: 5px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 75px;
+  height: 75px;
+  margin: 0 8px 0 0;
+  font-size: 16px;
+  display: flex;
+}
+
+.controls {
+  display: flex;
+}
+
+.button {
+  cursor: pointer;
+  color: #f9f6f2;
+  border: none;
+  border-radius: 5px;
+  width: 75px;
+  height: 75px;
+  font-family: sans-serif;
+  font-size: 16px;
+  font-weight: 700;
+  transition: background .25s;
+}
+
+.start {
+  background: #1dae28;
+  font-size: 20px;
+}
+
+.start:hover {
+  background: #179921;
+}
+
+.restart {
+  background: #f1b2b2;
+}
+
+.restart:hover {
+  background: #f87474;
+}
+
+.message {
+  box-sizing: border-box;
+  color: #776e65;
+  text-align: center;
+  background: #d6cdc4;
+  border-radius: 5px;
+  width: 100%;
+  padding: 10px;
+  font-size: 20px;
+}
+
+.hidden {
+  display: none;
+}
+
+.container {
+  flex-direction: column;
+  align-items: center;
+  width: 350px;
+  display: flex;
+}
+
+.message-win {
+  color: #f9f6f2;
+  background: #edc22e;
+}
+
+.message-container {
+  width: 100%;
+  height: 150px;
+}
+
+/*# sourceMappingURL=index.971c2ea4.css.map */
diff --git a/index.971c2ea4.css.map b/index.971c2ea4.css.map
new file mode 100644
index 000000000..e797e1bb7
--- /dev/null
+++ b/index.971c2ea4.css.map
@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;;;;;;;;;AAYA;;;;;;;;;;;;;AAWE;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAMF;;;;;;AAMA;;;;;;;;;AASA;;;;;;;;;;;;;;AAcA;;;;;;;;;;;;;;;AAeA;;;;AAIA;;;;;;;;;;;;;AAcA;;;;;AAIE;;;;AAKF;;;;AAGE;;;;AAKF;;;;;;;;;;;AAWA;;;;AAIA;;;;;;;AAOA;;;;;AAKA","sources":["src/styles/main.scss"],"sourcesContent":["body {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100vh;\n  background: #fbf8ef;\n  font-family: sans-serif;\n  font-size: 24px;\n  font-weight: 900;\n}\n\n.field-cell {\n  background: #d6cdc4;\n  width: 75px;\n  height: 75px;\n  border-radius: 5px;\n  color: #776e65;\n  box-sizing: border-box;\n  text-align: center;\n  vertical-align: center;\n  user-select: none;\n\n  &--2 {\n    background: #eee4da;\n  }\n\n  &--4 {\n    background: #ede0c8;\n  }\n\n  &--8 {\n    background: #f2b179;\n    color: #f9f6f2;\n  }\n\n  &--16 {\n    background: #f59563;\n    color: #f9f6f2;\n  }\n\n  &--32 {\n    background: #f67c5f;\n    color: #f9f6f2;\n  }\n\n  &--64 {\n    background: #f65e3b;\n    color: #f9f6f2;\n  }\n\n  &--128 {\n    background: #edcf72;\n    color: #f9f6f2;\n  }\n\n  &--256 {\n    background: #edcc61;\n    color: #f9f6f2;\n  }\n\n  &--512 {\n    background: #edc850;\n    color: #f9f6f2;\n  }\n\n  &--1024 {\n    background: #edc53f;\n    color: #f9f6f2;\n  }\n\n  &--2048 {\n    background: #edc22e;\n    color: #f9f6f2;\n  }\n}\n\n.game-field {\n  background: #bbada0;\n  border-spacing: 10px;\n  border-radius: 5px;\n}\n\n.game-header {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  margin-bottom: 24px;\n  padding: 10px;\n  box-sizing: border-box;\n}\n\nh1 {\n  background: #edc22e;\n  color: #f9f6f2;\n  width: 75px;\n  height: 75px;\n  font-size: 24px;\n  border-radius: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.info {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background: #d6cdc4;\n  width: 75px;\n  height: 75px;\n  border-radius: 5px;\n  color: #776e65;\n  box-sizing: border-box;\n  font-size: 16px;\n  margin: 0 8px 0 0;\n}\n\n.controls {\n  display: flex;\n}\n\n.button {\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n  color: #f9f6f2;\n  font-family: sans-serif;\n  font-weight: 700;\n  font-size: 16px;\n  width: 75px;\n  height: 75px;\n\n  transition: 0.25s ease background;\n}\n\n.start {\n  background: #1dae28;\n  font-size: 20px;\n\n  &:hover {\n    background: #179921;\n  }\n}\n\n.restart {\n  background: #f1b2b2;\n\n  &:hover {\n    background: #f87474;\n  }\n}\n\n.message {\n  box-sizing: border-box;\n  width: 100%;\n  background: #d6cdc4;\n  color: #776e65;\n  padding: 10px;\n  text-align: center;\n  border-radius: 5px;\n  font-size: 20px;\n}\n\n.hidden {\n  display: none;\n}\n\n.container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 350px;\n}\n\n.message-win {\n  background: #edc22e;\n  color: #f9f6f2;\n}\n\n.message-container {\n  width: 100%;\n  height: 150px;\n}\n"],"names":[],"version":3,"file":"index.971c2ea4.css.map","sourceRoot":"/__parcel_source_root/"}
\ No newline at end of file
diff --git a/index.b8fca702.js b/index.b8fca702.js
new file mode 100644
index 000000000..e25bfcb9f
--- /dev/null
+++ b/index.b8fca702.js
@@ -0,0 +1,903 @@
+// modules are defined as an array
+// [ module function, map of requires ]
+//
+// map of requires is short require name -> numeric require
+//
+// anything defined in a previous bundle is accessed via the
+// orig method which is the require for previous bundles
+
+(function (modules, entry, mainEntry, parcelRequireName, globalName) {
+  /* eslint-disable no-undef */
+  var globalObject =
+    typeof globalThis !== 'undefined'
+      ? globalThis
+      : typeof self !== 'undefined'
+      ? self
+      : typeof window !== 'undefined'
+      ? window
+      : typeof global !== 'undefined'
+      ? global
+      : {};
+  /* eslint-enable no-undef */
+
+  // Save the require from previous bundle to this closure if any
+  var previousRequire =
+    typeof globalObject[parcelRequireName] === 'function' &&
+    globalObject[parcelRequireName];
+
+  var cache = previousRequire.cache || {};
+  // Do not use `require` to prevent Webpack from trying to bundle this call
+  var nodeRequire =
+    typeof module !== 'undefined' &&
+    typeof module.require === 'function' &&
+    module.require.bind(module);
+
+  function newRequire(name, jumped) {
+    if (!cache[name]) {
+      if (!modules[name]) {
+        // if we cannot find the module within our internal map or
+        // cache jump to the current global require ie. the last bundle
+        // that was added to the page.
+        var currentRequire =
+          typeof globalObject[parcelRequireName] === 'function' &&
+          globalObject[parcelRequireName];
+        if (!jumped && currentRequire) {
+          return currentRequire(name, true);
+        }
+
+        // If there are other bundles on this page the require from the
+        // previous one is saved to 'previousRequire'. Repeat this as
+        // many times as there are bundles until the module is found or
+        // we exhaust the require chain.
+        if (previousRequire) {
+          return previousRequire(name, true);
+        }
+
+        // Try the node require function if it exists.
+        if (nodeRequire && typeof name === 'string') {
+          return nodeRequire(name);
+        }
+
+        var err = new Error("Cannot find module '" + name + "'");
+        err.code = 'MODULE_NOT_FOUND';
+        throw err;
+      }
+
+      localRequire.resolve = resolve;
+      localRequire.cache = {};
+
+      var module = (cache[name] = new newRequire.Module(name));
+
+      modules[name][0].call(
+        module.exports,
+        localRequire,
+        module,
+        module.exports,
+        this
+      );
+    }
+
+    return cache[name].exports;
+
+    function localRequire(x) {
+      var res = localRequire.resolve(x);
+      return res === false ? {} : newRequire(res);
+    }
+
+    function resolve(x) {
+      var id = modules[name][1][x];
+      return id != null ? id : x;
+    }
+  }
+
+  function Module(moduleName) {
+    this.id = moduleName;
+    this.bundle = newRequire;
+    this.exports = {};
+  }
+
+  newRequire.isParcelRequire = true;
+  newRequire.Module = Module;
+  newRequire.modules = modules;
+  newRequire.cache = cache;
+  newRequire.parent = previousRequire;
+  newRequire.register = function (id, exports) {
+    modules[id] = [
+      function (require, module) {
+        module.exports = exports;
+      },
+      {},
+    ];
+  };
+
+  Object.defineProperty(newRequire, 'root', {
+    get: function () {
+      return globalObject[parcelRequireName];
+    },
+  });
+
+  globalObject[parcelRequireName] = newRequire;
+
+  for (var i = 0; i < entry.length; i++) {
+    newRequire(entry[i]);
+  }
+
+  if (mainEntry) {
+    // Expose entry point to Node, AMD or browser globals
+    // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js
+    var mainExports = newRequire(mainEntry);
+
+    // CommonJS
+    if (typeof exports === 'object' && typeof module !== 'undefined') {
+      module.exports = mainExports;
+
+      // RequireJS
+    } else if (typeof define === 'function' && define.amd) {
+      define(function () {
+        return mainExports;
+      });
+
+      // <script>
+    } else if (globalName) {
+      this[globalName] = mainExports;
+    }
+  }
+})({"l1XHo":[function(require,module,exports) {
+var global = arguments[3];
+var HMR_HOST = null;
+var HMR_PORT = null;
+var HMR_SECURE = false;
+var HMR_ENV_HASH = "d6ea1d42532a7575";
+module.bundle.HMR_BUNDLE_ID = "5a1bda1ab8fca702";
+"use strict";
+/* global HMR_HOST, HMR_PORT, HMR_ENV_HASH, HMR_SECURE, chrome, browser, __parcel__import__, __parcel__importScripts__, ServiceWorkerGlobalScope */ /*::
+import type {
+  HMRAsset,
+  HMRMessage,
+} from '@parcel/reporter-dev-server/src/HMRServer.js';
+interface ParcelRequire {
+  (string): mixed;
+  cache: {|[string]: ParcelModule|};
+  hotData: {|[string]: mixed|};
+  Module: any;
+  parent: ?ParcelRequire;
+  isParcelRequire: true;
+  modules: {|[string]: [Function, {|[string]: string|}]|};
+  HMR_BUNDLE_ID: string;
+  root: ParcelRequire;
+}
+interface ParcelModule {
+  hot: {|
+    data: mixed,
+    accept(cb: (Function) => void): void,
+    dispose(cb: (mixed) => void): void,
+    // accept(deps: Array<string> | string, cb: (Function) => void): void,
+    // decline(): void,
+    _acceptCallbacks: Array<(Function) => void>,
+    _disposeCallbacks: Array<(mixed) => void>,
+  |};
+}
+interface ExtensionContext {
+  runtime: {|
+    reload(): void,
+    getURL(url: string): string;
+    getManifest(): {manifest_version: number, ...};
+  |};
+}
+declare var module: {bundle: ParcelRequire, ...};
+declare var HMR_HOST: string;
+declare var HMR_PORT: string;
+declare var HMR_ENV_HASH: string;
+declare var HMR_SECURE: boolean;
+declare var chrome: ExtensionContext;
+declare var browser: ExtensionContext;
+declare var __parcel__import__: (string) => Promise<void>;
+declare var __parcel__importScripts__: (string) => Promise<void>;
+declare var globalThis: typeof self;
+declare var ServiceWorkerGlobalScope: Object;
+*/ var OVERLAY_ID = "__parcel__error__overlay__";
+var OldModule = module.bundle.Module;
+function Module(moduleName) {
+    OldModule.call(this, moduleName);
+    this.hot = {
+        data: module.bundle.hotData[moduleName],
+        _acceptCallbacks: [],
+        _disposeCallbacks: [],
+        accept: function(fn) {
+            this._acceptCallbacks.push(fn || function() {});
+        },
+        dispose: function(fn) {
+            this._disposeCallbacks.push(fn);
+        }
+    };
+    module.bundle.hotData[moduleName] = undefined;
+}
+module.bundle.Module = Module;
+module.bundle.hotData = {};
+var checkedAssets /*: {|[string]: boolean|} */ , assetsToDispose /*: Array<[ParcelRequire, string]> */ , assetsToAccept /*: Array<[ParcelRequire, string]> */ ;
+function getHostname() {
+    return HMR_HOST || (location.protocol.indexOf("http") === 0 ? location.hostname : "localhost");
+}
+function getPort() {
+    return HMR_PORT || location.port;
+}
+// eslint-disable-next-line no-redeclare
+var parent = module.bundle.parent;
+if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== "undefined") {
+    var hostname = getHostname();
+    var port = getPort();
+    var protocol = HMR_SECURE || location.protocol == "https:" && !/localhost|127.0.0.1|0.0.0.0/.test(hostname) ? "wss" : "ws";
+    var ws;
+    try {
+        ws = new WebSocket(protocol + "://" + hostname + (port ? ":" + port : "") + "/");
+    } catch (err) {
+        if (err.message) console.error(err.message);
+        ws = {};
+    }
+    // Web extension context
+    var extCtx = typeof browser === "undefined" ? typeof chrome === "undefined" ? null : chrome : browser;
+    // Safari doesn't support sourceURL in error stacks.
+    // eval may also be disabled via CSP, so do a quick check.
+    var supportsSourceURL = false;
+    try {
+        (0, eval)('throw new Error("test"); //# sourceURL=test.js');
+    } catch (err) {
+        supportsSourceURL = err.stack.includes("test.js");
+    }
+    // $FlowFixMe
+    ws.onmessage = async function(event /*: {data: string, ...} */ ) {
+        checkedAssets = {} /*: {|[string]: boolean|} */ ;
+        assetsToAccept = [];
+        assetsToDispose = [];
+        var data /*: HMRMessage */  = JSON.parse(event.data);
+        if (data.type === "update") {
+            // Remove error overlay if there is one
+            if (typeof document !== "undefined") removeErrorOverlay();
+            let assets = data.assets.filter((asset)=>asset.envHash === HMR_ENV_HASH);
+            // Handle HMR Update
+            let handled = assets.every((asset)=>{
+                return asset.type === "css" || asset.type === "js" && hmrAcceptCheck(module.bundle.root, asset.id, asset.depsByBundle);
+            });
+            if (handled) {
+                console.clear();
+                // Dispatch custom event so other runtimes (e.g React Refresh) are aware.
+                if (typeof window !== "undefined" && typeof CustomEvent !== "undefined") window.dispatchEvent(new CustomEvent("parcelhmraccept"));
+                await hmrApplyUpdates(assets);
+                // Dispose all old assets.
+                let processedAssets = {} /*: {|[string]: boolean|} */ ;
+                for(let i = 0; i < assetsToDispose.length; i++){
+                    let id = assetsToDispose[i][1];
+                    if (!processedAssets[id]) {
+                        hmrDispose(assetsToDispose[i][0], id);
+                        processedAssets[id] = true;
+                    }
+                }
+                // Run accept callbacks. This will also re-execute other disposed assets in topological order.
+                processedAssets = {};
+                for(let i = 0; i < assetsToAccept.length; i++){
+                    let id = assetsToAccept[i][1];
+                    if (!processedAssets[id]) {
+                        hmrAccept(assetsToAccept[i][0], id);
+                        processedAssets[id] = true;
+                    }
+                }
+            } else fullReload();
+        }
+        if (data.type === "error") {
+            // Log parcel errors to console
+            for (let ansiDiagnostic of data.diagnostics.ansi){
+                let stack = ansiDiagnostic.codeframe ? ansiDiagnostic.codeframe : ansiDiagnostic.stack;
+                console.error("\uD83D\uDEA8 [parcel]: " + ansiDiagnostic.message + "\n" + stack + "\n\n" + ansiDiagnostic.hints.join("\n"));
+            }
+            if (typeof document !== "undefined") {
+                // Render the fancy html overlay
+                removeErrorOverlay();
+                var overlay = createErrorOverlay(data.diagnostics.html);
+                // $FlowFixMe
+                document.body.appendChild(overlay);
+            }
+        }
+    };
+    ws.onerror = function(e) {
+        if (e.message) console.error(e.message);
+    };
+    ws.onclose = function() {
+        console.warn("[parcel] \uD83D\uDEA8 Connection to the HMR server was lost");
+    };
+}
+function removeErrorOverlay() {
+    var overlay = document.getElementById(OVERLAY_ID);
+    if (overlay) {
+        overlay.remove();
+        console.log("[parcel] \u2728 Error resolved");
+    }
+}
+function createErrorOverlay(diagnostics) {
+    var overlay = document.createElement("div");
+    overlay.id = OVERLAY_ID;
+    let errorHTML = '<div style="background: black; opacity: 0.85; font-size: 16px; color: white; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; padding: 30px; font-family: Menlo, Consolas, monospace; z-index: 9999;">';
+    for (let diagnostic of diagnostics){
+        let stack = diagnostic.frames.length ? diagnostic.frames.reduce((p, frame)=>{
+            return `${p}
+<a href="/__parcel_launch_editor?file=${encodeURIComponent(frame.location)}" style="text-decoration: underline; color: #888" onclick="fetch(this.href); return false">${frame.location}</a>
+${frame.code}`;
+        }, "") : diagnostic.stack;
+        errorHTML += `
+      <div>
+        <div style="font-size: 18px; font-weight: bold; margin-top: 20px;">
+          \u{1F6A8} ${diagnostic.message}
+        </div>
+        <pre>${stack}</pre>
+        <div>
+          ${diagnostic.hints.map((hint)=>"<div>\uD83D\uDCA1 " + hint + "</div>").join("")}
+        </div>
+        ${diagnostic.documentation ? `<div>\u{1F4DD} <a style="color: violet" href="${diagnostic.documentation}" target="_blank">Learn more</a></div>` : ""}
+      </div>
+    `;
+    }
+    errorHTML += "</div>";
+    overlay.innerHTML = errorHTML;
+    return overlay;
+}
+function fullReload() {
+    if ("reload" in location) location.reload();
+    else if (extCtx && extCtx.runtime && extCtx.runtime.reload) extCtx.runtime.reload();
+}
+function getParents(bundle, id) /*: Array<[ParcelRequire, string]> */ {
+    var modules = bundle.modules;
+    if (!modules) return [];
+    var parents = [];
+    var k, d, dep;
+    for(k in modules)for(d in modules[k][1]){
+        dep = modules[k][1][d];
+        if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) parents.push([
+            bundle,
+            k
+        ]);
+    }
+    if (bundle.parent) parents = parents.concat(getParents(bundle.parent, id));
+    return parents;
+}
+function updateLink(link) {
+    var href = link.getAttribute("href");
+    if (!href) return;
+    var newLink = link.cloneNode();
+    newLink.onload = function() {
+        if (link.parentNode !== null) // $FlowFixMe
+        link.parentNode.removeChild(link);
+    };
+    newLink.setAttribute("href", // $FlowFixMe
+    href.split("?")[0] + "?" + Date.now());
+    // $FlowFixMe
+    link.parentNode.insertBefore(newLink, link.nextSibling);
+}
+var cssTimeout = null;
+function reloadCSS() {
+    if (cssTimeout) return;
+    cssTimeout = setTimeout(function() {
+        var links = document.querySelectorAll('link[rel="stylesheet"]');
+        for(var i = 0; i < links.length; i++){
+            // $FlowFixMe[incompatible-type]
+            var href /*: string */  = links[i].getAttribute("href");
+            var hostname = getHostname();
+            var servedFromHMRServer = hostname === "localhost" ? new RegExp("^(https?:\\/\\/(0.0.0.0|127.0.0.1)|localhost):" + getPort()).test(href) : href.indexOf(hostname + ":" + getPort());
+            var absolute = /^https?:\/\//i.test(href) && href.indexOf(location.origin) !== 0 && !servedFromHMRServer;
+            if (!absolute) updateLink(links[i]);
+        }
+        cssTimeout = null;
+    }, 50);
+}
+function hmrDownload(asset) {
+    if (asset.type === "js") {
+        if (typeof document !== "undefined") {
+            let script = document.createElement("script");
+            script.src = asset.url + "?t=" + Date.now();
+            if (asset.outputFormat === "esmodule") script.type = "module";
+            return new Promise((resolve, reject)=>{
+                var _document$head;
+                script.onload = ()=>resolve(script);
+                script.onerror = reject;
+                (_document$head = document.head) === null || _document$head === void 0 || _document$head.appendChild(script);
+            });
+        } else if (typeof importScripts === "function") {
+            // Worker scripts
+            if (asset.outputFormat === "esmodule") return import(asset.url + "?t=" + Date.now());
+            else return new Promise((resolve, reject)=>{
+                try {
+                    importScripts(asset.url + "?t=" + Date.now());
+                    resolve();
+                } catch (err) {
+                    reject(err);
+                }
+            });
+        }
+    }
+}
+async function hmrApplyUpdates(assets) {
+    global.parcelHotUpdate = Object.create(null);
+    let scriptsToRemove;
+    try {
+        // If sourceURL comments aren't supported in eval, we need to load
+        // the update from the dev server over HTTP so that stack traces
+        // are correct in errors/logs. This is much slower than eval, so
+        // we only do it if needed (currently just Safari).
+        // https://bugs.webkit.org/show_bug.cgi?id=137297
+        // This path is also taken if a CSP disallows eval.
+        if (!supportsSourceURL) {
+            let promises = assets.map((asset)=>{
+                var _hmrDownload;
+                return (_hmrDownload = hmrDownload(asset)) === null || _hmrDownload === void 0 ? void 0 : _hmrDownload.catch((err)=>{
+                    // Web extension fix
+                    if (extCtx && extCtx.runtime && extCtx.runtime.getManifest().manifest_version == 3 && typeof ServiceWorkerGlobalScope != "undefined" && global instanceof ServiceWorkerGlobalScope) {
+                        extCtx.runtime.reload();
+                        return;
+                    }
+                    throw err;
+                });
+            });
+            scriptsToRemove = await Promise.all(promises);
+        }
+        assets.forEach(function(asset) {
+            hmrApply(module.bundle.root, asset);
+        });
+    } finally{
+        delete global.parcelHotUpdate;
+        if (scriptsToRemove) scriptsToRemove.forEach((script)=>{
+            if (script) {
+                var _document$head2;
+                (_document$head2 = document.head) === null || _document$head2 === void 0 || _document$head2.removeChild(script);
+            }
+        });
+    }
+}
+function hmrApply(bundle /*: ParcelRequire */ , asset /*:  HMRAsset */ ) {
+    var modules = bundle.modules;
+    if (!modules) return;
+    if (asset.type === "css") reloadCSS();
+    else if (asset.type === "js") {
+        let deps = asset.depsByBundle[bundle.HMR_BUNDLE_ID];
+        if (deps) {
+            if (modules[asset.id]) {
+                // Remove dependencies that are removed and will become orphaned.
+                // This is necessary so that if the asset is added back again, the cache is gone, and we prevent a full page reload.
+                let oldDeps = modules[asset.id][1];
+                for(let dep in oldDeps)if (!deps[dep] || deps[dep] !== oldDeps[dep]) {
+                    let id = oldDeps[dep];
+                    let parents = getParents(module.bundle.root, id);
+                    if (parents.length === 1) hmrDelete(module.bundle.root, id);
+                }
+            }
+            if (supportsSourceURL) // Global eval. We would use `new Function` here but browser
+            // support for source maps is better with eval.
+            (0, eval)(asset.output);
+            // $FlowFixMe
+            let fn = global.parcelHotUpdate[asset.id];
+            modules[asset.id] = [
+                fn,
+                deps
+            ];
+        } else if (bundle.parent) hmrApply(bundle.parent, asset);
+    }
+}
+function hmrDelete(bundle, id) {
+    let modules = bundle.modules;
+    if (!modules) return;
+    if (modules[id]) {
+        // Collect dependencies that will become orphaned when this module is deleted.
+        let deps = modules[id][1];
+        let orphans = [];
+        for(let dep in deps){
+            let parents = getParents(module.bundle.root, deps[dep]);
+            if (parents.length === 1) orphans.push(deps[dep]);
+        }
+        // Delete the module. This must be done before deleting dependencies in case of circular dependencies.
+        delete modules[id];
+        delete bundle.cache[id];
+        // Now delete the orphans.
+        orphans.forEach((id)=>{
+            hmrDelete(module.bundle.root, id);
+        });
+    } else if (bundle.parent) hmrDelete(bundle.parent, id);
+}
+function hmrAcceptCheck(bundle /*: ParcelRequire */ , id /*: string */ , depsByBundle /*: ?{ [string]: { [string]: string } }*/ ) {
+    if (hmrAcceptCheckOne(bundle, id, depsByBundle)) return true;
+    // Traverse parents breadth first. All possible ancestries must accept the HMR update, or we'll reload.
+    let parents = getParents(module.bundle.root, id);
+    let accepted = false;
+    while(parents.length > 0){
+        let v = parents.shift();
+        let a = hmrAcceptCheckOne(v[0], v[1], null);
+        if (a) // If this parent accepts, stop traversing upward, but still consider siblings.
+        accepted = true;
+        else {
+            // Otherwise, queue the parents in the next level upward.
+            let p = getParents(module.bundle.root, v[1]);
+            if (p.length === 0) {
+                // If there are no parents, then we've reached an entry without accepting. Reload.
+                accepted = false;
+                break;
+            }
+            parents.push(...p);
+        }
+    }
+    return accepted;
+}
+function hmrAcceptCheckOne(bundle /*: ParcelRequire */ , id /*: string */ , depsByBundle /*: ?{ [string]: { [string]: string } }*/ ) {
+    var modules = bundle.modules;
+    if (!modules) return;
+    if (depsByBundle && !depsByBundle[bundle.HMR_BUNDLE_ID]) {
+        // If we reached the root bundle without finding where the asset should go,
+        // there's nothing to do. Mark as "accepted" so we don't reload the page.
+        if (!bundle.parent) return true;
+        return hmrAcceptCheck(bundle.parent, id, depsByBundle);
+    }
+    if (checkedAssets[id]) return true;
+    checkedAssets[id] = true;
+    var cached = bundle.cache[id];
+    assetsToDispose.push([
+        bundle,
+        id
+    ]);
+    if (!cached || cached.hot && cached.hot._acceptCallbacks.length) {
+        assetsToAccept.push([
+            bundle,
+            id
+        ]);
+        return true;
+    }
+}
+function hmrDispose(bundle /*: ParcelRequire */ , id /*: string */ ) {
+    var cached = bundle.cache[id];
+    bundle.hotData[id] = {};
+    if (cached && cached.hot) cached.hot.data = bundle.hotData[id];
+    if (cached && cached.hot && cached.hot._disposeCallbacks.length) cached.hot._disposeCallbacks.forEach(function(cb) {
+        cb(bundle.hotData[id]);
+    });
+    delete bundle.cache[id];
+}
+function hmrAccept(bundle /*: ParcelRequire */ , id /*: string */ ) {
+    // Execute the module.
+    bundle(id);
+    // Run the accept callbacks in the new version of the module.
+    var cached = bundle.cache[id];
+    if (cached && cached.hot && cached.hot._acceptCallbacks.length) cached.hot._acceptCallbacks.forEach(function(cb) {
+        var assetsToAlsoAccept = cb(function() {
+            return getParents(module.bundle.root, id);
+        });
+        if (assetsToAlsoAccept && assetsToAccept.length) {
+            assetsToAlsoAccept.forEach(function(a) {
+                hmrDispose(a[0], a[1]);
+            });
+            // $FlowFixMe[method-unbinding]
+            assetsToAccept.push.apply(assetsToAccept, assetsToAlsoAccept);
+        }
+    });
+}
+
+},{}],"3cYfC":[function(require,module,exports) {
+"use strict";
+// Uncomment the next lines to use your game instance in the browser
+const Game = require("789b00406e138236");
+const game = new Game();
+// Uncomment the next lines to use your game instance in the browser
+// [
+//   [2, 0, 2, 2],
+//   [0, 2, 2, 2],
+//   [2, 2, 0, 2],
+//   [2, 2, 2, 0],
+// ]
+// Write your code here
+const startButton = document.querySelector(".button", ".start");
+function updateTable() {
+    const gameState = game.getState();
+    const table = document.querySelector(".game-field");
+    const tbody = table.querySelector("tbody");
+    tbody.innerHTML = "";
+    for(let i = 0; i < gameState.length; i++){
+        const row = gameState[i];
+        const tr = document.createElement("tr");
+        tr.className = "field-row";
+        for(let j = 0; j < row.length; j++){
+            const cell = row[j];
+            const td = document.createElement("td");
+            td.textContent = cell !== 0 ? cell : "";
+            td.className = cell !== 0 ? `field-cell field-cell--${cell}` : "field-cell";
+            tr.appendChild(td);
+        }
+        tbody.appendChild(tr);
+    }
+}
+function updateScore() {
+    const gameScore = document.querySelector(".game-score");
+    gameScore.innerText = game.getScore();
+}
+function handleMessages(action, type) {
+    const startMessage = document.querySelector(".message-start");
+    const winMessage = document.querySelector(".message-win");
+    const loseMessage = document.querySelector(".message-lose");
+    if (action === "hide") switch(type){
+        case "start":
+            startMessage.classList.add("hidden");
+            break;
+        case "win":
+            winMessage.classList.add("hidden");
+            break;
+        case "lose":
+            loseMessage.classList.add("hidden");
+            break;
+        default:
+            break;
+    }
+    if (action === "show") switch(type){
+        case "start":
+            startMessage.classList.remove("hidden");
+            break;
+        case "win":
+            winMessage.classList.remove("hidden");
+            break;
+        case "lose":
+            loseMessage.classList.remove("hidden");
+            break;
+        default:
+            break;
+    }
+}
+function handleGameStatus() {
+    switch(game.getStatus()){
+        case "win":
+            handleMessages("show", "win");
+            break;
+        case "lose":
+            handleMessages("show", "lose");
+            break;
+        default:
+            break;
+    }
+}
+function updateGame() {
+    updateTable();
+    updateScore();
+    handleGameStatus();
+}
+startButton.addEventListener("click", ()=>{
+    switch(game.getStatus()){
+        case "idle":
+            game.start();
+            updateTable();
+            startButton.className = "button restart";
+            startButton.textContent = "Restart";
+            handleMessages("hide", "start");
+            updateScore();
+            break;
+        case "playing":
+            game.restart();
+            updateTable();
+            startButton.className = "button start";
+            startButton.textContent = "Start";
+            handleMessages("show", "start");
+            updateScore();
+            break;
+        case "win":
+            game.restart();
+            updateTable();
+            startButton.className = "button start";
+            startButton.textContent = "Start";
+            handleMessages("hide", "win");
+            handleMessages("show", "start");
+            updateScore();
+            break;
+        case "lose":
+            game.restart();
+            updateTable();
+            startButton.className = "button start";
+            startButton.textContent = "Start";
+            handleMessages("hide", "lose");
+            handleMessages("show", "start");
+            updateScore();
+            break;
+        default:
+            break;
+    }
+});
+document.addEventListener("keydown", (e)=>{
+    switch(e.key){
+        case "ArrowLeft":
+            game.moveLeft();
+            updateGame();
+            break;
+        case "ArrowRight":
+            game.moveRight();
+            updateGame();
+            break;
+        case "ArrowUp":
+            game.moveUp();
+            updateGame();
+            break;
+        case "ArrowDown":
+            game.moveDown();
+            updateGame();
+            break;
+        default:
+            break;
+    }
+});
+
+},{"789b00406e138236":"eIbh2"}],"eIbh2":[function(require,module,exports) {
+"use strict";
+class Game {
+    /**
+   * Creates a new game instance.
+   *
+   * @param {number[][]} initialState
+   * The initial state of the board.
+   * @default
+   * [[0, 0, 0, 0],
+   *  [0, 0, 0, 0],
+   *  [0, 0, 0, 0],
+   *  [0, 0, 0, 0]]
+   *
+   * If passed, the board will be initialized with the provided
+   * initial state.
+   */ constructor(initialState = this.#createEmptyState()){
+        this.initialState = initialState;
+        this.state = this.initialState.map((row)=>[
+                ...row
+            ]);
+        this.score = 0;
+        this.status = "idle";
+    }
+    moveLeft() {
+        if (this.status === "playing") {
+            const newState = this.state.map((row)=>this.#mergeCells(row));
+            this.#handleMove(newState);
+        }
+    }
+    moveRight() {
+        if (this.status === "playing") {
+            const newState = this.state.map((row)=>{
+                const reversedRow = row.slice().reverse();
+                const mergedRow = this.#mergeCells(reversedRow);
+                return mergedRow.reverse();
+            });
+            this.#handleMove(newState);
+        }
+    }
+    moveUp() {
+        if (this.status === "playing") {
+            const transposedState = this.#transpose(this.state);
+            const newState = transposedState.map((row)=>this.#mergeCells(row));
+            this.#handleMove(this.#transpose(newState));
+        }
+    }
+    moveDown() {
+        if (this.status === "playing") {
+            const transposedState = this.#transpose(this.state);
+            const newState = transposedState.map((row)=>{
+                const reversedRow = row.slice().reverse();
+                const mergedRow = this.#mergeCells(reversedRow);
+                return mergedRow.reverse();
+            });
+            this.#handleMove(this.#transpose(newState));
+        }
+    }
+    /**
+   * @returns {number}
+   */ getScore() {
+        return this.score;
+    }
+    /**
+   * @returns {number[][]}
+   */ getState() {
+        return this.state;
+    }
+    /**
+   * Returns the current game status.
+   *
+   * @returns {string} One of: 'idle', 'playing', 'win', 'lose'
+   *
+   * `idle` - the game has not started yet (the initial state);
+   * `playing` - the game is in progress;
+   * `win` - the game is won;
+   * `lose` - the game is lost
+   */ getStatus() {
+        return this.status;
+    }
+    /**
+   * Starts the game.
+   */ start() {
+        this.status = "playing";
+        this.#addRandomTile();
+        this.#addRandomTile();
+    }
+    /**
+   * Resets the game.
+   */ restart() {
+        this.state = this.initialState.map((row)=>[
+                ...row
+            ]);
+        this.score = 0;
+        this.status = "idle";
+    }
+    // Add your own methods here
+    #createEmptyState() {
+        return Array.from({
+            length: 4
+        }, ()=>Array(4).fill(0));
+    }
+    #getEmptyCells() {
+        const emptyCells = [];
+        this.state.forEach((row, rowIndex)=>{
+            row.forEach((cell, cellIndex)=>{
+                if (cell === 0) emptyCells.push({
+                    rowIndex,
+                    cellIndex
+                });
+            });
+        });
+        return emptyCells;
+    }
+    #addRandomTile() {
+        const emptyCells = this.#getEmptyCells();
+        if (emptyCells.length === 0) return;
+        const randomCell = emptyCells[Math.floor(Math.random() * emptyCells.length)];
+        const value = Math.random() > 0.1 ? 2 : 4;
+        this.state[randomCell.rowIndex][randomCell.cellIndex] = value;
+    }
+    #mergeCells(row) {
+        const mergedRow = row.filter((cell)=>cell !== 0);
+        const newRow = [];
+        let i = 0;
+        while(i < mergedRow.length)if (mergedRow[i] === mergedRow[i + 1]) {
+            newRow.push(mergedRow[i] * 2);
+            this.score += mergedRow[i] * 2;
+            i += 2;
+        } else {
+            newRow.push(mergedRow[i]);
+            i += 1;
+        }
+        newRow.push(...Array(4 - newRow.length).fill(0));
+        return newRow;
+    }
+    #transpose(matrix) {
+        return matrix[0].map((_, colIndex)=>matrix.map((row)=>row[colIndex]));
+    }
+    #willStateChange(newState) {
+        return JSON.stringify(this.state) !== JSON.stringify(newState);
+    }
+    #isWin() {
+        this.status = this.state.some((row)=>row.includes(2048)) ? "win" : this.status;
+    }
+    #isLose() {
+        for (const row of this.state){
+            if (row.some((i)=>i === 0)) return false;
+            for(let i = 0; i < row.length; i++){
+                if (row[i] === row[i + 1]) return false;
+            }
+        }
+        for(let c = 0; c < 4; c++){
+            const row = [
+                this.state[0][c],
+                this.state[1][c],
+                this.state[2][c],
+                this.state[3][c]
+            ];
+            for(let i = 0; i < row.length; i++){
+                if (row[i] === row[i + 1]) return false;
+            }
+        }
+        return true;
+    }
+    #handleMove(newState) {
+        if (this.#willStateChange(newState)) {
+            this.state = newState;
+            this.#addRandomTile();
+            this.#isWin();
+            if (this.#isLose()) this.status = "lose";
+        }
+    }
+}
+module.exports = Game;
+
+},{}]},["l1XHo","3cYfC"], "3cYfC", "parcelRequire7b01")
+
+//# sourceMappingURL=index.b8fca702.js.map
diff --git a/index.b8fca702.js.map b/index.b8fca702.js.map
new file mode 100644
index 000000000..0d899a47f
--- /dev/null
+++ b/index.b8fca702.js.map
@@ -0,0 +1 @@
+{"mappings":"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","sources":["node_modules/@parcel/runtime-browser-hmr/lib/runtime-53302597e4b307f9.js","src/scripts/main.js","src/modules/Game.class.js"],"sourcesContent":["var HMR_HOST = null;var HMR_PORT = null;var HMR_SECURE = false;var HMR_ENV_HASH = \"d6ea1d42532a7575\";module.bundle.HMR_BUNDLE_ID = \"5a1bda1ab8fca702\";\"use strict\";\n\n/* global HMR_HOST, HMR_PORT, HMR_ENV_HASH, HMR_SECURE, chrome, browser, __parcel__import__, __parcel__importScripts__, ServiceWorkerGlobalScope */\n/*::\nimport type {\n  HMRAsset,\n  HMRMessage,\n} from '@parcel/reporter-dev-server/src/HMRServer.js';\ninterface ParcelRequire {\n  (string): mixed;\n  cache: {|[string]: ParcelModule|};\n  hotData: {|[string]: mixed|};\n  Module: any;\n  parent: ?ParcelRequire;\n  isParcelRequire: true;\n  modules: {|[string]: [Function, {|[string]: string|}]|};\n  HMR_BUNDLE_ID: string;\n  root: ParcelRequire;\n}\ninterface ParcelModule {\n  hot: {|\n    data: mixed,\n    accept(cb: (Function) => void): void,\n    dispose(cb: (mixed) => void): void,\n    // accept(deps: Array<string> | string, cb: (Function) => void): void,\n    // decline(): void,\n    _acceptCallbacks: Array<(Function) => void>,\n    _disposeCallbacks: Array<(mixed) => void>,\n  |};\n}\ninterface ExtensionContext {\n  runtime: {|\n    reload(): void,\n    getURL(url: string): string;\n    getManifest(): {manifest_version: number, ...};\n  |};\n}\ndeclare var module: {bundle: ParcelRequire, ...};\ndeclare var HMR_HOST: string;\ndeclare var HMR_PORT: string;\ndeclare var HMR_ENV_HASH: string;\ndeclare var HMR_SECURE: boolean;\ndeclare var chrome: ExtensionContext;\ndeclare var browser: ExtensionContext;\ndeclare var __parcel__import__: (string) => Promise<void>;\ndeclare var __parcel__importScripts__: (string) => Promise<void>;\ndeclare var globalThis: typeof self;\ndeclare var ServiceWorkerGlobalScope: Object;\n*/\nvar OVERLAY_ID = '__parcel__error__overlay__';\nvar OldModule = module.bundle.Module;\nfunction Module(moduleName) {\n  OldModule.call(this, moduleName);\n  this.hot = {\n    data: module.bundle.hotData[moduleName],\n    _acceptCallbacks: [],\n    _disposeCallbacks: [],\n    accept: function (fn) {\n      this._acceptCallbacks.push(fn || function () {});\n    },\n    dispose: function (fn) {\n      this._disposeCallbacks.push(fn);\n    }\n  };\n  module.bundle.hotData[moduleName] = undefined;\n}\nmodule.bundle.Module = Module;\nmodule.bundle.hotData = {};\nvar checkedAssets /*: {|[string]: boolean|} */, assetsToDispose /*: Array<[ParcelRequire, string]> */, assetsToAccept /*: Array<[ParcelRequire, string]> */;\n\nfunction getHostname() {\n  return HMR_HOST || (location.protocol.indexOf('http') === 0 ? location.hostname : 'localhost');\n}\nfunction getPort() {\n  return HMR_PORT || location.port;\n}\n\n// eslint-disable-next-line no-redeclare\nvar parent = module.bundle.parent;\nif ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {\n  var hostname = getHostname();\n  var port = getPort();\n  var protocol = HMR_SECURE || location.protocol == 'https:' && !/localhost|127.0.0.1|0.0.0.0/.test(hostname) ? 'wss' : 'ws';\n  var ws;\n  try {\n    ws = new WebSocket(protocol + '://' + hostname + (port ? ':' + port : '') + '/');\n  } catch (err) {\n    if (err.message) {\n      console.error(err.message);\n    }\n    ws = {};\n  }\n\n  // Web extension context\n  var extCtx = typeof browser === 'undefined' ? typeof chrome === 'undefined' ? null : chrome : browser;\n\n  // Safari doesn't support sourceURL in error stacks.\n  // eval may also be disabled via CSP, so do a quick check.\n  var supportsSourceURL = false;\n  try {\n    (0, eval)('throw new Error(\"test\"); //# sourceURL=test.js');\n  } catch (err) {\n    supportsSourceURL = err.stack.includes('test.js');\n  }\n\n  // $FlowFixMe\n  ws.onmessage = async function (event /*: {data: string, ...} */) {\n    checkedAssets = {} /*: {|[string]: boolean|} */;\n    assetsToAccept = [];\n    assetsToDispose = [];\n    var data /*: HMRMessage */ = JSON.parse(event.data);\n    if (data.type === 'update') {\n      // Remove error overlay if there is one\n      if (typeof document !== 'undefined') {\n        removeErrorOverlay();\n      }\n      let assets = data.assets.filter(asset => asset.envHash === HMR_ENV_HASH);\n\n      // Handle HMR Update\n      let handled = assets.every(asset => {\n        return asset.type === 'css' || asset.type === 'js' && hmrAcceptCheck(module.bundle.root, asset.id, asset.depsByBundle);\n      });\n      if (handled) {\n        console.clear();\n\n        // Dispatch custom event so other runtimes (e.g React Refresh) are aware.\n        if (typeof window !== 'undefined' && typeof CustomEvent !== 'undefined') {\n          window.dispatchEvent(new CustomEvent('parcelhmraccept'));\n        }\n        await hmrApplyUpdates(assets);\n\n        // Dispose all old assets.\n        let processedAssets = {} /*: {|[string]: boolean|} */;\n        for (let i = 0; i < assetsToDispose.length; i++) {\n          let id = assetsToDispose[i][1];\n          if (!processedAssets[id]) {\n            hmrDispose(assetsToDispose[i][0], id);\n            processedAssets[id] = true;\n          }\n        }\n\n        // Run accept callbacks. This will also re-execute other disposed assets in topological order.\n        processedAssets = {};\n        for (let i = 0; i < assetsToAccept.length; i++) {\n          let id = assetsToAccept[i][1];\n          if (!processedAssets[id]) {\n            hmrAccept(assetsToAccept[i][0], id);\n            processedAssets[id] = true;\n          }\n        }\n      } else fullReload();\n    }\n    if (data.type === 'error') {\n      // Log parcel errors to console\n      for (let ansiDiagnostic of data.diagnostics.ansi) {\n        let stack = ansiDiagnostic.codeframe ? ansiDiagnostic.codeframe : ansiDiagnostic.stack;\n        console.error('🚨 [parcel]: ' + ansiDiagnostic.message + '\\n' + stack + '\\n\\n' + ansiDiagnostic.hints.join('\\n'));\n      }\n      if (typeof document !== 'undefined') {\n        // Render the fancy html overlay\n        removeErrorOverlay();\n        var overlay = createErrorOverlay(data.diagnostics.html);\n        // $FlowFixMe\n        document.body.appendChild(overlay);\n      }\n    }\n  };\n  ws.onerror = function (e) {\n    if (e.message) {\n      console.error(e.message);\n    }\n  };\n  ws.onclose = function () {\n    console.warn('[parcel] 🚨 Connection to the HMR server was lost');\n  };\n}\nfunction removeErrorOverlay() {\n  var overlay = document.getElementById(OVERLAY_ID);\n  if (overlay) {\n    overlay.remove();\n    console.log('[parcel] ✨ Error resolved');\n  }\n}\nfunction createErrorOverlay(diagnostics) {\n  var overlay = document.createElement('div');\n  overlay.id = OVERLAY_ID;\n  let errorHTML = '<div style=\"background: black; opacity: 0.85; font-size: 16px; color: white; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; padding: 30px; font-family: Menlo, Consolas, monospace; z-index: 9999;\">';\n  for (let diagnostic of diagnostics) {\n    let stack = diagnostic.frames.length ? diagnostic.frames.reduce((p, frame) => {\n      return `${p}\n<a href=\"/__parcel_launch_editor?file=${encodeURIComponent(frame.location)}\" style=\"text-decoration: underline; color: #888\" onclick=\"fetch(this.href); return false\">${frame.location}</a>\n${frame.code}`;\n    }, '') : diagnostic.stack;\n    errorHTML += `\n      <div>\n        <div style=\"font-size: 18px; font-weight: bold; margin-top: 20px;\">\n          🚨 ${diagnostic.message}\n        </div>\n        <pre>${stack}</pre>\n        <div>\n          ${diagnostic.hints.map(hint => '<div>💡 ' + hint + '</div>').join('')}\n        </div>\n        ${diagnostic.documentation ? `<div>📝 <a style=\"color: violet\" href=\"${diagnostic.documentation}\" target=\"_blank\">Learn more</a></div>` : ''}\n      </div>\n    `;\n  }\n  errorHTML += '</div>';\n  overlay.innerHTML = errorHTML;\n  return overlay;\n}\nfunction fullReload() {\n  if ('reload' in location) {\n    location.reload();\n  } else if (extCtx && extCtx.runtime && extCtx.runtime.reload) {\n    extCtx.runtime.reload();\n  }\n}\nfunction getParents(bundle, id) /*: Array<[ParcelRequire, string]> */{\n  var modules = bundle.modules;\n  if (!modules) {\n    return [];\n  }\n  var parents = [];\n  var k, d, dep;\n  for (k in modules) {\n    for (d in modules[k][1]) {\n      dep = modules[k][1][d];\n      if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) {\n        parents.push([bundle, k]);\n      }\n    }\n  }\n  if (bundle.parent) {\n    parents = parents.concat(getParents(bundle.parent, id));\n  }\n  return parents;\n}\nfunction updateLink(link) {\n  var href = link.getAttribute('href');\n  if (!href) {\n    return;\n  }\n  var newLink = link.cloneNode();\n  newLink.onload = function () {\n    if (link.parentNode !== null) {\n      // $FlowFixMe\n      link.parentNode.removeChild(link);\n    }\n  };\n  newLink.setAttribute('href',\n  // $FlowFixMe\n  href.split('?')[0] + '?' + Date.now());\n  // $FlowFixMe\n  link.parentNode.insertBefore(newLink, link.nextSibling);\n}\nvar cssTimeout = null;\nfunction reloadCSS() {\n  if (cssTimeout) {\n    return;\n  }\n  cssTimeout = setTimeout(function () {\n    var links = document.querySelectorAll('link[rel=\"stylesheet\"]');\n    for (var i = 0; i < links.length; i++) {\n      // $FlowFixMe[incompatible-type]\n      var href /*: string */ = links[i].getAttribute('href');\n      var hostname = getHostname();\n      var servedFromHMRServer = hostname === 'localhost' ? new RegExp('^(https?:\\\\/\\\\/(0.0.0.0|127.0.0.1)|localhost):' + getPort()).test(href) : href.indexOf(hostname + ':' + getPort());\n      var absolute = /^https?:\\/\\//i.test(href) && href.indexOf(location.origin) !== 0 && !servedFromHMRServer;\n      if (!absolute) {\n        updateLink(links[i]);\n      }\n    }\n    cssTimeout = null;\n  }, 50);\n}\nfunction hmrDownload(asset) {\n  if (asset.type === 'js') {\n    if (typeof document !== 'undefined') {\n      let script = document.createElement('script');\n      script.src = asset.url + '?t=' + Date.now();\n      if (asset.outputFormat === 'esmodule') {\n        script.type = 'module';\n      }\n      return new Promise((resolve, reject) => {\n        var _document$head;\n        script.onload = () => resolve(script);\n        script.onerror = reject;\n        (_document$head = document.head) === null || _document$head === void 0 || _document$head.appendChild(script);\n      });\n    } else if (typeof importScripts === 'function') {\n      // Worker scripts\n      if (asset.outputFormat === 'esmodule') {\n        return __parcel__import__(asset.url + '?t=' + Date.now());\n      } else {\n        return new Promise((resolve, reject) => {\n          try {\n            __parcel__importScripts__(asset.url + '?t=' + Date.now());\n            resolve();\n          } catch (err) {\n            reject(err);\n          }\n        });\n      }\n    }\n  }\n}\nasync function hmrApplyUpdates(assets) {\n  global.parcelHotUpdate = Object.create(null);\n  let scriptsToRemove;\n  try {\n    // If sourceURL comments aren't supported in eval, we need to load\n    // the update from the dev server over HTTP so that stack traces\n    // are correct in errors/logs. This is much slower than eval, so\n    // we only do it if needed (currently just Safari).\n    // https://bugs.webkit.org/show_bug.cgi?id=137297\n    // This path is also taken if a CSP disallows eval.\n    if (!supportsSourceURL) {\n      let promises = assets.map(asset => {\n        var _hmrDownload;\n        return (_hmrDownload = hmrDownload(asset)) === null || _hmrDownload === void 0 ? void 0 : _hmrDownload.catch(err => {\n          // Web extension fix\n          if (extCtx && extCtx.runtime && extCtx.runtime.getManifest().manifest_version == 3 && typeof ServiceWorkerGlobalScope != 'undefined' && global instanceof ServiceWorkerGlobalScope) {\n            extCtx.runtime.reload();\n            return;\n          }\n          throw err;\n        });\n      });\n      scriptsToRemove = await Promise.all(promises);\n    }\n    assets.forEach(function (asset) {\n      hmrApply(module.bundle.root, asset);\n    });\n  } finally {\n    delete global.parcelHotUpdate;\n    if (scriptsToRemove) {\n      scriptsToRemove.forEach(script => {\n        if (script) {\n          var _document$head2;\n          (_document$head2 = document.head) === null || _document$head2 === void 0 || _document$head2.removeChild(script);\n        }\n      });\n    }\n  }\n}\nfunction hmrApply(bundle /*: ParcelRequire */, asset /*:  HMRAsset */) {\n  var modules = bundle.modules;\n  if (!modules) {\n    return;\n  }\n  if (asset.type === 'css') {\n    reloadCSS();\n  } else if (asset.type === 'js') {\n    let deps = asset.depsByBundle[bundle.HMR_BUNDLE_ID];\n    if (deps) {\n      if (modules[asset.id]) {\n        // Remove dependencies that are removed and will become orphaned.\n        // This is necessary so that if the asset is added back again, the cache is gone, and we prevent a full page reload.\n        let oldDeps = modules[asset.id][1];\n        for (let dep in oldDeps) {\n          if (!deps[dep] || deps[dep] !== oldDeps[dep]) {\n            let id = oldDeps[dep];\n            let parents = getParents(module.bundle.root, id);\n            if (parents.length === 1) {\n              hmrDelete(module.bundle.root, id);\n            }\n          }\n        }\n      }\n      if (supportsSourceURL) {\n        // Global eval. We would use `new Function` here but browser\n        // support for source maps is better with eval.\n        (0, eval)(asset.output);\n      }\n\n      // $FlowFixMe\n      let fn = global.parcelHotUpdate[asset.id];\n      modules[asset.id] = [fn, deps];\n    } else if (bundle.parent) {\n      hmrApply(bundle.parent, asset);\n    }\n  }\n}\nfunction hmrDelete(bundle, id) {\n  let modules = bundle.modules;\n  if (!modules) {\n    return;\n  }\n  if (modules[id]) {\n    // Collect dependencies that will become orphaned when this module is deleted.\n    let deps = modules[id][1];\n    let orphans = [];\n    for (let dep in deps) {\n      let parents = getParents(module.bundle.root, deps[dep]);\n      if (parents.length === 1) {\n        orphans.push(deps[dep]);\n      }\n    }\n\n    // Delete the module. This must be done before deleting dependencies in case of circular dependencies.\n    delete modules[id];\n    delete bundle.cache[id];\n\n    // Now delete the orphans.\n    orphans.forEach(id => {\n      hmrDelete(module.bundle.root, id);\n    });\n  } else if (bundle.parent) {\n    hmrDelete(bundle.parent, id);\n  }\n}\nfunction hmrAcceptCheck(bundle /*: ParcelRequire */, id /*: string */, depsByBundle /*: ?{ [string]: { [string]: string } }*/) {\n  if (hmrAcceptCheckOne(bundle, id, depsByBundle)) {\n    return true;\n  }\n\n  // Traverse parents breadth first. All possible ancestries must accept the HMR update, or we'll reload.\n  let parents = getParents(module.bundle.root, id);\n  let accepted = false;\n  while (parents.length > 0) {\n    let v = parents.shift();\n    let a = hmrAcceptCheckOne(v[0], v[1], null);\n    if (a) {\n      // If this parent accepts, stop traversing upward, but still consider siblings.\n      accepted = true;\n    } else {\n      // Otherwise, queue the parents in the next level upward.\n      let p = getParents(module.bundle.root, v[1]);\n      if (p.length === 0) {\n        // If there are no parents, then we've reached an entry without accepting. Reload.\n        accepted = false;\n        break;\n      }\n      parents.push(...p);\n    }\n  }\n  return accepted;\n}\nfunction hmrAcceptCheckOne(bundle /*: ParcelRequire */, id /*: string */, depsByBundle /*: ?{ [string]: { [string]: string } }*/) {\n  var modules = bundle.modules;\n  if (!modules) {\n    return;\n  }\n  if (depsByBundle && !depsByBundle[bundle.HMR_BUNDLE_ID]) {\n    // If we reached the root bundle without finding where the asset should go,\n    // there's nothing to do. Mark as \"accepted\" so we don't reload the page.\n    if (!bundle.parent) {\n      return true;\n    }\n    return hmrAcceptCheck(bundle.parent, id, depsByBundle);\n  }\n  if (checkedAssets[id]) {\n    return true;\n  }\n  checkedAssets[id] = true;\n  var cached = bundle.cache[id];\n  assetsToDispose.push([bundle, id]);\n  if (!cached || cached.hot && cached.hot._acceptCallbacks.length) {\n    assetsToAccept.push([bundle, id]);\n    return true;\n  }\n}\nfunction hmrDispose(bundle /*: ParcelRequire */, id /*: string */) {\n  var cached = bundle.cache[id];\n  bundle.hotData[id] = {};\n  if (cached && cached.hot) {\n    cached.hot.data = bundle.hotData[id];\n  }\n  if (cached && cached.hot && cached.hot._disposeCallbacks.length) {\n    cached.hot._disposeCallbacks.forEach(function (cb) {\n      cb(bundle.hotData[id]);\n    });\n  }\n  delete bundle.cache[id];\n}\nfunction hmrAccept(bundle /*: ParcelRequire */, id /*: string */) {\n  // Execute the module.\n  bundle(id);\n\n  // Run the accept callbacks in the new version of the module.\n  var cached = bundle.cache[id];\n  if (cached && cached.hot && cached.hot._acceptCallbacks.length) {\n    cached.hot._acceptCallbacks.forEach(function (cb) {\n      var assetsToAlsoAccept = cb(function () {\n        return getParents(module.bundle.root, id);\n      });\n      if (assetsToAlsoAccept && assetsToAccept.length) {\n        assetsToAlsoAccept.forEach(function (a) {\n          hmrDispose(a[0], a[1]);\n        });\n\n        // $FlowFixMe[method-unbinding]\n        assetsToAccept.push.apply(assetsToAccept, assetsToAlsoAccept);\n      }\n    });\n  }\n}","'use strict';\n\n// Uncomment the next lines to use your game instance in the browser\nconst Game = require('../modules/Game.class');\nconst game = new Game();\n\n// Uncomment the next lines to use your game instance in the browser\n// [\n//   [2, 0, 2, 2],\n//   [0, 2, 2, 2],\n//   [2, 2, 0, 2],\n//   [2, 2, 2, 0],\n// ]\n\n// Write your code here\n\nconst startButton = document.querySelector('.button', '.start');\n\nfunction updateTable() {\n  const gameState = game.getState();\n  const table = document.querySelector('.game-field');\n  const tbody = table.querySelector('tbody');\n\n  tbody.innerHTML = '';\n\n  for (let i = 0; i < gameState.length; i++) {\n    const row = gameState[i];\n    const tr = document.createElement('tr');\n\n    tr.className = 'field-row';\n\n    for (let j = 0; j < row.length; j++) {\n      const cell = row[j];\n      const td = document.createElement('td');\n\n      td.textContent = cell !== 0 ? cell : '';\n\n      td.className =\n        cell !== 0 ? `field-cell field-cell--${cell}` : 'field-cell';\n      tr.appendChild(td);\n    }\n    tbody.appendChild(tr);\n  }\n}\n\nfunction updateScore() {\n  const gameScore = document.querySelector('.game-score');\n\n  gameScore.innerText = game.getScore();\n}\n\nfunction handleMessages(action, type) {\n  const startMessage = document.querySelector('.message-start');\n  const winMessage = document.querySelector('.message-win');\n  const loseMessage = document.querySelector('.message-lose');\n\n  if (action === 'hide') {\n    switch (type) {\n      case 'start':\n        startMessage.classList.add('hidden');\n        break;\n      case 'win':\n        winMessage.classList.add('hidden');\n        break;\n      case 'lose':\n        loseMessage.classList.add('hidden');\n        break;\n      default:\n        break;\n    }\n  }\n\n  if (action === 'show') {\n    switch (type) {\n      case 'start':\n        startMessage.classList.remove('hidden');\n        break;\n      case 'win':\n        winMessage.classList.remove('hidden');\n        break;\n      case 'lose':\n        loseMessage.classList.remove('hidden');\n        break;\n      default:\n        break;\n    }\n  }\n}\n\nfunction handleGameStatus() {\n  switch (game.getStatus()) {\n    case 'win':\n      handleMessages('show', 'win');\n      break;\n    case 'lose':\n      handleMessages('show', 'lose');\n      break;\n    default:\n      break;\n  }\n}\n\nfunction updateGame() {\n  updateTable();\n  updateScore();\n  handleGameStatus();\n}\n\nstartButton.addEventListener('click', () => {\n  switch (game.getStatus()) {\n    case 'idle':\n      game.start();\n      updateTable();\n      startButton.className = 'button restart';\n      startButton.textContent = 'Restart';\n      handleMessages('hide', 'start');\n      updateScore();\n      break;\n    case 'playing':\n      game.restart();\n      updateTable();\n      startButton.className = 'button start';\n      startButton.textContent = 'Start';\n      handleMessages('show', 'start');\n      updateScore();\n      break;\n    case 'win':\n      game.restart();\n      updateTable();\n      startButton.className = 'button start';\n      startButton.textContent = 'Start';\n      handleMessages('hide', 'win');\n      handleMessages('show', 'start');\n      updateScore();\n      break;\n    case 'lose':\n      game.restart();\n      updateTable();\n      startButton.className = 'button start';\n      startButton.textContent = 'Start';\n      handleMessages('hide', 'lose');\n      handleMessages('show', 'start');\n      updateScore();\n      break;\n    default:\n      break;\n  }\n});\n\ndocument.addEventListener('keydown', (e) => {\n  switch (e.key) {\n    case 'ArrowLeft':\n      game.moveLeft();\n      updateGame();\n      break;\n    case 'ArrowRight':\n      game.moveRight();\n      updateGame();\n      break;\n    case 'ArrowUp':\n      game.moveUp();\n      updateGame();\n      break;\n    case 'ArrowDown':\n      game.moveDown();\n      updateGame();\n      break;\n    default:\n      break;\n  }\n});\n","'use strict';\nclass Game {\n  /**\n   * Creates a new game instance.\n   *\n   * @param {number[][]} initialState\n   * The initial state of the board.\n   * @default\n   * [[0, 0, 0, 0],\n   *  [0, 0, 0, 0],\n   *  [0, 0, 0, 0],\n   *  [0, 0, 0, 0]]\n   *\n   * If passed, the board will be initialized with the provided\n   * initial state.\n   */\n  constructor(initialState = this.#createEmptyState()) {\n    this.initialState = initialState;\n    this.state = this.initialState.map((row) => [...row]);\n    this.score = 0;\n    this.status = 'idle';\n  }\n\n  moveLeft() {\n    if (this.status === 'playing') {\n      const newState = this.state.map((row) => this.#mergeCells(row));\n\n      this.#handleMove(newState);\n    }\n  }\n  moveRight() {\n    if (this.status === 'playing') {\n      const newState = this.state.map((row) => {\n        const reversedRow = row.slice().reverse();\n        const mergedRow = this.#mergeCells(reversedRow);\n\n        return mergedRow.reverse();\n      });\n\n      this.#handleMove(newState);\n    }\n  }\n  moveUp() {\n    if (this.status === 'playing') {\n      const transposedState = this.#transpose(this.state);\n      const newState = transposedState.map((row) => this.#mergeCells(row));\n\n      this.#handleMove(this.#transpose(newState));\n    }\n  }\n  moveDown() {\n    if (this.status === 'playing') {\n      const transposedState = this.#transpose(this.state);\n      const newState = transposedState.map((row) => {\n        const reversedRow = row.slice().reverse();\n        const mergedRow = this.#mergeCells(reversedRow);\n\n        return mergedRow.reverse();\n      });\n\n      this.#handleMove(this.#transpose(newState));\n    }\n  }\n\n  /**\n   * @returns {number}\n   */\n  getScore() {\n    return this.score;\n  }\n\n  /**\n   * @returns {number[][]}\n   */\n  getState() {\n    return this.state;\n  }\n\n  /**\n   * Returns the current game status.\n   *\n   * @returns {string} One of: 'idle', 'playing', 'win', 'lose'\n   *\n   * `idle` - the game has not started yet (the initial state);\n   * `playing` - the game is in progress;\n   * `win` - the game is won;\n   * `lose` - the game is lost\n   */\n  getStatus() {\n    return this.status;\n  }\n\n  /**\n   * Starts the game.\n   */\n  start() {\n    this.status = 'playing';\n    this.#addRandomTile();\n    this.#addRandomTile();\n  }\n\n  /**\n   * Resets the game.\n   */\n  restart() {\n    this.state = this.initialState.map((row) => [...row]);\n    this.score = 0;\n    this.status = 'idle';\n  }\n\n  // Add your own methods here\n\n  #createEmptyState() {\n    return Array.from({ length: 4 }, () => Array(4).fill(0));\n  }\n\n  #getEmptyCells() {\n    const emptyCells = [];\n\n    this.state.forEach((row, rowIndex) => {\n      row.forEach((cell, cellIndex) => {\n        if (cell === 0) {\n          emptyCells.push({ rowIndex, cellIndex });\n        }\n      });\n    });\n\n    return emptyCells;\n  }\n\n  #addRandomTile() {\n    const emptyCells = this.#getEmptyCells();\n\n    if (emptyCells.length === 0) {\n      return;\n    }\n\n    const randomCell =\n      emptyCells[Math.floor(Math.random() * emptyCells.length)];\n    const value = Math.random() > 0.1 ? 2 : 4;\n\n    this.state[randomCell.rowIndex][randomCell.cellIndex] = value;\n  }\n\n  #mergeCells(row) {\n    const mergedRow = row.filter((cell) => cell !== 0);\n    const newRow = [];\n    let i = 0;\n\n    while (i < mergedRow.length) {\n      if (mergedRow[i] === mergedRow[i + 1]) {\n        newRow.push(mergedRow[i] * 2);\n        this.score += mergedRow[i] * 2;\n        i += 2;\n      } else {\n        newRow.push(mergedRow[i]);\n        i += 1;\n      }\n    }\n    newRow.push(...Array(4 - newRow.length).fill(0));\n\n    return newRow;\n  }\n\n  #transpose(matrix) {\n    return matrix[0].map((_, colIndex) => matrix.map((row) => row[colIndex]));\n  }\n\n  #willStateChange(newState) {\n    return JSON.stringify(this.state) !== JSON.stringify(newState);\n  }\n\n  #isWin() {\n    this.status = this.state.some((row) => row.includes(2048))\n      ? 'win'\n      : this.status;\n  }\n\n  #isLose() {\n    for (const row of this.state) {\n      if (row.some((i) => i === 0)) {\n        return false;\n      }\n\n      for (let i = 0; i < row.length; i++) {\n        if (row[i] === row[i + 1]) {\n          return false;\n        }\n      }\n    }\n\n    for (let c = 0; c < 4; c++) {\n      const row = [\n        this.state[0][c],\n        this.state[1][c],\n        this.state[2][c],\n        this.state[3][c],\n      ];\n\n      for (let i = 0; i < row.length; i++) {\n        if (row[i] === row[i + 1]) {\n          return false;\n        }\n      }\n    }\n\n    return true;\n  }\n\n  #handleMove(newState) {\n    if (this.#willStateChange(newState)) {\n      this.state = newState;\n      this.#addRandomTile();\n      this.#isWin();\n\n      if (this.#isLose()) {\n        this.status = 'lose';\n      }\n    }\n  }\n}\n\nmodule.exports = Game;\n"],"names":[],"version":3,"file":"index.b8fca702.js.map","sourceRoot":"/__parcel_source_root/"}
\ No newline at end of file
diff --git a/index.e99d90ef.js b/index.e99d90ef.js
new file mode 100644
index 000000000..11b3c8007
--- /dev/null
+++ b/index.e99d90ef.js
@@ -0,0 +1,2 @@
+const t=new class{constructor(t=this.#t()){this.initialState=t,this.state=this.initialState.map(t=>[...t]),this.score=0,this.status="idle"}moveLeft(){if("playing"===this.status){let t=this.state.map(t=>this.#e(t));this.#s(t)}}moveRight(){if("playing"===this.status){let t=this.state.map(t=>{let e=t.slice().reverse();return this.#e(e).reverse()});this.#s(t)}}moveUp(){if("playing"===this.status){let t=this.#a(this.state).map(t=>this.#e(t));this.#s(this.#a(t))}}moveDown(){if("playing"===this.status){let t=this.#a(this.state).map(t=>{let e=t.slice().reverse();return this.#e(e).reverse()});this.#s(this.#a(t))}}getScore(){return this.score}getState(){return this.state}getStatus(){return this.status}start(){this.status="playing",this.#i(),this.#i()}restart(){this.state=this.initialState.map(t=>[...t]),this.score=0,this.status="idle"}#t(){return Array.from({length:4},()=>[,,,,].fill(0))}#r(){let t=[];return this.state.forEach((e,s)=>{e.forEach((e,a)=>{0===e&&t.push({rowIndex:s,cellIndex:a})})}),t}#i(){let t=this.#r();if(0===t.length)return;let e=t[Math.floor(Math.random()*t.length)];this.state[e.rowIndex][e.cellIndex]=Math.random()>.1?2:4}#e(t){let e=t.filter(t=>0!==t),s=[],a=0;for(;a<e.length;)e[a]===e[a+1]?(s.push(2*e[a]),this.score+=2*e[a],a+=2):(s.push(e[a]),a+=1);return s.push(...Array(4-s.length).fill(0)),s}#a(t){return t[0].map((e,s)=>t.map(t=>t[s]))}#n(t){return JSON.stringify(this.state)!==JSON.stringify(t)}#l(){this.status=this.state.some(t=>t.includes(2048))?"win":this.status}#o(){for(let t of this.state){if(t.some(t=>0===t))return!1;for(let e=0;e<t.length;e++)if(t[e]===t[e+1])return!1}for(let t=0;t<4;t++){let e=[this.state[0][t],this.state[1][t],this.state[2][t],this.state[3][t]];for(let t=0;t<e.length;t++)if(e[t]===e[t+1])return!1}return!0}#s(t){this.#n(t)&&(this.state=t,this.#i(),this.#l(),this.#o()&&(this.status="lose"))}},e=document.querySelector(".button",".start");function s(){let e=t.getState(),s=document.querySelector(".game-field").querySelector("tbody");s.innerHTML="";for(let t=0;t<e.length;t++){let a=e[t],i=document.createElement("tr");i.className="field-row";for(let t=0;t<a.length;t++){let e=a[t],s=document.createElement("td");s.textContent=0!==e?e:"",s.className=0!==e?`field-cell field-cell--${e}`:"field-cell",i.appendChild(s)}s.appendChild(i)}}function a(){document.querySelector(".game-score").innerText=t.getScore()}function i(t,e){let s=document.querySelector(".message-start"),a=document.querySelector(".message-win"),i=document.querySelector(".message-lose");if("hide"===t)switch(e){case"start":s.classList.add("hidden");break;case"win":a.classList.add("hidden");break;case"lose":i.classList.add("hidden")}if("show"===t)switch(e){case"start":s.classList.remove("hidden");break;case"win":a.classList.remove("hidden");break;case"lose":i.classList.remove("hidden")}}function r(){s(),a(),function(){switch(t.getStatus()){case"win":i("show","win");break;case"lose":i("show","lose")}}()}e.addEventListener("click",()=>{switch(t.getStatus()){case"idle":t.start(),s(),e.className="button restart",e.textContent="Restart",i("hide","start"),a();break;case"playing":t.restart(),s(),e.className="button start",e.textContent="Start",i("show","start"),a();break;case"win":t.restart(),s(),e.className="button start",e.textContent="Start",i("hide","win"),i("show","start"),a();break;case"lose":t.restart(),s(),e.className="button start",e.textContent="Start",i("hide","lose"),i("show","start"),a()}}),document.addEventListener("keydown",e=>{switch(e.key){case"ArrowLeft":t.moveLeft(),r();break;case"ArrowRight":t.moveRight(),r();break;case"ArrowUp":t.moveUp(),r();break;case"ArrowDown":t.moveDown(),r()}});
+//# sourceMappingURL=index.e99d90ef.js.map
diff --git a/index.e99d90ef.js.map b/index.e99d90ef.js.map
new file mode 100644
index 000000000..baa883cd5
--- /dev/null
+++ b/index.e99d90ef.js.map
@@ -0,0 +1 @@
+{"mappings":"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","sources":["<anon>","src/scripts/main.js","src/modules/Game.class.js"],"sourcesContent":["\"use strict\";\nvar $a5fd07fa01589658$exports = {};\n\"use strict\";\nclass $a5fd07fa01589658$var$Game {\n    /**\n   * Creates a new game instance.\n   *\n   * @param {number[][]} initialState\n   * The initial state of the board.\n   * @default\n   * [[0, 0, 0, 0],\n   *  [0, 0, 0, 0],\n   *  [0, 0, 0, 0],\n   *  [0, 0, 0, 0]]\n   *\n   * If passed, the board will be initialized with the provided\n   * initial state.\n   */ constructor(initialState = this.#createEmptyState()){\n        this.initialState = initialState;\n        this.state = this.initialState.map((row)=>[\n                ...row\n            ]);\n        this.score = 0;\n        this.status = \"idle\";\n    }\n    moveLeft() {\n        if (this.status === \"playing\") {\n            const newState = this.state.map((row)=>this.#mergeCells(row));\n            this.#handleMove(newState);\n        }\n    }\n    moveRight() {\n        if (this.status === \"playing\") {\n            const newState = this.state.map((row)=>{\n                const reversedRow = row.slice().reverse();\n                const mergedRow = this.#mergeCells(reversedRow);\n                return mergedRow.reverse();\n            });\n            this.#handleMove(newState);\n        }\n    }\n    moveUp() {\n        if (this.status === \"playing\") {\n            const transposedState = this.#transpose(this.state);\n            const newState = transposedState.map((row)=>this.#mergeCells(row));\n            this.#handleMove(this.#transpose(newState));\n        }\n    }\n    moveDown() {\n        if (this.status === \"playing\") {\n            const transposedState = this.#transpose(this.state);\n            const newState = transposedState.map((row)=>{\n                const reversedRow = row.slice().reverse();\n                const mergedRow = this.#mergeCells(reversedRow);\n                return mergedRow.reverse();\n            });\n            this.#handleMove(this.#transpose(newState));\n        }\n    }\n    /**\n   * @returns {number}\n   */ getScore() {\n        return this.score;\n    }\n    /**\n   * @returns {number[][]}\n   */ getState() {\n        return this.state;\n    }\n    /**\n   * Returns the current game status.\n   *\n   * @returns {string} One of: 'idle', 'playing', 'win', 'lose'\n   *\n   * `idle` - the game has not started yet (the initial state);\n   * `playing` - the game is in progress;\n   * `win` - the game is won;\n   * `lose` - the game is lost\n   */ getStatus() {\n        return this.status;\n    }\n    /**\n   * Starts the game.\n   */ start() {\n        this.status = \"playing\";\n        this.#addRandomTile();\n        this.#addRandomTile();\n    }\n    /**\n   * Resets the game.\n   */ restart() {\n        this.state = this.initialState.map((row)=>[\n                ...row\n            ]);\n        this.score = 0;\n        this.status = \"idle\";\n    }\n    // Add your own methods here\n    #createEmptyState() {\n        return Array.from({\n            length: 4\n        }, ()=>Array(4).fill(0));\n    }\n    #getEmptyCells() {\n        const emptyCells = [];\n        this.state.forEach((row, rowIndex)=>{\n            row.forEach((cell, cellIndex)=>{\n                if (cell === 0) emptyCells.push({\n                    rowIndex: rowIndex,\n                    cellIndex: cellIndex\n                });\n            });\n        });\n        return emptyCells;\n    }\n    #addRandomTile() {\n        const emptyCells = this.#getEmptyCells();\n        if (emptyCells.length === 0) return;\n        const randomCell = emptyCells[Math.floor(Math.random() * emptyCells.length)];\n        const value = Math.random() > 0.1 ? 2 : 4;\n        this.state[randomCell.rowIndex][randomCell.cellIndex] = value;\n    }\n    #mergeCells(row) {\n        const mergedRow = row.filter((cell)=>cell !== 0);\n        const newRow = [];\n        let i = 0;\n        while(i < mergedRow.length)if (mergedRow[i] === mergedRow[i + 1]) {\n            newRow.push(mergedRow[i] * 2);\n            this.score += mergedRow[i] * 2;\n            i += 2;\n        } else {\n            newRow.push(mergedRow[i]);\n            i += 1;\n        }\n        newRow.push(...Array(4 - newRow.length).fill(0));\n        return newRow;\n    }\n    #transpose(matrix) {\n        return matrix[0].map((_, colIndex)=>matrix.map((row)=>row[colIndex]));\n    }\n    #willStateChange(newState) {\n        return JSON.stringify(this.state) !== JSON.stringify(newState);\n    }\n    #isWin() {\n        this.status = this.state.some((row)=>row.includes(2048)) ? \"win\" : this.status;\n    }\n    #isLose() {\n        for (const row of this.state){\n            if (row.some((i)=>i === 0)) return false;\n            for(let i = 0; i < row.length; i++){\n                if (row[i] === row[i + 1]) return false;\n            }\n        }\n        for(let c = 0; c < 4; c++){\n            const row = [\n                this.state[0][c],\n                this.state[1][c],\n                this.state[2][c],\n                this.state[3][c]\n            ];\n            for(let i = 0; i < row.length; i++){\n                if (row[i] === row[i + 1]) return false;\n            }\n        }\n        return true;\n    }\n    #handleMove(newState) {\n        if (this.#willStateChange(newState)) {\n            this.state = newState;\n            this.#addRandomTile();\n            this.#isWin();\n            if (this.#isLose()) this.status = \"lose\";\n        }\n    }\n}\n$a5fd07fa01589658$exports = $a5fd07fa01589658$var$Game;\n\n\nconst $09e991522ca7e64e$var$game = new $a5fd07fa01589658$exports();\n// Uncomment the next lines to use your game instance in the browser\n// [\n//   [2, 0, 2, 2],\n//   [0, 2, 2, 2],\n//   [2, 2, 0, 2],\n//   [2, 2, 2, 0],\n// ]\n// Write your code here\nconst $09e991522ca7e64e$var$startButton = document.querySelector(\".button\", \".start\");\nfunction $09e991522ca7e64e$var$updateTable() {\n    const gameState = $09e991522ca7e64e$var$game.getState();\n    const table = document.querySelector(\".game-field\");\n    const tbody = table.querySelector(\"tbody\");\n    tbody.innerHTML = \"\";\n    for(let i = 0; i < gameState.length; i++){\n        const row = gameState[i];\n        const tr = document.createElement(\"tr\");\n        tr.className = \"field-row\";\n        for(let j = 0; j < row.length; j++){\n            const cell = row[j];\n            const td = document.createElement(\"td\");\n            td.textContent = cell !== 0 ? cell : \"\";\n            td.className = cell !== 0 ? `field-cell field-cell--${cell}` : \"field-cell\";\n            tr.appendChild(td);\n        }\n        tbody.appendChild(tr);\n    }\n}\nfunction $09e991522ca7e64e$var$updateScore() {\n    const gameScore = document.querySelector(\".game-score\");\n    gameScore.innerText = $09e991522ca7e64e$var$game.getScore();\n}\nfunction $09e991522ca7e64e$var$handleMessages(action, type) {\n    const startMessage = document.querySelector(\".message-start\");\n    const winMessage = document.querySelector(\".message-win\");\n    const loseMessage = document.querySelector(\".message-lose\");\n    if (action === \"hide\") switch(type){\n        case \"start\":\n            startMessage.classList.add(\"hidden\");\n            break;\n        case \"win\":\n            winMessage.classList.add(\"hidden\");\n            break;\n        case \"lose\":\n            loseMessage.classList.add(\"hidden\");\n            break;\n        default:\n            break;\n    }\n    if (action === \"show\") switch(type){\n        case \"start\":\n            startMessage.classList.remove(\"hidden\");\n            break;\n        case \"win\":\n            winMessage.classList.remove(\"hidden\");\n            break;\n        case \"lose\":\n            loseMessage.classList.remove(\"hidden\");\n            break;\n        default:\n            break;\n    }\n}\nfunction $09e991522ca7e64e$var$handleGameStatus() {\n    switch($09e991522ca7e64e$var$game.getStatus()){\n        case \"win\":\n            $09e991522ca7e64e$var$handleMessages(\"show\", \"win\");\n            break;\n        case \"lose\":\n            $09e991522ca7e64e$var$handleMessages(\"show\", \"lose\");\n            break;\n        default:\n            break;\n    }\n}\nfunction $09e991522ca7e64e$var$updateGame() {\n    $09e991522ca7e64e$var$updateTable();\n    $09e991522ca7e64e$var$updateScore();\n    $09e991522ca7e64e$var$handleGameStatus();\n}\n$09e991522ca7e64e$var$startButton.addEventListener(\"click\", ()=>{\n    switch($09e991522ca7e64e$var$game.getStatus()){\n        case \"idle\":\n            $09e991522ca7e64e$var$game.start();\n            $09e991522ca7e64e$var$updateTable();\n            $09e991522ca7e64e$var$startButton.className = \"button restart\";\n            $09e991522ca7e64e$var$startButton.textContent = \"Restart\";\n            $09e991522ca7e64e$var$handleMessages(\"hide\", \"start\");\n            $09e991522ca7e64e$var$updateScore();\n            break;\n        case \"playing\":\n            $09e991522ca7e64e$var$game.restart();\n            $09e991522ca7e64e$var$updateTable();\n            $09e991522ca7e64e$var$startButton.className = \"button start\";\n            $09e991522ca7e64e$var$startButton.textContent = \"Start\";\n            $09e991522ca7e64e$var$handleMessages(\"show\", \"start\");\n            $09e991522ca7e64e$var$updateScore();\n            break;\n        case \"win\":\n            $09e991522ca7e64e$var$game.restart();\n            $09e991522ca7e64e$var$updateTable();\n            $09e991522ca7e64e$var$startButton.className = \"button start\";\n            $09e991522ca7e64e$var$startButton.textContent = \"Start\";\n            $09e991522ca7e64e$var$handleMessages(\"hide\", \"win\");\n            $09e991522ca7e64e$var$handleMessages(\"show\", \"start\");\n            $09e991522ca7e64e$var$updateScore();\n            break;\n        case \"lose\":\n            $09e991522ca7e64e$var$game.restart();\n            $09e991522ca7e64e$var$updateTable();\n            $09e991522ca7e64e$var$startButton.className = \"button start\";\n            $09e991522ca7e64e$var$startButton.textContent = \"Start\";\n            $09e991522ca7e64e$var$handleMessages(\"hide\", \"lose\");\n            $09e991522ca7e64e$var$handleMessages(\"show\", \"start\");\n            $09e991522ca7e64e$var$updateScore();\n            break;\n        default:\n            break;\n    }\n});\ndocument.addEventListener(\"keydown\", (e)=>{\n    switch(e.key){\n        case \"ArrowLeft\":\n            $09e991522ca7e64e$var$game.moveLeft();\n            $09e991522ca7e64e$var$updateGame();\n            break;\n        case \"ArrowRight\":\n            $09e991522ca7e64e$var$game.moveRight();\n            $09e991522ca7e64e$var$updateGame();\n            break;\n        case \"ArrowUp\":\n            $09e991522ca7e64e$var$game.moveUp();\n            $09e991522ca7e64e$var$updateGame();\n            break;\n        case \"ArrowDown\":\n            $09e991522ca7e64e$var$game.moveDown();\n            $09e991522ca7e64e$var$updateGame();\n            break;\n        default:\n            break;\n    }\n});\n\n\n//# sourceMappingURL=index.e99d90ef.js.map\n","'use strict';\n\n// Uncomment the next lines to use your game instance in the browser\nconst Game = require('../modules/Game.class');\nconst game = new Game();\n\n// Uncomment the next lines to use your game instance in the browser\n// [\n//   [2, 0, 2, 2],\n//   [0, 2, 2, 2],\n//   [2, 2, 0, 2],\n//   [2, 2, 2, 0],\n// ]\n\n// Write your code here\n\nconst startButton = document.querySelector('.button', '.start');\n\nfunction updateTable() {\n  const gameState = game.getState();\n  const table = document.querySelector('.game-field');\n  const tbody = table.querySelector('tbody');\n\n  tbody.innerHTML = '';\n\n  for (let i = 0; i < gameState.length; i++) {\n    const row = gameState[i];\n    const tr = document.createElement('tr');\n\n    tr.className = 'field-row';\n\n    for (let j = 0; j < row.length; j++) {\n      const cell = row[j];\n      const td = document.createElement('td');\n\n      td.textContent = cell !== 0 ? cell : '';\n\n      td.className =\n        cell !== 0 ? `field-cell field-cell--${cell}` : 'field-cell';\n      tr.appendChild(td);\n    }\n    tbody.appendChild(tr);\n  }\n}\n\nfunction updateScore() {\n  const gameScore = document.querySelector('.game-score');\n\n  gameScore.innerText = game.getScore();\n}\n\nfunction handleMessages(action, type) {\n  const startMessage = document.querySelector('.message-start');\n  const winMessage = document.querySelector('.message-win');\n  const loseMessage = document.querySelector('.message-lose');\n\n  if (action === 'hide') {\n    switch (type) {\n      case 'start':\n        startMessage.classList.add('hidden');\n        break;\n      case 'win':\n        winMessage.classList.add('hidden');\n        break;\n      case 'lose':\n        loseMessage.classList.add('hidden');\n        break;\n      default:\n        break;\n    }\n  }\n\n  if (action === 'show') {\n    switch (type) {\n      case 'start':\n        startMessage.classList.remove('hidden');\n        break;\n      case 'win':\n        winMessage.classList.remove('hidden');\n        break;\n      case 'lose':\n        loseMessage.classList.remove('hidden');\n        break;\n      default:\n        break;\n    }\n  }\n}\n\nfunction handleGameStatus() {\n  switch (game.getStatus()) {\n    case 'win':\n      handleMessages('show', 'win');\n      break;\n    case 'lose':\n      handleMessages('show', 'lose');\n      break;\n    default:\n      break;\n  }\n}\n\nfunction updateGame() {\n  updateTable();\n  updateScore();\n  handleGameStatus();\n}\n\nstartButton.addEventListener('click', () => {\n  switch (game.getStatus()) {\n    case 'idle':\n      game.start();\n      updateTable();\n      startButton.className = 'button restart';\n      startButton.textContent = 'Restart';\n      handleMessages('hide', 'start');\n      updateScore();\n      break;\n    case 'playing':\n      game.restart();\n      updateTable();\n      startButton.className = 'button start';\n      startButton.textContent = 'Start';\n      handleMessages('show', 'start');\n      updateScore();\n      break;\n    case 'win':\n      game.restart();\n      updateTable();\n      startButton.className = 'button start';\n      startButton.textContent = 'Start';\n      handleMessages('hide', 'win');\n      handleMessages('show', 'start');\n      updateScore();\n      break;\n    case 'lose':\n      game.restart();\n      updateTable();\n      startButton.className = 'button start';\n      startButton.textContent = 'Start';\n      handleMessages('hide', 'lose');\n      handleMessages('show', 'start');\n      updateScore();\n      break;\n    default:\n      break;\n  }\n});\n\ndocument.addEventListener('keydown', (e) => {\n  switch (e.key) {\n    case 'ArrowLeft':\n      game.moveLeft();\n      updateGame();\n      break;\n    case 'ArrowRight':\n      game.moveRight();\n      updateGame();\n      break;\n    case 'ArrowUp':\n      game.moveUp();\n      updateGame();\n      break;\n    case 'ArrowDown':\n      game.moveDown();\n      updateGame();\n      break;\n    default:\n      break;\n  }\n});\n","'use strict';\nclass Game {\n  /**\n   * Creates a new game instance.\n   *\n   * @param {number[][]} initialState\n   * The initial state of the board.\n   * @default\n   * [[0, 0, 0, 0],\n   *  [0, 0, 0, 0],\n   *  [0, 0, 0, 0],\n   *  [0, 0, 0, 0]]\n   *\n   * If passed, the board will be initialized with the provided\n   * initial state.\n   */\n  constructor(initialState = this.#createEmptyState()) {\n    this.initialState = initialState;\n    this.state = this.initialState.map((row) => [...row]);\n    this.score = 0;\n    this.status = 'idle';\n  }\n\n  moveLeft() {\n    if (this.status === 'playing') {\n      const newState = this.state.map((row) => this.#mergeCells(row));\n\n      this.#handleMove(newState);\n    }\n  }\n  moveRight() {\n    if (this.status === 'playing') {\n      const newState = this.state.map((row) => {\n        const reversedRow = row.slice().reverse();\n        const mergedRow = this.#mergeCells(reversedRow);\n\n        return mergedRow.reverse();\n      });\n\n      this.#handleMove(newState);\n    }\n  }\n  moveUp() {\n    if (this.status === 'playing') {\n      const transposedState = this.#transpose(this.state);\n      const newState = transposedState.map((row) => this.#mergeCells(row));\n\n      this.#handleMove(this.#transpose(newState));\n    }\n  }\n  moveDown() {\n    if (this.status === 'playing') {\n      const transposedState = this.#transpose(this.state);\n      const newState = transposedState.map((row) => {\n        const reversedRow = row.slice().reverse();\n        const mergedRow = this.#mergeCells(reversedRow);\n\n        return mergedRow.reverse();\n      });\n\n      this.#handleMove(this.#transpose(newState));\n    }\n  }\n\n  /**\n   * @returns {number}\n   */\n  getScore() {\n    return this.score;\n  }\n\n  /**\n   * @returns {number[][]}\n   */\n  getState() {\n    return this.state;\n  }\n\n  /**\n   * Returns the current game status.\n   *\n   * @returns {string} One of: 'idle', 'playing', 'win', 'lose'\n   *\n   * `idle` - the game has not started yet (the initial state);\n   * `playing` - the game is in progress;\n   * `win` - the game is won;\n   * `lose` - the game is lost\n   */\n  getStatus() {\n    return this.status;\n  }\n\n  /**\n   * Starts the game.\n   */\n  start() {\n    this.status = 'playing';\n    this.#addRandomTile();\n    this.#addRandomTile();\n  }\n\n  /**\n   * Resets the game.\n   */\n  restart() {\n    this.state = this.initialState.map((row) => [...row]);\n    this.score = 0;\n    this.status = 'idle';\n  }\n\n  // Add your own methods here\n\n  #createEmptyState() {\n    return Array.from({ length: 4 }, () => Array(4).fill(0));\n  }\n\n  #getEmptyCells() {\n    const emptyCells = [];\n\n    this.state.forEach((row, rowIndex) => {\n      row.forEach((cell, cellIndex) => {\n        if (cell === 0) {\n          emptyCells.push({ rowIndex, cellIndex });\n        }\n      });\n    });\n\n    return emptyCells;\n  }\n\n  #addRandomTile() {\n    const emptyCells = this.#getEmptyCells();\n\n    if (emptyCells.length === 0) {\n      return;\n    }\n\n    const randomCell =\n      emptyCells[Math.floor(Math.random() * emptyCells.length)];\n    const value = Math.random() > 0.1 ? 2 : 4;\n\n    this.state[randomCell.rowIndex][randomCell.cellIndex] = value;\n  }\n\n  #mergeCells(row) {\n    const mergedRow = row.filter((cell) => cell !== 0);\n    const newRow = [];\n    let i = 0;\n\n    while (i < mergedRow.length) {\n      if (mergedRow[i] === mergedRow[i + 1]) {\n        newRow.push(mergedRow[i] * 2);\n        this.score += mergedRow[i] * 2;\n        i += 2;\n      } else {\n        newRow.push(mergedRow[i]);\n        i += 1;\n      }\n    }\n    newRow.push(...Array(4 - newRow.length).fill(0));\n\n    return newRow;\n  }\n\n  #transpose(matrix) {\n    return matrix[0].map((_, colIndex) => matrix.map((row) => row[colIndex]));\n  }\n\n  #willStateChange(newState) {\n    return JSON.stringify(this.state) !== JSON.stringify(newState);\n  }\n\n  #isWin() {\n    this.status = this.state.some((row) => row.includes(2048))\n      ? 'win'\n      : this.status;\n  }\n\n  #isLose() {\n    for (const row of this.state) {\n      if (row.some((i) => i === 0)) {\n        return false;\n      }\n\n      for (let i = 0; i < row.length; i++) {\n        if (row[i] === row[i + 1]) {\n          return false;\n        }\n      }\n    }\n\n    for (let c = 0; c < 4; c++) {\n      const row = [\n        this.state[0][c],\n        this.state[1][c],\n        this.state[2][c],\n        this.state[3][c],\n      ];\n\n      for (let i = 0; i < row.length; i++) {\n        if (row[i] === row[i + 1]) {\n          return false;\n        }\n      }\n    }\n\n    return true;\n  }\n\n  #handleMove(newState) {\n    if (this.#willStateChange(newState)) {\n      this.state = newState;\n      this.#addRandomTile();\n      this.#isWin();\n\n      if (this.#isLose()) {\n        this.status = 'lose';\n      }\n    }\n  }\n}\n\nmodule.exports = Game;\n"],"names":["$09e991522ca7e64e$var$game","constructor","initialState","createEmptyState","state","map","row","score","status","moveLeft","newState","mergeCells","handleMove","moveRight","reversedRow","slice","reverse","mergedRow","moveUp","transposedState","transpose","moveDown","getScore","getState","getStatus","start","addRandomTile","restart","Array","from","length","fill","getEmptyCells","emptyCells","forEach","rowIndex","cell","cellIndex","push","randomCell","Math","floor","random","filter","newRow","i","matrix","_","colIndex","willStateChange","JSON","stringify","isWin","some","includes","isLose","c","$09e991522ca7e64e$var$startButton","document","querySelector","$09e991522ca7e64e$var$updateTable","gameState","tbody","table","innerHTML","tr","createElement","className","j","td","textContent","appendChild","$09e991522ca7e64e$var$updateScore","gameScore","innerText","$09e991522ca7e64e$var$handleMessages","action","type","startMessage","winMessage","loseMessage","classList","add","remove","$09e991522ca7e64e$var$updateGame","$09e991522ca7e64e$var$handleGameStatus","addEventListener","e","key"],"version":3,"file":"index.e99d90ef.js.map"}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 000000000..a2b6e661e
--- /dev/null
+++ b/index.html
@@ -0,0 +1,64 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>2048</title>
+    <link rel="stylesheet" href="/index.971c2ea4.css">
+  </head>
+  <body>
+    <div class="container">
+      <div class="game-header">
+        <h1>2048</h1>
+        <div class="controls">
+          <p class="info">
+            Score:
+            <span class="game-score">0</span>
+          </p>
+          <button class="button start">Start</button>
+        </div>
+      </div>
+
+      <table class="game-field">
+        <tbody>
+          <tr class="field-row">
+            <td class="field-cell"></td>
+            <td class="field-cell"></td>
+            <td class="field-cell"></td>
+            <td class="field-cell"></td>
+          </tr>
+
+          <tr class="field-row">
+            <td class="field-cell"></td>
+            <td class="field-cell"></td>
+            <td class="field-cell"></td>
+            <td class="field-cell"></td>
+          </tr>
+
+          <tr class="field-row">
+            <td class="field-cell"></td>
+            <td class="field-cell"></td>
+            <td class="field-cell"></td>
+            <td class="field-cell"></td>
+          </tr>
+
+          <tr class="field-row">
+            <td class="field-cell"></td>
+            <td class="field-cell"></td>
+            <td class="field-cell"></td>
+            <td class="field-cell"></td>
+          </tr>
+        </tbody>
+      </table>
+
+      <div class="message-container">
+        <p class="message message-lose hidden">You lose! Restart the game?</p>
+        <p class="message message-win hidden">Winner! Congrats! You did it!</p>
+        <p class="message message-start">
+          Press "Start" to begin game. Good luck!
+        </p>
+      </div>
+    </div>
+    <script src="/index.b8fca702.js" defer=""></script>
+  </body>
+</html>