.character-switch-enter-active,.character-switch-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s}.character-switch-enter,.character-switch-leave-to{opacity:0}.character-switch-enter-to,.character-switch-leave{opacity:1}.v-enter-active,.v-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s}.v-enter,.v-leave-to{opacity:0}.full-for-canvas{width:100vw;overflow:hidden}.full-for-image{position:relative;display:block;width:100vw;height:100vh}.contain{display:inline-block;background-color:transparent;background-position:50%;background-repeat:no-repeat;margin:auto;width:100vw;height:100vh;background-size:contain}.message-box{background-color:#59d;color:#fff}.message-box,.message-box-white{position:relative;border:1px solid #add8e6;overflow:hidden;z-index:9999}.message-box-white{background-color:#fff;color:#000}.message-box-error{position:relative;background-color:#ff5050;border:1px solid #fff;overflow:hidden;color:#fff;z-index:9999}.main-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:xx-large;margin:-5px;padding:0 12px}.sub-text{opacity:.8;margin:10px}.nav-button{top:0;height:100%;width:75pt;z-index:9999}.game-frame,.nav-button{position:absolute;overflow:hidden}.game-frame{top:50px;left:50%;height:240px;width:360px;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:99999}@media (min-height:600px){.game-frame{top:17%}}