body{margin:0;padding:0;font-family:Tahoma;font-size:12px;background:#240606 url(images/bg.jpg);color:#f0830e;}
p{padding:0;margin:0;line-height:1.6;text-align:justify;}
p:not(:last-child){margin:0 0 20px 0;}
div{box-sizing:border-box;}
a{color:#efa75a;outline: none;text-decoration: underline;}
.noscroll{overflow:hidden;}
.table{width:100%;}
.table .tr{display:flex;flex-flow:row wrap;}
.cc{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;}
.blocked{overflow:hidden;}
.hidden{display:none;}
h1, h2, h3{text-transform:uppercase;text-align:center;}
h1{font-size:180%}
h2{font-size:160%;}
h3{font-size:140%;}
.lock{overflow:hidden;}



.wrap{margin:0 auto;min-height:100vh;display:flex;flex-flow:column;justify-content:center;align-items:stretch;max-width:1000px;}

.header{position:relative;background:url(images/bg-header.jpg) no-repeat top center;height:200px;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;padding:0 0 5px 0;}

.logo{width:219px;height:94px;background:url(images/logo.png) no-repeat;margin: 0 auto;}
.money{background:green;padding:10px;margin:20px 0 ;width:90%;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;color:#eee;font-size:18px;text-transform:uppercase;text-shadow:1px 1px #000;border-radius:5px;box-shadow:1px 1px 1px 0 #64d364 inset, 0 20px 1px 0 rgba(255,255,255,0.1) inset, -1px -1px 1px 0 #062806 inset;text-decoration:none;}
.money:hover{box-shadow:-1px -1px 1px 0 #64d364 inset, 0 -20px 1px 0 rgba(255,255,255,0.1) inset, 1px 1px 1px 0 #062806 inset;}
.menu{background:rgba(20,5,5,0.95);width:320px;display:block;top:0;right:-320px;position:fixed;height:100vh;transition:0.5s ease right;padding:60px 20px 20px;}
.menu.shown{right:0;transition:0.5s ease right;}
.menu a{display:block;color:#eee;text-decoration:none;padding:10px;border-bottom:1px dotted #444;font-size:13px;}
.menu a:hover{color:#f0830e}
.mBtn{background:black;width:40px;aspect-ratio:1/1;position:fixed;top:0;right:0;outline:none;box-shadow:0 0 5px 0 #fd9f94;}

.mBtn span{top:9px;}
.mBtn:before,.mBtn:after,.mBtn span{position:absolute;width:26px;height:2px;background:#e94a3f;right:5px;}
.mBtn:before,.mBtn:after{content:'';}
.mBtn:before{top:19px;}
.mBtn:after{top:29px;}

.mBtn.active{box-shadow:0 0 0 0 #fd9f94;}
.mBtn.active span{rotate:45deg;top:20px;}
.mBtn.active:after{rotate:-45deg;top:20px;}
.mBtn.active:before{display:none;}

.main{flex:1;padding:0 10px;}
.footer{height:60px;background:rgba(0,0,0,0.5);display:flex;flex-flow:row wrap;justify-content:center;align-items:center;}

.list{display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;}
.list .item{width:50%;padding:6px;display:block;text-decoration:none;box-sizing:border-box;}
.list .item:hover img{opacity:0.7;}
.list .item:hover .img{background:#fff;}
.list .item .img{border:4px solid #df2019;border-radius:1px;}
.list .item .img img{max-width:100%;aspect-ratio:16/16;display:block;border-radius:1px;box-shadow:-1px -1px 0 0 #730d09,1px 1px 0 0 #f67c70;}
.list .item h3{color:#f0830e}

.text{padding:20px 0;}
.text h1{margin:20px 0;padding:0;font-size:18px;}
.text h2{margin:20px 0;padding:0;font-size:16px;}
.text p{line-height:1.8;}

.text img{max-width:100%;display:block}

.text ol, .text ul{margin:0 0 20px 10px;padding:0 0 0 25px;border-left:2px solid #804f0d;color:#f0650c;}
.text li{line-height:1.8;padding:5px 5px 10px 5px;}
.text li:hover{background:rgb(255,255,255,0.1);}
.text img{margin:0 auto; display:block;}

.line{background:url(images/line.jpg) repeat-x;height:2px;margin:20px 0;}

.game{}
.gamebox{padding:5px;background:#df2019;}
.gamebox iframe{aspect-ratio:16/10;width:100%;background:#000;}
.gamestat{}
.gamestat .box{border-top:5px solid #df2019;border-bottom:5px solid #df2019;border-radius:5px;background:rgba(0,0,0,0.5);padding:10px 0;}
.gamestat .box .item{padding:5px 10px;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;border-bottom:1px solid #512828;}
.gamestat .box .item .k,.gamestat .box .item .v{}
.gamestat .box .item .v{text-align:right;}
.gamestat .box .item .v a{padding:5px;}
.dif{display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:center;}
/* .gamestat a{color:#efa75a;} */
.gameplay{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;padding:10px;}
.gameplay a{background:green;padding:10px;color:#fff;text-decoration:none;}

@media screen and (min-width:630px){
    .list .item{width:33.33%;padding:8px;}
    .header{justify-content:flex-start;align-items:stretch;padding-top:30px;}
    .logo{margin: 0 0 0 10px;display:block;text-decoration:none;}
    .money{margin:23px auto auto;width:50%;}
    .money:hover{text-shadow:-1px -1px #000;}
    .menu{display:block;width:100%;position:relative;height:auto;top:0;right:0;transition:0s ease right;padding:0;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-end;background:none;}
    .menu a{border-bottom:0;padding:1px 7px;}
    .mBtn{background:black;width:30px;aspect-ratio:1/1;display:none;}
    body{font-size:14px;}
    .text h1{margin:20px 0;padding:0;font-size:20px;}
    .text h2{margin:20px 0;padding:0;font-size:18px;}
    .lock{overflow:visible;}
}

@media screen and (min-width:800px){
    .list .item{width:25%;padding:10px;}
    .game{display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;}
    .gamebox{order:1;flex:1;}

    .gamestat{order:2;width:200px;padding-left:20px;font-size:90%;}
    .gameplay{order:3;width:100%;}
}