.game-container .avatar-left-reader {
    width: 20%;
    height: 25%;
    margin: 57% 0 0 10%;
}

.game-container .avatar-left-avatar {
    width: 17%;
    height: 17.36%;
    margin: 59.7% 0 0 11%;
}

.game-container .avatar-left-avatar.switched {
    margin: 59.7% 0 0 72%;
}

.game-container .avatar-left-avatar.hide-me {
    width: 0 !important;
    height: 0 !important;
}

.game-container .avatar-left-reader.switched {
    margin: 57% 0 0 70%;
}

.game-container .clue-left-reader {
    width: 18%;
    height: 14.33%;
    margin: 47.15% 0 0 10.3%;
    transform-origin: 45% 100%;
    z-index: 1;
}

.game-container .clue-left-reader {}

.game-container .clue-left-reader.switched {
    margin: 47.15% 0 0 70.3%;
}

.game-container .check-left-reader {
    width: 20.24%;
    height: 13.5%;
    margin: 37.75% 0 0 9.23%;
    transform-origin: 70% 100%;
    z-index: 1;
}

.game-container .check-left-reader.switched {
    margin: 37.75% 0 0 69.23%;
}
/*MIDDLE AVATAR*/
.game-container .avatar-middle-coach {
    width: 20%;
    height: 25%;
    margin: 57% 0 0 53%;
}

    .game-container .avatar-middle-coach.background {
        background-color: #063dc7;
    }

.game-container .avatar-middle-avatar {
    width: 17%;
    height: 17.36%;
    margin: 59.7% 0 0 54.8%;
}

    .game-container .avatar-middle-avatar.switched {
        margin: 59.7% 0 0 11%;
    }

    .game-container .avatar-middle-avatar.hide-me {
        width: 0 !important;
        height: 0 !important;
    }

.game-container .avatar-middle-coach.switched {
    margin: 57% 0 0 10%;
}

.game-container .try-again-middle-coach {
    width: 23%;
    height: 13.56%;
    margin: 47.5% 0 0 68%;
    transform-origin: 60% 100%;
}

    .game-container .try-again-middle-coach.switched {
        margin: 47.5% 0 0 8%;
    }

.game-container .right-middle-coach {
    width: 18.5%;
    height: 13.3%;
    margin: 38.5% 0 0 70%;
    transform-origin: 55% 100%;
}

    .game-container .right-middle-coach.switched {
        margin: 38.5% 0 0 10%;
    }
/*RIGHT  AVATAR*/
.game-container .avatar-right-coach {
    width: 20%;
    height: 25%;
    margin: 57% 0 0 70%;
}

.game-container .avatar-right-coach.background {
    background-color: #063dc7;
}


.game-container .avatar-right-avatar {
    width: 17%;
    height: 17.36%;
    margin: 59.7% 0 0 72%;
}



.game-container .avatar-right-avatar.switched {
    margin: 59.7% 0 0 11%;
}


.game-container .avatar-right-avatar.hide-me {
    width: 0 !important;
    height: 0 !important;
}

.game-container .avatar-right-coach.switched {
    margin: 57% 0 0 10%;
}


.game-container .try-again-right-coach {
    background: url('../../../res/webapp/games/try_again_right_coach_background.png');
    -ms-background-size: cover;
    background-size: cover;
    width: 23%;
    height: 13.56%;
    margin: 47.5% 0 0 68%;
    transform-origin: 60% 100%;
}


.game-container .try-again-right-coach.switched {
    margin: 47.5% 0 0 8%;
}

.game-container .right-right-coach {
    width: 18.5%;
    height: 13.3%;
    margin: 38.5% 0 0 70%;
    transform-origin: 55% 100%;
}
.game-container .right-right-coach.switched {
    margin: 38.5% 0 0 10%;
}
/*TRIAD*/
.game-container .right-triad-coach {
    margin: 38.5% 0 0 65%;
}
.game-container .try-again-triad-coach {
    margin: 47.5% 0 0 63%;
    background: url('../../../res/webapp/games/try_again_triad_coach_background.png');
    -ms-background-size: cover;
    background-size: cover;
}
.game-container .try-again-right-coach-triad.switched {
    margin: 47.5% 0 0 8%;
}

.game-container .right-right-coach-triad.switched {
    margin: 38.5% 0 0 10%;
}
.game-container .avatar-right-coach-triad.switched {
    margin: 57% 0 0 10%;
}
.game-container .avatar-right-avatar-triad.hide-me {
    width: 0 !important;
    height: 0 !important;
}

.game-container .avatar-right-avatar-triad.switched {
    margin: 59.7% 0 0 11%;
}
.game-container .avatar-right-coach-triad {
    width: 20%;
    height: 25%;
    margin: 57% 0 0 75%;
}
.game-container .avatar-right-coach-triad.background {
    background-color: #063dc7;
}
.game-container .avatar-right-avatar-triad {
    width: 17%;
    height: 17.36%;
    margin: 59.7% 0 0 76.8%;
}
/**/

.game-container .letter {
    font-size: 20vh;
    text-align: center;
    color: white;
    position: absolute;
    transform-origin: bottom;
    height: 19vh;
    overflow: visible;
}

.game-container .connector {
    position: absolute;
    background-color: #fff;
    height: 1%;
    transition: 333ms linear all;
}

.game-container .connector.pointer {
    height: 2%;
    width: 0.75%;
    transform: translateY(-50%);
}

.game-container .letter.under .container {
    height: 100%;
    transform: translateX(-50%);
}

.game-container .letter.under .sprite {
    width: 14.58vh;
    height: 17.5vh;
    display: inline-block;
}


/* width x1.172532259293784 */

.game-container .letter.under .sprite.double {
    width: 17.1vh;
}

.game-container .letter.under .sprite div {
    width: 100%;
    height: 100%;
    display: block;
}

.game-container .letter.under {
    -ms-transform: translateY(23vh);
    -webkit-transform: translateY(23vh);
    transform: translateY(23vh);
    transform-origin: 0% 0%;
}