body {

  touch-action: manipulation; /* отключаем увеличение экрана двойным тапом. */

  /* блокируем любое выделение чего-либо на странице */
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
  outline: 0;


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

  margin: 0px;
  padding: 0px;

  cursor: url("images/cursor.png"), auto;

  touch-action: none;

  overflow: hidden;
  

  /* background-color: rgb(37, 80, 69); */
  /* background: linear-gradient(320deg, #84ff8f, #693786); */
  /* background: linear-gradient(320deg, #84ff8f, #693786); */
  /* background: linear-gradient(320deg, #84ff8f, #693786); */
  /* background: linear-gradient(320deg, #84ff8f, #693786); */




/* оригинал */
  
  background-image: repeating-linear-gradient(
      45deg,
      rgba(208, 208, 208, 0.13) 0px,
      rgba(208, 208, 208, 0.13) 43px,
      rgba(195, 195, 195, 0.13) 43px,
      rgba(195, 195, 195, 0.13) 85px,
      rgba(41, 41, 41, 0.13) 85px,
      rgba(41, 41, 41, 0.13) 109px,
      rgba(88, 88, 88, 0.13) 109px,
      rgba(88, 88, 88, 0.13) 129px,
      rgba(24, 24, 24, 0.13) 129px,
      rgba(24, 24, 24, 0.13) 139px,
      rgba(92, 92, 92, 0.13) 139px,
      rgba(92, 92, 92, 0.13) 179px,
      rgba(37, 37, 37, 0.13) 179px,
      rgba(37, 37, 37, 0.13) 219px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(18, 18, 18, 0.13) 0px,
      rgba(18, 18, 18, 0.13) 13px,
      rgba(48, 48, 48, 0.13) 13px,
      rgba(48, 48, 48, 0.13) 61px,
      rgba(130, 130, 130, 0.13) 61px,
      rgba(130, 130, 130, 0.13) 84px,
      rgba(233, 233, 233, 0.13) 84px,
      rgba(233, 233, 233, 0.13) 109px,
      rgba(8, 8, 8, 0.13) 109px,
      rgba(8, 8, 8, 0.13) 143px,
      rgba(248, 248, 248, 0.13) 143px,
      rgba(248, 248, 248, 0.13) 173px,
      rgba(37, 37, 37, 0.13) 173px,
      rgba(37, 37, 37, 0.13) 188px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(3, 3, 3, 0.1) 0px,
      rgba(3, 3, 3, 0.1) 134px,
      rgba(82, 82, 82, 0.1) 134px,
      rgba(82, 82, 82, 0.1) 282px,
      rgba(220, 220, 220, 0.1) 282px,
      rgba(220, 220, 220, 0.1) 389px,
      rgba(173, 173, 173, 0.1) 389px,
      rgba(173, 173, 173, 0.1) 458px,
      rgba(109, 109, 109, 0.1) 458px,
      rgba(109, 109, 109, 0.1) 516px,
      rgba(240, 240, 240, 0.1) 516px,
      rgba(240, 240, 240, 0.1) 656px,
      rgba(205, 205, 205, 0.1) 656px,
      rgba(205, 205, 205, 0.1) 722px
    ),
    linear-gradient(90deg, rgb(0, 131, 0), rgb(99, 0, 141));
  background-image: repeatinglinear-gradient(
      45deg,
      rgba(208, 208, 208, 0.13) 0px,
      rgba(208, 208, 208, 0.13) 43px,
      rgba(195, 195, 195, 0.13) 43px,
      rgba(195, 195, 195, 0.13) 85px,
      rgba(41, 41, 41, 0.13) 85px,
      rgba(41, 41, 41, 0.13) 109px,
      rgba(88, 88, 88, 0.13) 109px,
      rgba(88, 88, 88, 0.13) 129px,
      rgba(24, 24, 24, 0.13) 129px,
      rgba(24, 24, 24, 0.13) 139px,
      rgba(92, 92, 92, 0.13) 139px,
      rgba(92, 92, 92, 0.13) 179px,
      rgba(37, 37, 37, 0.13) 179px,
      rgba(37, 37, 37, 0.13) 219px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(18, 18, 18, 0.13) 0px,
      rgba(18, 18, 18, 0.13) 13px,
      rgba(48, 48, 48, 0.13) 13px,
      rgba(48, 48, 48, 0.13) 61px,
      rgba(130, 130, 130, 0.13) 61px,
      rgba(130, 130, 130, 0.13) 84px,
      rgba(233, 233, 233, 0.13) 84px,
      rgba(233, 233, 233, 0.13) 109px,
      rgba(8, 8, 8, 0.13) 109px,
      rgba(8, 8, 8, 0.13) 143px,
      rgba(248, 248, 248, 0.13) 143px,
      rgba(248, 248, 248, 0.13) 173px,
      rgba(37, 37, 37, 0.13) 173px,
      rgba(37, 37, 37, 0.13) 188px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(3, 3, 3, 0.1) 0px,
      rgba(3, 3, 3, 0.1) 134px,
      rgba(82, 82, 82, 0.1) 134px,
      rgba(82, 82, 82, 0.1) 282px,
      rgba(220, 220, 220, 0.1) 282px,
      rgba(220, 220, 220, 0.1) 389px,
      rgba(173, 173, 173, 0.1) 389px,
      rgba(173, 173, 173, 0.1) 458px,
      rgba(109, 109, 109, 0.1) 458px,
      rgba(109, 109, 109, 0.1) 516px,
      rgba(240, 240, 240, 0.1) 516px,
      rgba(240, 240, 240, 0.1) 656px,
      rgba(205, 205, 205, 0.1) 656px,
      rgba(205, 205, 205, 0.1) 722px
    ),
    linear-gradient(90deg, rgba(0, 131, 0, 0.81), rgba(99, 0, 141, 0.81));
  background-image: repeating-linear-gradient(
      45deg,
      rgba(118, 118, 118, 0.05) 0px,
      rgba(118, 118, 118, 0.05) 19px,
      rgba(59, 59, 59, 0.05) 19px,
      rgba(59, 59, 59, 0.05) 67px,
      rgba(195, 195, 195, 0.05) 67px,
      rgba(195, 195, 195, 0.05) 87px,
      rgba(121, 121, 121, 0.05) 87px,
      rgba(121, 121, 121, 0.05) 133px,
      rgba(250, 250, 250, 0.05) 133px,
      rgba(250, 250, 250, 0.05) 172px,
      rgba(106, 106, 106, 0.05) 172px,
      rgba(106, 106, 106, 0.05) 197px,
      rgba(151, 151, 151, 0.05) 197px,
      rgba(151, 151, 151, 0.05) 226px,
      rgba(219, 219, 219, 0.05) 226px,
      rgba(219, 219, 219, 0.05) 260px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(70, 70, 70, 0.05) 0px,
      rgba(70, 70, 70, 0.05) 40px,
      rgba(220, 220, 220, 0.05) 40px,
      rgba(220, 220, 220, 0.05) 79px,
      rgba(95, 95, 95, 0.05) 79px,
      rgba(95, 95, 95, 0.05) 103px,
      rgba(15, 15, 15, 0.05) 103px,
      rgba(15, 15, 15, 0.05) 148px,
      rgba(51, 51, 51, 0.05) 148px,
      rgba(51, 51, 51, 0.05) 186px,
      rgba(225, 225, 225, 0.05) 186px,
      rgba(225, 225, 225, 0.05) 202px,
      rgba(60, 60, 60, 0.05) 202px,
      rgba(60, 60, 60, 0.05) 239px,
      rgba(67, 67, 67, 0.05) 239px,
      rgba(67, 67, 67, 0.05) 259px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(146, 146, 146, 0.05) 0px,
      rgba(146, 146, 146, 0.05) 40px,
      rgba(166, 166, 166, 0.05) 40px,
      rgba(166, 166, 166, 0.05) 54px,
      rgba(156, 156, 156, 0.05) 54px,
      rgba(156, 156, 156, 0.05) 71px,
      rgba(134, 134, 134, 0.05) 71px,
      rgba(134, 134, 134, 0.05) 95px,
      rgba(77, 77, 77, 0.05) 95px,
      rgba(77, 77, 77, 0.05) 111px,
      rgba(26, 26, 26, 0.05) 111px,
      rgba(26, 26, 26, 0.05) 153px,
      rgba(46, 46, 46, 0.05) 153px,
      rgba(46, 46, 46, 0.05) 202px,
      rgba(197, 197, 197, 0.05) 202px,
      rgba(197, 197, 197, 0.05) 216px
    ),

    /* linear-gradient(90deg, rgb(64, 149, 64), rgb(121, 54, 158)); */
    /* linear-gradient(90deg, rgb(121, 54, 158), rgb(64, 149, 64)); */
    /* linear-gradient(90deg, rgb(76, 37, 97), rgb(64, 149, 64)); */
    /* linear-gradient(45deg, rgb(76, 37, 97) 15%, rgb(64, 149, 64) 85%); */
    
    /* linear-gradient(217deg, rgb(36, 146, 36), rgba(255,0,0,0) 70.71%),
    linear-gradient(127deg, rgb(82, 24, 129), rgba(0,255,0,0) 70.71%),
    linear-gradient(336deg, rgb(139, 24, 130), rgba(0,0,255,0) 70.71%); */

    /* linear-gradient(270deg, rgb(36, 146, 36), rgba(255,0,0,0) 50%),
    linear-gradient(90deg, rgb(82, 24, 129), rgba(0,255,0,0) 50%),
    linear-gradient(350deg, rgb(255, 44, 209), rgba(0, 0, 255, 0) 70%),
    linear-gradient(180deg, rgb(1, 132, 255), rgba(0,0,255,0) 70%); */


    /* linear-gradient(270deg, rgb(53, 160, 53), rgba(255,0,0,0) 60%),
    linear-gradient(90deg, rgb(82, 24, 129), rgba(0,255,0,0) 60%),
    linear-gradient(350deg, rgb(255, 44, 209), rgba(0, 0, 255, 0) 70%),
    linear-gradient(180deg, rgb(56, 103, 255), rgba(0,0,255,0) 70%); */


    /* linear-gradient(90deg, #35a035, #09ff0000 60%),
    linear-gradient(270deg, #521881, #00ff0000 60%),
    linear-gradient(0deg, #ff2cd1, #0000ff00 70%),
    linear-gradient(180deg, #3867ff, #0000ff00 70%); */


    /* linear-gradient(90deg, #521881, #09ff0000 60%),
    linear-gradient(270deg, #521881, #00ff0000 60%),
    linear-gradient(0deg, #ff2cd1, #0000ff00 70%),
    linear-gradient(180deg, #0084ff, #0000ff00 70%); */

    
    /* linear-gradient(90deg, #207252, #09ff0000 60%),
    linear-gradient(270deg, #863cc4, #00ff0000 60%),
    linear-gradient(0deg, #ff2cd1, #0000ff00 70%),
    linear-gradient(180deg, #0084ff, #0000ff00 70%); */

    
    /* linear-gradient(90deg, #207252, #09ff0000 60%),
    linear-gradient(270deg, #863cc4, #00ff0000 60%),
    linear-gradient(0deg, #ff2cd1, #0000ff00 70%),
    linear-gradient(180deg, #0084ff, #0000ff00 70%); */

    
    linear-gradient(90deg, #0a6e69, #09ff0000 50%),
    linear-gradient(270deg, #863cc4, #00ff0000 60%),
    linear-gradient(0deg, #ff2cd1e8, #0000ff00 60%),
    linear-gradient(180deg, #0084ff, #0000ff00 70%);
    
    


    
  background-image: linear-gradient(
      135deg,
      rgba(249, 249, 249, 0.1) 0%,
      rgba(249, 249, 249, 0.1) 18%,
      rgba(70, 70, 70, 0.1) 18%,
      rgba(70, 70, 70, 0.1) 33%,
      rgba(229, 229, 229, 0.1) 33%,
      rgba(229, 229, 229, 0.1) 35%,
      rgba(53, 53, 53, 0.1) 35%,
      rgba(53, 53, 53, 0.1) 47%,
      rgba(156, 156, 156, 0.1) 47%,
      rgba(156, 156, 156, 0.1) 100%
    ),
    linear-gradient(
      135deg,
      rgba(106, 106, 106, 0.08) 0%,
      rgba(106, 106, 106, 0.08) 9%,
      rgba(123, 123, 123, 0.08) 9%,
      rgba(123, 123, 123, 0.08) 10%,
      rgba(69, 69, 69, 0.08) 10%,
      rgba(69, 69, 69, 0.08) 38%,
      rgba(33, 33, 33, 0.08) 38%,
      rgba(33, 33, 33, 0.08) 65%,
      rgba(24, 24, 24, 0.08) 65%,
      rgba(24, 24, 24, 0.08) 77%,
      rgba(210, 210, 210, 0.08) 77%,
      rgba(210, 210, 210, 0.08) 100%
    ),
    linear-gradient(
      45deg,
      rgba(70, 70, 70, 0.02) 0%,
      rgba(70, 70, 70, 0.02) 23%,
      rgba(225, 225, 225, 0.02) 23%,
      rgba(225, 225, 225, 0.02) 29%,
      rgba(118, 118, 118, 0.02) 29%,
      rgba(118, 118, 118, 0.02) 36%,
      rgba(28, 28, 28, 0.02) 36%,
      rgba(28, 28, 28, 0.02) 42%,
      rgba(142, 142, 142, 0.02) 42%,
      rgba(142, 142, 142, 0.02) 85%,
      rgba(95, 95, 95, 0.02) 85%,
      rgba(95, 95, 95, 0.02) 93%,
      rgba(32, 32, 32, 0.02) 93%,
      rgba(32, 32, 32, 0.02) 98%,
      rgba(71, 71, 71, 0.02) 98%,
      rgba(71, 71, 71, 0.02) 100%
    ),
    linear-gradient(
      135deg,
      rgba(207, 207, 207, 0.05) 0%,
      rgba(207, 207, 207, 0.05) 12%,
      rgba(32, 32, 32, 0.05) 12%,
      rgba(32, 32, 32, 0.05) 27%,
      rgba(79, 79, 79, 0.05) 27%,
      rgba(79, 79, 79, 0.05) 32%,
      rgba(139, 139, 139, 0.05) 32%,
      rgba(139, 139, 139, 0.05) 43%,
      rgba(150, 150, 150, 0.05) 43%,
      rgba(150, 150, 150, 0.05) 79%,
      rgba(139, 139, 139, 0.05) 79%,
      rgba(139, 139, 139, 0.05) 87%,
      rgba(55, 55, 55, 0.05) 87%,
      rgba(55, 55, 55, 0.05) 91%,
      rgba(68, 68, 68, 0.05) 91%,
      rgba(68, 68, 68, 0.05) 100%
    ),
    linear-gradient(
      0deg,
      rgba(108, 108, 108, 0.1) 0%,
      rgba(108, 108, 108, 0.1) 16%,
      rgba(163, 163, 163, 0.1) 16%,
      rgba(163, 163, 163, 0.1) 18%,
      rgba(32, 32, 32, 0.1) 18%,
      rgba(32, 32, 32, 0.1) 29%,
      rgba(122, 122, 122, 0.1) 29%,
      rgba(122, 122, 122, 0.1) 61%,
      rgba(141, 141, 141, 0.1) 61%,
      rgba(141, 141, 141, 0.1) 67%,
      rgba(53, 53, 53, 0.1) 67%,
      rgba(53, 53, 53, 0.1) 78%,
      rgba(142, 142, 142, 0.1) 78%,
      rgba(142, 142, 142, 0.1) 100%
    ),
    linear-gradient(
      0deg,
      rgba(160, 160, 160, 0.08) 0%,
      rgba(160, 160, 160, 0.08) 27%,
      rgba(163, 163, 163, 0.08) 27%,
      rgba(163, 163, 163, 0.08) 29%,
      rgba(37, 37, 37, 0.08) 29%,
      rgba(37, 37, 37, 0.08) 35%,
      rgba(96, 96, 96, 0.08) 35%,
      rgba(96, 96, 96, 0.08) 73%,
      rgba(250, 250, 250, 0.08) 73%,
      rgba(250, 250, 250, 0.08) 90%,
      rgba(91, 91, 91, 0.08) 90%,
      rgba(91, 91, 91, 0.08) 100%
    ),
    linear-gradient(
      90deg,
      rgba(191, 191, 191, 0.08) 0%,
      rgba(191, 191, 191, 0.08) 2%,
      rgba(170, 170, 170, 0.08) 2%,
      rgba(170, 170, 170, 0.08) 7%,
      rgba(49, 49, 49, 0.08) 7%,
      rgba(49, 49, 49, 0.08) 9%,
      rgba(131, 131, 131, 0.08) 9%,
      rgba(131, 131, 131, 0.08) 23%,
      rgba(197, 197, 197, 0.08) 23%,
      rgba(197, 197, 197, 0.08) 29%,
      rgba(154, 154, 154, 0.08) 29%,
      rgba(154, 154, 154, 0.08) 91%,
      rgba(211, 211, 211, 0.08) 91%,
      rgba(211, 211, 211, 0.08) 100%
    ),

;

/* размытие фона */
/* backdrop-filter: blur(3px); */
/* backdrop-filter: saturate(120%);  */
/* backdrop-filter: contrast(120%);  */
/* backdrop-filter: brightness(100%); */




    

/* конец body */
}




/* linear-gradient(180deg, rgb(102, 45, 160), rgb(21, 228, 112)); */
/* linear-gradient(180deg, rgb(49, 22, 77), rgb(23, 236, 155)); */
/* linear-gradient(180deg, rgb(47, 9, 88), rgb(109, 255, 199)); */





#canvas_wrapper {
  position: relative;
}

#canvas_HUD {
  position: absolute;
  z-index: -2;
}

#canvas_gameField {
  position: absolute;
  z-index: -3;
}

#canvas_fruits {
  position: absolute;
  z-index: 1;
}


