/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}@font-face{font-family:EB Garamond;src:url(../assets/fonts/EBGaramond-Regular.a6ab2f5f.woff) format('woff')}a{text-decoration:none}.readable a{border-bottom:1px solid #d9d9d9}#app,#game,body,html{width:100%;height:100%}body{font-family:EB Garamond,george,serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;-webkit-transform:translateZ(0);backface-visibility:hidden}:focus{outline:none}::-moz-selection{background-color:gray;color:#fff}::selection{background-color:gray;color:#fff}.avatar{display:inline-block;background-color:#eee;background-size:cover;border-radius:50%}.list{margin:0;padding:0;list-style:none}[class*=-transition]{transition-duration:368ms}.fade-transition{transition-property:opacity}.fade-transition-enter,.fade-transition-leave-active{opacity:0}.slide-transition{transition-property:all}.slide-transition-enter,.slide-transition-leave-active{opacity:0;transform:translateY(-20px)}.expand-width-transition{transition-property:width}.expand-width-transition.expand-width-enter,.expand-width-transition.expand-width-leave{width:0}body[theme=bygone] [themify-active].router-link-active,body[theme=bygone] [themify-pseudo]:after,body[theme=bygone] [themify-pseudo]:before,body[theme=bygone] [themify]{color:#ced1d2}body[theme=bygone] [themify-bg]{background:#464751;color:#d9d9d9}body[theme=bygone] [themify-bg] [themify-darkify],body[theme=bygone] [themify-bg] [themify-darkify]>button{color:#d9d9d9}body[theme=bygone] [themify-bg] [themify-darkify] .svg-symbol,body[theme=bygone] [themify-bg] [themify-darkify]>button .svg-symbol{opacity:.7}body[theme=bygone] [themify-bg] [themify-darkify]:hover,body[theme=bygone] [themify-bg] [themify-darkify]>button:hover{color:#d9d9d9}body[theme=bygone] [themify-bg] [themify-darkify-progress]{height:3px;background:#ced1d2;box-shadow:0 2px 8px hsla(0,0%,100%,.3)}body[theme=bygone] [themify-bg] [themify-dark-invert]{filter:invert(100%)}body[theme=bygone] [themify-brandbg]{background:#ced1d2}body[theme=bygone] [themify-all]{background:#464751;fill:#ced1d2;border-color:#73757a}body[theme=fantasy] [themify-active].router-link-active,body[theme=fantasy] [themify-pseudo]:after,body[theme=fantasy] [themify-pseudo]:before,body[theme=fantasy] [themify]{color:#fa9e9e}body[theme=fantasy] [themify-bg]{background:#ffebeb}body[theme=fantasy] [themify-brandbg]{background:#fa9e9e}body[theme=fantasy] [themify-all]{background:#ffebeb;fill:#fa9e9e;border-color:#f5c9c4}body[theme=freshorigin] [themify-active].router-link-active,body[theme=freshorigin] [themify-pseudo]:after,body[theme=freshorigin] [themify-pseudo]:before,body[theme=freshorigin] [themify]{color:#fad495}body[theme=freshorigin] [themify-bg]{background:#53838b;color:#d9d9d9}body[theme=freshorigin] [themify-bg] [themify-darkify],body[theme=freshorigin] [themify-bg] [themify-darkify]>button{color:#d9d9d9}body[theme=freshorigin] [themify-bg] [themify-darkify] .svg-symbol,body[theme=freshorigin] [themify-bg] [themify-darkify]>button .svg-symbol{opacity:.7}body[theme=freshorigin] [themify-bg] [themify-darkify]:hover,body[theme=freshorigin] [themify-bg] [themify-darkify]>button:hover{color:#d9d9d9}body[theme=freshorigin] [themify-bg] [themify-darkify-progress]{height:3px;background:#fad495;box-shadow:0 2px 8px hsla(0,0%,100%,.3)}body[theme=freshorigin] [themify-bg] [themify-dark-invert]{filter:invert(100%)}body[theme=freshorigin] [themify-brandbg]{background:#fad495}body[theme=freshorigin] [themify-all]{background:#53838b;fill:#fad495;border-color:#9d615e}body[theme=lovepotion] [themify-active].router-link-active,body[theme=lovepotion] [themify-pseudo]:after,body[theme=lovepotion] [themify-pseudo]:before,body[theme=lovepotion] [themify]{color:#f8b2bd}body[theme=lovepotion] [themify-bg]{background:#fff3ea}body[theme=lovepotion] [themify-brandbg]{background:#f8b2bd}body[theme=lovepotion] [themify-all]{background:#fff3ea;fill:#f8b2bd;border-color:#f3d4a6}body[theme=midnight] [themify-active].router-link-active,body[theme=midnight] [themify-pseudo]:after,body[theme=midnight] [themify-pseudo]:before,body[theme=midnight] [themify]{color:#f8e88e}body[theme=midnight] [themify-bg]{background:#24505c;color:#d9d9d9}body[theme=midnight] [themify-bg] [themify-darkify],body[theme=midnight] [themify-bg] [themify-darkify]>button{color:#d9d9d9}body[theme=midnight] [themify-bg] [themify-darkify] .svg-symbol,body[theme=midnight] [themify-bg] [themify-darkify]>button .svg-symbol{opacity:.7}body[theme=midnight] [themify-bg] [themify-darkify]:hover,body[theme=midnight] [themify-bg] [themify-darkify]>button:hover{color:#d9d9d9}body[theme=midnight] [themify-bg] [themify-darkify-progress]{height:3px;background:#f8e88e;box-shadow:0 2px 8px hsla(0,0%,100%,.3)}body[theme=midnight] [themify-bg] [themify-dark-invert]{filter:invert(100%)}body[theme=midnight] [themify-brandbg]{background:#f8e88e}body[theme=midnight] [themify-all]{background:#24505c;fill:#f8e88e;border-color:#48899b}body[theme=monochrome] [themify-active].router-link-active,body[theme=monochrome] [themify-pseudo]:after,body[theme=monochrome] [themify-pseudo]:before,body[theme=monochrome] [themify]{color:#383838}body[theme=monochrome] [themify-bg]{background:#fff}body[theme=monochrome] [themify-brandbg]{background:#383838}body[theme=monochrome] [themify-all]{background:#fff;fill:#383838;border-color:#ccc}body[theme=moonized] [themify-active].router-link-active,body[theme=moonized] [themify-pseudo]:after,body[theme=moonized] [themify-pseudo]:before,body[theme=moonized] [themify]{color:#4e788f}body[theme=moonized] [themify-bg]{background:#fff9eb}body[theme=moonized] [themify-brandbg]{background:#4e788f}body[theme=moonized] [themify-all]{background:#fff9eb;fill:#4e788f;border-color:#a98e7d}.toasts-manager-container{position:fixed;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;z-index:233333;width:296px;transform:translateZ(9999px)}.toasts-manager-container.position-bottom{bottom:15px}.toasts-manager-container.position-left{left:30px}.toasts-manager-container.position-right{right:30px}.toasts-manager-container .toast-container{position:relative;z-index:-1;padding:0;transition:all 218ms}.toasts-manager-container .toast-container:only-child .toast-message{transition-duration:168ms}.toasts-manager-container .toast-container.v-enter-active,.toasts-manager-container .toast-container.v-leave-active{opacity:0}.toasts-manager-container .toast-container.v-enter-active .toast-message,.toasts-manager-container .toast-container.v-leave-active .toast-message{margin-bottom:-67px}.toasts-manager-container .toast-container.v-enter-active.has-tips .toast-message,.toasts-manager-container .toast-container.v-leave-active.has-tips .toast-message{margin-bottom:-125px}.toasts-manager-container .toast-container.v-leave-active .toast-message{transition-duration:368ms}.toasts-manager-container .toast-container .toast-message{padding:14px 24px 14px 40px;margin-bottom:15px;font-size:16px;color:#fff;background-color:rgba(56,56,56,.76);border-left:4px solid #3da8f5;border-radius:0;box-shadow:0 7px 21px 0 rgba(0,0,0,.05);transition:all 268ms cubic-bezier(.02,.01,.47,1)}.toasts-manager-container .toast-container .toast-message-body{display:inline-block;padding-right:10px}.toasts-manager-container .toast-container .toast-message .svg-symbol{position:absolute;top:18px;margin-left:-26px;font-size:16px}.toasts-manager-container .toast-container .toast-message .toast-close-btn{cursor:pointer;position:absolute;top:19px;right:13px;width:14px;height:14px;opacity:.7;transition:opacity 218ms ease-in-out}.toasts-manager-container .toast-container .toast-message .toast-close-btn:hover{opacity:1}.toasts-manager-container .toast-container .toast-message .toast-close-btn:after,.toasts-manager-container .toast-container .toast-message .toast-close-btn:before{content:'';position:absolute;top:6px;width:14px;height:2px;background-color:#d9d9d9}.toasts-manager-container .toast-container .toast-message .toast-close-btn:before{transform:rotate(45deg)}.toasts-manager-container .toast-container .toast-message .toast-close-btn:after{transform:rotate(-45deg)}.toasts-manager-container .toast-container .toast-tips{display:block;margin-top:5px;color:#e5e5e5}.toasts-manager-container .toast-container.status-info .toast-message{border-color:#3da8f5}.toasts-manager-container .toast-container.status-info .toast-message .svg-symbol{color:#3da8f5}.toasts-manager-container .toast-container.status-error .toast-message{border-color:#ff4f3e}.toasts-manager-container .toast-container.status-error .toast-message .svg-symbol{color:#ff4f3e}.toasts-manager-container .toast-container.status-success .toast-message{border-color:#3da8f5}.toasts-manager-container .toast-container.status-success .toast-message .svg-symbol{color:#3da8f5}.toasts-manager-container .toast-container.status-warning .toast-message{border-color:$orange}.toasts-manager-container .toast-container.status-warning .toast-message .svg-symbol{color:$orange}.svg-symbol{display:inline-block;vertical-align:middle;fill:currentColor;overflow:hidden;width:1em;height:1em}.btn{-ms-flex-align:center;align-items:center;position:relative;padding:12px;font-size:22px;transition:all 318ms;border:none;cursor:pointer}.btn,.btn .svg-symbol-loading{display:-ms-inline-flexbox;display:inline-flex}.btn .svg-symbol-loading{position:absolute;left:12px;top:12px;-ms-flex-item-align:center;align-self:center;border:1px solid currentColor;border-top-color:transparent;border-right-color:transparent;border-radius:50%;opacity:0;transition:width 318ms,left 318ms,opacity 218ms}.btn .svg-symbol-loading use{display:none}.btn.is-block{display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:center;justify-content:center}.btn.disabled,.btn.is-loading{background-color:#f7f7f7!important;border-color:#d9d9d9!important;color:#a6a6a6!important;opacity:1!important;cursor:not-allowed}.btn.is-loading{padding-left:37px}.btn.is-loading .svg-symbol{left:17px;opacity:1;animation:spin 1s infinite linear}.btn-default.is-ghost{background-color:transparent;color:gray}.btn-default.is-ghost:hover{color:#666;background-color:hsla(0,0%,50%,.1)}.btn-default.is-ghost.is-active,.btn-default.is-ghost:active{color:#606060;background-color:hsla(0,0%,50%,.15)}.btn-dark{background-color:hsla(0,0%,50%,.15)}.btn-dark:hover{color:#fff;background-color:#383838}.dropdown.is-open .dropdown-toggler{color:#606060;background-color:hsla(0,0%,50%,.15)}.dropdown-toggler{transition:all 318ms;display:inline-block}.dropdown-menu{background:hsla(0,0%,50%,.15);min-width:180px;max-width:240px;transform:scaleY(1);transform-origin:left top;overflow:hidden}.dropdown-menu>:first-child{transform:scale(1) translateY(0);transition:all 218ms;transition-delay:80ms}.dropdown-menu.slide-transition{transition:all 218ms}.dropdown-menu.slide-transition-enter,.dropdown-menu.slide-transition-leave-active{transform:scaleY(0)}.dropdown-menu.slide-transition-enter>:first-child,.dropdown-menu.slide-transition-leave-active>:first-child{transform:scale(1.05) translateY(-15%)}.dropdown-menu.slide-transition-leave{transition-delay:40ms}.dropdown-menu.slide-transition-leave>:first-child{transition-delay:0;transform:translateY(-15%)}.dropdown-menu li{padding:6px 12px;padding-right:40px;opacity:.8;cursor:pointer;transition:all 318ms;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown-menu li .more-info{position:absolute;top:8px;right:18px;opacity:.5;font-size:80%}.dropdown-menu li:after{content:' ';display:block;position:absolute;top:50%;right:20px;width:5px;height:5px;margin-top:-2.5px;background:currentColor;border-radius:50%;opacity:0;transition:transform 418ms,opacity 318ms;transform:translate3D(25px,0,0)}.dropdown-menu li.is-active{background:rgba(56,56,56,.1)}.dropdown-menu li.is-active:after{transform:translate3D(0,0,0);opacity:1}.dropdown-menu li:hover{background:rgba(56,56,56,.1)}.dropdown-menu li.divider{padding:0;height:1px;background:currentColor;opacity:.08}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.94;background:#f7f7f7}.v-modal-enter{animation:v-modal-in .2s ease}.v-modal-leave{animation:v-modal-out .2s ease forwards}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;color:#383838;transition:transform 318ms,opacity 318ms}.modal-wrap.v-enter,.modal-wrap.v-leave-active{transform:translate3d(0,-20px,0);opacity:0}.modal{position:relative;margin-left:auto;margin-right:auto;background:hsla(0,0%,100%,.26);padding:25px;border:2px solid currentColor;border-radius:0;box-shadow:0 7px 21px 0 rgba(0,0,0,.05)}.modal.size-normal{width:100%;max-width:600px}.modal.size-full{max-width:1024px;background:hsla(0,0%,100%,.9);border:0;padding:40px}.modal.size-full .modal-close{top:30px;right:30px;font-size:20px;color:gray}.modal-header{position:relative;padding-bottom:17px;margin-top:5px;margin-bottom:20px;border-bottom:2px solid currentColor;font-size:24px}.modal-title{display:block;line-height:1;vertical-align:middle;padding-right:60px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal-close{position:absolute;font-size:85%;right:0;top:2px;cursor:pointer;transition:all 318ms;margin:-.5em;padding:.5em;box-sizing:content-box}.modal-close:hover{color:#ff4f3e!important}.modal-body{font-size:120%}@keyframes v-modal-in{0%{opacity:0}to{opacity:1}}@keyframes v-modal-out{to{opacity:0}}#app{min-height:500px}#app>.logo{left:50%;top:38.2%;margin-top:-40px;margin-left:-40px;transition:transform 318ms,left .5s 368ms}[status=loaded] #app>.logo{left:19.1%}#app>.logo.is-preload{transform:rotateY(90deg) rotate(0deg)}#app footer{position:absolute;bottom:10px}#content{position:absolute;top:19.1%;bottom:19.1%;left:36.2%;right:19.1%;transform:translate3d(5%,0,0);opacity:0;transition:all 418ms 668ms}#content>:first-child{height:100%}[status=loaded] #content{opacity:1;transform:translateZ(0)}#game{position:fixed;z-index:1;top:0;left:0;transform:translateY(100%) translateZ(9999px);transition:transform 518ms cubic-bezier(.27,.17,.37,1.03)}[game-status=loading] #game,[game-status=playing] #game{transform:translateY(0) translateZ(9999px)}.music-list{height:120%;margin-top:-15%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1 1 auto;flex:1 1 auto}.music-list .pieces-list{-ms-flex:1 1 0;flex:1 1 0;overflow-y:auto;list-style:none;padding:10% 0;margin:0;-webkit-mask-image:linear-gradient(180deg,hsla(0,0%,100%,0),#fff 10%,#fff 80%,hsla(0,0%,100%,.5) 90%,hsla(0,0%,100%,0))}.music-list .piece-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;padding:.2em 0;color:currentColor}.music-list .piece-item+.piece-item{margin-top:30px}.music-list .piece-item.router-link-active .info-avatar,.music-list .piece-item:hover .info-avatar{filter:grayscale(0);-webkit-filter:grayscale(0)}.music-list .piece-item.router-link-active .info-musician,.music-list .piece-item.router-link-active .subinfo-suite,.music-list .piece-item:hover .info-musician,.music-list .piece-item:hover .subinfo-suite{color:#4d4d4d}.music-list .piece-item .info-avatar{width:48px;height:48px;margin-right:20px;transition:all 318ms;filter:grayscale(100%);-webkit-filter:grayscale(100%)}.music-list .piece-item .info-name{-ms-flex:1;flex:1;display:inline-block;font-size:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:color 318ms}.music-list .piece-item .info-musician,.music-list .piece-item .subinfo-suite{color:gray;transition:color 318ms}.music-list .piece-item .subinfo-suite{color:gray;font-size:70%}.music-list .piece-item .info-musician{margin-left:20px}.piece-view{height:100%}.piece-view.is-hide-info .control-layer,.piece-view.is-hide-info .info-layer{opacity:0;transition:opacity 418ms 0ms}.piece-view [class*=-layer]{transition:all 318ms}.piece-view [class*=-layer].v-enter,.piece-view [class*=-layer].v-leave-active{opacity:0;visibility:hidden;transform:translateY(35px)}.piece-view .loading-layer{height:inherit;transition:all 418ms}.piece-view .loading-layer .progress{position:fixed;top:0;left:0;width:100%}.piece-view .loading-layer .progress-bar{height:2px;background:gray;box-shadow:0 0 8px hsla(0,0%,50%,.5);transition:width 1218ms,transform 418ms}.piece-view .loading-layer .logo{top:38.2%}.piece-view .loading-layer.v-enter .progress-bar,.piece-view .loading-layer.v-leave-active .progress-bar{transform:translateY(-37px)}[game-status=loading] .piece-view .loading-layer{transition-delay:918ms}.piece-view .control-layer{position:relative;z-index:2}[game-status=loading] .piece-view .control-layer{transition-delay:618ms}.piece-view .control-layer>*{position:absolute;top:20px}.piece-view .control-layer .menu-handler{left:25px}.piece-view .control-layer .close-handler{right:25px}.piece-view .info-layer{position:absolute;z-index:2;bottom:20px;left:25px;max-width:100%;opacity:.7}[game-status=loading] .piece-view .info-layer{transition-delay:668ms}.piece-view .info-layer .piece-name{margin-right:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#game canvas{position:relative;z-index:-1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all 418ms 218ms}[game-status=loading] #game canvas{opacity:0;transform:translateY(30px);transition-delay:0ms}.paused-panel-list{display:-ms-flexbox;display:flex}.paused-panel-list li{-ms-flex:1;flex:1}.paused-panel-list li+li{margin-left:25px}.paused-panel-list .btn{padding:8px 12px}.logo{position:absolute;width:80px;height:80px;font-size:50px;transform-style:preserve-3d;perspective:9999px;transition:transform 318ms;transform:rotateY(0deg) rotate(0deg);color:#383838}.logo.align-center{top:38.2%;left:50%;margin-top:-40px;margin-left:-40px}.logo.on-animation,.logo:hover{animation:rotateTheLogo 2.2s infinite both}.logo.on-animation .logo-face,.logo:hover .logo-face{box-shadow:inset 0 0 0 1px #383838,0 0 1px 1px #383838}.logo .logo-face{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:absolute;left:0;right:0;top:0;bottom:0;box-shadow:inset 0 0 0 2px #383838;border-radius:0;transition:border-radius .5s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.logo .logo-face-front{transition:opacity 418ms;transform:translateZ(40px)}.logo .logo-face-front .letter-p{position:absolute;left:21px;top:-6px;font-size:55px}.logo .logo-face-front .letter-f{position:absolute;top:28px;left:46px;font-size:35px}.logo .logo-face-back{transform:rotateY(180deg) translateZ(40px)}.logo .logo-face-left{transform:rotateY(-90deg) translateZ(40px)}.logo .logo-face-right{transform:rotateY(90deg) translateZ(40px)}.logo .logo-face-top{transform:rotateX(90deg) translateZ(40px)}.logo .logo-face-bottom{transform:rotateX(-90deg) translateZ(40px)}@keyframes rotateTheLogo{0%{transform:rotateY(0deg) rotate(0deg)}20%{transform:rotateY(90deg) rotate(0deg)}40%{transform:rotateX(45deg) rotate(45deg)}60%{transform:rotateX(90deg) rotateY(180deg) rotateX(90deg)}80%{transform:rotateX(310deg) rotate(230deg)}to{transform:rotateX(1turn) rotate(1turn)}}footer[data-v-2d3b75b7]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}