@media screen and (max-width: 991px) {
    .header {
        padding-bottom: 25px;
    }

        .header .candle-block {
            position: relative;
            display: flex;
            flex-direction: column;
            margin-bottom: 10px;
        }

        .header .candle {
            height: 105px;
            vertical-align: baseline;
        }

        .header .war-message {
            font-size: 24px;
            position: unset;
            transform: unset;
            -webkit-transform: unset
        }

        .header .cavalry-message {
            font-size: 24px;
            padding: 6px 16px;
        }

        .header .description {
            padding: 16px 20px 0 20px;
            font-size: 16px;
            line-height: 24px;
        }



    .victim-card.has-description:hover {
        background-color: #fff;
        color: initial;
    }

        .victim-card.has-description:hover hr {
            border-color: initial;
        }

        .victim-card.has-description:hover .image-block {
            width: 129px !important;
            min-width: 129px !important;
        }

        .victim-card.has-description:hover .unit {
            opacity: initial;
        }

        .victim-card.has-description:hover .details {
            opacity: initial;
            height: initial;
        }

        .victim-card.has-description:hover .description {
            opacity: 0;
        }

    .mobile-description-block {
        display: flex;
        border: 1px solid rgba(15, 66, 122, 0.2);
        border-radius: 8px;
        overflow: hidden;
        backdrop-filter: blur(2px);
        position: relative;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-top-color: transparent;
        margin-top: -50px;
        z-index: 1;
        transition: all 0.2s ease-in;
        padding: 22px 15px 16px 15px;
        background: #EFF1F8;
    }

        .mobile-description-block .mobile-description {
            font-size: 16px;
            line-height: 24px;
        }

    .victim-card.open + .mobile-description-block {
        margin-top: 0 !important;
    }

    .victim-card.open {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .toggle-card {
        display: inline-block;
    }

    .scroller {
        top: unset !important;
        bottom: 0 !important;
        left: 0 !important;
    }
}