.game-layout[data-v-f49b4bdc]{display:block;width:100%;height:100vh;overflow:hidden;background:#ececec;background:-webkit-gradient(linear,left top,left bottom,from(#222),to(#141414));background:linear-gradient(180deg,#222 0,#141414)}.game-list[data-v-6fa23000]{position:relative;margin:40px -1em;padding:0;list-style:none}.game-list li[data-v-6fa23000]{position:relative;display:inline-block;width:50%;float:left;padding-top:27.5%;overflow:hidden;margin-bottom:1em}.game-list li .game-grid[data-v-6fa23000]{display:inline-block;position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0;margin:auto;padding:1em}.game-list li a[data-v-6fa23000]{display:inline-block;border:1px solid #f5f5f5;width:100%;height:100%;background:#f5f5f5;text-align:center}.game-list li a img[data-v-6fa23000]{height:100%;width:auto}.game-list[data-v-6fa23000]:after{content:"";display:block;clear:both}@media only screen and (max-width:767.98px){.game-list[data-v-6fa23000]{margin:40px 0}.game-list li[data-v-6fa23000]{width:100%;padding-top:52%}}.muzik-game[data-v-4a982aa2]{position:relative}.muzik-game .show-score[data-v-4a982aa2]{display:block;position:absolute;top:1.4em;left:1.4em;color:#fff;font-size:20px;font-weight:700;text-transform:uppercase}.muzik-game .game-controls[data-v-4a982aa2]{display:block;position:absolute;top:2em;right:2em}.muzik-game .game-controls .demo-buttons .demo-button[data-v-4a982aa2]{display:inline-block}.muzik-game .game-controls .demo-buttons .demo-button .btn[data-v-4a982aa2]{border-radius:5%;border:none;padding:10px 20px;margin:0 2px 5px;cursor:pointer;outline:none}.muzik-game .game-controls .demo-buttons .demo-button .btn.demo[data-v-4a982aa2]{background:#850e09}.muzik-game .game-controls .demo-buttons .demo-button .btn.demo.on[data-v-4a982aa2]{background:#a10903}.muzik-game .game-controls .demo-buttons .demo-button .btn.help[data-v-4a982aa2]{background:#e7af38}.muzik-game .game-controls .demo-buttons .demo-button .btn.help.on[data-v-4a982aa2]{background:#f4b93b}.muzik-game .game-controls .demo-buttons .demo-button p[data-v-4a982aa2]{color:#fff;text-align:center;margin:0;padding:0}.muzik-game .game-controls .demo-buttons[data-v-4a982aa2]:after{content:"";display:block;clear:both}.muzik-game .game-controls .setting[data-v-4a982aa2]{text-align:center;color:#e5e5e5;font-size:18px}.muzik-game .game-controls .setting a[data-v-4a982aa2]{display:inline;color:grey;text-decoration:none;margin-right:1em}.muzik-game .game-controls .setting a.active[data-v-4a982aa2]{color:#fff;font-weight:600}.muzik-game .game-controls .setting .input[data-v-4a982aa2]{display:inline-block;padding-left:10px;width:100px}.muzik-game .game-controls .setting p[data-v-4a982aa2]{margin:0;padding:10px 0 0;color:#fff}.muzik-game .game-controls .btn-game-start[data-v-4a982aa2]{position:relative;height:30px;border-width:15px 0 15px 18px}.muzik-game .game-controls .btn-game-start.paused[data-v-4a982aa2]{border-width:0 0 0 18px}.keyboard-container[data-v-4a982aa2]{display:block;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);overflow:hidden;margin:0 auto;background:#111;-webkit-box-shadow:10px 2px 10px #090909,2px 10px 10px #090909;box-shadow:10px 2px 10px #090909,2px 10px 10px #090909;text-align:center;font-size:18px}@media (max-width:700px){.keyboard-container[data-v-4a982aa2]{font-size:14px}}@media (max-width:500px){.keyboard-container[data-v-4a982aa2]{font-size:10px}}.controls-container[data-v-4a982aa2]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:distribute;justify-content:space-around}.controls-container.playing button.demo-button[data-v-4a982aa2],.controls-container.playing input[data-v-4a982aa2]{pointer-events:none;cursor:default}.keyboard[data-v-4a982aa2]{width:100%;height:35vh;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.keyboard.helpOn .white[data-v-4a982aa2]{color:#000}.keyboard.helpOn .black[data-v-4a982aa2]{color:#fff}.black[data-v-4a982aa2],.white[data-v-4a982aa2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:2rem;border-radius:5px;font-family:sans-serif;font-size:16px;padding-bottom:5px;outline:none}.white[data-v-4a982aa2]{height:100%;width:45px;min-width:45px;background-color:ivory;color:ivory;-webkit-box-shadow:2px 7px 2px #222;box-shadow:2px 7px 2px #222;background:#fff;background:linear-gradient(-30deg,#f5f5f5,#fff);border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #fff,inset 1px 0 0 #fff,inset -1px 0 0 #fff,0 4px 3px rgba(0,0,0,.7);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #fff,inset 1px 0 0 #fff,inset -1px 0 0 #fff,0 4px 3px rgba(0,0,0,.7);border-radius:0 0 3px 3px}.white.played[data-v-4a982aa2]{background:linear-gradient(-30deg,#dcdcdc,#dcdcdc);color:ivory;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.4);box-shadow:0 2px 2px rgba(0,0,0,.4);position:relative;border-top:2px solid #aaa}.white.played[data-v-4a982aa2]:before{content:"";width:0;height:0;border-width:35vh 4px 0;border-style:solid;border-color:transparent transparent transparent rgba(0,0,0,.1);position:absolute;left:0;top:0}.white.played[data-v-4a982aa2]:after{content:"";width:0;height:0;border-width:35vh 4px 0;border-style:solid;border-color:transparent rgba(0,0,0,.1) transparent transparent;position:absolute;right:0;top:0}.white.played>.black[data-v-4a982aa2]{top:-2px}.black[data-v-4a982aa2]{height:70%;width:26px;position:absolute;z-index:2;margin-left:-1.6%;background-color:#000;color:#000;background:#333;background:linear-gradient(-20deg,#333,#000,#333);z-index:10;border-width:1px 2px 7px;border-style:solid;border-color:#666 #222 #111 #555;-webkit-box-shadow:inset 0 -1px 2px hsla(0,0%,100%,.4),0 2px 3px rgba(0,0,0,.4);box-shadow:inset 0 -1px 2px hsla(0,0%,100%,.4),0 2px 3px rgba(0,0,0,.4);border-radius:0 0 2px 2px}.black.played[data-v-4a982aa2]{border-bottom-width:2px;height:70.2%;-webkit-box-shadow:inset 0 -1px 1px hsla(0,0%,100%,.4),0 1px 0 rgba(0,0,0,.8),0 2px 2px rgba(0,0,0,.4),0 -1px 0 #000;box-shadow:inset 0 -1px 1px hsla(0,0%,100%,.4),0 1px 0 rgba(0,0,0,.8),0 2px 2px rgba(0,0,0,.4),0 -1px 0 #000}.key[data-v-4a982aa2]{position:relative}.key>.black[data-v-4a982aa2]{position:absolute;top:-1px;right:-28%}@media (max-width:600px){.oct[data-v-4a982aa2]{display:none}}.note ul[data-v-4a982aa2]{position:relative;top:0;max-width:675px;min-height:65vh;margin:auto;padding:0;-webkit-transition:.4s;transition:.4s}.note ul li[data-v-4a982aa2]{display:inline-block;position:absolute;width:20px;background:#e23a3b;opacity:1;-webkit-transition:.2s;transition:.2s}.note ul li.out[data-v-4a982aa2]{opacity:0}.note ul li.clicked[data-v-4a982aa2]{opacity:.5}.note ul li.rest[data-v-4a982aa2]{display:none}.note ul li.b3[data-v-4a982aa2]{left:-33px}.note ul li.c4[data-v-4a982aa2]{left:12.5px}.note ul li.d4[data-v-4a982aa2]{left:57.5px}.note ul li.e4[data-v-4a982aa2]{left:102.5px}.note ul li.f4[data-v-4a982aa2]{left:147.5px}.note ul li.g4[data-v-4a982aa2]{left:192.5px}.note ul li.a4[data-v-4a982aa2]{left:237.5px}.note ul li.b4[data-v-4a982aa2]{left:282.5px}.note ul li.c5[data-v-4a982aa2]{left:327.5px}.note ul li.d5[data-v-4a982aa2]{left:372.5px}.note ul li.e5[data-v-4a982aa2]{left:417.5px}.note ul li.f5[data-v-4a982aa2]{left:462.5px}.note ul li.g5[data-v-4a982aa2]{left:507.5px}.note ul li.a5[data-v-4a982aa2]{left:552.5px}.note ul li.b5[data-v-4a982aa2]{left:597.5px}.note ul li.c6[data-v-4a982aa2]{left:642.5px}.note ul li.db4[data-v-4a982aa2]{left:32px}.note ul li.eb4[data-v-4a982aa2]{left:77px}.note ul li.gb4[data-v-4a982aa2]{left:167px}.note ul li.ab4[data-v-4a982aa2]{left:212px}.note ul li.bb4[data-v-4a982aa2]{left:257px}.note ul li.db5[data-v-4a982aa2]{left:347px}.note ul li.eb5[data-v-4a982aa2]{left:392px}.note ul li.gb5[data-v-4a982aa2]{left:482px}.note ul li.ab5[data-v-4a982aa2]{left:527px}.note ul li.bb5[data-v-4a982aa2]{left:572px}.note ul li.len25[data-v-4a982aa2]{background:#e23a3b}.note ul li.len50[data-v-4a982aa2]{background:#e23a3b}.note ul li.len100[data-v-4a982aa2]{background:#e23a3b}.note ul li.len150[data-v-4a982aa2]{background:#a10903}.note ul li.len200[data-v-4a982aa2]{background:#a10903}.note ul li.len250[data-v-4a982aa2]{background:#a10903}.note ul li.len300[data-v-4a982aa2]{background:#850e09}.note ul li.len600[data-v-4a982aa2]{background:#850e09}.note .game-mask[data-v-4a982aa2],.note .game-over[data-v-4a982aa2]{position:relative;max-width:675px;width:100%;height:65vh;margin:auto}.note .game-over[data-v-4a982aa2]{padding-top:25vh}.note .game-over .btn[data-v-4a982aa2]{width:50%;display:block;background:grey;line-height:60px;font-size:20px;text-align:center;margin:0 auto;margin-bottom:15px;color:#fff;font-weight:700;cursor:pointer;text-decoration:none}.note .game-over .btn.share[data-v-4a982aa2]{background:#4367b2}.btn-game-start[data-v-4a982aa2]{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;border:0;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;width:0;height:90px;border-color:transparent transparent transparent #f5f5f5;-webkit-transition:all .1s ease;transition:all .1s ease;cursor:pointer;border-style:solid;border-width:45px 0 45px 68px}.btn-game-start[data-v-4a982aa2]:hover{border-color:transparent transparent transparent #d5d5d5}.btn-game-start.paused[data-v-4a982aa2]{border-style:double;border-width:0 0 0 60px}