.mt-hidden {
    display:none;
}


#mt-result-modal {

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.5);

    align-items:center;

    justify-content:center;

}


#mt-result-modal.mt-show {

    display:flex;

}


.mt-hidden {

    display:none !important;

}


.mt-result-box {

    background:white;

    padding:30px;

    border-radius:10px;

    text-align:center;

}


.mt-pagination {
    margin-top: 30px;
    text-align: center;
}


.mt-pagination a {

    display: inline-block;

    margin: 0 4px;

    padding: 6px 12px;

    background: #eee;

    border-radius: 5px;

    text-decoration: none;

    color: #333;

}


.mt-pagination a:hover {

    background: #ddd;

}


.mt-pagination a.active {

    background: #333;

    color: #fff;

}

/* ===== ПРОГРЕСС-БАР ===== */

.progress-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* контейнер */
.progress-bar {
    width: 140px;
    height: 10px;
    background: #eee;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

/* сама полоска */
.progress-fill {
    height: 100%;
    width: 0;
    transition: width 0.8s ease;
    will-change: width;
}

/* цвета */
.progress-red {
    background: #e74c3c;
}

.progress-yellow {
    background: #f1c40f;
}

.progress-green {
    background: #2ecc71;
}
.progress-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}
/* === 100% ГЛОВ + ПУЛЬС === */

.progress-fill.glow {
    box-shadow: 0 0 10px rgba(46, 204, 113, 0.8),
                0 0 20px rgba(46, 204, 113, 0.5);
    animation: glowPulse 1.2s infinite;
}

/* пульсация */
@keyframes glowPulse {
    0% {
        box-shadow: 0 0 6px rgba(46, 204, 113, 0.4);
    }
    50% {
        box-shadow: 0 0 18px rgba(46, 204, 113, 0.9);
    }
    100% {
        box-shadow: 0 0 6px rgba(46, 204, 113, 0.4);
    }
}

#mt-finish-training{
    width: 400px;
    font-size: 20px;
}
.mt-record-star {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: #ffc800;
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
    vertical-align: -4px;
}

.mt-record-table td,
.mt-record-table th {
    vertical-align: middle;
}
.mt-attempts-block {
    max-width: 1200px;
    margin: 30px auto;
}

.mt-attempts-block h1 {
    text-align:center;
    margin-bottom:30px;
}

.mt-today-summary {
    background:#fff;
    border:2px solid #5bb672;
    border-radius:10px;
    padding:20px;
    margin-bottom:30px;
}

.mt-summary-table {
    width:100%;
    border-collapse:collapse;
}

.mt-summary-table td {
    padding:10px;
    font-size:20px;
    vertical-align:middle;
}

.mt-summary-table td:last-child {
    text-align:right;
}
#mt-start-screen_doska {
    position: relative;
    width: 100%;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: linear-gradient( rgba(255,255,255,.35), rgba(255,255,255,.35) ), url(/wp-content/uploads/trainers/start-bg.webp) center center / cover no-repeat; */
    overflow: hidden;
    border-radius: 20px;
    background-image: url(https://kid-mama.ru/wp-content/uploads/2024/07/доска.png);
    background-size: 100% 100%;
    border: 5px solid #ddd;
}

#mt-start-screen{

    position:relative;

    width:100%;
    min-height:500px;

    display:flex;

    align-items:center;
    justify-content:center;

    background:
linear-gradient(
rgba(255,255,255,.35),
rgba(255,255,255,.35)
),
url("/wp-content/uploads/trainers/start-bg.webp")
center center / cover
no-repeat;

    overflow:hidden;

    border-radius:20px;
    background-image: url(https://kid-mama.ru/wp-content/uploads/2026/01/фон.png);

}



.mt-start-content{

    background: #ffffff;

    padding:40px;

    border-radius:20px;

    box-shadow:0 10px 35px rgba(0,0,0,.15);

    

}






/*#mt-start-btn{

box-shadow:
0 6px 20px rgba(0,153,229,.35);

}*/

@keyframes mtIntro{

    from{

        opacity:0;
        transform:scale(.95);

    }

    to{

        opacity:1;
        transform:scale(1);

    }

}

#mt-start-title{

    font-size:30px;

    margin-bottom:20px;

}

#mt-start-text{

    font-size:20px;

    margin-bottom:30px;

}

#mt-start-btn{

    font-size:22px;

    /*padding:15px 40px;*/

    border:none;

    border-radius:14px;

    cursor:pointer;

    background:#0099e5;

    color:#fff;

    transition:.2s;

    animation:mtPulse 2s infinite;

}

#mt-start-btn:hover{

    transform:scale(1.05);

}

#mt-game{

    display:none;

}

@keyframes mtFade{

    from{

        opacity:0;

        transform:translateY(20px);

    }

    to{

        opacity:1;

        transform:none;

    }

}

@keyframes mtPulse{

    0%{

        transform:scale(1);

    }

    50%{

        transform:scale(1.04);

    }

    100%{

        transform:scale(1);

    }

}
#mt-start-btn:disabled {
    opacity:0.5;
    cursor:not-allowed;
}
#mt-start-btn:disabled {
    animation: none;
    opacity: 0.5;
    cursor: not-allowed;
}
#mt-start-btn::before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 16px solid white;
    vertical-align: middle;
}

.mt-record-star {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #ffc800;
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
    vertical-align: -2px;
}

.mt-record-table td,
.mt-record-table th {
    vertical-align: middle;
}
.mt-start-content{

    background: #fff;
    max-width: 450px;
    margin: 60px auto;
    padding: 20px;
    border-radius: 0;
    text-align: center;
    box-shadow: 0 8px 30px rgb(0 0 0 / 15%);

}
.mt-repeat-errors{

display:inline-block;

margin-top:6px;

font-size:13px;

font-weight:600;

text-decoration:none;

color:#0b57d0;

}

.mt-repeat-errors:hover{

text-decoration:underline;

}
.mt-errors-label{
    color:#c62828;
    font-size:12px;
    font-weight:600;
    margin-left:4px;
}