*{margin:0;padding:0;user-select:none;-webkit-user-select:none;-ms-user-select:none;user-drag:none;-webkit-user-drag:none;-ms-user-drag:none}body{background-color:#000}div{display:block;position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-size:contain}sup{font-size:50%}#app{overflow:hidden;background-color:#000;opacity:0;font-family:unpackfast,arial,verdana,helvetica,sans-serif}.pointer{cursor:pointer}.noevents{pointer-events:none}@font-face{font-family:unpackfast;src:url(../fonts/unpackfast.woff) format("woff")}@font-face{font-family:cerapro;src:url(../fonts/ceraproblack.woff) format("woff")}#bg{background-color:#009a93}#bg .right,#bg .left,#bg .top,#bg .bottom{width:0;height:0;overflow:visible;transform-origin:0% 0%}#bg .right div,#bg .left div,#bg .top div,#bg .bottom div{width:256px;height:256px;left:-128px;top:-128px;transform-origin:50% 50%}#bg .left.top{left:0;top:0}#bg .right.top{right:0;top:0}#bg .left.bottom{left:0;bottom:0}#bg .right.bottom{right:0;bottom:0}#bg .mermaid .fin{background-image:url(../img/bg/bg_mermaid_fin.png)}#bg .mermaid .shell{background-image:url(../img/bg/bg_mermaid_shell.png)}#bg .mermaid .plant{background-image:url(../img/bg/bg_mermaid_plant.png)}#bg .mermaid .bubble{background-image:url(../img/bg/bg_mermaid_bubble.png)}#bg .icecream .bubble_blue{background-image:url(../img/bg/bg_icecream_bubble_blue.png)}#bg .icecream .bubble_orange{background-image:url(../img/bg/bg_icecream_bubble_orange.png)}#bg .icecream .bubble_pink{background-image:url(../img/bg/bg_icecream_bubble_pink.png)}#bg .icecream .bubble_yellow{background-image:url(../img/bg/bg_icecream_bubble_yellow.png)}#bg .icecream .ice_pink{background-image:url(../img/bg/bg_icecream_ice_pink.png)}#bg .icecream .ice_yellow{background-image:url(../img/bg/bg_icecream_ice_yellow.png)}#bg .adventure .bike{background-image:url(../img/bg/bg_adventure_bike.png)}#bg .adventure .camera{background-image:url(../img/bg/bg_adventure_camera.png)}#bg .adventure .fox{background-image:url(../img/bg/bg_adventure_fox.png)}#bg .adventure .bear{background-image:url(../img/bg/bg_adventure_bear.png)}#bg .adventure .route_blue{background-image:url(../img/bg/bg_adventure_route_blue.png)}#bg .adventure .route_orange{background-image:url(../img/bg/bg_adventure_route_orange.png)}#bg .starlight .bubble_green{background-image:url(../img/bg/bg_starlight_bubble_green.png)}#bg .starlight .bubble_grey{background-image:url(../img/bg/bg_starlight_bubble_grey.png)}#bg .starlight .star{background-image:url(../img/bg/bg_starlight_star.png)}#bg .starlight .stargroup{background-image:url(../img/bg/bg_starlight_stargroup.png)}#bg .monster .monster_0{background-image:url(../img/bg/bg_monster_0.png)}#bg .monster .monster_1{background-image:url(../img/bg/bg_monster_1.png)}#bg .monster .arm_0{background-image:url(../img/bg/bg_monster_arm_0.png)}#bg .monster .arm_1{background-image:url(../img/bg/bg_monster_arm_1.png)}#overlay .dark{background-color:#000;opacity:.7}#overlay .content{height:85%;bottom:0;font-size:15vw}@media all and (min-aspect-ratio:11/16){#overlay .content{font-size:12vw}}#overlay .content .inside{width:calc(100% - 60px);height:calc(100% - 60px);left:30px;top:30px;border-radius:.4em .4em 0 0;background-color:#fff}#overlay .content .inside .levels #level{display:none}#overlay .content .inside .levels .level{position:relative;height:0;width:33%;padding-top:33%;float:left}@media all and (min-aspect-ratio:11/16){#overlay .content .inside .levels .level{width:16.5%;padding-top:16.5%}}#overlay .content .inside .levels .level .bg{width:80%;height:80%;left:10%;top:10%}#overlay .content .inside .levels .level .bg .lock{width:50%;height:50%;left:25%;top:17%}#overlay .content .inside .levels .level .bg .lock div{background-position:center center}#overlay .content .inside .levels .level .bg .lock .body{background-image:url(../img/lock.png)}#overlay .content .inside .levels .level .bg .lock .top{background-image:url(../img/lock_top.png);transform-origin:70% 40%}#overlay .content .inside .levels .level .bg .copy{text-align:center}#overlay .content .inside .levels .level .bg .number{height:auto;top:38%;color:#fff;font-size:.45em}@media all and (min-aspect-ratio:11/16){#overlay .content .inside .levels .level .bg .number{font-size:.28em}}#overlay .content .inside .levels .level .bg .title{width:auto;height:auto;top:80%;color:#fff;font-size:.25em;margin:.05em;padding:.1em .2em;background-color:#000;left:50%;transform:translateX(-50%) rotate(-5deg)}#overlay .content .inside .levels .headline{top:0;color:#fff;font-size:.5em}@media all and (min-aspect-ratio:11/16){#overlay .content .inside .levels .headline{font-size:.3em}}#overlay .content .inside .levels .headline span{position:relative;left:50%;top:15%;float:left;clear:both;width:auto;height:auto;margin:.05em;padding:.1em .2em;background-color:#000}#overlay .content .inside .levels .headline span:nth-child(1){transform:rotate(-5deg) translateX(-50%)}#overlay .content .inside .levels .headline span:nth-child(2){transform:rotate(-5deg) translateX(-40%)}#overlay .content .inside .levels .highscore{top:50%;font-size:.5em}@media all and (min-aspect-ratio:11/16){#overlay .content .inside .levels .highscore{top:40%;left:-10%;font-size:7vh}}#overlay .content .inside .levels .settings{height:3.5em;bottom:0;font-size:.8em}@media all and (min-aspect-ratio:11/16){#overlay .content .inside .levels .settings{height:35vh}}#overlay .content .inside .levels .settings .button{width:auto;height:auto;color:#fff;font-size:.5em;margin:.05em;padding:.1em .2em;background-color:#000;right:5%;transform:rotate(-5deg);transform-origin:100% 0%}@media all and (min-aspect-ratio:11/16){#overlay .content .inside .levels .settings .button{font-size:5vh}}#overlay .content .inside .levels .settings .button.clear{top:1.5em}#overlay .content .inside .levels .settings .button.info{top:0}#overlay .content .inside .levels .langselection{top:2.85em;background-color:initial!important}#overlay .content .inside .levels .langselection div{position:relative!important;float:left;width:auto;height:100%;margin:.05em;padding:.1em .2em;background-color:#000}#overlay .content .inside .final{display:none}#overlay .content .inside .final .headline{width:auto;height:auto;top:25%;color:#fff;font-size:.6em;padding:.1em .2em;background-color:#000;left:50%;transform:translateX(-50%) rotate(-5deg)}@media all and (min-aspect-ratio:1/1){#overlay .content .inside .final .headline{font-size:6vh}}#overlay .content .inside .final .buttoninfo{width:6em;height:6em;bottom:0;font-size:.4em;text-align:center;overflow:visible}@media all and (min-aspect-ratio:1/1){#overlay .content .inside .final .buttoninfo{font-size:5vh}}#overlay .content .inside .final .buttoninfo .copy{height:auto;bottom:4em}#overlay .content .inside .final .buttoninfo .img{width:80%;height:45%;left:10%;bottom:30%;background-image:url(../img/arrowline.png)}#overlay .content .inside .final .buttoninfo.left{left:0}#overlay .content .inside .final .buttoninfo.left .copy{left:.2em}#overlay .content .inside .final .buttoninfo.right{right:0}#overlay .content .inside .final .buttoninfo.right .copy{right:.2em}#overlay .content .inside .final .buttoninfo.right .img{transform:scaleX(-1)}#overlay .content .inside .highscore{height:0;overflow:visible;top:40%;font-size:.7em;text-align:center}@media all and (min-aspect-ratio:1/1){#overlay .content .inside .highscore{top:45%;font-size:7vh}}#overlay .content .inside .highscore .copy{height:auto;color:#000}#overlay .content .inside .highscore .score{position:relative;width:auto;height:auto;display:inline-block;top:1em}#overlay .content .inside .highscore .score div{position:relative;float:left}#overlay .content .inside .highscore .score .icon{width:1em;height:1em;margin-right:.1em;background-image:url(../img/icon_highscore.png);background-size:65%;background-position:center center;background-color:#000;border-radius:50%}#overlay .content .inside .highscore .score .number{width:auto;color:#ee7500}#overlay .content>.bg{background-color:#00b2a9;border-radius:.5em .5em 0 0;overflow:hidden}#overlay .content>.bg .outline{width:calc(100% - 40px);height:calc(100% - 40px);left:14px;top:14px;border-radius:0 0 .45em .45em;border:6px dashed #000;transform:rotate(180deg)}#overlay .content>.bg .ref{height:200%;top:35%;bottom:0;background-color:#1662ab;transform:skewY(-45deg)}#cat{width:0;height:0;left:50%;bottom:100%;overflow:visible}#cat div{background-size:auto;pointer-events:none}#cat .content{width:0;height:0;overflow:visible}#cat .bubble{width:0;height:0;left:0;top:0;overflow:visible;font-size:100px;transform:rotate(2deg)}#cat .bubble .content{width:4em;height:auto;bottom:0;left:-.3em;padding:.2em;background-color:#000;font-size:1em;color:#fff;text-align:center}#cat .bubble .content .copy{position:relative;transform:rotate(-2deg)}#cat .bubble .line{width:.7em;height:.7em;bottom:-.33em;transform-origin:50% 0%}#footer{font-size:100px;height:.8em;left:0;bottom:0}#footer #logo{height:.3em;left:.15em;bottom:.15em;background-image:url(../img/logo.png);background-position:left bottom}#footer>.bg{width:108%;height:300%;left:-4%;bottom:-200%;background-color:#b182b6;border-radius:10vw;box-shadow:0 0 6vh rgba(0,0,0,.4);transform:rotate(180deg)}#footer>.bg>.outline{width:calc(100% - 0.3em);height:calc(100% - 0.3em);left:0;border-radius:10vw;border:.1em dotted #000}#footer .button{width:1.6em;height:1.6em;top:-.8em;left:75%;margin-left:-.8em}#footer .button>.bg svg{overflow:visible}#footer .button>.bg svg path{fill:#000;stroke:#b182b6;stroke-width:10px;stroke-linecap:round;stroke-linejoin:round}#footer .button .icon{background-size:50% auto;background-position:45% 45%}#footer .button .icon.settings{background-image:url(../img/icon_settings.png)}#footer .button .icon.close{background-image:url(../img/icon_close.png)}#footer .button .icon.copy{width:95%;height:auto;top:33%;text-align:center;font-size:.45em;color:#fff}#header{font-size:100px;height:1em}#header>.bg{width:104%;height:300%;left:-2%;top:-200%;background-color:#b182b6;border-radius:0 0 6vw 6vw;box-shadow:0 0 6vh rgba(0,0,0,.4)}#header #bricks,#header #moves,#header #score{width:0;height:0;top:0;overflow:visible}#header #moves{width:2em;left:calc(50% - 1em)}#header #moves .number{top:.05em;font-size:1em;color:#fff;text-align:center}#header #moves .bg{top:-.5em}#header #moves .bg svg{overflow:visible}#header #moves .bg svg path{fill:#000;stroke:#b182b6;stroke-width:10px;stroke-linecap:round;stroke-linejoin:round}#header #score{top:.15em;right:.15em;height:calc(100% - 0.3em);width:auto;border-radius:1em;background-color:#000}#header #score div{position:relative;float:left}#header #score .image{width:1em;background-image:url(../img/icon_score.png);background-size:auto 85%;background-position:.07em center}#header #score .number{width:auto;top:.1em;right:.35em;font-size:.62em;color:#fff;text-align:left}#header #highscore{top:.15em;left:.15em;height:calc(100% - 0.3em);width:auto;border-radius:1em;background-color:#000}#header #highscore div{position:relative;float:left}#header #highscore .image{width:1.2em;background-image:url(../img/icon_highscore.png);background-size:auto 75%;background-position:.2em center}#header #highscore .number{width:auto;top:.1em;right:.35em;font-size:.62em;color:#fff;text-align:left}#header #bricks{top:.15em;left:.15em;height:.7em;width:.7em;display:none}#header #bricks .bg{border-radius:1em;background-color:#000}#header #bricks .bg .image{background-image:url(../img/tiles/tile_mermaid_3.png);background-size:65% auto;background-position:center center}#header #bricks .number{top:.1em;left:1.3em;font-size:.62em;color:#fff;text-align:left}#tutorial{width:0;height:0;overflow:visible}#tutorial .hand{width:500px;height:500px;left:-45px;top:-40px;background-image:url(../img/hand.png);transform-origin:45px 40px}#grid{transform-origin:0% 0%;font-size:1px}#grid .bg{background-color:#000}#grid .bg1{width:calc(100% + 16em);height:calc(100% + 16em);left:-8em;top:-8em;background-color:#00bfbb;border-radius:8em}#grid .bg2{width:calc(100% + 8em);height:calc(100% + 8em);left:-4em;top:-4em;background-color:#afd3cc;border-radius:4em}#grid .tiles{z-index:1;overflow:hidden}#grid .tiles .tile .image{width:80%;height:80%;margin:10%}#grid .tiles .tile .tileanim{border-radius:50%;overflow:hidden}#grid .anims .anim{overflow:visible}#grid .anims .anim div{border-radius:50%;transform-origin:50% 50%}#transition{width:0;height:0;left:50%;top:50%;overflow:visible}#transition .bracelet{width:60px;height:915px;margin-left:-30px;margin-top:-458px}#transition .bracelet .tile{font-size:40px;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em}#intro{background-color:#00b0e1;font-size:50px}#intro .logo{width:669px;height:447px;left:calc(50% - 334px);top:100%;background-image:url(../img/intro_logo.png);z-index:1;transform-origin:50% 0%}#intro .lego{width:300px;height:300px;left:calc(50% - 150px);bottom:-300px;background-image:url(../img/lego.gif);transform-origin:50% 100%}#intro .dots .dot{width:0;height:0;left:50%;top:50%;overflow:visible}#intro .dots .dot .img{width:1em;height:1em;top:-.5em;left:-.5em}.langselection{display:none;top:2.85em;background-color:initial!important}.langselection div{position:relative!important;float:left;width:auto;height:100%;margin:.05em;padding:.1em .2em;background-color:#000}.legals{position:absolute;display:block;bottom:60px;right:20px;width:auto;height:20px;transform-origin:100% 0%}.legals a{font-size:20px;display:inline-block;position:relative;float:left;margin-left:10px;text-decoration:underline;color:#000}.cyrillic #overlay .highscore .copy{font-size:.7em!important;font-family:cerapro,arial,verdana,helvetica,sans-serif!important}@media all and (min-aspect-ratio:11/16){.cyrillic #overlay .highscore .copy{font-size:.5em!important}}.cyrillic #overlay .levels .level .headline{font-size:5.5vw!important;font-family:cerapro,arial,verdana,helvetica,sans-serif!important}@media all and (min-aspect-ratio:11/16){.cyrillic #overlay .levels .level .headline{font-size:3.1vw!important}}.cyrillic #overlay .levels .level .bg .copy.title{font-size:.22em!important;font-family:cerapro,arial,verdana,helvetica,sans-serif!important}@media all and (min-aspect-ratio:11/16){.cyrillic #overlay .levels .level .bg .copy.title{font-size:.16em!important}}.cyrillic #overlay .levels .settings .button{font-size:.36em!important;font-family:cerapro,arial,verdana,helvetica,sans-serif!important}@media all and (min-aspect-ratio:11/16){.cyrillic #overlay .levels .settings .button{font-size:.3em!important}}.cyrillic #overlay .levels .settings .button.clear{top:3em!important}.cyrillic #overlay .final .headline{font-size:6vw!important;font-family:cerapro,arial,verdana,helvetica,sans-serif!important}@media all and (min-aspect-ratio:11/16){.cyrillic #overlay .final .headline{font-size:5vw!important}}.cyrillic #overlay .final .buttoninfo .copy{font-size:.5em!important;font-family:cerapro,arial,verdana,helvetica,sans-serif!important;bottom:9em!important}@media all and (min-aspect-ratio:11/16){.cyrillic #overlay .final .buttoninfo .copy{font-size:.5em!important}}.cyrillic #cat .copy{font-size:.75em!important;font-family:cerapro,arial,verdana,helvetica,sans-serif!important}@media all and (min-aspect-ratio:11/16){.cyrillic #cat .copy{font-size:.75em!important}}.cyrillic #footer .button .icon.copy{font-size:.3em!important;font-family:cerapro,arial,verdana,helvetica,sans-serif!important;left:.2em}@media all and (min-aspect-ratio:11/16){.cyrillic #footer .button .icon.copy{font-size:.3em!important}}