html{box-sizing:border-box;font-size:62.5%}
*,:before,:after{box-sizing:inherit;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}
:hover,:active{transition:all ease .2s}
body{font-family:'Source Sans Pro',sans-serif;font-size:2.2rem;background:#0B1D31;color:#fff;overflow:hidden;text-transform:uppercase;text-align:center}
body,h1,h2,h3,p,menu,button{margin:0;padding:0}
a{color:#58D1FF;text-decoration:none;padding:10px 0;display:inline-block}
hr{border:none;border-bottom:1px solid rgba(255,255,255,0.3);margin-bottom:1em}
.txt-bold{font-weight:600}
.text-align-right{text-align:right}
.main-wrapper{background:url(images/backgroundPattern.svg) repeat #0b1d31;width:100%;max-width:640px;height:640px;box-shadow:0 0 250px 0 rgba(0,0,0,0.4);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.fixed-100w-wrapper{position:absolute;width:100%;top:50%;transform:translateY(-50%)}
.fixed-75w-wrapper{width:75%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.page-cont{width:100%;height:100%;position:absolute}
.page-faded-bg::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-2;background:rgba(11,29,49,0.9)}
.anmtd-grdnt-bg::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;animation:anmtdOpcty 2s alternate infinite ease-in-out;-webkit-animation:anmtdOpcty 2s alternate infinite ease-in-out;-moz-animation:anmtdOpcty 2s alternate infinite ease-in-out;-o-animation:anmtdOpcty 2s alternate infinite ease-in-out}
.blu-grdnt-bg::after{background-image:-webkit-linear-gradient(270deg,rgba(11,29,48,0.00) 0%,rgba(88,209,255,0.35) 100%);background-image:-o-linear-gradient(270deg,rgba(11,29,48,0.00) 0%,rgba(88,209,255,0.35) 100%);background-image:linear-gradient(0deg,rgba(11,29,48,0.00) 0%,rgba(88,209,255,0.35) 100%)}
.rd-grdnt-bg::after{background-image:-webkit-linear-gradient(270deg,rgba(11,29,48,0.00) 0%,rgba(255,19,68,0.35) 100%);background-image:-o-linear-gradient(270deg,rgba(11,29,48,0.00) 0%,rgba(255,19,68,0.35) 100%);background-image:linear-gradient(0deg,rgba(11,29,48,0.00) 0%,rgba(255,19,68,0.35) 100%)}
.grn-grdnt-bg::after{background-image:-webkit-linear-gradient(270deg,rgba(11,29,48,0.00) 0%,rgba(0,255,107,0.35) 100%);background-image:-o-linear-gradient(270deg,rgba(11,29,48,0.00) 0%,rgba(0,255,107,0.35) 100%);background-image:linear-gradient(0deg,rgba(11,29,48,0.00) 0%,rgba(0,255,107,0.35) 100%)}
.no-bg{background:none}
.page-splash{z-index:10;display:block}
.page-game-menu{z-index:9;display:none}
.page-about{z-index:8;display:none}
.page-high-score{z-index:7;display:none}
.page-tutorial{z-index:6;display:none}
.page-play-delay{z-index:5;display:none}
.page-play-area{z-index:4;display:none}
.page-pause-menu{z-index:3;display:none}
.page-you-lost{z-index:2;display:none}
.page-level-passed{z-index:1;display:none}
.credits-cont{text-align:center;height:4em;line-height:2;overflow:hidden;margin-top:.2em}
.credits-list{padding:3em 0}
#playDelayNum{font-size:10rem}
.page-play-area::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background-image:-webkit-linear-gradient(#0B1D31 0%,rgba(11,29,49,0.5) 50%);background-image:-o-linear-gradient(#0B1D31 0%,rgba(11,29,49,0.5) 50%);background-image:linear-gradient(#0B1D31 0%,rgba(11,29,49,0.5) 50%)}
.game-stats-cont{width:100%;height:10%;margin:0 auto;position:relative}
.gm-stats-time-progress{background:#58D1FF;width:100%;height:10%;transition:all ease .2s}
.gm-stats-wrapper{width:94%;height:96%;margin:0 auto;position:relative}
.gm-stats-vcont{height:100%;display:inline-block;text-align:center;float:left;width:calc(100%/3);position:relative}
.gm-stats-pause-button{width:44px;height:100%;border:none;background:url(images/pauseIconSmall.svg) center no-repeat;float:left}
.gm-stats-pause-button:active{transform:scale(2)}
.gm-stats-tap-count{display:inline-block;color:#58D1FF}
.stat-wrapper{width:100%;position:absolute;top:50%;transform:translateY(-50%)}
.gm-stats-title{width:100%;font-size:1.2rem}
.gm-stats-value{width:100%;font-size:2rem;font-weight:600}
.game-space{width:100%;height:90%;position:relative;overflow:hidden}
.tpbl-circle{width:44px;height:44px;position:absolute;border-radius:50%;z-index:0;cursor:pointer}
.tpbl-circle::before,.tpbl-circle::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;animation:beating 1.5s infinite ease-in-out;-webkit-animation:beating 1.5s infinite ease-in-out;-moz-animation:beating 1.5s infinite ease-in-out;-o-animation:beating 1.5s infinite ease-in-out;opacity:0;z-index:-1}
.tpbl-circle::after{animation:beating 1.5s .4s infinite ease-in-out;-webkit-animation:beating 1.5s .4s infinite ease-in-out;-moz-animation:beating 1.5s .4s infinite ease-in-out;-o-animation:beating 1.5s .4s infinite ease-in-out}
.tpbl-circle:active{transform:scale(2)}
.c-blue{box-shadow:inset 0 0 0 17px #58D1FF;z-index:3}
.c-blue::before,.c-blue::after{box-shadow:inset 0 0 0 2px #58D1FF}
.c-red{box-shadow:inset 0 0 0 17px #FA4760;z-index:2}
.c-red::before,.c-red::after{box-shadow:inset 0 0 0 2px #FA4760}
.c-white{box-shadow:inset 0 0 0 17px #fff}
.c-white::before,.c-white::after{box-shadow:inset 0 0 0 2px #fff}
.sbmt-tryagain-txt{width:100%;margin:0 0 .75em}
.submit-circle{display:block;position:relative;margin:0 auto}
.evil-circle,.good-circle{transform:scale(0);cursor:pointer;background:rgba(0,0,0,0.5)}
.splash-screen-logo{position:relative;margin:0 auto 1.5em;width:3.5em;height:3.5em;box-shadow:inset 0 0 0 1.4em}
.page-game-menu{background:url(images/backgroundPattern.svg) repeat #0b1d31}
.gm-menu-header-cont{height:50%;font-size:1em;margin:0 0 1.5em}
.gm-menu-logo-bg{position:relative;margin:0 auto 1.5em;width:3.5em;height:3.5em;box-shadow:inset 0 0 0 1.4em #58D1FF}
.gm-menu-logo-bg::before,.gm-menu-logo-bg::after{box-shadow:inset 0 0 0 2px #58D1FF}
.gm-menu-title,.gm-menu-subtitle{text-align:center;width:100%}
.gm-menu-title{font-size:1.4545454545454em;font-weight:600}
.gm-menu-subtitle{font-size:1em;font-weight:400;color:#58D1FF}
.gm-btn{display:block;width:100%;background:none;border:none;font-size:1em;color:#fff;padding:.8em 0;border-radius:3em;margin:0 auto .9em;font-weight:300;border:2px solid #fff;text-transform:uppercase;cursor:pointer}
.gm-btn:active{transform:scale(1.1);background:#fff;color:rgba(11,29,49,1);box-shadow:0 0 20px 0 rgba(0,0,0,0.5)}
.btn-blue{border-color:#58D1FF;font-weight:600}
.btn-blue:active{background:#58D1FF}
.page-tutorial{background:url(images/backgroundPattern.svg) repeat #0b1d31;position:relative}
.tut-circle{position:relative;margin:0 auto}
.tut-arrow{height:4em;width:100%;background:url(images/tapsIcon.svg) center center no-repeat;animation:anmtdBG .5s alternate infinite cubic-bezier(0.4,0,0.2,1);-webkit-animation:anmtdBG .5s alternate infinite cubic-bezier(0.4,0,0.2,1);-moz-animation:anmtdBG .5s alternate infinite cubic-bezier(0.4,0,0.2,1);-o-animation:anmtdBG .5s alternate infinite cubic-bezier(0.4,0,0.2,1)}
.tut-text{font-size:1em;font-weight:400;text-align:center;width:100%}
.lvl-title{border-bottom:solid 2px rgba(255,255,255,0.3);padding:.75em 0}
.lvl-goals-cont{overflow:hidden}
.lvl-taps-cont,.lvl-time-cont{width:50%;height:100%;float:left;padding:.75em 0}
.lvl-taps-cont{border-right:solid 1px rgba(255,255,255,0.3)}
.lvl-info-taps-icon,.lvl-info-time-icon{width:100%;height:32px;margin:0 auto .4545454545em}
.lvl-info-taps-icon{background:url(images/tapsIcon.svg) center no-repeat}
.lvl-time-cont{border-left:solid 1px rgba(255,255,255,0.3)}
.lvl-info-time-icon{background:url(images/timeIcon.svg) center no-repeat}
.lvl-extra-goals{font-size:.8em;margin:0 0 2em}
.lvl-extra-goals-circle{position:relative;display:inline-block;transform:scale(0.5);vertical-align:middle;animation:none}
.lvl-extra-goals-circle:active{transform:scale(0.5)}
.gm-puz-title-cont{margin:0 0 1.5em}
.puz-icon{background:url(images/pauseIconLarge.svg) no-repeat center;height:48px;width:100%;margin:0 0 .3em}
.gm-puz-title{font-size:1.4545454545em}
.info-screen-title-cont{margin:0 0 .75em}
.info-screen-icon{width:100%;height:48px;margin:0 0 .75em}
.flag-icon{background:url(images/flagIcon.svg) no-repeat center}
.info-screen-ttl-txt-reg,.info-screen-ttl-txt-bld{font-size:1.4545454545em}
.info-screen-ttl-txt-reg{font-weight:300}
.info-screen-ttl-txt-bld{font-weight:600}
.info-screen-txt-cont{border-top:1px solid rgba(255,255,255,0.3);border-bottom:1px solid rgba(255,255,255,0.3);padding:.75em 0;margin:0 0 1em}
.lvl-fnshd-score-nmb{font-size:1.4545454545em;font-weight:600}
.times-up-icon{background:url(images/watchIcon.svg) no-repeat center}
.you-lost-icon{background:url(images/bugIcon.svg) no-repeat center}
.lvl-fnshd-highscore-icon{background:url(images/gemIcon.svg) no-repeat center;width:100%;height:24px;margin-top:.5em}
.admin-cp{background:rgba(0,0,0,0.5);position:absolute;bottom:20px;right:20px;z-index:99999;width:300px;text-transform:none;padding:20px;border-radius:4px;text-align:left;display:none}
.admin-cp h4{margin:0 0 20px}
.hidden{display:none}
.admin-cp-button{width:100%;padding:15px 0;border:none;border-radius:5px;border:1px solid #fff;background:none;color:#fff;font-size:14px;cursor:pointer}
.admin-cp-button:hover{background:#fff;color:#000}
.admin-cp-button:active{padding:12px 0 8px}
.vzbltyLabel{display:inline-block;width:100%;margin:15px 0 0;font-size:18px;cursor:pointer}
.toggleCheckbox{position:relative;width:20px;height:20px;visibility:hidden;margin:0 10px 0 0}
.toggleCheckbox::before{visibility:visible;content:"";width:20px;height:20px;position:absolute;top:0;left:0;border-radius:50%;border:solid 1px #fff}
.toggleCheckbox:checked::before{background:#fff}
@keyframes beating {
0%{transform:scale(1);opacity:1}
100%{transform:scale(1.6);opacity:0}
}
@keyframes anmtdBG {
0%{background-position:center .5em}
100%{background-position:center 1.5em}
}
@keyframes anmtdOpcty {
0%{opacity:1}
100%{opacity:.5}
}
@keyframes shrink {
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes grow {
0%{transform:scale(0)}
50%{transform:scale(2)}
100%{transform:scale(1)}
}
.grow-animation{animation:grow .2s ease-in-out forwards}
@keyframes burst {
0%{transform:scale(0);opacity:1}
50%{transform:scale(5);opacity:0}
100%{transform:scale(1);opacity:1}
}
.burst-animation{animation:burst .25s ease-in-out}
@keyframes switchColors {
0%{background-color:#FA4760}
100%{background-color:#58D1FF}
}
.switchColors-animation{animation:switchColors .2s ease-in-out infinite alternate}
@keyframes fadeOut {
0%{opacity:1}
100%{opacity:0;display:none}
}
.fadeOut-animation{animation:fadeOut .5s 1s ease-in-out forwards}
@keyframes moveUp {
0%{margin-top:0}
100%{margin-top:-20em}
}
.moveUpFadeOut-animation{animation:fadeOut .5s .5s ease-in-out forwards,moveUp .5s .5s ease-in-out forwards}
@media screen and (max-width: 640px) {
.main-wrapper{margin:0;width:100%;max-width:100%;height:100vh;max-height:99%}
.admin-cp{display:none}
}
@media screen and (max-height: 480px) {
body{font-size:1.6rem}
}