body{background-image:url(/patn/img/grunge_wall.png)}.Board{background-image:url(/patn/img/xv.png);border-radius:var(--board-radius);box-shadow:2px 2px 5px #333;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);height:var(--board-size);margin:0 auto;padding:var(--tile-gap);position:relative;width:var(--board-size)}.Board:not(.done){grid-gap:var(--tile-gap)}.Board:not(.done) .tile{border-radius:var(--tile-border-radius);border-style:solid;box-shadow:2px 2px 2px #000;cursor:pointer}.Board:not(.done) .tile:hover{box-shadow:8px 8px 10px #000;left:-4px;top:-4px}.Board:not(.done) .tile.tile1:after{content:"1"}.Board:not(.done) .tile.tile2:after{content:"2"}.Board:not(.done) .tile.tile3:after{content:"3"}.Board:not(.done) .tile.tile4:after{content:"4"}.Board:not(.done) .tile.tile5:after{content:"5"}.Board:not(.done) .tile.tile6:after{content:"6"}.Board:not(.done) .tile.tile7:after{content:"7"}.Board:not(.done) .tile.tile8:after{content:"8"}.Board:not(.done) .tile.tile9:after{content:"9"}.Board:not(.done) .tile.tile10:after{content:"10"}.Board:not(.done) .tile.tile11:after{content:"11"}.Board:not(.done) .tile.tile12:after{content:"12"}.Board:not(.done) .tile.tile13:after{content:"13"}.Board:not(.done) .tile.tile14:after{content:"14"}.Board:not(.done) .tile.tile15:after{content:"15"}.Board .tile{border-color:var(--tile-border-color);border-width:1px;overflow:hidden;position:relative}.Board .tile:before{content:" ";height:var(--board-size);position:absolute;width:var(--board-size)}.Board .tile:after{color:var(--tile-number-color);font-size:1.2rem;left:calc(var(--board-size)/50);position:absolute;text-shadow:#000 2px 2px 2px;top:calc(var(--board-size)/50)}.Board .tile.tile1{border-left-color:var(--tile-border-color);border-left-style:solid;border-top-color:var(--tile-border-color);border-top-style:solid}.Board .tile.tile1:before{left:0;top:0}.Board .tile.tile2{border-top-color:var(--tile-border-color);border-top-style:solid}.Board .tile.tile2:before{left:-100%;top:0}.Board .tile.tile3{border-top-color:var(--tile-border-color);border-top-style:solid}.Board .tile.tile3:before{left:-200%;top:0}.Board .tile.tile4{border-right-color:var(--tile-border-color);border-right-style:solid;border-top-color:var(--tile-border-color);border-top-style:solid}.Board .tile.tile4:before{left:-300%;top:0}.Board .tile.tile5{border-left-color:var(--tile-border-color);border-left-style:solid}.Board .tile.tile5:before{left:0;top:-100%}.Board .tile.tile6:before{left:-100%;top:-100%}.Board .tile.tile7:before{left:-200%;top:-100%}.Board .tile.tile8{border-right-color:var(--tile-border-color);border-right-style:solid}.Board .tile.tile8:before{left:-300%;top:-100%}.Board .tile.tile9{border-left-color:var(--tile-border-color);border-left-style:solid}.Board .tile.tile9:before{left:0;top:-200%}.Board .tile.tile10:before{left:-100%;top:-200%}.Board .tile.tile11:before{left:-200%;top:-200%}.Board .tile.tile12{border-right-color:var(--tile-border-color);border-right-style:solid}.Board .tile.tile12:before{left:-300%;top:-200%}.Board .tile.tile13{border-left-color:var(--tile-border-color);border-left-style:solid;border-bottom-color:var(--tile-border-color);border-bottom-style:solid}.Board .tile.tile13:before{left:0;top:-300%}.Board .tile.tile14{border-bottom-color:var(--tile-border-color);border-bottom-style:solid}.Board .tile.tile14:before{left:-100%;top:-300%}.Board .tile.tile15{border-bottom-color:var(--tile-border-color);border-bottom-style:solid}.Board .tile.tile15:before{left:-200%;top:-300%}.Board .tile.tile16{border-right-color:var(--tile-border-color);border-right-style:solid;border-bottom-color:var(--tile-border-color);border-bottom-style:solid}.Board .tile.tile16:before{left:-300%;top:-300%}.Board .tile.tile1{border-top-left-radius:var(--tile-border-radius)}.Board .tile.tile4{border-top-right-radius:var(--tile-border-radius)}.Board .tile.tile13{border-bottom-left-radius:var(--tile-border-radius)}.Board .tile.tile16{border-bottom-right-radius:var(--tile-border-radius)}.Board[data-level="0"] .tile:before{background-image:url(/patn/img/puzzles/000.png)}.Board[data-level="1"] .tile:before{background-image:url(/patn/img/puzzles/001.png)}.Board[data-level="2"] .tile:before{background-image:url(/patn/img/puzzles/002.png)}.Board[data-level="3"] .tile:before{background-image:url(/patn/img/puzzles/003.png)}.Board[data-level="4"] .tile:before{background-image:url(/patn/img/puzzles/004.png)}.Board[data-level="5"] .tile:before{background-image:url(/patn/img/puzzles/005.png)}.Board[data-level="6"] .tile:before{background-image:url(/patn/img/puzzles/006.png)}.Board[data-level="7"] .tile:before{background-image:url(/patn/img/puzzles/007.png)}.Board[data-level="8"] .tile:before{background-image:url(/patn/img/puzzles/008.png)}.Board[data-level="9"] .tile:before{background-image:url(/patn/img/puzzles/009.png)}.Board[data-level="10"] .tile:before{background-image:url(/patn/img/puzzles/010.png)}.Board[data-level="11"] .tile:before{background-image:url(/patn/img/puzzles/011.png)}.Board[data-level="12"] .tile:before{background-image:url(/patn/img/puzzles/012.png)}.Board[data-level="13"] .tile:before{background-image:url(/patn/img/puzzles/013.png)}.Board[data-level="14"] .tile:before{background-image:url(/patn/img/puzzles/014.png)}.Board[data-level="15"] .tile:before{background-image:url(/patn/img/puzzles/015.png)}.Board .info{background-color:rgba(0,0,0,.9);border-bottom-left-radius:var(--tile-border-radius);border-bottom-right-radius:var(--tile-border-radius);border:1px solid var(--tile-border-color);border-top:0;border-top-width:1px;bottom:var(--tile-gap);color:var(--tile-number-color);left:var(--tile-gap);padding:var(--tile-gap);position:absolute;right:var(--tile-gap)}.ControlPanel{align-items:center;background-image:url(/patn/img/xv.png);border-radius:var(--board-radius);box-shadow:2px 2px 5px #333;display:grid;grid-template-columns:1fr 1fr repeat(4,-webkit-min-content);grid-template-columns:1fr 1fr repeat(4,min-content);margin:.5rem auto;padding:calc(var(--tile-gap)/2) var(--tile-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:var(--board-size)}.ControlPanel>div:not(:first-child):not(:nth-child(2)){cursor:pointer;min-width:1.5rem;text-align:center}.ControlPanel>div:not(:first-child):not(:nth-child(2)):hover{text-shadow:#000 1px 1px 2px}.Help{background-color:rgba(0,0,0,.9);border-radius:var(--board-radius);bottom:calc(-1*var(--overflow));color:#ccc;cursor:pointer;display:flex;left:50%;padding:var(--tile-gap);position:absolute;top:calc(-1*var(--overflow));-webkit-transform:translate(-50%);transform:translate(-50%);width:calc(var(--board-size) + 2*var(--overflow))}.Help>.container{margin:auto;line-height:1.5}.About{background-color:rgba(0,0,0,.9);border-radius:var(--board-radius);bottom:calc(-1*var(--overflow));color:#ccc;cursor:pointer;display:flex;left:50%;padding:var(--tile-gap);position:absolute;top:calc(-1*var(--overflow));-webkit-transform:translate(-50%);transform:translate(-50%);width:calc(var(--board-size) + 2*var(--overflow))}.About>.container{margin:auto;text-align:center;line-height:1.5}:root{--overflow:4px;--board-size:360px;--board-radius:calc(var(--board-size)/100);--tile-gap-coefficient:0.03;--tile-gap:calc(var(--board-size)*var(--tile-gap-coefficient));--tile-border-radius:calc(var(--board-size)/70);--tile-border-color:#666;--tile-number-color:#ccc}.Game{margin:1rem auto;position:relative}
/*# sourceMappingURL=main.77f27de6.chunk.css.map */