._game-container_1mh0j_1{position:relative;margin-top:-40px}._game-container_1mh0j_1 h1{text-align:center;color:var(--tile-default-color);font-size:40px;margin:0 0 30px;padding:0;-webkit-user-select:none;user-select:none}a{text-decoration:none}._board-wrapper-easy_1mh0j_20{display:grid;grid-template-columns:repeat(3,var(--size-easy));grid-template-rows:repeat(3,var(--size-easy));border-radius:10px;position:relative;border:10px solid #327c88}._board-wrapper-classic_1mh0j_29{display:grid;grid-template-columns:repeat(4,var(--size-classic));grid-template-rows:repeat(4,var(--size-classic));border-radius:10px;position:relative;border:10px solid #327c88}._board-wrapper-difficult_1mh0j_38{display:grid;grid-template-columns:repeat(5,var(--size-difficult));grid-template-rows:repeat(5,var(--size-difficult));border-radius:10px;position:relative;border:10px solid #327c88}@media screen and (min-width: 700px){._game-container_1mh0j_1 h1{font-size:60px}}._instructions-container_1egt1_1{background-color:var(--tile-default-color);height:409px;width:320px;z-index:300;position:absolute;top:-10px;left:-10px;border:10px solid var(--border-green);border-radius:10px;display:flex;flex-direction:column;justify-content:space-evenly}._logo-wrapper_1egt1_17{display:flex;justify-content:center;height:130px}._svg-logo_1egt1_24{margin-left:10px}._instructions-wrapper_1egt1_28{display:flex;justify-content:center;margin-top:10px}._instructions-wrapper_1egt1_28 p{width:fit-content;background-color:red}._instructions_1egt1_1{text-align:center;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;margin:0;font-family:gamesStudio;-webkit-user-select:none;user-select:none;background:-webkit-radial-gradient(circle,rgba(246,186,82,1) 0%,rgba(167,131,114,1) 75%);background:radial-gradient(circle,#f6ba52,#a78372 75%);background:-webkit-radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(220,220,220,1) 75%);background:radial-gradient(circle,#fff,#dcdcdc 75%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}span:after{content:"\a";white-space:pre}._btn-wrapper_1egt1_76{padding:10px;display:flex;justify-content:center;align-items:center;height:70px}._play-btn_1egt1_84{height:fit-content;border:1px solid #f2f2f2;cursor:pointer;font-family:pacifico;border-radius:10px;font-size:20px;padding:5px 20px;transition:transform .1s,box-shadow .1s;background:-webkit-radial-gradient(circle,rgba(246,186,82,1) 0%,rgba(167,131,114,1) 75%);background:radial-gradient(circle,#f6ba52,#a78372 75%);background:-webkit-radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(220,220,220,1) 75%);background:radial-gradient(circle,#fff,#dcdcdc 75%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}._play-btn_1egt1_84:active{transform:scale(.985);box-shadow:4px 4px 5px #28646dbf inset}._cls-1_1egt1_128{fill:none;stroke:#be9369;stroke:#f2f2f2;stroke-miterlimit:10;stroke-width:40px}._svg-logo_1egt1_24{width:100px;height:auto}@media screen and (min-width: 450px){._instructions-container_1egt1_1{height:487px;width:400px}._svg-logo_1egt1_24{width:200px}._instructions_1egt1_1{font-size:18px}}@media screen and (min-width: 700px){._instructions-container_1egt1_1{height:547px;width:440px}._instructions_1egt1_1{font-size:22px}._play-btn_1egt1_84{padding:10px 30px}}._overlay_105cp_1{border:10px solid var(--border-green);pointer-events:none;z-index:20}._menu-container_2gqzm_1{background-color:var(--tile-default-color);color:#fff;height:409px;width:320px;z-index:200;display:flex;flex-direction:column;justify-content:center;align-items:center;border:10px solid var(--border-green);position:absolute;border-radius:10px;top:-10px;left:-10px}._menu-container_2gqzm_1 h1{color:#fff;font-size:25px;margin-top:-20px;margin-bottom:15px}._controls-wrapper_2gqzm_28{display:flex;flex-direction:column;justify-content:center;align-items:center}._level_2gqzm_35{padding:10px 0;width:180px;border-radius:10px;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:20px;margin-bottom:30px;gap:10px}._level-btns_2gqzm_49{width:fit-content;cursor:pointer;margin:0 60px;border:1px solid var(--tile-default-color);-webkit-user-select:none;user-select:none}._selected-level_2gqzm_59{color:var(--orange-regular);border:1px solid var(--orange-border);width:100px;border-radius:10px}._btn_2gqzm_66{border:0 transparent;border:1px solid #BE9369;font-family:pacifico;background-color:#327c88;color:#fff;padding:5px 15px;border-radius:10px;font-size:20px;cursor:pointer;transition:transform .1s,box-shadow .1s;-webkit-user-select:none;user-select:none}._btn_2gqzm_66:active{transform:scale(.985);box-shadow:4px 4px 5px #28646dbf inset}@media screen and (min-width: 450px){._menu-container_2gqzm_1{height:487px;width:400px}}@media screen and (min-width: 700px){._menu-container_2gqzm_1{height:547px;width:440px}._menu-container_2gqzm_1 h1{font-size:35px}._btn_2gqzm_66{font-size:30px;padding:5px 15px}._level_2gqzm_35{font-size:30px}._selected-level_2gqzm_59{width:130px}._btn_2gqzm_66:active{transform:scale(.99);box-shadow:6px 6px 5px #28646dbf inset}}._number-easy_4mbx8_1{position:absolute;width:var(--size-easy);height:var(--size-easy);display:flex;align-items:center;justify-content:center;background-color:var(--tile-default-color);font-size:40px;color:#fff;cursor:pointer;transition:left .4s,top .4s;overflow:hidden}._number-classic_4mbx8_16{position:absolute;width:var(--size-classic);height:var(--size-classic);display:flex;align-content:center;justify-content:center;background-color:var(--tile-default-color);font-size:40px;color:#fff;cursor:pointer;transition:left .4s,top .4s;overflow:hidden}._number-difficult_4mbx8_32{position:absolute;width:var(--size-difficult);height:var(--size-difficult);display:flex;align-content:center;justify-content:center;background-color:var(--tile-default-color);font-size:40px;color:#fff;cursor:pointer;transition:left .4s,top .4s;overflow:hidden}._number-wrapper-easy_4mbx8_52{line-height:30px;padding-bottom:12px}._number-wrapper-difficult_4mbx8_59{line-height:53px}._disabled_4mbx8_67{display:none}._correct_4mbx8_72{background-color:var(--tile-correct-color)}._slot-easy-0_4mbx8_89{left:0;top:0;-webkit-user-select:none;user-select:none}._slot-easy-1_4mbx8_95{left:calc(1 * var(--size-easy));top:0;-webkit-user-select:none;user-select:none}._slot-easy-2_4mbx8_101{left:calc(2 * var(--size-easy));top:0;-webkit-user-select:none;user-select:none}._slot-easy-3_4mbx8_113{left:0;top:calc(1 * var(--size-easy));-webkit-user-select:none;user-select:none}._slot-easy-4_4mbx8_120{left:calc(1 * var(--size-easy));top:calc(1 * var(--size-easy));-webkit-user-select:none;user-select:none}._slot-easy-5_4mbx8_126{left:calc(2 * var(--size-easy));top:calc(1 * var(--size-easy));-webkit-user-select:none;user-select:none}._slot-easy-6_4mbx8_136{left:calc(0* var(--size-easy));top:calc(2 * var(--size-easy));-webkit-user-select:none;user-select:none}._slot-easy-7_4mbx8_142{left:calc(1 * var(--size-easy));top:calc(2 * var(--size-easy));-webkit-user-select:none;user-select:none}._slot-easy-8_4mbx8_149{left:calc(2 * var(--size-easy));top:calc(2 * var(--size-easy));-webkit-user-select:none;user-select:none}._slot-classic-0_4mbx8_164{left:0;top:0;-webkit-user-select:none;user-select:none}._slot-classic-1_4mbx8_170{left:calc(1 * var(--size-classic));top:0;-webkit-user-select:none;user-select:none}._slot-classic-2_4mbx8_176{left:calc(2 * var(--size-classic));top:0;-webkit-user-select:none;user-select:none}._slot-classic-3_4mbx8_182{left:calc(3 * var(--size-classic));top:0;-webkit-user-select:none;user-select:none}._slot-classic-4_4mbx8_192{left:0;top:calc(1 * var(--size-classic));-webkit-user-select:none;user-select:none}._slot-classic-5_4mbx8_198{left:calc(1 * var(--size-classic));top:calc(1 * var(--size-classic));-webkit-user-select:none;user-select:none}._slot-classic-6_4mbx8_204{left:calc(2* var(--size-classic));top:calc(1 * var(--size-classic));-webkit-user-select:none;user-select:none}._slot-classic-7_4mbx8_210{left:calc(3 * var(--size-classic));top:calc(1 * var(--size-classic));-webkit-user-select:none;user-select:none}._slot-classic-8_4mbx8_220{left:0;top:calc(2 * var(--size-classic));-webkit-user-select:none;user-select:none}._slot-classic-9_4mbx8_226{left:calc(1 * var(--size-classic));top:calc(2 * var(--size-classic));-webkit-user-select:none;user-select:none}._slot-classic-10_4mbx8_232{left:calc(2 * var(--size-classic));top:calc(2 * var(--size-classic));-webkit-user-select:none;user-select:none}._slot-classic-11_4mbx8_238{left:calc(3 * var(--size-classic));top:calc(2 * var(--size-classic));-webkit-user-select:none;user-select:none}._slot-classic-12_4mbx8_248{left:0;top:calc(3 * var(--size-classic));-webkit-user-select:none;user-select:none}._slot-classic-13_4mbx8_254{left:calc(1 * var(--size-classic));top:calc(3 * var(--size-classic));-webkit-user-select:none;user-select:none}._slot-classic-14_4mbx8_260{left:calc(2 * var(--size-classic));top:calc(3 * var(--size-classic));-webkit-user-select:none;user-select:none}._slot-classic-15_4mbx8_266{left:calc(3 * var(--size-classic));top:calc(3 * var(--size-classic));-webkit-user-select:none;user-select:none}._slot-difficult-0_4mbx8_282{left:0;top:0;-webkit-user-select:none;user-select:none}._slot-difficult-1_4mbx8_288{left:calc(1 * var(--size-difficult));top:0;-webkit-user-select:none;user-select:none}._slot-difficult-2_4mbx8_294{left:calc(2 * var(--size-difficult));top:0;-webkit-user-select:none;user-select:none}._slot-difficult-3_4mbx8_300{left:calc(3 * var(--size-difficult));top:0;-webkit-user-select:none;user-select:none}._slot-difficult-4_4mbx8_306{left:calc(4 * var(--size-difficult));top:0;-webkit-user-select:none;user-select:none}._slot-difficult-5_4mbx8_317{left:calc(0 * var(--size-difficult));top:calc(1 * var(--size-difficult));-webkit-user-select:none;user-select:none}._slot-difficult-6_4mbx8_323{left:calc(1* var(--size-difficult));top:calc(1 * var(--size-difficult));-webkit-user-select:none;user-select:none}._slot-difficult-7_4mbx8_329{left:calc(2 * var(--size-difficult));top:calc(1 * var(--size-difficult));-webkit-user-select:none;user-select:none}._slot-difficult-8_4mbx8_335{left:calc(3 * var(--size-difficult));top:calc(1 * var(--size-difficult));-webkit-user-select:none;user-select:none}._slot-difficult-9_4mbx8_341{left:calc(4 * var(--size-difficult));top:calc(1 * var(--size-difficult));-webkit-user-select:none;user-select:none}._slot-difficult-10_4mbx8_352{left:calc(0 * var(--size-difficult));top:calc(2 * var(--size-difficult));-webkit-user-select:none;user-select:none}._slot-difficult-11_4mbx8_358{left:calc(1 * var(--size-difficult));top:calc(2 * var(--size-difficult));-webkit-user-select:none;user-select:none}._slot-difficult-12_4mbx8_364{left:calc(2 * var(--size-difficult));top:calc(2 * var(--size-difficult));-webkit-user-select:none;user-select:none}._slot-difficult-13_4mbx8_370{left:calc(3 * var(--size-difficult));top:calc(2 * var(--size-difficult));-webkit-user-select:none;user-select:none}._slot-difficult-14_4mbx8_376{left:calc(4 * var(--size-difficult));top:calc(2 * var(--size-difficult));-webkit-user-select:none;user-select:none}._slot-difficult-15_4mbx8_387{left:calc(0 * var(--size-difficult));top:calc(3 * var(--size-difficult));-webkit-user-select:none;user-select:none}._slot-difficult-16_4mbx8_393{left:calc(1 * var(--size-difficult));top:calc(3 * var(--size-difficult));-webkit-user-select:none;user-select:none}._slot-difficult-17_4mbx8_399{left:calc(2 * var(--size-difficult));top:calc(3 * var(--size-difficult));-webkit-user-select:none;user-select:none}._slot-difficult-18_4mbx8_405{left:calc(3 * var(--size-difficult));top:calc(3 * var(--size-difficult));-webkit-user-select:none;user-select:none}._slot-difficult-19_4mbx8_411{left:calc(4 * var(--size-difficult));top:calc(3 * var(--size-difficult));-webkit-user-select:none;user-select:none}._slot-difficult-20_4mbx8_423{left:calc(0 * var(--size-difficult));top:calc(4 * var(--size-difficult));-webkit-user-select:none;user-select:none}._slot-difficult-21_4mbx8_429{left:calc(1 * var(--size-difficult));top:calc(4 * var(--size-difficult));-webkit-user-select:none;user-select:none}._slot-difficult-22_4mbx8_435{left:calc(2 * var(--size-difficult));top:calc(4 * var(--size-difficult));-webkit-user-select:none;user-select:none}._slot-difficult-23_4mbx8_441{left:calc(3 * var(--size-difficult));top:calc(4 * var(--size-difficult));-webkit-user-select:none;user-select:none}._slot-difficult-24_4mbx8_447{left:calc(4 * var(--size-difficult));top:calc(4 * var(--size-difficult));-webkit-user-select:none;user-select:none}@media screen and (min-width: 450px){._number-easy_4mbx8_1,._number-classic_4mbx8_16,._number-difficult_4mbx8_32{font-size:50px}._number-wrapper-difficult_4mbx8_59{line-height:70px}}@media screen and (min-width: 700px){._number-easy_4mbx8_1,._number-classic_4mbx8_16,._number-difficult_4mbx8_32{font-size:55px}}._button-container_64o0p_1{display:flex;justify-content:space-between;margin-top:30px;align-items:center}button{border:0 transparent;border:1px solid var(--orange-border);font-family:pacifico;background-color:var(--border-green);color:#fff;padding:10px 20px;border-radius:10px;font-size:20px;cursor:pointer;transition:transform .1s,box-shadow .1s;-webkit-user-select:none;user-select:none}button:active{transform:scale(.985);box-shadow:4px 4px 5px #28646dbf inset}@media screen and (min-width: 700px){button{font-size:30px;border-radius:15px}button:active{transform:scale(.99);box-shadow:6px 6px 5px #28646dbf inset}}._winner-container_qn1mp_1{position:absolute;background-color:var(--tile-default-color);border-radius:10px;top:100px;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:300;transition:opacity .5s .35s ease;opacity:0}._visible_qn1mp_19{opacity:1}._removed_qn1mp_23{display:none}._winner-container_qn1mp_1 p{font-size:40px;-webkit-user-select:none;user-select:none;margin-top:-40px}._controls-container_qn1mp_35{display:flex;flex-direction:column;gap:40px}@media screen and (min-width: 700px){._winner-container_qn1mp_1 p{font-size:60px}._winner-container_qn1mp_1{top:135px}}:root{--size-easy: 106.66px;--size-classic: 80px;--size-difficult: 64px;--radial-orange: radial-gradient(circle, rgba(246, 186, 82, 1) 0%, rgba(167, 131, 114, 1) 75%);--tile-default-color: #0a2a41;--tile-correct-color: #55ab9f;--border-green: #327c88;--orange-regular: #D7A45F;--orange-border: #BE9369}@font-face{font-family:pacifico;src:url(/15-puzzle-game/assets/Pacifico-DfBPRz4A.ttf)}@font-face{font-family:gamesStudio;src:url(/15-puzzle-game/assets/GamesStudio-C-kdozwa.ttf)}body{background:var(--radial-orange);margin:0;padding:0;display:flex;justify-content:center;height:100vh;font-family:pacifico;font-weight:700;align-items:center}@media screen and (min-width: 450px){:root{--size-easy: 133.3px;--size-classic: 100px;--size-difficult: 80px}}@media screen and (min-width: 700px){:root{--size-easy: 146.75px;--size-classic: 110px;--size-difficult: 88px}}