.animated{animation-duration:var(--animate-duration);animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.repeat-1{animation-iteration-count:var(--animate-repeat)}.animated.repeat-2{animation-iteration-count:calc(var(--animate-repeat) * 2)}.animated.repeat-3{animation-iteration-count:calc(var(--animate-repeat) * 3)}.animated.delay-1s{animation-delay:var(--animate-delay)}.animated.delay-2s{animation-delay:calc(var(--animate-delay) * 2)}.animated.delay-3s{animation-delay:calc(var(--animate-delay) * 3)}.animated.delay-4s{animation-delay:calc(var(--animate-delay) * 4)}.animated.delay-5s{animation-delay:calc(var(--animate-delay) * 5)}.animated.faster{animation-duration:calc(var(--animate-duration) / 2)}.animated.fast{animation-duration:calc(var(--animate-duration) * .8)}.animated.slow{animation-duration:calc(var(--animate-duration) * 2)}.animated.slower{animation-duration:calc(var(--animate-duration) * 3)}@media print,(prefers-reduced-motion:reduce){.animated{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}.animated[class*=Out]{opacity:0}}:root{--animate-duration: 1s;--animate-delay: 1s;--animate-repeat: 1}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleZ(1)}}.bounceIn{animation-duration:calc(var(--animate-duration) * .75);animation-name:bounceIn}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{transform:translateZ(0)}}.wobble{animation-name:wobble}*{box-sizing:border-box;padding:0;margin:0}body{padding:var(--spacer-default);background-color:var(--color-background-base);color:var(--color-base);font-family:var(--font-family-base);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:200}header{margin-bottom:var(--spacer-large)}h1,h2{font-weight:400}h2{margin-bottom:var(--spacer-default)}a{color:var(--color-link)}ul{margin-bottom:var(--spacer-default)}li{margin-left:var(--spacer-default);list-style-type:disclosure-closed}.btn--default,button,select{border:rgb(37.4880952381,63.0119047619,63.0119047619);background-color:#2f4f4f;box-shadow:0 1px #253f3f,0 2px #1c2f2f,0 3px #121f1f,0 4px #090f0f,0 5px #000,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d,0 3px 5px #0003,0 5px 10px #00000040,0 10px 10px #0003,0 20px 20px #00000026;color:#f5f5f5;padding:var(--spacer-tiny) var(--spacer-small);border-radius:2px;font-size:var(--font-size-base);font-weight:200;line-height:1em}.btn--default:not(:last-child),button:not(:last-child),select:not(:last-child){margin-right:var(--spacer-small)}.btn--start{border:rgb(0,144.5,0);background-color:#0a0;box-shadow:0 1px #009100,0 2px #070,0 3px #005e00,0 4px #040,0 5px #002b00,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d,0 3px 5px #0003,0 5px 10px #00000040,0 10px 10px #0003,0 20px 20px #00000026;color:#f5f5f5}.btn--cancel{border:rgb(178.5,85.75,0);background-color:#cc6200;box-shadow:0 1px #b35600,0 2px #994a00,0 3px #803d00,0 4px #663100,0 5px #4d2500,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d,0 3px 5px #0003,0 5px 10px #00000040,0 10px 10px #0003,0 20px 20px #00000026;color:#000c}.btn--large{padding:var(--spacer-default) var(--spacer-large);font-size:1.5em;font-weight:500}.btn--block{width:100%}.btn--icon-like{width:30px}.btn--win{padding:.3em 1em;margin-left:var(--spacer-large);font-size:1em}button[disabled=disabled]{cursor:not-allowed;opacity:.5}label{display:block;min-width:200px;padding-top:var(--spacer-small)}input[type=number],input[type=text],textarea{display:block;width:100%;border:none;border-bottom:3px solid var(--color-border-base);background-color:transparent;color:var(--color-base)}input[type=number]:focus,input[type=text]:focus,textarea:focus{border-bottom-color:var(--color-base)}select{display:block;width:100%;max-width:100%;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF77%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right .7em top 50%,0 0;background-repeat:no-repeat,repeat;background-size:.65em auto,100%}select::-ms-expand{display:none}select option{font-weight:200}.form-field:not(:last-child){margin-bottom:var(--spacer-default)}.form-field label{display:block;margin-bottom:var(--spacer-small);font-weight:500}.form-field label.btn{font-weight:400}.input-line{display:flex;width:100%}.input-line input{flex-grow:1;margin-right:var(--spacer-default);appearance:textfield;text-align:right}.input-line button:not(:last-child){margin-right:var(--spacer-default)}.jigsaw{--cell-size: 40px}.jigsaw-game,.jigsaw-game *{box-sizing:border-box;padding:0;margin:0}.jigsaw-game{display:flex;flex-direction:column}.jigsaw-line{display:flex;flex:none}.jigsaw-cell{position:relative;z-index:0;overflow:hidden;width:var(--cell-size);height:var(--cell-size);flex:none}.jigsaw-cell.selected{box-shadow:0 0 19px 2px #000000b3;transform:scale(.9)}.jigsaw-cell.bad:hover{opacity:.6}:root{--spacer-tiny: .3rem;--spacer-small: .5rem;--spacer-default: 1rem;--spacer-large: 2.5rem;--color-error: #c00;--color-warning: #cc6200;--color-ok: #0a0;--color-win: #42b983;--color-info: #0062cc;--color-base: whitesmoke;--color-link: #F6BB42;--color-background-base: rgb(51 51 51);--color-background-alt: rgb(34 34 34);--color-border-base: rgb(34 34 34);--font-family-monospace: "Courier New", courier, monospace;--font-family-base: "Ubuntu", "Trebuchet MS", verdana, sans-serif;--font-size-small: 8pt;--font-size-smaller: .8em;--font-size-base: 10pt;--font-size-medium: 12pt;--font-size-large: 15pt;--box-shadow: 0 0 10px 0 rgb(0 0 0 / 60%)}@media(min-width:576px){.pre-game{display:grid;gap:var(--spacer-default);grid-template-areas:"form preview";grid-template-columns:1fr 3fr}.form{grid-area:form}.form-actions{margin-top:var(--spacer-large)}.preview-area{max-height:80vh;margin-bottom:var(--spacer-large);grid-area:preview;text-align:center}.preview-area .preview-wrapper{width:100%;max-height:80vh;text-align:center}.preview-area .preview-wrapper img{height:80vh;margin:0 auto}}.preview{max-width:100%;box-shadow:var(--box-shadow)}.score{margin:var(--spacer-default) 0;font-size:var(--font-size-large);font-weight:bolder;text-align:center}@media(min-width:576px){.controls{display:flex}}.control-group>button{margin-bottom:var(--spacer-default)}.control-group:not(:last-child){margin-right:var(--spacer-default)}.win{position:fixed;top:50%;left:0;width:100%;padding:var(--spacer-large);background-color:var(--color-win);color:#fff;font-size:xx-large;text-align:center;transform:translateY(-50%)}[type=file]{overflow:hidden;width:1px;height:1px;padding:0;border:0;clip-path:rect(0,0,0,0);white-space:nowrap}[type=file]+label{cursor:pointer}.info{padding:var(--spacer-default);margin-bottom:var(--spacer-default);background-color:#fff3;color:var(--color-background-base);font-weight:400;text-align:center}.info--error{background-color:var(--color-error);color:var(--color-background-base)}.info--loading{padding:var(--spacer-default);background-color:var(--color-info);color:var(--color-background-base);font-weight:400}.game-wrapper{text-align:center}.game-wrapper .jigsaw-game{width:var(--width);margin:0 auto;box-shadow:var(--box-shadow)}.game-wrapper .jigsaw-cell.selected{outline:3px solid var(--color-info);transition:all ease-in .1s}.game-wrapper.hide .jigsaw-cell.bad{opacity:0}.game-wrapper.transparentize .jigsaw-cell.bad{opacity:.5}.game-wrapper.outline .jigsaw-cell.bad{--cell-padding: var(--spacer-tiny);--cell-border: 3px}.game-wrapper.outline .jigsaw-cell.bad:before{position:absolute;z-index:1;width:calc(var(--cell-size) - 2 * var(--cell-padding) - 2 * var(--cell-border));height:calc(var(--cell-size) - 2 * var(--cell-padding) - 2 * var(--cell-border));border:var(--cell-border) solid var(--color-error);border-radius:3px;margin-top:var(--cell-padding);margin-left:var(--cell-padding);content:"";opacity:.5}.game-wrapper .jigsaw-cell.hidden>img{display:none}.modal{z-index:1001;max-width:800px;padding:var(--spacer-default);margin:var(--spacer-large);background-color:var(--color-background-base);box-shadow:var(--box-shadow)}.modal-footer{margin-top:var(--spacer-default);text-align:right}.modal-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000004d}@media(min-width:576px){.modal{margin-top:50vh;margin-left:50vw;transform:translateY(-50%) translate(-50%)}}.positions-block{max-height:20vh;font-family:var(--font-family-monospace);overflow-y:auto}.drop-zone{padding:var(--spacer-large);border:2px dashed var(--color-info);text-align:center}.drop-zone--active{border-color:var(--color-win)}