canvas {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  outline:0;
  -webkit-tap-highlight-color:rgba(255,255,255,0);
}



#fps_counter {
  position: absolute;
  z-index: 15;
  font-size: 50px;
  color: white;
  pointer-events: none;
  font-family: Blogger_Sans-Bold, sans-serif;
  /* -webkit-text-stroke-color: #000000;
  -webkit-text-stroke-width: 10px; */

}



#gameField {
  position: absolute;
  z-index: -1;
  width: 100px;
  height: 100px;

  
  /* visibility: visible; */

  /* background-color: #3b3b3bc0;
  background: linear-gradient(0deg, #2a582ebe, #351e42b0); */

  
  box-shadow:   
    0px 0px 15px rgb(0, 255, 255),
    inset 0px 0px 15px rgb(0, 255, 255);

  border: 2px solid rgb(200, 255, 255);


  background-color: #00000075;

  background: linear-gradient(90deg, #00000054, #0000007a, #00000054);


  

  /* backdrop-filter: blur(6px); */

  /* backdrop-filter: brightness(150%); */

  /* backdrop-filter: saturate(120%);  */
  /* backdrop-filter: contrast(120%);  */

  /* animation-name: neon_rainbow;
  animation-duration: 30000ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards; */
}





@keyframes neon_rainbow {

  0% {
    box-shadow:   
    0px 0px 15px rgb(255, 0, 255),
    inset 0px 0px 15px rgb(255, 0, 255);
    border: 2px solid rgb(255, 200, 255);
  }
  50% {
    box-shadow:   
    0px 0px 15px rgb(0, 255, 255),
    inset 0px 0px 15px rgb(0, 255, 255);
    border: 2px solid rgb(200, 255, 255);
  }
  66.68% {
    box-shadow:   
    0px 0px 15px rgb(0, 255, 0),
    inset 0px 0px 15px rgb(0, 255, 0);
    border: 2px solid rgb(200, 255, 200);
  }
  83.35% {
    box-shadow:   
    0px 0px 15px rgb(255, 255, 0),
    inset 0px 0px 15px rgb(255, 255, 0);
    border: 2px solid rgb(255, 255, 200);
  }
  100% {
    box-shadow:   
    0px 0px 15px rgb(255, 0, 255),
    inset 0px 0px 15px rgb(255, 0, 255);
    border: 2px solid rgb(255, 200, 255);
  }
}




