.wrap-exercise.wrap-exercise-lantern {
    background-color: #423f5d;
    background-image: url("/application/templates/images/common/games/bg-spotlight-bottom.png");
    background-position: 0 150%;
    background-repeat: no-repeat;
    background-size: contain;
}

/* game decoration*/

.spotlight {
    display: block;
    position: absolute;
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    border: 3px solid #fff;
    overflow: hidden;

    z-index: 150;
    pointer-events: none;

    box-shadow: 0 0 0 900px #423f5d;

    background-color: rgba(255, 255, 255, 0.0);
}

.spotlight.correct {
    border: 3px solid green;
}

.spotlight.error {
    border: 3px solid #eb3e35;
}

/**/

.wrap-exercise.wrap-exercise-lantern .ex-top {
    background: linear-gradient(180deg, #322e4a, #423f5d);
}

.wrap-exercise.wrap-exercise-lantern .ex-title {
    background-image: url("/application/templates/images/common/games/spotlight-title.png");
}

.wrap-exercise.wrap-exercise-lantern .ex-restart {
    background-image: url("/application/templates/images/common/games/ex-restart-random.png");
}

.wrap-exercise.wrap-exercise-lantern .exercise-play {
    position: relative;
    height: 70%;
    overflow: hidden;
}

.wrap-exercise.wrap-exercise-lantern .exercise-play {
    background-color: #fff;
    cursor: none;
}

.wrap-exercise.wrap-exercise-lantern .item-game {
    cursor: none;
}

.wrap-exercise.wrap-exercise-lantern .item-game {
    width: 12rem;
    cursor: none;
}

.wrap-exercise.wrap-exercise-lantern .exercise-bottom {
    margin-top: 10%;
}

.phrases.phrases-lantern .item-phrase {
    border: 1px solid gray;
    color: #2ebf76;
    background-color: #fff;
}

.wrap-exercise.wrap-exercise-lantern .item-game img {
    background-image: url("/application/templates/images/common/games/item-bg-2.png");
}