:root{--content-max-width:400px;--header-max-width:600px;--header-height:48px;--color-divider:#a6a6a6;--color-cell:#f3f4f4;--color-correct:#477e00;--color-wrong:#ffc700;--color-absent:#c2c3c3;--color-correct-text:#fff;--color-wrong-text:#000;--color-absent-text:#fff;--color-shadow:rgba(0,0,0,.25);--color-moves:#76c117;--color-bar-base:#d8d1ae;--color-bar-win:#76c117;--color-bar-current:#046d7b;--color-bar-base-text:#000;--color-bar-win-text:#fff;--base-transition:0.15s;--base-delay:0.1s}.dark-mode{color-scheme:dark}.high-contrast{--color-correct:#d67424;--color-wrong:#53a3dd;--color-bar-win:#d67424}#root,body,html{height:100%!important;width:100%!important}#root,body{margin:0!important;overflow:hidden;padding:0!important}body *{-webkit-user-select:none!important;user-select:none!important}.body-container,.game-container,.loading-container{display:flex;flex-direction:column;justify-content:center;max-width:400px!important;max-width:var(--content-max-width)!important}.body-container,.loading-container{height:calc(100% - 48px)!important;height:calc(100% - var(--header-height))!important;margin:0 auto}.game-container{flex-grow:1}.game-container,.loading-container{padding:16px}.loading-container{align-items:center;justify-content:center}.clickable{cursor:pointer}.space{margin-top:1em}.ignore-modal-padding{margin:0 -24px -20px}.page-header{border-bottom:1px solid var(--color-divider);width:100%!important}.page-header,.page-header-content{align-items:center;display:flex;height:var(--header-height);justify-content:center;margin:0!important}.page-header-content{max-width:var(--header-max-width)!important;position:relative;width:var(--header-max-width)!important}.page-header-title{margin:0!important;text-align:center;text-transform:uppercase}.page-header-left{left:8px}.page-header-left,.page-header-right{align-items:center;display:flex;height:var(--header-height);justify-content:center;position:absolute;top:0}.page-header-right{right:8px}.help-grid{flex-direction:column}.help-grid,.help-grid-row{align-items:center;display:flex;justify-content:center}.help-cell{height:48px;width:48px}.modal-title{text-align:center}.modal-title-text{text-align:center;text-transform:uppercase}.modal-close-button{position:absolute!important;right:8px;top:8px}.app-banner{display:flex}.app-banner,.app-banner-img{margin:0!important;padding:0!important}.app-banner-img{width:100%}.app-qr-code-container{align-items:center;display:flex;justify-content:center;margin:8px 0}.app-qr-code-container img{height:90px}.options-item{align-items:center;display:flex;justify-content:space-between}.options-item-label{font-size:1.1em}.lang-icon{border-radius:12px;height:24px;width:24px}.statistics-finished-phrase{margin-bottom:1em;text-align:center}.statistics-big-numbers{align-items:start;display:flex;justify-content:center}.statistics-big-numbers-item{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:0 4px}.statistics-big-numbers-item-value{font-size:1.5em;font-weight:700}.statistics-big-numbers-item-label{font-size:.7em;text-align:center}.statistics-score-distribution-title{font-weight:500;margin-bottom:1em;margin-top:1em;text-align:center}.statistics-score-distribution{display:flex;flex-direction:column}.statistics-score-distribution-item{align-items:center;display:flex;padding:1px 0}.statistics-score-distribution-item-value{align-items:center;display:flex;font-size:.8em;justify-content:center;width:24px}.statistics-score-distribution-item-bar{display:flex;flex-grow:1}.statistics-score-distribution-item-bar-fill{align-items:center;background-color:var(--color-bar-win);color:var(--color-bar-win-text);display:flex;justify-content:end}.statistics-score-distribution-item-bar-fill[data-current=true]{background-color:var(--color-bar-current)}.statistics-score-distribution-item-bar-fill[data-count="0"]{background-color:var(--color-bar-base);color:var(--color-bar-base-text)}.statistics-score-distribution-item-bar-count{font-size:.8em;padding:0 8px}.statistics-buttons-container{align-items:center;display:flex;justify-content:space-evenly;margin-top:1em}@media only screen and (max-width:600px){.statistics-buttons-container{flex-direction:column}.statistics-buttons-container>*{margin-top:.5em}.statistics-buttons-container>:first-child{margin-top:0}}#share *{color:#fff!important}#time-to-next{font-weight:500;text-align:center}.give-up-modal-title{font-weight:700;margin-bottom:.5em}.give-up-modal-buttons-container{align-items:center;display:flex;justify-content:space-between;margin-top:1em}.give-up-modal-buttons-container>*{max-width:47%!important}.word-grid{align-items:center;display:flex;touch-action:none;width:100%!important}.word-grid-container{padding:50% 0;position:relative;width:100%}.word-grid-content{bottom:0;left:0;position:absolute;right:0;top:0}.word-grid-cell{height:20%;left:0;position:absolute;top:0;-webkit-transform:translate(calc(var(--column)*100% + var(--offsetX)),calc(var(--row)*100% + var(--offsetY)));transform:translate(calc(var(--column)*100% + var(--offsetX)),calc(var(--row)*100% + var(--offsetY)));width:20%}.word-grid-cell-slot{border:2px solid var(--color-cell);left:0;position:absolute;top:0}.word-grid-cell-content,.word-grid-cell-slot{display:flex;height:calc(100% - 4px);margin:2px;width:calc(100% - 4px)}.word-grid-cell-content{align-items:center;font-size:1.7em;font-weight:700;justify-content:center;position:relative;text-transform:uppercase;transition:box-shadow var(--base-transition) ease-in-out,-webkit-transform var(--base-transition) ease-in-out;transition:transform var(--base-transition) ease-in-out,box-shadow var(--base-transition) ease-in-out;transition:transform var(--base-transition) ease-in-out,box-shadow var(--base-transition) ease-in-out,-webkit-transform var(--base-transition) ease-in-out}.correct{background-color:var(--color-correct)!important;color:var(--color-correct-text)!important}.wrong{background-color:var(--color-wrong)!important;color:var(--color-wrong-text)!important}.absent{background-color:var(--color-absent)!important;color:var(--color-absent-text)!important}.word-grid-cell.draggable{transition:-webkit-transform var(--base-transition) ease-in-out;transition:transform var(--base-transition) ease-in-out;transition:transform var(--base-transition) ease-in-out,-webkit-transform var(--base-transition) ease-in-out;z-index:5}.word-grid-cell.dragging{transition:none;z-index:10}.word-grid-cell.swapped{transition:none}.word-grid-cell.dragging .word-grid-cell-content{box-shadow:0 2px 4px 2px var(--color-shadow);-webkit-transform:scale(1.2);transform:scale(1.2)}.word-grid-cell-content.win{-webkit-animation:grow .25s ease-in-out 0s 2 alternate;animation:grow .25s ease-in-out 0s 2 alternate;will-change:transform}.word-grid-cell-content.win:before{-webkit-animation:show-shadow .25s ease-in-out 0s 2 alternate;animation:show-shadow .25s ease-in-out 0s 2 alternate;box-shadow:0 2px 4px 2px var(--color-shadow);content:"";height:100%;opacity:0;position:absolute;width:100%}.word-grid-container.game-over{-webkit-animation:shake .5s ease-in-out both;animation:shake .5s ease-in-out both;will-change:transform}.animation-delay-0{-webkit-animation-delay:0s!important;animation-delay:0s!important}.animation-delay-1{-webkit-animation-delay:calc(var(--base-delay)*1)!important;animation-delay:calc(var(--base-delay)*1)!important}.animation-delay-2{-webkit-animation-delay:calc(var(--base-delay)*2)!important;animation-delay:calc(var(--base-delay)*2)!important}.animation-delay-3{-webkit-animation-delay:calc(var(--base-delay)*3)!important;animation-delay:calc(var(--base-delay)*3)!important}.animation-delay-4{-webkit-animation-delay:calc(var(--base-delay)*4)!important;animation-delay:calc(var(--base-delay)*4)!important}.animation-delay-5{-webkit-animation-delay:calc(var(--base-delay)*5)!important;animation-delay:calc(var(--base-delay)*5)!important}.animation-delay-6{-webkit-animation-delay:calc(var(--base-delay)*6)!important;animation-delay:calc(var(--base-delay)*6)!important}@-webkit-keyframes grow{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scale3d(1.3,1.3,1);transform:scale3d(1.3,1.3,1)}}@keyframes grow{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scale3d(1.3,1.3,1);transform:scale3d(1.3,1.3,1)}}@-webkit-keyframes show-shadow{0%{opacity:0}to{opacity:1}}@keyframes show-shadow{0%{opacity:0}to{opacity:1}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}.game-footer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:24px;text-align:center}.swap-count{margin-bottom:4px;margin-top:0!important;text-align:center}.swap-count-number{color:var(--color-moves)}