#score_wrapper {
  position: absolute;
  font-family: Blogger_Sans-Bold, sans-serif;
  text-align: center;
  pointer-events: none;
  /* border: 1px solid red; */
  transform: translate(-50%, -50%);
}

#score {
  /* background: linear-gradient(0deg, rgb(230, 230, 12) 30%, rgba(250, 250, 170, 1) 70%); */
  /* background: linear-gradient(0deg, rgb(214, 182, 0) 30%, rgb(255, 255, 207) 70%); */
  /* background: linear-gradient(0deg, #ffc400 30%, #ffffc9 70%); */
  /* background: linear-gradient(0deg, #ffc118 30%, #fffcde 70%); */
  background: linear-gradient(0deg, #bebebe 30%, #ffffff 70%);

  /* -webkit-text-stroke-color: #ffef93; */
  /* -webkit-text-stroke-color: #fffcd0; */
  -webkit-text-stroke-color: #ffffffa2;
  
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  
  z-index: 114;
  position: absolute;
}


#score_shadow {
  /* color: black; */
  color: rgb(255, 255, 255);
  z-index: 113;
}


#share {
  top: -200px;
  position: absolute;
  z-index: 10;
}





.rewarded_paddings {
  border: 1px solid rgba(255, 255, 255, 0.349);
  border-radius: 8px;
}

