.game-container .monitor.mask {
    opacity: .3;
    transition: opacity ease-in 222ms;
}

.game-container .monitor.mask.flash {
    -webkit-animation: flashmask 222ms;
    -webkit-animation-iteration-count: 3;
    animation: flashmask 222ms;
    animation-iteration-count: 3;
}

.game-container .reader-area .text span.fail {
    -webkit-animation: wordfail 666ms;
    -webkit-animation-fill-mode: none;
    animation: wordfail 666ms;
    animation-fill-mode: none;
    animation-iteration-count: 1;
}

.game-container .power-reader-outro {
    transition: transform ease-in 666ms;
}

.game-container .power-reader-outro-score {
    transition: opacity ease-in 666ms;
}

.game-container .power-reader-outro.ng-hide {
    transform: translateY(-100vh);
    display: inherit !important;
}

.game-container .power-reader-outro-score.ng-hide {
    opacity: 0;
    display: inherit !important;
}

.game-container .outro-score.ng-hide {
    opacity: 0;
    display: inherit !important;
}

@-webkit-keyframes flashmask {
    0% {
        opacity: .3;
    }
    50% {
        opacity: .8;
    }
    100% {
        opacity: .3;
    }
}

@keyframes flashmask {
    0% {
        opacity: .3;
    }
    50% {
        opacity: .8;
    }
    100% {
        opacity: .3;
    }
}


@-webkit-keyframes wordfail {
    0% {
        opacity: .3;
    }
    50% {
        opacity: .8;
    }
    100% {
        opacity: .3;
    }
}

@keyframes wordfail {
    0% {
        opacity: .3;
    }
    50% {
        opacity: .8;
    }
    100% {
        opacity: .3;
    }
}
