.controls[data-v-51d73186]{-webkit-box-shadow:0 -5px 8px rgba(0,0,0,.5);box-shadow:0 -5px 8px rgba(0,0,0,.5);height:60vh;position:relative;-webkit-transition:-webkit-transform .3s ease-in;transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in;z-index:2}.control-grid[data-v-51d73186]{-ms-flex-line-pack:distribute;align-content:space-around;background:#999;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100%;-ms-flex-pack:distribute;justify-content:space-around;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button[data-v-51d73186]{background:transparent;border:0 none;border-radius:25px;height:45%;outline:none;position:relative;top:-18px;-webkit-transform-origin:center calc(100% + 10px);transform-origin:center calc(100% + 10px);-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s;will-change:transform;width:45%}button[data-color=red][data-v-51d73186]{background:#f04848;-webkit-box-shadow:0 10px 0 #ec1919,0 14px 2px #666;box-shadow:0 10px 0 #ec1919,0 14px 2px #666}button[data-color=green][data-v-51d73186]{background:#58f048;-webkit-box-shadow:0 10px 0 #2dec19,0 14px 2px #666;box-shadow:0 10px 0 #2dec19,0 14px 2px #666}button[data-color=white][data-v-51d73186]{background:#fff;-webkit-box-shadow:0 10px 0 #e6e6e6,0 14px 2px #666;box-shadow:0 10px 0 #e6e6e6,0 14px 2px #666}button[data-color=blue][data-v-51d73186]{background:#18a8f0;-webkit-box-shadow:0 10px 0 #0d8ac8,0 14px 2px #666;box-shadow:0 10px 0 #0d8ac8,0 14px 2px #666}.countdown+.controls button[data-v-51d73186]{pointer-events:none}button[data-v-51d73186]:active{-webkit-transform:scaleY(.9);transform:scaleY(.9)}#app{background:#000;font-family:Calibri,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;height:100vh;margin:0 auto;overflow:hidden}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body,html{height:100vh}:root{--beam-color:transparent;--beam-speed:1px;--beam-speed:-1px}.start{background:#fff url(../img/cover.6c9f7ba3.svg) no-repeat 50%;background-size:auto 100%;height:100%;position:fixed;top:0;left:0;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:100%;z-index:99}:not([class=game])+.start{-webkit-transform:translateY(100%);transform:translateY(100%)}@media (pointer:fine){.start{background:#f04848;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateY(0)!important;transform:translateY(0)!important}.start:before{content:"Imprism is meant to be played on your \1F4F1!";font-size:2em;margin:auto;max-width:300px}}.intro-hint{background:orange;color:#fff;padding:3px 0}@-webkit-keyframes pulse{0%{-webkit-filter:grayscale(.9);filter:grayscale(.9)}to{-webkit-filter:grayscale(0);filter:grayscale(0)}}@keyframes pulse{0%{-webkit-filter:grayscale(.9);filter:grayscale(.9)}to{-webkit-filter:grayscale(0);filter:grayscale(0)}}.game{background:#000;height:40vh;overflow:hidden;position:relative;z-index:1}.game .bg-color{height:100%;opacity:0;position:absolute;top:0;left:0;-webkit-transition:opacity .5s;transition:opacity .5s;will-change:opacity;width:100%;z-index:-1}.game .bg-color.bg-red{background:#f04848}.game .bg-color.bg-green{background:#58f048}.game .bg-color.bg-blue{background:#18a8f0}.game .bg-color.bg-white{background:#fff}.game[data-bg="#18a8f0"] .bg-blue,.game[data-bg="#58F048"] .bg-green,.game[data-bg="#f04848"] .bg-red,.game[data-bg="#FFFFFF"] .bg-white{opacity:1}.game.end{--beam-color:transparent}.game.end .bg-color{opacity:0}.game.end~.controls{-webkit-transform:translateY(110%);transform:translateY(110%)}.game.end~.controls button{-webkit-filter:grayscale(.9);filter:grayscale(.9)}.game.end~.controls button[data-color=green]{-webkit-animation:pulse 1s infinite alternate;animation:pulse 1s infinite alternate}.countdown-text{color:transparent;font-size:2em;padding-left:20px;position:absolute;top:23%;text-align:left}.countdown .countdown-text,.score{color:#fff}.score{font-size:120px;line-height:27vh;opacity:1;pointer-events:none;position:absolute;top:0;text-align:center;-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;width:100%;z-index:1}.game:not(.end) .score{line-height:40vh;-webkit-transform:scale(.25) translate(140%,-160%);transform:scale(.25) translate(140%,-160%);text-align:right}.highscore{color:#fff;opacity:.5;pointer-events:none;position:absolute;bottom:10px;right:10px;-webkit-transition:opacity .5s;transition:opacity .5s;z-index:1}.highscore:before{content:"Best: "}.playing .highscore{opacity:0}.leaderboard{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:Courier New,Courier,monospace;height:73vh;padding:20px 0 40px;position:fixed;-webkit-transition:-webkit-transform .3s ease-in;transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in;width:100%;z-index:1}.leaderboard ul{list-style:none;padding:5px 0;text-align:left}.leaderboard fieldset{border:0 none;margin-bottom:10px}.leaderboard input{font-size:1.5em;height:40px;margin-right:5px;padding:0 5px;text-transform:uppercase;width:100px;vertical-align:middle}.leaderboard button{background:#18a8f0;border:0 none;border-radius:5px;-webkit-box-shadow:0 5px 0 #0d8ac8;box-shadow:0 5px 0 #0d8ac8;color:#fff;padding:12px 15px;vertical-align:middle}.game:not(.end)~.leaderboard{-webkit-transform:translateY(100%);transform:translateY(100%)}@-webkit-keyframes pew{0%{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(200%);transform:translateX(200%)}}@keyframes pew{0%{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(200%);transform:translateX(200%)}}.beam-fx{height:100%;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;left:0;width:100%;z-index:2}.playing .beam-fx{opacity:1}.beam-fx span{-webkit-animation:pew .25s infinite;animation:pew .25s infinite;border-top:1px solid var(--beam-color);display:block;position:relative;width:100px}.beam-fx span:first-child{-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-duration:.15s;animation-duration:.15s;top:10%}.beam-fx span:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s;top:35%;left:25%;width:80px}.beam-fx span:nth-child(3){-webkit-animation-duration:.2s;animation-duration:.2s;top:60%;left:45%;width:50px}.beam-fx span:nth-child(4){-webkit-animation-delay:.1s;animation-delay:.1s;top:80%;left:25%}@-webkit-keyframes hover{0%{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hover{0%{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(var(--neg-beam-speed),0,0);transform:translate3d(var(--neg-beam-speed),0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(var(--beam-speed),0,0);transform:translate3d(var(--beam-speed),0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(var(--neg-beam-speed),0,0);transform:translate3d(var(--neg-beam-speed),0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(var(--beam-speed),0,0);transform:translate3d(var(--beam-speed),0,0)}}.enemy{background:url(../img/tri.8de0df69.png) no-repeat;background-size:contain;height:20vh;width:20vh;position:absolute;top:10vh;right:0;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s;z-index:1}.game:not(.countdown):not(.playing) .enemy{opacity:0;-webkit-transform:translateX(200%) rotate(-15deg);transform:translateX(200%) rotate(-15deg)}.enemy-box{-webkit-animation:hover .5s ease-in infinite alternate;animation:hover .5s ease-in infinite alternate;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;position:relative;width:95vw}.game.playing .enemy-box{-webkit-animation-name:shake;animation-name:shake}.countdown .enemy-box .half{opacity:0}.enemy-box .half{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;mix-blend-mode:overlay;overflow:hidden;will-change:transform;width:100%;z-index:2}.enemy-box .half.top .side-beam{border-top-right-radius:35%;-webkit-transform-origin:right top;transform-origin:right top;top:10vh;position:relative}.enemy-box .half.bottom .side-beam{border-bottom-right-radius:35%;-webkit-transform-origin:right bottom;transform-origin:right bottom;top:-40vh;position:relative}.enemy-box .side-beam{background:var(--beam-color);height:50vh;width:100%}