#rewarded_speed, #rewarded_gravity, #leaderboard  {
  position: absolute;
  display: none;
  z-index: 10;
  /* background-color: #33333338; */
  /* background-color: #33333338; */
}

#rewarded_speed, #rewarded_gravity  {
  background-color: #3333331f;
  /* background-color: #63636338; */
}

/* #rewarded_speed:hover, #rewarded_gravity:hover, #leaderboard:hover, #pause_or_play:hover {
  transform: scale(1.1);
} */

#pause_or_play {
  position: absolute;
  z-index: 10;
  opacity: 0.99;
  /* display: none; */
  width: 50px;
  top: -200px;
  overflow: hidden;
}


#training_button_play {
  position: absolute;
  z-index: 501;
  /* opacity: 0.9; */
  width: 250px;
  top: 200px;
  display: none;
}

#training_fruits {
  position: absolute;
  z-index: 2;
  height: 42px;
  top: -200px;
  display: none;
}





#star_counter_container {
  position: absolute;
  font-family: Blogger_Sans-Bold, sans-serif;
  z-index: 101;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffea2e;
  top: -1200px;
  /* background: linear-gradient(320deg, #321f3d, #3b7740); */
  background-color: #33333338;
}

#star_counter_image {
  /* border: 1px solid rgb(255, 255, 255); */
  top: -1200px;
  filter: saturate(400%);
}

