@keyframes scoring{0%{z-index:2;transform:translateX(-50%) translateY(-50%) scale(.5);opacity:1}50%{transform:translateX(-50%) translateY(-300%) scale(1);opacity:1}99%{z-index:2;transform:translateX(-50%) translateY(-300%) scale(1);opacity:0}to{z-index:0}}@keyframes moveTop{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-100%) scale(1);opacity:.75}to{transform:translateY(-100%) scale(0);opacity:0}}@keyframes moveBottom{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(100%) scale(1);opacity:.75}to{transform:translateY(100%) scale(0);opacity:0}}@keyframes moveRight{0%{transform:translateX(0) scale(1);opacity:1}50%{transform:translateX(100%) scale(1);opacity:.75}to{transform:translateX(100%) scale(0);opacity:0}}@keyframes moveLeft{0%{transform:translateX(0) scale(1);opacity:1}50%{transform:translateX(-100%) scale(1);opacity:.75}to{transform:translateX(-100%) scale(0);opacity:0}}@keyframes pop-up{0%{transform:scale(0);opacity:0}60%{transform:scale(1.03);opacity:1}80%{transform:scale(.97)}to{transform:scale(1)}}@keyframes pop-down{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@keyframes drop-normal{0%{opacity:1}60%{opacity:.75}to{opacity:0}}@keyframes drop-snake-left{0%{transform:scale(1);opacity:1}60%{transform:translateX(-110%) scale(.75);opacity:.5}to{transform:translateX(-110%) scale(.75);opacity:0}}@keyframes drop-snake-right{0%{transform:scale(1);opacity:1}60%{transform:translateX(110%) scale(.75);opacity:.5}to{transform:translateX(110%) scale(.75);opacity:0}}@keyframes drop-snake-top{0%{transform:scale(1);opacity:1}60%{transform:translateY(-110%) scale(.75);opacity:.5}to{transform:translateY(-110%) scale(.75);opacity:0}}@keyframes drop-snake-bottom{0%{transform:scale(1);opacity:1}60%{transform:translateY(110%) scale(.75);opacity:.5}to{transform:translateY(110%) scale(.75);opacity:0}}@keyframes bounce{0%,to{transform:scale(1)}75%{transform:scale(.9)}}@keyframes blink{0%,15%,85%,to{opacity:1}50%{opacity:.25}}@keyframes slideTop{0%{height:0}to{height:100%}}@keyframes slideLeft{0%{width:0}to{width:100%}}@keyframes slideRight{0%{width:100%}to{width:0}}@keyframes scorecombo{0%{transform:scale(1);opacity:1}20%{transform:scale(1.25)}40%{top:-.75em;left:-.6em;transform:scale(1.25);opacity:1}80%{top:50%;left:50%;transform:scale(.5) translateX(-100%) translateY(-100%);opacity:1}to{top:50%;left:50%;transform:scale(.5) translateX(-100%) translateY(-100%);opacity:.5}}#koloro-body .qc-cmp-publisher-logo{max-width:90px}#body-wrapper,.hidden,iframe{display:none}body{font-family:'Clear Sans','Helvetica Neue',Arial,sans-serif;font-size:18px;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}body.menu-open #koloro,body.modal-open #koloro{position:fixed;overflow:hidden;width:100%;height:100%}a{cursor:pointer}h2{font-size:1.5em;padding:3em 0 0}h2 .fa-chevron-up{position:absolute;right:0;cursor:pointer}h3,ul{padding:0}h2,h3{position:relative;margin:2em 0 0}h3{font-size:1.25em}ul{margin:0;list-style-position:inside;list-style-type:none}.klr-modal .middle ul li,ul li{margin:.5em 0}#statistics .middle h4,#statistics li.stat-item>span.label,.tleft{text-align:left}.tcenter{text-align:center}.tright{text-align:right}.italic{font-style:italic}a.button,a.tag{display:inline-block}a.button{padding:3px 10px;border:2px solid;border-radius:5px}a.button .fa-fw{margin-right:1em}a.tag{padding:4px 8px;cursor:pointer}a.tag.active,a.tag:hover{padding:3px 7px 1px;border:1px solid;border-radius:5px}a.tag.active{font-weight:700;padding:3px 7px}.klr-modal{position:fixed;z-index:100;top:0;left:0;display:none;width:100%;height:100%;text-align:center}.klr-modal .wrapper{display:flex;height:100%;flex-flow:column nowrap}.pop-down{animation:pop-down .75s ease}.klr-modal .top{position:relative;overflow:visible;width:100%;padding:1.5em 0;border-bottom:1px solid #3c3c3c;flex:0 0 auto}.klr-modal .top h3{font-size:1.5em;margin:0;text-transform:uppercase}.klr-modal .top h3 .logo{position:absolute;left:1em;margin:0;transform:scale(1.5)}.klr-modal a.close{position:absolute;right:1em;margin:0!important;padding:0;vertical-align:middle}.klr-modal .top .selector{position:absolute;z-index:2;bottom:-.85em;left:50%;display:flex;max-width:200px;transform:translateX(-50%);border:2px solid #f60;border-radius:5px;background:0 0;flex-flow:row nowrap}.klr-modal .top .selector .item{padding:0 .5em;flex:1 0 auto}.klr-modal .top .selector .item.active,.koloro-intro .subtitle span{font-weight:700}.klr-modal .middle{overflow:auto;height:100%;margin-bottom:1em;padding:1em 1em 0;flex:1 1 auto}.klr-modal .group-wrapper{display:flex;height:100%;flex-flow:column nowrap}.klr-modal .group-wrapper .group{margin-bottom:auto;flex:0 0 auto}.klr-modal .group-wrapper .group:first-child{margin-top:auto}.klr-modal .group-wrapper .group:after{display:block;margin-bottom:1.5em;content:' '}.klr-modal .middle h4{font-size:1.3em;font-weight:400;margin:0;padding:0}.klr-modal .middle h5{font-size:1em;margin:2em 0 1em;padding:0;text-align:left}.klr-modal .middle ul{margin:0;padding:0;list-style-type:none}.klr-modal .middle ul.tags li{display:inline-block}.klr-modal .middle ul.tags-description li{font-size:.9em;font-style:italic}.klr-modal .middle .fa-fw{margin-right:.3em}.klr-modal .bottom{overflow:hidden;width:100%;padding:1.5em 0;text-align:center;border-top:1px solid #3c3c3c;flex:0 0 auto}#grid-paused a.button,.klr-modal .bottom a.button{font-weight:700;position:relative;min-width:200px;padding:10px}#grid-paused a.button .fa-fw,.klr-modal .bottom a.button .fa-fw{position:absolute;top:50%;left:1em;transform:translateY(-50%) scale(1.5)}.notification{position:relative;display:none;margin:.5em 0;padding:1em 2em 1em 1em;box-shadow:1px 1px 10px 3px #999}.notification p{line-height:1em;margin:0}.notification .title{font-weight:700;margin-bottom:.5em}.notification .close{position:absolute;top:50%;right:-15px;padding:15px;cursor:pointer;transform:translateX(-1em) translateY(-50%)}.slideshow.slick-dotted.slick-slider{height:calc(100% - 25px);margin:0 25px 25px}.slideshow .slick-list{height:100%}.slideshow .slick-next,.slideshow .slick-prev{height:26px}.slideshow .slick-prev:before{content:'\f053'}.slideshow .slick-next:before{content:'\f054'}.slideshow .slick-next:before,.slideshow .slick-prev:before{font-family:'Font Awesome 5 Pro';font-size:25px;opacity:1}.slideshow .slick-dots{bottom:-25px}.slideshow ul.slick-dots li{margin:0}.slick-dots li button:before,.slick-dots li.slick-active button:before{font-size:8px;opacity:1}.us-t-light .klr-modal a.close:hover,.us-t-light .klr-modal h3,.us-t-light .slideshow .slick-dots li button:before,.us-t-light .slideshow .slick-next:before,.us-t-light .slideshow .slick-prev:before,.us-t-light a,.us-t-light h2{color:#06f}.us-t-dark .klr-modal a.close:hover,.us-t-dark .klr-modal h3,.us-t-dark .slideshow .slick-dots li button:before,.us-t-dark .slideshow .slick-next:before,.us-t-dark .slideshow .slick-prev:before,.us-t-dark a,.us-t-dark h2{color:#f90}#welcome{z-index:50}#welcome .middle .koloro-intro,#welcome .middle .logo{position:absolute;top:50%;left:50%;display:none;transform:translateX(-50%) translateY(-50%)}#welcome .middle .logo{z-index:52;width:128px;max-width:50%;transition:transform 1s}#welcome .middle .logo.move{transform:translateX(-50%) translateY(-150%)}#welcome .middle .koloro-intro{z-index:51;width:100%;margin:0}#welcome .middle .koloro-intro img{max-width:75%}#welcome .bottom{display:none;border:0}#welcome .bottom .tutorial-link a{text-decoration:none}#welcome .bottom .tutorial-link .fa-youtube{font-size:1.5em;vertical-align:sub}#game-over .top{margin:0;border:0}#game-over h3{font-size:2em}#game-over .fa-frown{font-size:3em;padding:0 5px;vertical-align:middle}#game-over .middle{padding-top:0}#game-over .game-config{margin:0;border-bottom:1px dashed #ccc}#game-over .game-config .tag{margin-left:.5em;cursor:default}#game-over .game-config .tag:not(.active),.game-config .tag:not(.active){display:none}#game-over .game-config .stats{text-align:left;flex:100}#game-over .game-config .stats .fal{font-size:1.5em;vertical-align:middle}#game-over .flex-wrapper{display:flex;height:calc(100% - 4em);flex-flow:column nowrap;justify-content:space-evenly;align-items:center}#game-over .game-scores{margin-top:1em;flex:1 0 auto;flex-flow:column nowrap}#game-over .game-scores,#game-over .score,#game-over .score .time-wrapper{display:flex;align-items:center;justify-content:center}#game-over .score{font-size:3em;margin:0}#game-over .score .time-wrapper{flex-flow:column}#game-over .score .time-wrapper i{font-size:.75em;margin:0;transform:scale(.8)}#game-over .score .time-wrapper .time,#legend .legend-scores .score-items .tile .content.special{font-size:.4em}#game-over .score .points{font-size:1.5em;margin:0 .25em 0 .5em}#game-over .new-high-score{font-size:1.75em;margin:.5em 0 0;padding:0;animation:blink 2.5s infinite;text-align:center;text-shadow:0 0 10px #aaa}#game-over #sharing-gameover{flex:1 0 auto;align-items:center;justify-content:center}#tutorial{z-index:101}#tutorial .slick-track,#tutorial .slick-track .slick-slide div,#tutorial .slick-track .slick-slide div .slide-item,.overlay{height:100%}#game-over #sharing-gameover,#tutorial .slick-track .slick-slide div .slide-item .flex-wrapper{display:flex;flex-flow:column nowrap}#tutorial .slick-track .slick-slide div .slide-item .flex-wrapper .tuto-animation{display:flex;padding-bottom:10px;flex:1;flex-flow:column nowrap}#tutorial .slick-track .slick-slide div .slide-item .flex-wrapper .tuto-animation .flex-pusher{flex:1}#tutorial .slick-track .slick-slide div .slide-item .flex-wrapper .tuto-animation .animation{max-width:100%;margin:0 auto;box-shadow:0 0 10px 1px #999}#user-settings .tags-description .tile{font-size:2em;vertical-align:middle}#user-settings .tags-description .fa-long-arrow-right{font-size:1.5em;padding:0 .1em;vertical-align:middle}#statistics.klr-modal .top .selector .item{width:4em}#statistics .current .stats-infos{margin-top:0}#statistics .current .stats-infos .game-config{margin-top:0;margin-bottom:1em;border-top:0}#statistics .stats-selector.group{margin-top:.5em}#statistics .stats-selector.group>div{position:relative;display:flex;margin-bottom:1em;padding-bottom:1em;border-bottom:1px dashed #999;flex-flow:row wrap}#statistics .stats-selector.group>div .reset-stats{position:absolute;bottom:0;left:50%;padding:3px 6px;transform:translateX(-50%) translateY(50%)}#statistics .stats-selector.group span.label{line-height:2em;width:40%;text-align:left}#statistics .stats-selector.group ul.tags{width:60%;text-align:left}#statistics .stats-selector.group ul li{margin:.2em 0}#statistics .middle{font-size:.95em;padding-right:7.5%;padding-left:7.5%}#statistics li.stat-item{display:flex;flex-flow:row nowrap}#sharing-main p,#statistics li.stat-item>span.value{font-size:1.2em;font-weight:700;text-align:center}#statistics li.stat-item>span.gameid{text-align:right}#statistics .current li.stat-item>span.label{width:66%}#statistics .current li.stat-item>span.value{width:34%}#statistics .current li.stat-item>span.gameid{width:0}#statistics .best li.stat-item>span.label{width:50%}#statistics .best li.stat-item>span.value{width:30%}#statistics .best li.stat-item>span.gameid{width:20%}#statistics .stats-drawinglots{padding-bottom:1em}#statistics .stats-drawinglots h4{margin-bottom:.5em;text-align:left}#legend .legend-scores .explanation,#statistics .stats-drawinglots ul{display:flex;flex-flow:row nowrap;align-items:center}#statistics .stats-drawinglots li.stat-item{display:flex;flex:1;flex-flow:row nowrap}#statistics .stats-drawinglots li.stat-item .draw-tile{margin-right:1em;flex:0}#statistics .stats-drawinglots li.stat-item span.tile{font-size:2em}#statistics .stats-drawinglots li.stat-item .draw-values{display:flex;text-align:center;flex:0;flex-flow:column nowrap;align-items:center}#statistics .stats-drawinglots li.stat-item span.value{font-size:1.2em;font-weight:700;width:auto}#statistics .stats-drawinglots li.stat-item span.pourcent{font-size:.9em;font-style:italic}#legend .middle{padding:1em 1em 0}#legend .legend-wheel img{width:100%;max-width:400px;margin:auto}#legend .legend-scores{margin-top:2em}#legend .legend-scores h4{margin:2em 0 .5em;text-align:left}#legend .legend-scores .explanation{font-size:.9em;text-align:justify}#legend .legend-scores .explanation .fal{font-size:1.5em;padding-right:.5em}#legend .legend-scores .score-group{display:flex;margin-bottom:1em;align-items:center}#legend .legend-scores .score-items{text-align:left;flex:2}#legend .legend-scores .score-items span.multiplier{font-size:1.5em;position:relative;padding:0}#legend .legend-scores .score-items span.multiplier:after{font-size:.4em;position:absolute;bottom:-.8em;left:50%;content:'times';transform:translateX(-50%);color:#999}#legend .legend-scores .score-items span.under{font-size:.5em;position:absolute;bottom:-1.5em;left:50%;transform:translateX(-50%);color:#999}#legend .legend-scores .score-items span.under>span{font-size:.75em}#legend .legend-scores .score-item{padding:.3em 0}#legend .legend-scores .score-item span{font-size:1.2em;position:relative;padding:0 .25em;vertical-align:middle}#legend .legend-scores .score-item span.tile{font-size:2em;padding:0}#legend .legend-scores .score-points{text-align:center;white-space:nowrap;color:#999;flex:1}#legend .legend-scores .score-points .value{font-size:1.5em}.overlay{position:fixed;top:0;left:0;display:none;width:100%;opacity:.9;background:#666}#modal-overlay{z-index:99}#menu-overlay{z-index:20;top:3.4em}#klr-menu,body.menu-open #menu-overlay{display:block}#klr-menu{position:absolute;z-index:30;top:3.4em;left:-92%;overflow-y:auto;width:90%;height:calc(100% - 3.4em);padding:0 0 5em;transition:left .5s,opacity 5s;opacity:0;border:0;border-right:3px solid;-webkit-overflow-scrolling:touch}#klr-menu ul{margin:0 0 2em;padding:0 0 0 .8em;list-style-type:none}#klr-menu ul li{font-weight:700;line-height:2.5em;position:relative;padding:.8em 1em .8em 3em;cursor:pointer;border-bottom:1px solid}#klr-menu ul li:last-child{border-bottom:0}#klr-menu ul li .fa-fw{font-size:1.5em;position:absolute;top:50%;left:0;transform:translateY(-50%)}#klr-menu ul li .fa-chevron-right{position:absolute;top:50%;right:1em;transform:translateY(-50%)}#klr-menu ul li a{text-decoration:none;color:inherit}#klr-menu .social{position:fixed;bottom:0;width:90%;padding:.5em 0;opacity:.95;border-top:2px solid #999}#klr-menu .social .social-wrapper{display:flex;width:100%;flex-flow:row nowrap}#klr-menu .social a{font-size:3em;padding:0;border:0;flex:1 1 auto}body.menu-open #klr-menu{left:0;transition:left .5s;opacity:1}body #header .action.menu .close,body #header .action.menu .open{position:absolute;z-index:42;top:0;left:0;transition:all .5s;opacity:1}body #header .action.menu .close{z-index:41;transform:rotate(-45deg);opacity:0}body.menu-open #header .action.menu .open{z-index:41;transition:all .5s;transform:rotate(45deg);opacity:0}body.menu-open #header .action.menu .close{z-index:42;transition:all .5s;transform:rotate(0deg);opacity:1}#koloro{z-index:1;padding-top:3.5em}#koloro .content{max-width:900px;margin:0 auto;padding:0 1em;text-align:justify}#koloro .content .section a.tag{font-size:.8em;cursor:auto}#header{font-size:1.7em;line-height:1em;position:fixed;z-index:40;top:0;overflow:visible;width:100%;height:1em;padding:.5em 0;opacity:.95;border-bottom:1px solid}#header .action{margin:0 .5em}#header .action.fleft{float:left}#header .action.fright{float:right}#header .action.menu{position:relative}#header .action.bis{transform:scale(.8);opacity:.6}#header .title{position:absolute;left:50%;cursor:pointer;transform:translateX(-50%)}#header .title img{height:1em;transform:scale(1.4)}#footer{margin-top:5em;padding:1em 0;text-align:center;border-top:1px solid #d3d3d3}#footer .maker{font-size:.75em;font-style:italic;margin-top:.25em}#footer .version{margin-top:1em}#footer .version .build-number{font-size:.75em;font-style:italic;color:#999}#footer ul.links{font-size:.9em;margin-top:1em}#footer ul.links li{display:inline-block;margin:0 .5em}#game{position:relative;display:block;max-width:500px;margin:0 auto}#game-undo{font-size:1.1em;top:1.25em;display:inherit;padding:.25em;cursor:pointer}#game-timer,#game-undo,#game-undo>span{position:absolute;z-index:2;left:50%;transform:translateX(-50%)}#game-undo>span{font-size:.6em;top:-1em;color:#999}#game-timer{bottom:.75em;display:inherit;padding:.25em 0;cursor:pointer}#game-timer>span.minutes{width:1.5em;text-align:right}#game-timer>span.seconds{width:1.5em;text-align:left}#game-timer>span.pause,#game-timer>span.play{cursor:pointer;transform:scale(.9)}#game .game-scores{position:relative;display:flex;flex-wrap:nowrap}#game .game-scores .score{font-size:2em;position:relative;display:flex;margin:1em 0;padding:.2em .4em;cursor:pointer;text-align:center;border:1px solid;border-radius:5px;flex:1;align-items:center}#game .game-scores .score.best{margin-left:1%}#game .game-scores .score.current{margin-right:1%}#game .game-scores .stitle{font-size:.5em;position:absolute;top:0;left:50%;padding:0 .6em;transform:translateX(-50%) translateY(-75%);white-space:nowrap;background:#333}#game .game-scores .stitle i,#game-timer{font-size:1.25em}.new-high-score .fas{animation:blink 2.5s infinite;color:#ff0!important}#game .game-scores .new-high-score{font-size:.7em;position:absolute;top:-.5em;right:-.5em}#game .game-scores .new-high-score:before{font-size:.6em;font-weight:400;position:absolute;top:-1em;right:1.2em;content:'new!';animation:blink 2.5s infinite}#game .score .points{font-size:1.2em;font-weight:700;padding-bottom:.1em;flex:1}#game .score .best-tile{position:absolute;bottom:0;left:50%;padding:0 .3em;transform:translateX(-50%) translateY(66%)}#game .game-scores .combo,#game .game-scores .combo-animated{font-size:.66em;font-weight:700;position:absolute;top:-.75em;left:-.6em;display:none;padding:0 .3em}#game .game-scores .combo:before{font-size:.6em;font-weight:400;position:absolute;top:-1em;content:'combo!'}#game .game-scores .combo .comboValue,span.tile{display:inline-block}#game .game-scores .combo-animated{font-size:1em;background:0 0}#game .game-scores .combo-animated.score-combo{animation:scorecombo 1s linear}#game .game-infos,.game-config{font-size:.8em;display:flex;margin:1% 0 0;padding:1.5% 0 .5%;flex-wrap:nowrap}#game .game-infos .infos-moves{text-align:left;white-space:nowrap;color:#999;flex:0}#game .game-infos .infos-moves #nbMovesAvailable{font-size:1.25em;vertical-align:middle}#game .game-infos .infos-moves .far{margin-left:.3em;cursor:pointer}#game .game-infos .infos-legend{text-align:right;white-space:nowrap;flex:1}#game .game-infos .infos-legend .far,#game .game-infos .infos-moves .far{font-size:18px;transform:scale(1.2);vertical-align:middle}.game-config{font-size:1em;line-height:1em;margin:1em 0;padding:1em 0;border-top:1px dashed #999;border-bottom:1px dashed #999;align-items:center}.game-config .game-id{font-size:1.3em;padding-top:3px;text-align:left;white-space:nowrap;flex:0}.game-config .config-tags{text-align:right;flex:1}.game-config .tag{margin-left:.8em;cursor:default}#grid-wrapper{position:relative;width:100%}#grid-paused,#grid-zoomed{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;text-align:center;opacity:.99;border:.5em solid #6a6a6a;border-radius:5px;flex-flow:column nowrap;justify-content:space-evenly}#grid-zoomed{z-index:12}#grid-paused{z-index:11}#grid-paused .message,#grid-zoomed .message{font-size:2em}#grid-paused .message .far,#grid-zoomed .message .far{margin:0 .3em;transform:scale(1.5);vertical-align:middle}#grid-zoomed .do-zoom{font-style:italic}#grid{display:flex;width:98%;padding:1%;border-radius:5px;flex-wrap:wrap}#grid.cols-4 .tile-slot{font-size:45px;width:23%}#grid.cols-5 .tile-slot{font-size:36px;width:18%}.tile-slot{position:relative;padding:1%;background:0 0}.tile-slot .tile-score{font-size:.75em;position:absolute;top:50%;left:50%;pointer-events:none;opacity:0;color:#fff;text-shadow:0 0 5px #000}span.tile{width:1em;vertical-align:bottom}span.tile .content{font-size:.5em}span.tile.c1.c2.c3{width:.94em}.tile{position:relative;z-index:1;cursor:pointer;opacity:1;border:.06em solid;background:gray}.tile:before{display:block;padding-top:100%;content:''}.grid-tile.can-drop:after,.tile .content{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.tile .content{position:absolute}.grid-tile.downlight{opacity:.5}.grid-tile.is-dragging{z-index:1000;margin:0;cursor:move;opacity:1;box-shadow:0 0 15px 5px #d3d3d3}#hideAvailableMoves,.grid-tile.is-dragging .av,.grid-tile.is-dropping .av{display:none}.grid-tile.can-drop:after{color:#fff;text-shadow:-1px 0 #bbb,0 1px #bbb,1px 0 #bbb,0 -1px #bbb}.grid-tile.can-drop.to-top:after{content:'\f102'}.grid-tile.can-drop.to-bottom:after{content:'\f103'}.grid-tile.can-drop.to-left:after{content:'\f100'}.grid-tile.can-drop.to-right:after{content:'\f101'}.grid-tile.is-dropping{z-index:10000;animation:drop-normal .5s ease;pointer-events:none}.grid-tile.is-merging{transition:all .5s}.grid-tile.snaked.is-droppable{box-shadow:0 0 10px 5px #fff}.grid-tile.snaked.is-dropping{pointer-events:none}.grid-tile.snaked.is-dropping.to-left{animation:drop-snake-left .35s linear}.grid-tile.snaked.is-dropping.to-right{animation:drop-snake-right .35s linear}.grid-tile.snaked.is-dropping.to-top{animation:drop-snake-top .35s linear}.grid-tile.snaked.is-dropping.to-bottom{animation:drop-snake-bottom .35s linear}.grid-tile.can-drop:after,.grid-tile.snaked:after{font-family:'Font Awesome 5 Pro';font-size:.8em;position:absolute;display:inline}.grid-tile.snaked.to-top:after{top:-.75em;left:50%;content:'\f102';transform:translateX(-50%)}.grid-tile.snaked.to-bottom:after{bottom:-.75em;left:50%;content:'\f103';transform:translateX(-50%)}.grid-tile.snaked.to-left:after{top:50%;left:-.6em;content:'\f100';transform:translateY(-50%)}.grid-tile.snaked.to-right:after{top:50%;right:-.6em;content:'\f101';transform:translateY(-50%)}.gc-level-easy .grid-tile.is-droppable:not(.snaked){animation:bounce .75s infinite}.gc-level-easy .grid-tile.is-droppable:not(.snaked).is-drop-target{animation:none}.pop-up,.tile.pop-up{animation:pop-up .5s ease}.tile .av{font-size:.6em;position:absolute;display:inline;transition:all 1s;opacity:0;color:#fff;text-shadow:0 0 5px #000}.tile .av-bottom,.tile .av-top{left:50%;transform:translateX(-50%)}.tile .av-top{top:0}.tile .av-bottom{bottom:0}.tile .av-left,.tile .av-right{top:50%;transform:translateY(-50%)}.tile .av-left{left:0}.tile .av-right{right:0}.show-moves .tile.has-available-bottom .av-bottom,.show-moves .tile.has-available-left .av-left,.show-moves .tile.has-available-right .av-right,.show-moves .tile.has-available-top .av-top{opacity:1}.gc-gridsize-r4c4 span.for-gridsize-r4c4,.gc-gridsize-r5c4 span.for-gridsize-r5c4,.gc-gridsize-r5c5 span.for-gridsize-r5c5,.gc-level-easy span.for-level-easy,.gc-level-hard span.for-level-hard,.gc-level-normal span.for-level-normal,.show-moves #hideAvailableMoves,.us-cm-cmy span.for-cm-cmy,.us-cm-rgb span.for-cm-rgb,.us-cm-ryb span.for-cm-ryb,.us-t-dark span.for-t-dark,.us-t-light span.for-t-light,.us-tc-original span.for-tc-original,.us-tc-smooth span.for-tc-smooth,.us-ts-round span.for-ts-round,.us-ts-rounded span.for-ts-rounded,.us-ts-square span.for-ts-square{display:inline}.show-moves #showAvailableMoves{display:none}.koloro-intro{margin-top:8em;text-align:center}.koloro-intro h1{margin:0;padding:0}.koloro-intro .koloroio img{width:100%;max-width:500px;margin:0 auto;padding:0}.koloro-intro .subtitle{font-size:.8em;font-style:italic;letter-spacing:.1em;color:#999}.koloro-intro .subtitle .c{color:red}.koloro-intro .subtitle .o{color:#ffbf00}.koloro-intro .subtitle .l{color:#00ff40}.koloro-intro .subtitle .o2,.us-t-dark h3,.us-t-light h3{color:#999}.koloro-intro .subtitle .r{color:#0ff}.koloro-intro .subtitle .f{color:#0040ff}.koloro-intro .subtitle .u{color:#8000ff}.koloro-intro .subtitle .l2{color:#ff00bf}.koloro-intro .quick-rules{position:relative;display:inline-block;margin-top:2em;padding:0 3em;color:gray}.koloro-intro .quick-rules .fa-quote-left{font-size:2em;position:absolute;top:0;left:0;color:#d3d3d3}.koloro-intro .quick-rules .fa-quote-right{font-size:2em;position:absolute;right:0;bottom:0;color:#d3d3d3}.koloro-intro .quick-rules b{text-transform:uppercase;background:0 0!important}.section{margin-top:5em}.section h2 .far{margin-right:.5em;transform:scale(1.2)}.video-tutorial{position:relative;overflow:hidden;height:0;margin:3em auto 0;padding-top:30px;padding-bottom:56.25%;box-shadow:0 0 20px 3px #999}.video-tutorial embed,.video-tutorial iframe,.video-tutorial object{position:absolute;top:0;left:0;display:block;width:100%;height:100%}.t-gray{color:#999!important}.us-t-light .t-bg{background:#f6f6ff!important}.us-t-light .t-bg-inv{background:#333!important}.us-t-light .t-fg{color:#333!important}.us-t-light .t-fg-inv{color:#f6f6ff!important}.us-t-light .t-hc{color:#06f!important}.us-t-light .t-hc-inv{color:#f90!important}.us-t-light .t-lc{color:#6cf!important}.us-t-light .t-lc-inv{color:#fb7!important}.us-t-light,.us-t-light #header,.us-t-light .klr-modal{color:#333;background:#f6f6ff}.us-t-light #header{border-color:#ccc}.us-t-light #footer{border-color:#ccc}.us-t-light #klr-menu,.us-t-light #klr-menu .social{color:#6cf;border-color:#06f;background:#f6f6ff}.us-t-light #klr-menu ul li{border-bottom-color:#6cf}.us-t-light #koloro .content b,.us-t-light #koloro .koloro-intro b,.us-t-light .klr-modal a.close,.us-t-light .klr-modal h4{color:#6cf}.us-t-light .klr-modal{box-shadow:0 0 15px 5px #555}.us-t-light #grid .tile.snaked:after,.us-t-light .klr-modal h3 .logo{color:#06f}.us-t-light .klr-modal .bottom,.us-t-light .klr-modal .top{border-color:#e3e3e3}.us-t-light .klr-modal .selector{border-color:#06f;background:#f6f6ff}.us-t-light .klr-modal .selector .item{color:#444}.us-t-light .klr-modal .selector .item.active,.us-t-light .tag.active{color:#f6f6ff;background:#06f}.us-t-light .notification{background:#fff}.us-t-light #grid{background:#4a4a4a}.us-t-light #game .score.current,.us-t-light #grid .tile.snaked.is-droppable{border-color:#6cf}.us-t-light #game .game-config .tag,.us-t-light #game .score.best{border-color:#06f}.us-t-light #game .score.best .new-high-score .fas{text-shadow:0 0 25px #06f}.us-t-dark .t-bg{background:#333!important}.us-t-dark .t-bg-inv{background:#f6f6ff!important}.us-t-dark .t-fg{color:#f6f6ff!important}.us-t-dark .t-fg-inv{color:#333!important}.us-t-dark .t-hc{color:#f90!important}.us-t-dark .t-hc-inv{color:#06f!important}.us-t-dark .t-lc{color:#fb7!important}.us-t-dark .t-lc-inv{color:#6cf!important}.us-t-dark{background:#333}.us-t-dark #header{color:#f6f6ff;border-color:#666;background:#333}.us-t-dark #footer{border-color:#666}.us-t-dark #klr-menu,.us-t-dark #klr-menu .social{color:#fb7;border-color:#f90;background:#333}.us-t-dark #klr-menu ul li{border-bottom-color:#fb7}.us-t-dark #koloro .content b,.us-t-dark #koloro .koloro-intro b,.us-t-dark .klr-modal a.close,.us-t-dark .klr-modal h4{color:#fb7}.us-t-dark .klr-modal{color:#f6f6ff;background:#333;box-shadow:0 0 15px 5px #888}.us-t-dark #grid .tile.snaked:after,.us-t-dark .klr-modal h3 .logo{color:#f90}.us-t-dark .klr-modal .bottom,.us-t-dark .klr-modal .top{border-color:#3c3c3c}.us-t-dark .klr-modal .selector{border-color:#f90;background:#333}.us-t-dark,.us-t-dark .klr-modal .selector .item{color:#f6f6ff}.us-t-dark .klr-modal .selector .item.active,.us-t-dark .tag.active{color:#333;background:#f90}.us-t-dark .notification{background:#111}.us-t-dark #grid{background:#6a6a6a}.us-t-dark #game .score.current,.us-t-dark #grid .tile.snaked.is-droppable{border-color:#fb7}.us-t-dark #game .game-config .tag,.us-t-dark #game .score.best{border-color:#f90}.us-t-dark #game .score.best .new-high-score .fas{text-shadow:0 0 25px #f90}.us-cm-cmy .tile,.us-cm-rgb .tile,.us-cm-ryb .tile{color:#888}.us-cm-rgb .tile.c1{border-color:red;background:red}.us-cm-rgb .tile.c2{border-color:#0f0;background:#0f0}.us-cm-rgb .tile.c3{border-color:#00f;background:#00f}.us-cm-rgb .tile.c1.c2{border-color:#ff0;background:#ff0}.us-cm-rgb .tile.c1.c3{border-color:#f0f;background:#f0f}.us-cm-cmy .tile.c1,.us-cm-rgb .tile.c2.c3{border-color:#0ff;background:#0ff}.us-cm-rgb .tile.c1.c2.c3{border-color:#bbb;background:#fff}.us-cm-rgb.us-tc-smooth .tile.c1{border-color:#ea4444;background:#ea4444}.us-cm-rgb.us-tc-smooth .tile.c2{border-color:#44ea44;background:#44ea44}.us-cm-rgb.us-tc-smooth .tile.c3{border-color:#4444ea;background:#4444ea}.us-cm-rgb.us-tc-smooth .tile.c1.c2{border-color:#eaea44;background:#eaea44}.us-cm-rgb.us-tc-smooth .tile.c1.c3{border-color:#ea44ea;background:#ea44ea}.us-cm-rgb.us-tc-smooth .tile.c2.c3{border-color:#44eaea;background:#44eaea}.us-cm-rgb.us-tc-smooth .tile.c1.c2.c3{border-color:#bbb;background:#fafafa}.us-cm-cmy .tile.c2{border-color:#f0f;background:#f0f}.us-cm-cmy .tile.c3{border-color:#ff0;background:#ff0}.us-cm-cmy .tile.c1.c2{border-color:#00f;background:#00f}.us-cm-cmy .tile.c1.c3{border-color:#0f0;background:#0f0}.us-cm-cmy .tile.c2.c3,.us-cm-ryb .tile.c1{border-color:red;background:red}.us-cm-cmy .tile.c1.c2.c3{border-color:#bbb;background:#000}.us-cm-cmy.us-tc-smooth .tile.c1{border-color:#44eaea;background:#44eaea}.us-cm-cmy.us-tc-smooth .tile.c2{border-color:#ea44ea;background:#ea44ea}.us-cm-cmy.us-tc-smooth .tile.c3{border-color:#eaea44;background:#eaea44}.us-cm-cmy.us-tc-smooth .tile.c1.c2{border-color:#4444ea;background:#4444ea}.us-cm-cmy.us-tc-smooth .tile.c1.c3{border-color:#44ea44;background:#44ea44}.us-cm-cmy.us-tc-smooth .tile.c2.c3{border-color:#ea4444;background:#ea4444}.us-cm-cmy.us-tc-smooth .tile.c1.c2.c3,.us-cm-ryb.us-tc-smooth .tile.c1.c2.c3{border-color:#bbb;background:#222}.us-cm-ryb .tile.c2{border-color:#ff0;background:#ff0}.us-cm-ryb .tile.c3{border-color:#00f;background:#00f}.us-cm-ryb .tile.c1.c2{border-color:#f90;background:#f90}.us-cm-ryb .tile.c1.c3{border-color:#909;background:#909}.us-cm-ryb .tile.c2.c3{border-color:#090;background:#090}.us-cm-ryb .tile.c1.c2.c3{border-color:#bbb;background:#000}.us-cm-ryb.us-tc-smooth .tile.c1{border-color:#ea4444;background:#ea4444}.us-cm-ryb.us-tc-smooth .tile.c2{border-color:#eaea44;background:#eaea44}.us-cm-ryb.us-tc-smooth .tile.c3{border-color:#4444ea;background:#4444ea}.us-cm-ryb.us-tc-smooth .tile.c1.c2{border-color:#ea9944;background:#ea9944}.us-cm-ryb.us-tc-smooth .tile.c1.c3{border-color:#949;background:#949}.us-cm-ryb.us-tc-smooth .tile.c2.c3{border-color:#494;background:#494}.us-ts-square .tile{border-radius:0}.us-ts-rounded .tile{border-radius:15%}.us-ts-rounded #grid .tile{border-radius:15px}@media (max-width:499px){.us-ts-rounded #grid .tile{border-radius:13px}}@media (max-width:449px){.us-ts-rounded #grid .tile{border-radius:12px}}@media (max-width:399px){.us-ts-rounded #grid .tile{border-radius:10px}}.us-ts-round .tile{border-radius:500px}.for-cm-cmy,.for-cm-rgb,.for-cm-ryb,.for-gridsize-r4c4,.for-gridsize-r5c4,.for-gridsize-r5c5,.for-level-easy,.for-level-hard,.for-level-normal,.for-t-dark,.for-t-light,.for-tc-original,.for-tc-smooth,.for-ts-round,.for-ts-rounded,.for-ts-square{display:none}.gc-gridsize-r4c4 div.for-gridsize-r4c4,.gc-gridsize-r4c4 li.for-gridsize-r4c4,.gc-gridsize-r4c4 p.for-gridsize-r4c4,.gc-gridsize-r5c4 div.for-gridsize-r5c4,.gc-gridsize-r5c4 li.for-gridsize-r5c4,.gc-gridsize-r5c4 p.for-gridsize-r5c4,.gc-gridsize-r5c5 div.for-gridsize-r5c5,.gc-gridsize-r5c5 li.for-gridsize-r5c5,.gc-gridsize-r5c5 p.for-gridsize-r5c5,.gc-level-easy div.for-level-easy,.gc-level-easy li.for-level-easy,.gc-level-easy p.for-level-easy,.gc-level-hard div.for-level-hard,.gc-level-hard li.for-level-hard,.gc-level-hard p.for-level-hard,.gc-level-normal div.for-level-normal,.gc-level-normal li.for-level-normal,.gc-level-normal p.for-level-normal,.us-cm-cmy div.for-cm-cmy,.us-cm-cmy img.for-cm-cmy,.us-cm-cmy li.for-cm-cmy,.us-cm-cmy p.for-cm-cmy,.us-cm-rgb div.for-cm-rgb,.us-cm-rgb img.for-cm-rgb,.us-cm-rgb li.for-cm-rgb,.us-cm-rgb p.for-cm-rgb,.us-cm-ryb div.for-cm-ryb,.us-cm-ryb img.for-cm-ryb,.us-cm-ryb li.for-cm-ryb,.us-cm-ryb p.for-cm-ryb,.us-t-dark div.for-t-dark,.us-t-dark img.for-t-dark,.us-t-dark li.for-t-dark,.us-t-dark p.for-t-dark,.us-t-light div.for-t-light,.us-t-light img.for-t-light,.us-t-light li.for-t-light,.us-t-light p.for-t-light,.us-tc-original div.for-tc-original,.us-tc-original img.for-tc-original,.us-tc-original li.for-tc-original,.us-tc-original p.for-tc-original,.us-tc-smooth div.for-tc-smooth,.us-tc-smooth img.for-tc-smooth,.us-tc-smooth li.for-tc-smooth,.us-tc-smooth p.for-tc-smooth,.us-ts-round div.for-ts-round,.us-ts-round img.for-ts-round,.us-ts-round li.for-ts-round,.us-ts-round p.for-ts-round,.us-ts-rounded div.for-ts-rounded,.us-ts-rounded img.for-ts-rounded,.us-ts-rounded li.for-ts-rounded,.us-ts-rounded p.for-ts-rounded,.us-ts-square div.for-ts-square,.us-ts-square img.for-ts-square,.us-ts-square li.for-ts-square,.us-ts-square p.for-ts-square{display:block}#share .middle,.addtoany-wrapper{display:flex;flex-flow:column nowrap;align-items:center}.us-t-dark .addthis_inline_share_toolbox .at4-jumboshare .at4-count-container .at4-count,.us-t-dark .addthis_inline_share_toolbox .at4-jumboshare .at4-count-container .at4-title{color:#ccc!important}#sharing-main .at4-jumboshare .at4-count-container{width:120px;min-width:120px}#sharing-main .at4-jumboshare .at4-count-container .at4-count{font-size:40px}#sharing-modal{max-width:600px}#sharing-modal .at4-jumboshare .at4-count-container{min-width:175px}#share .message{display:flex;flex:1}#share .message p{margin:auto}#share .addtoany-wrapper{flex:5}#release-notes .middle{padding-right:2em;padding-left:2em;text-align:left}#release-notes h4{margin:2em 0 .5em;text-align:left}#release-notes ul{margin-bottom:2em;list-style-type:initial}#release-notes .release-infos{display:flex}#release-notes .release-version{font-size:1.2em;font-weight:700;flex:1}#release-notes .release-date{font-size:.9em;font-style:italic;white-space:nowrap;color:#999;flex:0}@media (max-width:599px){#grid.cols-4 .tile-slot{font-size:8vw}#grid.cols-5 .tile-slot{font-size:6vw}#sharing-main .at4-jumboshare .at4-share-container .at-icon-wrapper{line-height:40px!important;width:40px!important;height:40px!important}#sharing-main .at4-jumboshare .at4-share-container .at-icon-wrapper svg{width:40px!important;height:40px!important}}@media (max-width:499px){.game-scores{font-size:.8em}#sharing-main .at4-jumboshare .at4-share-container .at-icon-wrapper{line-height:48px!important;width:48px!important;height:48px!important}#sharing-main .at4-jumboshare .at4-share-container .at-icon-wrapper svg{width:48px!important;height:48px!important}#sharing-main .at4-jumboshare .at4-count-container{display:none}#sharing-main .at4-jumboshare .at4-share-container{padding:0}#sharing-main .at4-jumboshare table{margin:auto}}@media (max-width:399px){body{font-size:15px}#header .action.t-lc{margin:0 .2em}.klr-modal .bottom a.button{font-size:1.2em}.game-scores{font-size:.75em}#game-undo{font-size:1.4em;top:.9em}#game-timer{font-size:1.5em}#legend .legend-scores .score-points .value{font-size:1.3em}#sharing-main .at4-jumboshare .at4-share-container{overflow:visible}}@media (max-width:360px){#sharing-main .at4-jumboshare .at4-share-container .at-icon-wrapper{line-height:40px!important;width:40px!important;height:40px!important}#sharing-main .at4-jumboshare .at4-share-container .at-icon-wrapper svg{width:40px!important;height:40px!important}}@media (min-width:600px){.klr-modal:not(#welcome){top:10%;left:10%;width:80%;height:80%}#welcome .middle .koloro-intro img{max-width:400px}}@media (min-width:900px){#klr-menu{left:-355px}#klr-menu,#klr-menu .social{max-width:350px}}@media (min-width:1200px){.klr-modal:not(#welcome){top:10%;left:calc(50% - 300px);width:600px;height:80%;max-height:900px}}.is-scoring{animation:scoring 2s}.blop-combo{transition:250ms;transform:scale(1.25)}.bounce{animation:bounce 2.2s infinite}.blink5{animation:blink 5s infinite}