/*---------------- Root ----------------*/
:root {
  --color1: #E40072;
  --color2: #00e6e6;
 }


.color1{color:var(--color1)}
.color2{color:var(--color2)}
.bg1{background-color:var(--color1)}
.bg2{background-color:var(--color2)}

body{background:fixed url(../images/background.jpg)top center; margin:0;padding:0;font:14px ramin;color:#fff; direction:rtl;   -ms-overflow-style: none;  /* IE and Edge */  scrollbar-width: none;  /* Firefox */}
body::-webkit-scrollbar {display: none;}



input[type=submit]{border:none}
input[type=text]{border:none;background:#fff;border-radius:7px;color:#444;padding:7px;font-size:16px;width:100%;}



.btn-help{position:fixed;bottom:20px;left:20px;background:#ff00a2;color:#fff;font:16px ram;width:100px;height:40px;line-height:44px; border-radius:7px;text-align:center;animation:btnhelp 3s ease-in-out infinite}
.btn-help i{float:right;padding-right:10px;}
@keyframes btnhelp{
  0% {box-shadow:0 0 25px rgba(255,0,162,1); }
  50% {box-shadow:0 0 10px rgba(255,0,162,0.1); }
  100% {box-shadow:0 0 25px rgba(255,0,162,1); }
}






.box{backبground:rgba(0,0,0,0.5);padding:15px 25px;bacskdrop-filter:blur(4px);border-radius:10px;margin-top:40px;}
.box-title{background:var(--color1);margin:0 10%;margin-top:-35px;height:40px;margin-bottom:20px; font-size:18px;line-height:38px; text-align:center; border-radius:10px}

/*---------------- master ----------------*/
.content{margin:20px;boorder:solid 1px red;}
.header{background:rgba(0,0,0,0.5);padding:5px 20px;border-radius:0 0 25px 25px}
.header a{color:#fff;font-size:24px;padding-top:10px;}


/*---------------- Default ----------------*/

.gamebtn,.gamebtn-lg,.gamebtn-md{display:inline-block; background:#95d000;border-radius:10px;color:#fff;padding:7px 10px;border-color:red;}
.gamebtn-md{font-size:15px;padding:8px 14px;}
.gamebtn-lg{font-size:18px;padding:10px 20px;}


.btn-newgame{border-radius:10px;text-align:right; display:block; padding:8px 25px;background:#ea3292 url(../images/btn-game1.png)top left no-repeat;color:#fff;position:relative}
.btn-newgame span{font:18px raminb;display:block;}
.btn-newgame label{font-size:15px;margin-top:5px;}
.btn-newgame div{position:absolute;left:20px;top:50%;transform: translate(0, -50%);; background:rgba(0,0,0,0.4);padding:5px 12px;border-radius:10px;color:#fff;animation:letsgo 3s ease-in-out infinite;font-size:14px;}
.btn-newgame div i{float:left; line-height:28px;}

.btn-newgame2{background:#bc56eb url(../images/btn-game2.png)top left no-repeat}
.btn-newgame3{background:#00c8ff url(../images/btn-game3.png)top left no-repeat}


@keyframes letsgo{
  0% { transform: translate(1px, -50%) rotate(0deg); }
  2% { transform: translate(-1px, -48%) rotate(-1deg); }
  4% { transform: translate(-3px, -50%) rotate(1deg); }
  6% { transform: translate(3px, -52%) rotate(0deg); }
  8% { transform: translate(1px, -49%) rotate(1deg); }
  10% { transform: translate(-1px, -52%) rotate(-1deg); }
  12% { transform: translate(-3px, -51%) rotate(0deg); }
  14% { transform: translate(3px, -51%) rotate(-1deg); }
  16% { transform: translate(-1px, -49%) rotate(1deg); }
  18% { transform: translate(1px, -52%) rotate(0deg); }
  20% { transform: translate(0px, -50%) rotate(0deg); }
  100% { transform: translate(0px, -50%) rotate(0deg); }
}




.def-msg{position:absolute ;top:40px;width:80%;margin-left:-40%;left:50%; padding:10px; background:#fff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,0.5); z-index:11111;transition: all 0.4s ; -moz-transition:all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;overflow:hidden;text-align:center;}
.def-msg img{width:60%;text-align:center;}
.def-msg h3{color:#555;font:22px raminb;margin:10px 0}
.def-msg span{color:#555;font:16px ram;}
.def-msg a{border:solid 4px #fff; display:block;width:70%;background:#ff5077;color:#fff;padding:12px 0;text-align:center;border-radius:15px;margin:25px auto;animation:def-teacher 2s ease-out infinite;}
@keyframes def-teacher{
  0% { border:solid 4px #fff }
    50% { border:solid 4px #ffb9c9 }
  100% { border:solid 4px #fff }
}

.def-msg a:nth-child(2n+1){background:#eee;border:none !important;color:#aaa;;}












/*---------------- new game ----------------*/
.tedad-dor{background:#fff;color:#333;font-size:17px;border-radius:25px;height:45px;padding:3px;}
.tedad-dor span{margin:7px 0;display:inline-block;}
.tedad-dor a{border-radius:0 7px 7px 0;box-shadow:none;height:40px;width:40px; background:var(--color1);border-radius:50%;}



/*---------------- new round ----------------*/
.round{background:RGBA(0,0,0,0.05);backdrop-filter:blur(4px); padding:20px 10px;border-radius:15px;border:solid 1px #fff;}

.group-inf{text-align:center;margin-bottom:50px;}
.group-inf-1,.group-inf-2,.group-inf-dor{position:fixed;top:65px;right:-2px;display:block;width:38%; padding:10px 10px;background:#021723;color:#898989; border-radius:7px 0 0 7px;line-height:25px;;}
.group-inf-2{left:-2px;right:auto;border-radius:0 7px 7px 0;}

.group-inf-1 label,.group-inf-2 label{right:7px; display:block;width:33px;height:33px;border-radius:50%;background:#ea3292;padding-top:6px;font:16px raminnum;position:absolute;bottom:-18px;box-shadow:0 3px 15px rgba(0,0,0,0.7);color:#fff;;}
.group-inf-1 label{left:7px;right:auto;}

.group-inf-dor{width:20%;right:50%;margin-right:-10%;border-radius:7px;color:#fff;}


.select-point a{border-radius:5px;font:15px raminnum;background:rgba(0,0,0,0.5); display:block;color:#fff;padding:5px;height:45px;line-height:36px;}


.point-manfi{display:inline-block;width:30%; background:rgba(0,0,0,0.8);border-radius:8px;font-size:13px;color:#fff;margin:0;padding:7px 0;;opacity:0.6;border-bottom:solid 2px #ff0000}
.point-manfi-active{background:#cc0000;box-shadow:0 0 25px red;color:#fff;opacity:1}
.point-manfi-subject{margin:0 2%;}



.word-show{font:18px ramin;display:block;}
.show-subject{font:14px ram;display:block;color:#ccc;}








.time-show{font:12px raminnum;display:block;margin-top:10px;padding-left:10px; background:#000;border-radius:4px;position:relative;z-index:3;height:15px;text-shadow:0 0 3px #000;;text-align:left;}
.progressbar{height:15px;width:1%;background:#99e600;margin-top:-15px;position:relative;z-index:10;opacity:0.7;border-radius:4px}







/*---------------- End round ----------------*/
.endround-box{display:block;margin-top:15px;;background:#fff;border-radius:7px;padding:5px 10px 5px 5px;text-align:right;font:15px ramin;position:relative;}
.endround-box span{color:#000;}
.endround-box b{position:absolute;left:5px;top:-3px; width:40px;height:40px;border-radius:50%;color:#fff;font:18px ram;padding-top:4px;border:solid 3px #fff;box-shadow:0 5px 7px RGBA(0,0,0,0.2);text-align:center;direction:ltr;}


/*---------------- new Result ----------------*/
.result-cell{display:inline-block;border-left:solid 1px #eee;padding:2px 7px;}




/*----------------  part red ----------------*/
.part-red{background:#E54B49;text-align:center;padding:55px 0;;position:relative;overflow:hidden;}
.part-red:before{content:'';background:#fff;box-shadow:0 0 90px 90px #fff;opacity:0.3; transform: rotate(20deg); display:block;width:30px;height:120%;animation:partred 3s ease-in-out infinite;position:absolute;top:-20px;left:-200px}
@keyframes partred{
    0%{left:-200px}
    40%{left:120%}
    100%{left:120%}
}





/*---------------- Subject ----------------*/
.subjects{display:inline-block;width:48%;margin:5px 1%;padding:12px 7px;padding-left:0;  border-radius:7px;background:RGBA(0,0,0,0.5);font-size:13px;}
.subjects i{float:right;font-size:22px;color:#e0b7ca}