#star_counter_value {
  margin: 0;
  padding: 0;
  /* border: 1px solid rgb(255, 255, 255); */
  /* -webkit-text-stroke-color: #ffffffa2; */
}





#container_of_icon_sound {
  position: absolute;
  width: 100px;
  height: 50px;
  z-index: 10;
}





.stars_fruit {
  background: linear-gradient(320deg, #321f3d, #3b7740);
  /* background: linear-gradient(320deg, #191931, #3d7886); */
  /* background: linear-gradient(320deg, #291931, #5f3b7c); */
  /* box-shadow: 0px 0px 5px rgba(14, 27, 14, 0.99); */
  border: 1px solid #c4e6cf;
}

/* .stars_fruit:hover {
  transform: scale(1.09);
} */


.stars_fruit_image {
  width: 50px;
  height: 50px;
  overflow: hidden;
  /* background-image: url('images/fruits.png'); */
  background-size: auto 100%;
  background-position: -300px;
  background-repeat: no-repeat;
  transform: scale(1.0);
  transform: rotate(0deg);
}

/* .stars_fruit_image {
  width: 50px;
  height: 50px;
  overflow: hidden;
  background-image: url('images/fruits.png');
  background-size: auto 50%;
  background-position: -150px;
  background-repeat: no-repeat;
  transform: scale(1.5) rotate(90deg) translate(-2px);
} */


.stars_fruit_text {
  font-family: Blogger_Sans-Bold, sans-serif;
  color: #fbff1c;
  display: flex;
  align-items: normal;
  justify-content: center;
}



#button_X {
  position: absolute;
  z-index: 100;
  color: #ffffff;
  font-family: Blogger_Sans-Bold, sans-serif;

  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  vertical-align: sub;

  /* text-align: center;
  flex-direction: column;
  align-items: center; */
  /* line-height: 100px; */
  /* background-color: #6b23a7; */
  background: linear-gradient(#8b00fd, #6b23a7);
  border-radius: 1000px;
}

#button_X:hover {
  transform: scale(1.2);
}




