/*#mydivheader {*/
    /*cursor: move;*/
/*}*/


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








#EditLabel {
    cursor: pointer;
    font-size: 5vh;
}






.DialogMenu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: no-repeat url('../images/Background/noteClue.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 3000;
    margin-bottom: 2vh;
    min-width: 40vw;
    min-height: 45vh;
    /* font-family: "RalewayRegular";*/

    font-family: "MarckScript-Regular";
    font-style: italic;
    /*  font-family: "BestFont";*/



    padding-left: 3vw;
    padding-right: 3vh;
    overflow: hidden;
    /* overflow-wrap: break-word;
    word-wrap: break-word;*/

    padding-top: 2vh;
    
}





.RulesWindow {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    overflow: hidden;
    overflow-wrap: break-word;
    word-wrap: break-word;
    padding-left: 3.0vw;
    max-width: 50vw;
   
    
    font-size: 3.0vh;
    min-height: 70vh;
   
}



















.darkening {
    width: 100vw;
    height: 100vh;
    position: absolute;
    z-index: 150;
    background-color: gray;
    opacity: 0.3;
    display: none;
}



.darkeningFull
{
    width: 100vw;
    height: 100vh;
    position: absolute;
    z-index: 150;
    background-color: gray;
    opacity: 0.9;
    display: none;
}







.headband {
    background: no-repeat url('../images/Background/DominoBack.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100vw;
    height: 100vh;
    position: absolute;
    z-index: 100;
    pointer-events: none; /* запрет кликов по блоку */
}


.PlaceDropCards {
    min-width: 66vh;
    /* height: 30.0vh;*/
    height: 29.0vh;
    /* border-style: solid;*/
    position: relative;
    /*border :solid 3px;*/

    display: flex;
    flex-direction: row;
    align-items: center;
    /*justify-content: center;*/
   
    justify-content:  space-around;


    /*border-color: aqua;
    background-color: aqua;*/
}


.BuyPanel {
    display: flex;
    flex-direction: row;
    align-items: center;
    /*background-color: aqua;*/
    width :80%;
}

.BuyButtonPanel {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;

    /*background-color: aqua;*/
    width: 90%;
}




.ImageBuy {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 15vmin;
    height: 15vmin;



}

.DicribeBuy {
    flex: 1; /* Занимает оставшееся пространство */
    padding: 1vmin; /* Немного отступов, чтобы текст не прилипал к краям */

   /* background-color: aquamarine;*/
    
    display: flex;
    flex-direction: column;
    align-items: center;
}


.DicribeBuyText {
    font-size: 3vmin;
    align-items: center;
    margin: 1vmin;
   
    overflow: hidden;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.DicribeBuyPrice {
    display: flex;
    flex-direction: row;
    align-items: center;

    font-size: 5vmin;
}


.DicribeCurrencyIcon {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 3vmin;
    height: 3vmin;
    margin: 1vmin;
}



.DicribeBuyPriceText{


}





.BetTop {
    color: Indigo;
    font-size: 5vh;
    /*border-style:solid ;*/
    /*border-color:aqua;*/
}


.BetManage {
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    justify-content: space-around;
    /*justify-content: space-between;*/
    flex-direction: row;
    width: 90%;
    /*margin-top: 1vh;*/

    /*border-style: solid;*/
    /*border-color:aqua;*/
}


.ScoreManage {
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    justify-content: space-between;
    /*justify-content: space-between;*/
    flex-direction: row;
    width: 80%;
    /*margin-top: 1vh;*/

  /*  border-style: solid;*/
   /* border-color:aqua;*/
}





.AdviceDiscribe {
    font-size: 3.0vh;
    text-align: center;
}

.SuitPromp {
    font-size: 3.0vh;
}


/*.IconBuyDeckRewContainer {
    background: no-repeat url('/images/Suit/IconCard.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 8vmin;
    height: 8vmin;
    
}*/



@keyframes goldGlow {
    0% {
        filter: drop-shadow(0 0 5px gold);
    }

    50% {
        filter: drop-shadow(0 0 15px gold);
    }

    100% {
        filter: drop-shadow(0 0 5px gold);
    }
}

.IconBuyDeckRewContainer {
    background: no-repeat url('../images/Suit/IconCard.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 7vmin;
    height: 7vmin;
    animation: goldGlow 1.5s infinite alternate;
}

#preferansCanvas {
    /*position: absolute;*/
    top: 50%;
    left: 50%;
   /* width: 80vmin;
    height: 80vmin;*/
   /* transform: translate(-50%,-50%);*/
    pointer-events: none; /* Чтобы клик шел сквозь канвас */
   /* background-color: aquamarine;*/
}




@keyframes textBlinkGreenYellow {
    0%, 100% {
        color: inherit;
    }
    /* обычный цвет */
    25%, 75% {
        color: lime;
    }
    /* зелёный */
    50% {
        color: yellow;
    }
    /* жёлтый */
}

.text-blink {
    animation: textBlinkGreenYellow 0.5s linear 4; /* 0.5s * 4 = 2 секунды */
}