body{background-image:url(/assets/BG6aRoIh.webp);margin:0}:root{--overflow:4px;--board-size:min(360px, calc(100vw - 2rem));--board-radius:calc(var(--board-size) / 100);--tile-gap-coefficient:.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;font-family:Courier New,Courier,monospace;font-size:14px;position:relative}.board{border-radius:var(--board-radius);height:var(--board-size);padding:var(--tile-gap);width:var(--board-size);background-image:url(data:image/webp;base64,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);grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid;position:relative;box-shadow:2px 2px 5px #333}.board:not(.board_done){grid-gap:var(--tile-gap)}.board:not(.board_done) .board__tile{border-radius:var(--tile-border-radius);cursor:pointer;border-style:solid;box-shadow:2px 2px 2px #000}@media (hover:hover) and (pointer:fine){.board:not(.board_done) .board__cell:hover .board__tile{top:-4px;left:-4px;box-shadow:8px 8px 10px #000}}.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);box-sizing:border-box;border-width:1px;height:100%;position:relative;overflow:hidden}.board__tile:before{content:" ";height:var(--board-size);width:var(--board-size);background-size:100% 100%;position:absolute}.board__tile:after{color:var(--tile-number-color);left:calc(var(--board-size) / 50);text-shadow:2px 2px 2px #000;top:calc(var(--board-size) / 50);position:absolute}.board__tile_1:before{top:0;left:0}.board__tile_2:before{top:0;left:-100%}.board__tile_3:before{top:0;left:-200%}.board__tile_4:before{top:0;left:-300%}.board__tile_5:before{top:-100%;left:0}.board__tile_6:before{top:-100%;left:-100%}.board__tile_7:before{top:-100%;left:-200%}.board__tile_8:before{top:-100%;left:-300%}.board__tile_9:before{top:-200%;left:0}.board__tile_10:before{top:-200%;left:-100%}.board__tile_11:before{top:-200%;left:-200%}.board__tile_12:before{top:-200%;left:-300%}.board__tile_13:before{top:-300%;left:0}.board__tile_14:before{top:-300%;left:-100%}.board__tile_15:before{top:-300%;left:-200%}.board__tile_16:before{top:-300%;left:-300%}.board__tile_1,.board__tile_5,.board__tile_9,.board__tile_13{border-left-color:var(--tile-border-color);border-left-style:solid}.board__tile_4,.board__tile_8,.board__tile_12,.board__tile_16{border-right-color:var(--tile-border-color);border-right-style:solid}.board__tile_1,.board__tile_2,.board__tile_3,.board__tile_4{border-top-color:var(--tile-border-color);border-top-style:solid}.board__tile_13,.board__tile_14,.board__tile_15,.board__tile_16{border-bottom-color:var(--tile-border-color);border-bottom-style:solid}.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 .board__tile:before{background-image:var(--puzzle-image)}.board__info{border-bottom-left-radius:var(--tile-border-radius);border-bottom-right-radius:var(--tile-border-radius);border-color:var(--tile-border-color);bottom:var(--tile-gap);color:var(--tile-number-color);left:var(--tile-gap);padding:var(--tile-gap);right:var(--tile-gap);background-color:#000000e6;border-style:solid;border-width:1px;animation:.32s cubic-bezier(.2,.8,.2,1) both board__info-slide-up;position:absolute}@keyframes board__info-slide-up{0%{transform:translateY(calc(100% + var(--tile-gap)));opacity:0}to{opacity:1;transform:translateY(0)}}.control-panel{border-radius:var(--board-radius);padding:calc(var(--tile-gap) / 2) var(--tile-gap);-webkit-user-select:none;user-select:none;width:var(--board-size);background-image:url(data:image/webp;base64,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);grid-template-columns:1fr 1fr repeat(4,min-content);align-items:center;margin:.5rem auto;font-weight:700;display:grid;box-shadow:2px 2px 5px #333}.control-panel__button{color:inherit;font:inherit;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;text-align:center;background:0 0;border:0;min-width:1.5rem;margin:0;padding:0;line-height:normal;display:flex}@media (hover:hover) and (pointer:fine){.control-panel__button:hover{text-shadow:1px 1px 2px #000}}.control-panel__button:active{transform:translate(2px,2px)}.about{border-radius:var(--board-radius);bottom:calc(-1 * var(--overflow));color:#ccc;cursor:pointer;padding:var(--tile-gap);left:50%;top:calc(-1 * var(--overflow));width:calc(var(--board-size) + 2 * var(--overflow));background-color:#000000e6;display:flex;position:absolute;transform:translate(-50%)}.about>.container{text-align:center;margin:auto;line-height:1.5}.help{border-radius:var(--board-radius);bottom:calc(-1 * var(--overflow));color:#ccc;cursor:pointer;padding:var(--tile-gap);left:50%;top:calc(-1 * var(--overflow));width:calc(var(--board-size) + 2 * var(--overflow));background-color:#000000e6;display:flex;position:absolute;transform:translate(-50%)}.rules{list-style:none}.rules__rule{font-weight:700;position:relative}.rules__rule:not(:last-child){margin-bottom:8px}.rules__icon{position:absolute;top:-2px;left:-32px}.help>.container{margin:auto;line-height:1.5}