#progress_bar_of_FullScreen_ads_background {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.65);
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 200;
  display: flex;
  visibility: hidden;
  justify-content: center;
  align-items: center;
}



.window_background {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.65);
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  visibility: hidden;
  justify-content: center;
  align-items: center;
}

.window {
  background: linear-gradient(-40deg, #a4ffbb, #ffffff);
  border-radius: 20px;
  display: flex;
  /* position: relative; */
  flex-direction: column;
  /* justify-content: center; */
  /* align-items: center; */
  border: 5px solid white;
  padding: 0px;
  /* box-shadow: 0px 0px 15px rgba(142, 255, 138, 0.99); */
}


#blocking_layer {
  height: 100vh;
  width: 100vw;
  left: 0;
  top: 0;
  position: absolute;
  /* border: 1px solid red; */
  z-index: 50;
  display: none;
}




.window_show_popup_of_purchased_stars {
  /* background: linear-gradient(-40deg, #292929, #c7c7c7); */
  background-color: #522c68e7;
  z-index: 100;
  position: absolute;
  border: 5px solid rgb(218, 218, 218);
  box-shadow: 0px 0px 15px #fffffffc;
  translate: -50% -50%;
}

.text_2_container {
  font-family: Blogger_Sans-Bold, sans-serif;
  color: #fbff1c;
  display: flex;
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}









