.board{background-image:url(/static/media/xv.ea2a99ce.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(.board_done){grid-gap:var(--tile-gap)}.board:not(.board_done) .board__tile{border-radius:var(--tile-border-radius);border-style:solid;box-shadow:2px 2px 2px #000;cursor:pointer}.board:not(.board_done) .board__tile:hover{box-shadow:8px 8px 10px #000;left:-4px;top:-4px}.board:not(.board_done) .board__tile_1:after{content:"1"}.board:not(.board_done) .board__tile_2:after{content:"2"}.board:not(.board_done) .board__tile_3:after{content:"3"}.board:not(.board_done) .board__tile_4:after{content:"4"}.board:not(.board_done) .board__tile_5:after{content:"5"}.board:not(.board_done) .board__tile_6:after{content:"6"}.board:not(.board_done) .board__tile_7:after{content:"7"}.board:not(.board_done) .board__tile_8:after{content:"8"}.board:not(.board_done) .board__tile_9:after{content:"9"}.board:not(.board_done) .board__tile_10:after{content:"10"}.board:not(.board_done) .board__tile_11:after{content:"11"}.board:not(.board_done) .board__tile_12:after{content:"12"}.board:not(.board_done) .board__tile_13:after{content:"13"}.board:not(.board_done) .board__tile_14:after{content:"14"}.board:not(.board_done) .board__tile_15: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);left:calc(var(--board-size)/50);position:absolute;text-shadow:#000 2px 2px 2px;top:calc(var(--board-size)/50)}.board__tile_1{border-left-color:var(--tile-border-color);border-left-style:solid;border-top-color:var(--tile-border-color);border-top-style:solid}.board__tile_1:before{left:0;top:0}.board__tile_2{border-top-color:var(--tile-border-color);border-top-style:solid}.board__tile_2:before{left:-100%;top:0}.board__tile_3{border-top-color:var(--tile-border-color);border-top-style:solid}.board__tile_3:before{left:-200%;top:0}.board__tile_4{border-right-color:var(--tile-border-color);border-right-style:solid;border-top-color:var(--tile-border-color);border-top-style:solid}.board__tile_4:before{left:-300%;top:0}.board__tile_5{border-left-color:var(--tile-border-color);border-left-style:solid}.board__tile_5:before{left:0;top:-100%}.board__tile_6:before{left:-100%;top:-100%}.board__tile_7:before{left:-200%;top:-100%}.board__tile_8{border-right-color:var(--tile-border-color);border-right-style:solid}.board__tile_8:before{left:-300%;top:-100%}.board__tile_9{border-left-color:var(--tile-border-color);border-left-style:solid}.board__tile_9:before{left:0;top:-200%}.board__tile_10:before{left:-100%;top:-200%}.board__tile_11:before{left:-200%;top:-200%}.board__tile_12{border-right-color:var(--tile-border-color);border-right-style:solid}.board__tile_12:before{left:-300%;top:-200%}.board__tile_13{border-left-color:var(--tile-border-color);border-left-style:solid;border-bottom-color:var(--tile-border-color);border-bottom-style:solid}.board__tile_13:before{left:0;top:-300%}.board__tile_14{border-bottom-color:var(--tile-border-color);border-bottom-style:solid}.board__tile_14:before{left:-100%;top:-300%}.board__tile_15{border-bottom-color:var(--tile-border-color);border-bottom-style:solid}.board__tile_15:before{left:-200%;top:-300%}.board__tile_16{border-right-color:var(--tile-border-color);border-right-style:solid;border-bottom-color:var(--tile-border-color);border-bottom-style:solid}.board__tile_16:before{left:-300%;top:-300%}.board__tile_1{border-top-left-radius:var(--tile-border-radius)}.board__tile_4{border-top-right-radius:var(--tile-border-radius)}.board__tile_13{border-bottom-left-radius:var(--tile-border-radius)}.board__tile_16{border-bottom-right-radius:var(--tile-border-radius)}.board[data-level="1"] .board__tile:before{background-image:url(/static/media/001.64a425bb.png)}.board[data-level="2"] .board__tile:before{background-image:url(/static/media/002.b710b4d3.png)}.board[data-level="3"] .board__tile:before{background-image:url(/static/media/003.802c78bc.png)}.board[data-level="4"] .board__tile:before{background-image:url(/static/media/004.90f2e8b3.png)}.board[data-level="5"] .board__tile:before{background-image:url(/static/media/005.c4f0c639.png)}.board[data-level="6"] .board__tile:before{background-image:url(/static/media/006.a76ee650.png)}.board[data-level="7"] .board__tile:before{background-image:url(/static/media/007.49ef60b9.png)}.board[data-level="8"] .board__tile:before{background-image:url(/static/media/008.8218eafd.png)}.board[data-level="9"] .board__tile:before{background-image:url(/static/media/009.a2de1d24.png)}.board[data-level="10"] .board__tile:before{background-image:url(/static/media/010.541dfbe7.png)}.board[data-level="11"] .board__tile:before{background-image:url(/static/media/011.923dc690.png)}.board[data-level="12"] .board__tile:before{background-image:url(/static/media/012.d6232960.png)}.board[data-level="13"] .board__tile:before{background-image:url(/static/media/013.d34bddb2.png)}.board[data-level="14"] .board__tile:before{background-image:url(/static/media/014.d2e7d7ba.png)}.board[data-level="15"] .board__tile:before{background-image:url(/static/media/015.4a8222b6.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);bottom:var(--tile-gap);color:var(--tile-number-color);left:var(--tile-gap);padding:var(--tile-gap);position:absolute;right:var(--tile-gap)}.control-panel{-webkit-align-items:center;align-items:center;background-image:url(/static/media/xv.ea2a99ce.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;user-select:none;width:var(--board-size)}.control-panel__about,.control-panel__help,.control-panel__restart,.control-panel__undo{cursor:pointer;min-width:1.5rem;text-align:center}.control-panel__about:hover,.control-panel__help:hover,.control-panel__restart:hover,.control-panel__undo:hover{text-shadow:#000 1px 1px 2px}.control-panel__about:active,.control-panel__help:active,.control-panel__restart:active,.control-panel__undo:active{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}.control-panel__undo{font-family:sans-serif}.help{background-color:rgba(0,0,0,.9);border-radius:var(--board-radius);bottom:calc(var(--overflow)*-1);color:#ccc;cursor:pointer;display:-webkit-flex;display:flex;left:50%;padding:var(--tile-gap);position:absolute;top:calc(var(--overflow)*-1);-webkit-transform:translate(-50%);transform:translate(-50%);width:calc(var(--board-size) + var(--overflow)*2)}.rules{list-style:none}.rules__rule{position:relative}.rules__rule:not(:last-child){margin-bottom:8px}.rules__rule:before{display:block;position:absolute;left:-22px}.rules__rule_aim:before{content:"🎯"}.rules__rule_move:before{content:"👆"}.rules__rule_undo:before{content:"⏮"}.rules__rule_shuffle:before{content:"🔀"}.help>.container{margin:auto;line-height:1.5}.about{background-color:rgba(0,0,0,.9);border-radius:var(--board-radius);bottom:calc(var(--overflow)*-1);color:#ccc;cursor:pointer;display:-webkit-flex;display:flex;left:50%;padding:var(--tile-gap);position:absolute;top:calc(var(--overflow)*-1);-webkit-transform:translate(-50%);transform:translate(-50%);width:calc(var(--board-size) + var(--overflow)*2)}.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{font-family:"Courier New",Courier,monospace;font-size:14px;margin:1rem auto;position:relative}body{background-image:url(/static/media/grunge_wall.146f86ec.png)}
/*# sourceMappingURL=main.1c16ebf9.chunk.css.map */