.buttonMove {
    text-decoration: none;
    display: inline-block;
    background-color: rgba(60, 60, 60, 0.8);
    /*font-weight: bold;*/
    cursor: pointer;
    /*  margin-top:1vh;*/

    color: white;
    width: 100%;
    text-align: center;
    border-radius:45%;
  /*  border: 1px solid white;*/
}

.buttonMove:hover {
    background-color: #ddd;
    color: black;
}


/*.round {
    border-radius: 50%;
}
*/



@media screen and (orientation: portrait) {


    .buttonMove {
        /*font-size: 2vw;*/

        font-size: 4vw;
        /* padding-right: 4vw;
        padding-left: 4vw;*/

        padding: 1vw;
        margin-left: 2vw;
    }
}


@media screen and (orientation: landscape) {
    .buttonMove {
        font-size: 4vh;
        /*padding-right: 4vh;
        padding-left: 4vh;*/

        padding: 1vh;
        margin-left:2vh;
    }
}








.AlarmButton {
   
    animation-duration: 2.0s;
    animation-name: alarm;
    animation-iteration-count: infinite;
    cursor: pointer;
}




@keyframes alarm {
    0% {
        /*width: 2.5em;
        height: 2.5em;*/
        /*opacity: 1.0;
        border-color: red;*/

        background-color: rgba(60, 60, 60, 0.8);
        color: white;
    }

    100% {
        /*width: 3.0em;
        height: 3.0em;*/
        /* opacity: 0.6;
        border-color: Aqua;*/


        background-color: #ddd;
        color: black;
    }
}












.ButtonTextGame {
    font-size: 4vh;
    /*font-style: italic;*/
    color: Purple;
    cursor: pointer;
    padding: 1.0vh;
    /*font-family: "Sieroty";*/
    /*font-family: "BestFont";*/


    font-family: "MarckScript-Regular";
    font-style: italic;
}

    .ButtonTextGame:hover {
        text-shadow: 3px 5px 6px Indigo;
        
    }




.ConnectTextGame {
    font-size: 5vh;
    color: purple;
    /*cursor: pointer;*/
    padding: 1.0vh;
    font-family: "MarckScript-Regular";
    font-style: italic;
    animation: blink 2s infinite; /* запуск анимации */
}

/* Анимация мигания */
@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}










.DiscribeTextGame {
    font-size: 4vh;
    /*font-style: italic;*/
    /*color: Purple;
    cursor: pointer;*/
    padding: 1.0vh;
    /*font-family: "Sieroty";*/
    /*font-family: "BestFont";*/


    font-family: "MarckScript-Regular";
    font-style: italic;
    height: 6vmin;

    text-align: center;
}





@keyframes glow {
    0% {
        text-shadow: 0 0 5px #ddd, 0 0 10px #ddd;
    }

    50% {
        text-shadow: 0 0 15px #ddd, 0 0 30px #ddd;
    }

    100% {
        text-shadow: 0 0 5px #ddd, 0 0 10px #ddd;
    }
}

.glowing-text {
    color: #ddd;
    text-shadow: 0 0 10px #ddd, 0 0 20px #ddd;
    animation: glow 1.5s infinite alternate;
}














@font-face {
    font-family: "BestFont";
    src: url("'../staticFont/ofont.ru_AmadeusAP.ttf'") format("truetype");
    font-style: italic;
    font-weight: normal;
}






.CodeGameWrapper {
    display: flex;
    align-items: center;
    gap: 1vh; /* расстояние между полем и кнопкой */
    margin: 1.5vh 0;
    width: 80%; /* тянется по контейнеру */
}

.CodeGame {
    flex: 1;
    height: 5vh; /* высота относительно экрана */
    font-size: 2vh; /* адаптивный шрифт */
    padding: 0 1vh;
    border-radius: 1vh;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.ButtonInsertCode {
    height: 5vh;
    min-width: 5vh; /* квадратная кнопка */
    font-size: 2.5vh; /* иконка 📋 тоже адаптивно */
    cursor: pointer;
    border: none;
    border-radius: 1vh;
    background-color: #eee;
    transition: background-color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ButtonInsertCode:hover {
        background-color: #ddd;
    }