@keyframes flirting {
  5% { transform: scale(1); }
  10% { transform: scale(0.95); }
  15% { transform: scale(1.2) rotate(-6deg) } /* 1.12 */
  18% { transform: scale(1.2) rotate(3deg) }
  21% { transform: scale(1.2) rotate(-4deg) }
  27% { transform: scale(1) }
}
.flirting {
  animation: flirting 5.0s infinite cubic-bezier(.42, 0, .58, 1);
}




@keyframes pause_pulse {
  0% { transform: scale(1) }
  50% { transform: scale(1.2) }
  100% { transform: scale(1) }
}
.pause_pulse {
  animation: pause_pulse 0.7s infinite ease-in-out;
}

@keyframes pause_pulse_2 {
  0% { transform: scale(1) }
  25% { transform: scale(1.0) rotate(5deg) }
  50% { transform: scale(1.0) rotate(-10deg) }
  75% { transform: scaleX(1.08) rotate(5deg) }
  100% { transform: scale(1) }
}
.pause_pulse_2 {
  animation: pause_pulse_2 1.8s infinite ease-in-out;
}

@keyframes pause_pulse_3 {
  0% { transform: scaleY(1.0); }
  25% { transform: scaleY(1.1); }
  50% { transform: scaleY(1.0) scaleX(1.1) }
  75% { transform: scaleY(1.1); }
  100% { transform: scaleY(1.0); }
}
.pause_pulse_3 {
  animation: pause_pulse_3 1.5s infinite ease-in-out;
}




@keyframes score_scale {
  5% { transform: scale(1) }
  10% { transform: scale(0.95) }
  15% { transform: scale(1.12) rotate(-6deg) }
  18% { transform: scale(1.12) rotate(3deg) }
  21% { transform: scale(1.12) rotate(-4deg) }
  100% { transform: scale(1) }
}
.score_scale {
  animation: score_scale 1s forwards ease-in-out;
}



@keyframes open_window_stars {
  0% { 
    transform: scale(0); 
    opacity: 0;
  }
  100% { transform: scale(1); }
}
.open_window_stars {
  animation-name: open_window_stars;
  animation-duration: 0.3s;
}




@keyframes close_window_stars {
  0% { transform: scale(1); }
  100% { 
    transform: translate(-400px ,-350px) scale(0.1); 
    opacity: 0;
  }
}
.close_window_stars {
  /* animation: close_window_stars 0.5s linear; */
  animation-name: close_window_stars;
  animation-duration: 1.0s;
  animation-fill-mode: forwards;
}






@keyframes stars_counter_scale {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}
.stars_counter_scale {
  animation-name: stars_counter_scale;
  animation-duration: 0.15s;
  animation-fill-mode: forwards;
}


  


@keyframes stars_counter_image_star {
  0% { transform: scale(1) rotate(0deg) }
  5% { transform: scale(0.8) rotate(-40deg) }
  25% { transform: scale(1.7) rotate(460deg) }
  35% { transform: scale(1) rotate(320deg) }
  40% { transform: scale(1) rotate(370deg) }
  45% { transform: scale(1) rotate(350deg) }
  50% { transform: scale(1) rotate(370deg) }
  55% { transform: scale(1) rotate(350deg) }
  60% { transform: scale(1) rotate(370deg) }
  65% { transform: scale(1) rotate(350deg) }
  70% { transform: scale(1) rotate(370deg) }
  75% { transform: scale(1) rotate(350deg) }
  80% { transform: scale(1) rotate(370deg) }
  85% { transform: scale(1) rotate(350deg) }
  90% { transform: scale(1) rotate(370deg) }
  95% { transform: scale(1) rotate(350deg) }

  100% { transform: scale(1) rotate(360deg) }
}
.stars_counter_image_star {
  animation: stars_counter_image_star 5.0s infinite ease-in-out;
}






@keyframes stars_counter_not_enough_stars {
  0% { transform: scale(1); }
  50% { transform: scale(1.35); background-color: #FF00004D; }
  100% { transform: scale(1); }
}
.stars_counter_not_enough_stars {
  animation-name: stars_counter_not_enough_stars;
  animation-duration: 0.15s;
  animation-fill-mode: forwards;
}




@keyframes show_click {
  0% { transform: scale(1); opacity: 0; }
  80% { transform: scale(0.4); opacity: 0.999; }
  100% { transform: scale(0.4); opacity: 0; }
}
.show_click {
  animation: show_click 0.85s infinite ease-in-out;
}





#progress_bar_of_FullScreen_ads_text {
  color: rgb(214, 214, 214);
  z-index: 200;
  position: absolute;
  font-size: 50px;
  font-family: Blogger_Sans-Bold, sans-serif;
}





/* progress_bar для FullScreen-рекламы, перед показом рекламы */
/* .loader {
      width: 150px;
      height: 150px;
      border: 28px solid #5557d342;
      border-radius: 50%;
      position: absolute;
      transform:rotate(45deg);
      box-sizing: border-box;
      z-index: 201;
    }
    .loader::before {
      content: "";
      position: absolute;
      box-sizing: border-box;
      inset:-21px;
      border-radius: 50%;
      background: linear-gradient(0deg, #006eff 10%, #fa01d0 90%);
      animation: prixClipFix 2s infinite linear;
    }

    @keyframes prixClipFix {
        0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
        25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
        50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
        75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
        100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
    } */
      


    










.hover_scale {
  transform: scale(1.09);
}



@font-face {
  font-family: Blogger_Sans-Bold;
  src: url("fonts/Blogger_Sans-Bold.otf");
}