@font-face{font-family:dinnextw1g;src:url(../fonts/dinnextw1g.otf)} 
@font-face{font-family:geometria;src:url(../fonts/Geometria.ttf)} 
@font-face{font-family:geometria medium; 
src:url(../fonts/geometria-medium.ttf)} 
@font-face{font-family:geometria bold;src:url(../fonts/geometria-bold.ttf)} 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline} 
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} 
body{overflow-x:hidden} 
.accounts{position:absolute;top:100px;left:100px;width:200px;height:50px;font-family:Romul;color:#304447} 
body{line-height:1} 
ol,ul,nav{list-style:none} 
blockquote,q{quotes:none} 
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} 
table{border-collapse:collapse;border-spacing:0} 
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block} 
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} 
html,body{position:relative} 
.table-text{word-break:break-all} 
body{overflow-x:hidden;font-family:dinnextw1g;font-size:16px;color:#7f8692;} 
a{transition:all .3s ease;color:#fff;text-decoration:none} 
h1{font-size:48px} 
h2{font-size:30px} 
h3{font-size:20px} 
table{width:100%} 
.page{position:relative; top:120px;}
img{max-width:100%} 
:focus{outline:none} 
::-webkit-input-placeholder{color:#20162b} 
::-moz-placeholder{color:#20162b} 
:-moz-placeholder{color:#20162b} 
:-ms-input-placeholder{color:#20162b} 
.logo a:hover{filter:brightness(130%)} 
.flex{display:flex;flex-wrap:wrap} 
.flex-c{display:flex;align-items:center;flex-wrap:wrap} 
.flex-s{display:flex;justify-content:space-between;flex-wrap:wrap} 
.flex-s-c{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap} 
.flex-c-c{display:flex;justify-content:center;align-items:center;flex-wrap:wrap} 
.bright{transition:.3s} 
.bright:hover{filter:brightness(130%)} 
.btn{display:block;width:fit-content;font-size:22px;font-family:geometria bold;font-weight:700;color:#42464e;font-weight:700;text-transform:uppercase;text-shadow:0 1px 0 rgba(153,252,244,.75);box-shadow:0 4px 20px 0 rgba(10,137,164,.7);padding:14px 18px 12px;border-radius:20px;background:linear-gradient(to bottom,#67afcd,#1fdac7);} 
.btn:hover{filter:brightness(1.1)} 
.container{width:100%;height:100%;max-width:1440px;margin:0 auto;} 
.top-panel{position:static;height:160px;background: rgba(255, 255, 255, 0.3);backdrop-filter: blur(5px);} 
@media(min-width:1202px){.top-panel{position:relative;z-index:10} 
} 

.main-menu li{margin:0 24px;position:relative}
.main-menu li a{font-family:geometria bold;color:#011f34;text-transform:uppercase}
.main-menu .active a,.main-menu li a:hover{color:#0062a5}
.register-submenu{ position: absolute;
  top: 100%;              /* было: top: 32px; */
  left: 0;
  margin-top: 3px;        /* небольшой отступ, но уже без дыры */
  padding: 10px 0;
  min-width: 150px;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(15px);
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0,0,0,.25);
  z-index: 11;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.5s ease, visibility 0.5s ease;}
.register-submenu li{margin:0}
.register-submenu a{display:block;padding:10px 18px;color:#fff;font-family:geometria;text-transform:none;white-space:nowrap}
.register-submenu a:hover{background:rgba(255,255,255,.08);color:#0fa8ab}
.register-dropdown:hover .register-submenu,.register-dropdown:focus-within .register-submenu{opacity:1;visibility:visible;pointer-events:auto}
.register-dropdown:hover>a:after,.register-dropdown:focus-within>a:after{border-top-color:#cb3893;transform:translateY(50%) rotate(180deg)}
.user-account-btn-mobile{display:none}
.user-panel-dropdown{position:absolute;right:420px:}
.user-panel-dropdown .register-submenu{left:auto;right:0}
.button-btn{cursor:pointer;display:none}
.button-btn span{position:relative;transition:.3s;display:block;width:30px;height:3px;background:#42464e;margin:5px 0}
.lang-block{position:relative;padding-right:10px} 
.lang-block>a:after{content:'';position:absolute;top:5px;right:0;width:6px;height:6px;border:1px solid #484e57;border-left-color:transparent;border-top-color:transparent;transform:rotate(45deg)} 
.lang-block:hover>a:after,.lang-block:focus>a:after{border-right-color:#000;border-bottom-color:#000} 
.lang-block a{font-family:roboto,sans-serif;display:flex;align-items:center;font-size:14px;color:#484e57} 
.img-lang{width:28px;height:28px;border-radius:50%;transition:all .3s ease;margin-top:-1px;margin-right:10px} 
.hidden-block{border-radius:5px;visibility:visible;opacity:1;position:absolute;background:rgba(0,0,0,.8);width:150px;z-index:2;right:-10px;top:30px;transition:all .5s ease;visibility:hidden;opacity:0;padding:10px 0;box-shadow:0 0 20px 0 rgba(0,0,0,.8)} 
.hidden-block:after{border:5px solid transparent;border-bottom-color:rgba(0,0,0,.8);position:absolute;right:9px;top:-10px;content:""} 
.hidden-block a{display:flex;align-items:center;padding:8px 13px;color:#fff} 
.hidden-block a:hover{background:rgba(0,0,0,.9)} 
.main-item:focus~.hidden-block,.main-item:active~.hidden-block{visibility:visible;opacity:1} 
.intro{position:relative;z-index:5} 
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.intro .container{height:500px;flex-direction:column;justify-content:center}
.intro-block{display:flex;flex-direction:column;align-items:center;width:fit-content}
.intro h1{font-family:geometria bold;font-size:48px;font-weight:700;color:#2d5f6e;line-height:1.1;text-shadow:0 0 30px rgba(255,255,255,.9),0 0 60px rgba(255,255,255,.6),0 0 90px rgba(255,255,255,.3);letter-spacing:1px;text-align:center}
@keyframes cloudGlow{
0%,100%{text-shadow:0 0 25px rgba(255,255,255,.8),0 0 50px rgba(255,255,255,.5),0 0 80px rgba(255,255,255,.2)}
50%{text-shadow:0 0 35px rgba(255,255,255,1),0 0 70px rgba(255,255,255,.7),0 0 110px rgba(255,255,255,.35),0 0 150px rgba(200,235,245,.15)}
}
.intro h1 span{font-size:62px;display:block;color:#1a8a90;letter-spacing:2px;margin-top:4px;text-shadow:0 0 30px rgba(255,255,255,.9),0 0 60px rgba(255,255,255,.6),0 0 100px rgba(255,255,255,.3);animation:cloudGlow 4s ease-in-out infinite} 
.intro .container>p{font-family: dinnextw1g;
    font-size: 18px;
    max-width: 513px;
    color: white;
    line-height: 1.444;
    margin: 32px 0;
    text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;} 
.games{margin-bottom:70px;justify-content:center;gap:150px}
.game{position:relative;width:calc(100%/3 - 15px);min-height:140px;padding:24px 20px;background:#fff;border-radius:10px;justify-content:center;align-items:center;box-shadow:0 12px 32px 0 rgba(72,78,87,.14);overflow:hidden} 
.game1{position:relative;width:calc(100%/3 - 15px);height:130px;background:#fff;border-radius:10px;padding-left:140px;align-items:center;box-shadow:0 12px 32px 0 rgba(72,78,87,.14);overflow:hidden} 
.game2{position:relative;width:calc(100%/3 - 15px);height:130px;background:#fff;border-radius:10px;padding-left:100px;align-items:center;box-shadow:0 12px 32px 0 rgba(72,78,87,.14);overflow:hidden} 
.status{position:absolute;top:20px;left:180px;width:20px;height:96px;box-sizing:border-box;padding:15px;font-size:20px;color:#2b2622} 
.game:after{content:'';#position:absolute;#left:-56px;#top:-39px;#width:208px;#height:208px;#border-radius:50%;#box-shadow:inset-5px030px0rgba(0,0,0,0.14);#background:#fff} 
.game img{position:relative;z-index:1;margin-right:75px} 
.game h3{font-family:geometria;font-size:24px;color:#484e57;margin-bottom:12px} 
.game h3 span{font-family:geometria bold;color:#0fa8ab} 
.game p{display:flex;align-items:center;color:#2a2a29;justify-content:center} 
.game p span{display:block;padding:6px 11px 5px;background:#17d7db;font-size:14px;font-weight:700;margin-left:9px;border-radius:14px} 
table{overflow:hidden;border:1px solid #d3d3d3;background:#fefefe;width:70%;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 4px rgba(0,0,0,.2);-webkit-box-shadow:0 0 4px rgba(0,0,0,.2)} 
th,td{padding:11px 18px;text-align:center;vertical-align:middle} 
th{padding-top:14px;text-shadow:1px 1px 1px #fff;background:#e8eaeb} 
td{border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0} 
tr.odd-row td{background:#f6f6f6} 
td.first,th.first{text-align:left} 
td.last{border-right:none} 
.topphp{color:#000;top:200px;right:250px;width:390px;height:550px;box-sizing:border-box;padding:15px;th background:#C9E3FE} 
.table{position:fixed;border:1px solid #eee;table-layout:fixed;width:100%;margin-bottom:5px} 
.table th{font-weight:700;padding:5px;background:#efefef;border:1px solid #ddd;position:fixed} 
.table td{padding:5px 10px;border:1px solid #eee;text-align:left;position:fixed} 
.table tbody tr:nth-child(odd){background:#fff;position:fixed} 
.table tbody tr:nth-child(even){background:#f7f7f7;position:fixed} 
.title-block{font-family:geometria bold;font-size:30px;text-transform:uppercase;color:#484e57;margin:25px 0} 
.title-block span{color:#0fa8ab} 
.last-news-n-discord{align-items:flex-start;flex-direction:column} 
.main-news{width:390px;height:537px;background:url(../images/main-news-image.jpg) center no-repeat;display:flex;flex-direction:column;justify-content:flex-end;padding:31px 29px;border-radius:14px;box-shadow:0 12px 18px 0 rgba(72,78,87,.11)} 
.main-news .btn{padding:14px 32px 15px} 
.datetime{position:relative;padding-left:22px;font-size:15px;font-weight:700;margin-bottom:17px} 
.datetime:before{content:'';position:absolute;top:calc(50% - 9px);left:0;width:16px;height:16px;background:url(../images/datetime-icon.png) center no-repeat} 
.news-title{font-family:geometria bold;font-size:24px;color:#484e57;line-height:1.167;margin-bottom:22px} 
.news-content{font-size:18px;line-height:1.389;margin-bottom:23px} 
.side-news-block{width:522px} 
.side-news{cursor:pointer;align-items:center;flex-wrap:nowrap;transition:.3s} 
.side-news:hover{margin-left:-10px} 
.side-news:not(:last-of-type){margin-bottom:29px} 
.side-news img{border-radius:14px;box-shadow:0 13px 18px 0 rgba(72,78,87,.11)} 
.side-news-info{margin-left:20px} 
.side-news .news-title{font-size:20px;margin-bottom:16px} 
.side-news .datetime{font-size:15px;margin-bottom:10px} 
.side-news .news-content{font-size:16px;line-height:1.25;margin-bottom:14px} 
.side-news .btn{font-size:14px;padding:14px 25px 12px 23px} 
.show-more-news{text-align:center;padding:15px 10px;display:flex;justify-content:center;align-items:center;background:#eef2f3;color:#9ba5ad;font-family:geometria bold;font-size:20px;text-transform:uppercase;border-radius:15px;margin-top:34px} 
.show-more-news:hover{background:#9ba5ad;color:#fff} 
.discord .title-block{text-align:center} 
footer{border-top:1px solid rgba(132,150,162,.13);margin-top:64px;padding:64px 0 62px} 
.copy-n-info{max-width:900px;margin:0 auto;text-align:center} 
.copy{font-family:geometria bold;font-size:18px;color:#7f8692;margin-bottom:25px} 
.info{color:#7f8692;font-size:12px;line-height:1.667;margin-bottom:44px} 
.rules-links{justify-content:center}
.rules-links a{font-family:geometria medium;color:#7f8692;margin:0 15px} 
.rules-links a:hover{color:#0fa8ab} 
.footer-menu{width:40%} 
.footer-menu>nav{width:50%} 
.footer-menu li{margin:20px 0} 
.footer-menu a{display:block;font-family:geometria bold;font-size:16px;color:#7f8692;text-transform:uppercase;padding:3px 0} 
@media(max-width:1240px){.footer-menu a{text-align:center} 
.footer-menu{margin:0 auto;justify-content:center} 
} 
.footer-menu a:hover{color:#0fa8ab} 
.site-links{flex-direction:column} 
@media(max-width:1240px){.site-links{margin:0 auto} 
} 
.social-networks a{display:block;background:url(../images/social.png) 48% center no-repeat;width:66px;height:66px;border:1px solid rgba(116,128,136,.25);border-radius:500%;margin-right:12px} 
.social-networks .ds a{background-position:12px center} 
.social-networks .yt a{background-position:calc(100% - 11px) center} 
.social-networks a:hover{filter:brightness(1.2)} 
.separator{display:block;width:100%;height:1px;background:rgba(154,159,181,.1);margin-top:36px;margin-bottom:30px} 
.modal-div{position:fixed;width:100%;height:100%;max-width:930px;max-height:550px;top:0;left:calc(50% - 465px);display:none;opacity:0;z-index:999;background:#fff;flex-wrap:nowrap;border-radius:15px;overflow:hidden;margin-top:-265px} 
.modalContent{width:100%;max-width:490px;height:100%;padding:40px} 
.modalTitle{font-family:geometria bold;text-transform:uppercase} 
.modalTitle h2{font-size:32px;color:#0fa8ab;line-height:1.2} 
.modalTitle h3{font-size:24px;color:#454d58} 
.modal-form{margin-top:35px} 
.modalContent .form-input{display:block;width:100%;border:none;border-bottom:1px solid #eaeaea;padding:15px 0;margin-bottom:20px;font-family:dinnextw1g;font-size:18px} 
.modalContent .form-input::placeholder{color:#95a4a4} 
.modalContent .form-submit{cursor:pointer;display:flex;justify-content:center;align-items:center;width:207px;height:48px;font-family:geometria bold;font-size:18px;border:none;color:#42464e;font-weight:700;text-transform:uppercase;text-shadow:0 1px 0 rgba(153,252,244,.75);box-shadow:0 4px 20px 0 rgba(10,137,164,.7);border-radius:30px;background:linear-gradient(to bottom,#67afcd,#1fdac7);transition:.3s} 
.modalContent .form-submit:hover{filter:brightness(1.1)} 
.modalContent .enter-button{margin-top:46px} 
.modalContent .login-btn{cursor:pointer;width:109px;height:48px;border-radius:28px;background:linear-gradient(to bottom,#67afcd,#1fdac7);transition:.3s} 
.modalContent .login-btn span{display:flex;justify-content:center;align-items:center;width:105px;height:44px;margin:2px;font-family:geometria bold;font-size:18px;color:#42464e;font-weight:700;text-transform:uppercase;text-shadow:0 1px 0 rgba(153,252,244,.75);border-radius:26px;background:#fff;transition:.3s} 
.modalContent .login-btn:hover{filter:brightness(1.1)} 
.modalContent .login-btn:hover span{background:0 0} 
.modal_close{cursor:pointer;position:absolute;width:18px;height:18px;top:45px;right:40px;transition:.3s} 
.modal_close:hover{filter:brightness(.4)} 
.modal_close:after,.modal_close:before{content:'';position:absolute;top:calc(50% - 0.5px);left:-4px;width:25px;height:1px;transform:rotate(-45deg);background:#9ba9a9} 
.modal_close:after{transform:rotate(45deg)}
#overlay{z-index:998;position:fixed;background-color:#fff;opacity:0;width:100%;height:100%;top:0;left:0;cursor:pointer;visibility:hidden;pointer-events:none;transition:opacity 0.5s ease,visibility 0.5s ease}
#overlay.active{opacity:.86;visibility:visible;pointer-events:auto}
.download-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.98);max-width:960px;width:100%;background:#fff;border-radius:16px;display:flex;flex-direction:column;z-index:999;box-shadow:0 20px 70px rgba(0,0,0,.35);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.5s ease,transform 0.5s ease,visibility 0.5s ease;padding:32px 32px 40px}
.download-modal.visible{opacity:1;transform:translate(-50%,-50%) scale(1);visibility:visible;pointer-events:auto}
.download-modal .modal_close{top:24px;right:24px}
.download-modal__header{margin-bottom:20px}
.download-modal__header h2{font-family:geometria bold;color:#0fa8ab;font-size:30px;margin-bottom:6px}
.download-modal__header p{color:#484e57;font-family:geometria}
.download-modal__grid{display:flex;gap:20px;flex-wrap:wrap}
.download-modal__column{flex:1 1 300px;background:#f8f9fb;border-radius:12px;padding:20px;border:1px solid rgba(72,78,87,.08);box-shadow:0 12px 32px 0 rgba(72,78,87,.08)}
.download-modal__column h3{font-family:geometria bold;font-size:22px;color:#0fa8ab;margin-bottom:10px}
.download-modal__column p{color:#484e57;margin-bottom:12px}
.download-links{list-style:none;padding:0;margin:0}
.download-links li{margin-bottom:10px}
.download-links a{display:inline-block;padding:10px 16px;border-radius:12px;background:linear-gradient(to bottom,#67afcd,#1fdac7);color:#42464e;font-family:geometria bold;text-transform:uppercase;text-shadow:0 1px 0 rgba(153,252,244,.75);box-shadow:0 4px 20px 0 rgba(10,137,164,.7)}
.download-links a:hover{filter:brightness(1.1)}
.download-modal__note{color:#7f8692;font-size:14px;line-height:1.5}
.periy{position:absolute;width:100%;height:800px;overflow:hidden;top:0;left:0;z-index:2}
.ani.stone{transform-origin:center center} 
.ani.stone.on{opacity:1} 
.stone{-webkit-transition:opacity 800ms ease;-moz-transition:opacity 800ms ease;transition:opacity 800ms ease;-webkit-backface-visibility:hidden;backface-visibility:hidden} 
.ani{opacity:0;position:absolute;text-indent:-9999px;font-size:0;line-height:0;top:100px;background-repeat:no-repeat;background-position:0 0;z-index:2} 
.ani.s1{top:300px;left:-10px;width:179px;height:184px;background:url(../images/s1.png) no-repeat 0 0;z-index:3;animation:updown 4s infinite} 
.ani.s2{top:350px;left:350px;width:281px;height:180px;background:url(../images/s2.png) no-repeat 0 0;z-index:3;animation:updown2 4.2s 500ms infinite} 
.ani.s3{top:400px;left:90%;width:287px;height:132px;background:url(../images/s3.png) no-repeat 0 0;z-index:3;animation:updown 4s 500ms infinite} 
@keyframes updown{0%,100%{transform:translateY(30px) rotate(5deg)} 
50%{transform:translateY(-30px) rotate(0)} 
} 
@keyframes updown2{0%,100%{transform:translateY(40px) rotate(8deg)} 
50%{transform:translateY(-40px) rotate(0)} 
} 
@media(max-width:1460px){.container{padding:0 10px} 
.last-news{width:65.416%} 
.last-news-block{align-items:flex-start} 
.main-news{max-width:390px;width:41.401%;margin-right:0} 
.side-news-block{width:55.414%} 
.side-news{align-items:flex-start} 
.news-content,.news-title{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden} 
.side-news .news-title{-webkit-line-clamp:1} 
.datetime{white-space:nowrap} 
} 
@media(max-width:1200px) and (min-width:1000px){.game{width:calc(100%/3 - 10px);padding-left:20px} 
.game h3{font-size:22px} 
.game p{font-size:14px} 
.game img{transform:scale(.8);margin-right:45px} 
.game:after{left:-86px} 
} 
@media screen and (max-width:1023px){.content{overflow:auto} 
} 
@media(max-width:1200px){footer .container{max-width:700px}
.copy-n-info{max-width:100%;flex-basis:100%;margin-bottom:50px}
.info{max-width:900px}
.info,.copy{text-align:center;margin-left:auto;margin-right:auto}
.rules-links{justify-content:center}
.rules-links a{margin:0 15px}
.footer-menu{width:calc(100% - 168px)}
.button-btn{display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:102}
.button-btn.active{position:fixed;right:20px;top:30px;transform:none}
.button-btn.active span{background:#fff}
.button-btn.active span:nth-of-type(2){display:none}
.button-btn.active span:first-of-type{transform:rotate(45deg);bottom:-3.7px}
.button-btn.active span:last-of-type{transform:rotate(-45deg);top:-3.7px}
.main-menu{display:none;flex-direction:column;flex-wrap:nowrap!important;align-items:stretch;justify-content:center;gap:16px;padding:80px 20px 40px;position:fixed;top:0;left:0;width:100vw;height:100vh;overflow-y:auto;background:#0a0f14;z-index:101;transition:.3s;pointer-events:auto}
.main-menu.active{display:flex}
.main-menu.active~*{pointer-events:none}
.top-panel:has(.main-menu.active){position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;backdrop-filter:none;background:transparent}
.main-menu li{margin:0;width:100%;text-align:center}
.main-menu li a{display:flex;justify-content:center;font-size:20px;color:#fff;padding:14px 14px;width:100%}
.main-menu .register-submenu{position:static;opacity:1;visibility:visible;pointer-events:auto;background:transparent;box-shadow:none;backdrop-filter:none;padding:0;margin:0;min-width:auto}
.main-menu .register-submenu a{color:rgba(255,255,255,.6);font-size:16px;padding:8px 14px;justify-content:center;display:flex}
.select-lang{margin-left:auto}
}
@media(max-width:1000px){.last-news-n-discord{flex-direction:column} 
.last-news .title-block{text-align:center} 
.last-news,.discord{width:100%} 
.discord{margin-top:30px} 
.discord-block img{display:block;margin:0 auto} 
.show-more-news{max-width:466px;margin-left:auto;margin-right:auto} 
.games{flex-direction:column} 
.game{width:100%;max-width:460px} 
.game:not(:last-of-type){margin-bottom:20px} 
.periy{display:none} 
} 
@media(max-width:930px){.modal-div{left:0} 
.modalContent{width:calc(100% - 450px)} 
} 
@media(max-width:880px){.modal-div{max-width:500px;left:calc(50% - 250px)} 
.modal-div img{display:none} 
.modalContent{width:100%} 
.button-btn span{width:35px;height:4px} 
.button-btn.active span:first-of-type{bottom:-4.3px} 
.button-btn.active span:last-of-type{top:-4.3px} 
footer{margin-top:40px;padding:40px 0} 
} 
@media(max-height:550px){.modal-div{top:0!important;margin-top:0;overflow-y:scroll} 
} 
@media(max-width:800px){body{background:url(../images/footer-bg.jpg) center bottom no-repeat,url(../images/header-bg-1.jpg) 70% 0 no-repeat} 
.intro .container{justify-content:flex-end;padding-bottom:40px} 
.intro h1{max-width:400px;font-size:36px}
.intro h1 span{font-size:46px} 
.intro .container>p{max-width:400px;font-size:16px} 
.last-news-block{flex-direction:column;align-items:center} 
.main-news{width:100%;max-width:466px;background-size:cover;background-position-y:20px} 
.side-news-block{width:100%;max-width:466px;margin-top:30px} 
} 
@media(max-width:600px){body{background:url(../images/footer-bg.jpg) center bottom no-repeat,url(../images/header-bg-1.jpg) 75% top no-repeat}
.user-panel-dropdown{display:none}
.user-account-btn{display:none}
.user-account-btn-mobile{display:flex;margin:0 auto;margin-top:40px}
footer .container{flex-direction:column;p { text-align:center }
 H2 { text-align:center }
} 
.copy-n-info{margin-bottom:30px} 
.footer-menu{width:75%;margin-bottom:30px} 
.footer-menu nav:first-of-type{width:70%} 
.footer-menu nav:last-of-type{width:30%} 
.rules-links{flex-direction:column;align-items:center} 
.rules-links a{margin:0;margin-bottom:10px} 
.site-links .separator{margin:20px 0} 
} 
@media(max-width:500px){.modal-div{left:0} 
.modalContent{padding:40px 20px} 
.modal-div img{display:none} 
.modalContent{width:100%} 
.footer-menu{width:90%} 
.game h3{font-size:22px} 
.game p{font-size:14px} 
.game img{margin-right:60px} 
} 
@media(max-width:375px){.game{padding-left:20px} 
.game h3{font-size:22px} 
.game p{font-size:14px} 
.game img{transform:scale(.8);margin-right:45px} 
.game:after{left:-86px} 
} 
@media(max-width:420px){.show-more-new{max-width:300px} 
} 
.table-content td:not(:nth-child(1)):not(:nth-child(3)){word-break:break-all} 
.table-content td:nth-child(2){padding:0} 
.news-content-faq{display:block} 
.discord{width:100%} 
@media(min-width:1240px){.discord{width:34%} 
.last-news{width:66%} 
.last-news-n-discord{flex-direction:row;align-items:start} 
} 
@media(max-width:768px){.news-title{display:block;word-break:break-all} 
} 
@media(max-width:1225px){.navi{display:flex;flex-direction:column;align-items:center} 
} 
@media(max-width:550px){.navi{display:flex;flex-direction:column;align-items:flex-start} 
} 
.footer-banners{width:100%;margin:0 auto;padding:0 20px;display:flex;justify-content:flex-end;justify-content:center;gap:10px;padding:35px;padding-top:0} 
@media(max-width:1200px){.footer-banners{} 
} 
.logo{max-width:160px} 
@media(max-width:1200px){.logo img{width:70%;object-fit:cover} 
} 
@media(max-width:1200px){.top-panel{height:118px} 
} 
.item{max-width:1440px;margin:0 auto} 
.item__video{position:relative;aspect-ratio:16/9;margin-right:60px} 
.item__video:not(:last-child){margin-bottom:30px} 
.item__video video,.item__video iframe{object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100%} 
.item__video-title{font-family:geometria bold;font-size:30px;text-transform:uppercase;color:#484e57;margin:25px 0;margin-left:-66px;text-align:center} 
@media(max-width:1230px){.item__video{margin:0 auto} 
.item__video-title{text-align:center;margin:25px auto} 
} 
.content-table{margin-top:-16px} 
@media(min-width:1200px){.discord{position:relative;left:45px} 
} 
@media(min-width:1200px){.title-block-table{text-align:center;margin-left:-66px} 
} 
.table-content-top th:nth-child(2){padding:11px 38px}
.game-info h3{text-align:center}
.game-info p{text-align:center}
.item{max-width:1440px;margin:0 auto}
.item__video{position:relative;aspect-ratio:16/9;margin-right:60px;height:520px;width:90%}
.item__video:not(:last-child){margin-bottom:30px}
.item__video video,.item__video iframe{object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100%}
.item__video-title{font-family:geometria bold;font-size:30px;text-transform:uppercase;color:#484e57;margin:25px 0;margin-left:-66px;text-align:center}
@media(max-width:1230px){.item__video{margin:0 auto}
.item__video-title{text-align:center;margin:25px auto}
}

/* ===== MODERN UI ENHANCEMENTS ===== */

html{scroll-behavior:smooth}

/* Smooth transitions globally */
.game,.btn,.side-news,.main-news,.download-modal__column{transition:transform .3s ease,box-shadow .3s ease}

/* Top panel depth */
.top-panel{box-shadow:0 2px 20px rgba(0,0,0,.08);backdrop-filter:blur(12px)}

/* Button hover lift */
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px 0 rgba(10,137,164,.5);filter:brightness(1.05)}

/* Game cards hover */
.game{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.game:hover{transform:translateY(-4px);box-shadow:0 18px 40px 0 rgba(72,78,87,.18)}

/* Game card stats row */
.title-game{font-family:geometria bold!important;font-size:22px;color:#484e57;text-align:center;margin-bottom:10px}
.game-stats{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.game-stat{display:flex;align-items:center;gap:6px;font-family:geometria;font-size:15px;color:#484e57}
.game-stat .players-amount{font-family:geometria bold;font-size:17px;color:#0fa8ab}
.stat-label{color:#9ba5ad;font-size:14px}
.rates-value{font-family:geometria bold;color:#f39c12;font-size:16px;background:rgba(243,156,18,.1);padding:2px 10px;border-radius:10px}
.game-stat-divider{width:1px;height:20px;background:#e5e9ec}
.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#2ecc71,#27ae60);vertical-align:middle;animation:softGlow 2.5s ease-in-out infinite}
.status-dot>i{display:none}
@keyframes softGlow{
0%,100%{box-shadow:0 0 4px rgba(46,204,113,.4)}
50%{box-shadow:0 0 10px rgba(46,204,113,.8),0 0 16px rgba(46,204,113,.3)}
}

/* Featured game card (1.3.6) — animated gradient border */
@property --border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes rotateBorder{to{--border-angle:360deg}}
.game-featured{position:relative;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--border-angle),#0fa8ab,#a8e6cf,#0fa8ab,#67d4e8,#0fa8ab) border-box;animation:rotateBorder 3s linear infinite}
.game-badge{position:absolute;top:-1px;right:20px;background:linear-gradient(135deg,#0fa8ab,#1fdac7);color:#fff;font-family:geometria bold;font-size:11px;text-transform:uppercase;padding:5px 14px;border-radius:0 0 8px 8px;letter-spacing:.5px;box-shadow:0 4px 12px rgba(15,168,171,.35)}

/* Download modal featured column */
.download-modal__column--featured{border:2px solid #0fa8ab;position:relative}
.download-badge{display:inline-block;background:linear-gradient(135deg,#0fa8ab,#1fdac7);color:#fff;font-size:11px;padding:3px 10px;border-radius:10px;margin-left:8px;vertical-align:middle;letter-spacing:.3px}

/* Title block decorative underline */
.title-block{position:relative;display:inline-block}
.title-block::after{content:'';display:block;width:50px;height:3px;background:linear-gradient(to right,#0fa8ab,#1fdac7);border-radius:2px;margin-top:8px}
.discord .title-block::after{margin-left:auto;margin-right:auto}

/* Promo banner */
.promo-banner{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:14px 18px;box-shadow:0 8px 30px rgba(0,0,0,.12);border:2px solid transparent;background-clip:padding-box;transform:translateY(120px);opacity:0;transition:transform .5s ease,opacity .5s ease}
.promo-banner--visible{transform:translateY(0);opacity:1}
.promo-banner::before{content:'';position:absolute;inset:-2px;border-radius:16px;padding:2px;background:conic-gradient(from var(--border-angle,0deg),#0fa8ab,#a8e6cf,#0fa8ab,#67d4e8,#0fa8ab);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rotateBorder 3s linear infinite;pointer-events:none}
.promo-banner__close{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;border:none;background:#e0e0e0;color:#555;font-size:14px;line-height:22px;text-align:center;cursor:pointer;padding:0;transition:background .2s}
.promo-banner__close:hover{background:#ccc}
.promo-banner__icon{font-size:28px;line-height:1}
.promo-banner__text{display:flex;flex-direction:column;gap:2px}
.promo-banner__title{font-family:geometria bold;font-size:14px;color:#484e57;text-transform:uppercase;letter-spacing:.3px}
.promo-banner__code{color:#0fa8ab;background:rgba(15,168,171,.1);padding:1px 6px;border-radius:4px;letter-spacing:1px;cursor:pointer;transition:background .2s}
.promo-banner__code:hover{background:rgba(15,168,171,.2)}
.promo-banner__sub{font-size:13px;color:#7f8692}
.promo-banner__btn{display:block;padding:8px 18px;border-radius:10px;background:linear-gradient(to bottom,#67afcd,#1fdac7);color:#42464e;font-family:geometria bold;font-size:13px;text-transform:uppercase;text-shadow:0 1px 0 rgba(153,252,244,.75);box-shadow:0 3px 12px rgba(10,137,164,.4);text-decoration:none;white-space:nowrap;transition:transform .2s,filter .2s}
.promo-banner__btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
@media(max-width:768px){.promo-banner{bottom:12px;right:12px;padding:10px 14px;gap:8px}
.promo-banner__icon{font-size:22px}
.promo-banner__title{font-size:12px}
.promo-banner__sub{font-size:11px}
.promo-banner__btn{padding:6px 14px;font-size:12px}}
@media(max-width:480px){.promo-banner{bottom:8px;right:8px;left:8px;padding:10px 12px;gap:8px}
.promo-banner__icon{font-size:20px}
.promo-banner__title{font-size:11px}
.promo-banner__sub{display:none}
.promo-banner__btn{padding:6px 12px;font-size:11px}}

/* Main news gradient overlay */
.main-news{background-size:cover;background-position:center;position:relative}
.main-news::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,rgba(0,0,0,.15) 50%,transparent 100%);border-radius:14px;pointer-events:none}
.main-news>*{position:relative;z-index:1}
.main-news .datetime,.main-news .news-title,.main-news .news-content{color:#fff}

/* Side news hover */
.side-news{transition:transform .3s ease,box-shadow .3s ease}
.side-news:hover{transform:translateX(-6px);box-shadow:0 6px 20px rgba(72,78,87,.1)}
.side-news img{transition:transform .3s ease}
.side-news:hover img{transform:scale(1.03)}

/* Discord iframe wrapper */
.item__video iframe{border-radius:14px}

/* Start Playing pulse glow */
@keyframes pulseGlow{0%,100%{box-shadow:0 4px 20px 0 rgba(10,137,164,.7)}50%{box-shadow:0 4px 30px 6px rgba(10,137,164,.5)}}
.start-game-btn{animation:pulseGlow 2.5s ease-in-out infinite}
.start-game-btn:hover{animation:none}

/* Intro fade-in on load */
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.intro h1{animation:fadeInUp .8s ease-out both}
.intro .start-game-btn{animation:fadeInUp .8s .3s ease-out both,pulseGlow 2.5s 1.1s ease-in-out infinite}

/* Show more news hover */
.show-more-news{transition:background .3s ease,color .3s ease,transform .3s ease}
.show-more-news:hover{transform:translateY(-2px)}

/* ===== FACTIONS TOP ===== */
.factions-block{background:#fff;border-radius:14px;padding:24px;box-shadow:0 12px 32px rgba(72,78,87,.1);transition:transform .3s ease,box-shadow .3s ease;width:100%;min-height:400px}
@media(min-width:1240px){.factions-block{width:64%}}
.factions-block:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(72,78,87,.15)}
.factions-block--featured{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--border-angle,0deg),#0fa8ab,#a8e6cf,#0fa8ab,#67d4e8,#0fa8ab) border-box;animation:rotateBorder 3s linear infinite}
.factions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}
.factions-title{font-family:geometria bold;font-size:22px;color:#484e57;margin:0;letter-spacing:.5px}
.factions-tabs{display:flex;gap:6px}
.factions-tab{font-family:geometria bold;font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;border-radius:20px;border:1.5px solid #dde3e6;background:transparent;color:#9ba5ad;cursor:pointer;transition:all .25s ease;white-space:nowrap}
.factions-tab:hover{border-color:#2ecc71;color:#2ecc71}
.factions-tab--active{background:#2ecc71;border-color:#2ecc71;color:#fff}
.factions-tab--active:hover{background:#27ae60;border-color:#27ae60}
.factions-table{display:none;opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}
.factions-table--visible{display:block}
.factions-table--active{opacity:1;transform:translateY(0)}
.factions-loading,.factions-empty{text-align:center;padding:40px 10px;color:#9ba5ad;font-family:geometria;font-size:15px}
.ft{width:100%;border-collapse:collapse;font-family:geometria;font-size:14px}
.ft thead th{text-align:center;padding:10px 8px;color:#7f8692;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #eef2f3}
.ft tbody tr{border-bottom:1px solid #f3f5f7;transition:background .2s}
.ft tbody tr:hover{background:#f8fafa}
.ft tbody tr:last-child{border-bottom:none}
.ft tbody td{padding:10px 8px;color:#484e57}
.ft-top3 td{font-weight:700}
.ft-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ft-icon{width:20px;height:20px;vertical-align:middle;margin-right:4px;border-radius:3px}
.ft-medal{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:12px;font-weight:700;color:#fff;position:relative}
@keyframes flameSilver{
0%,100%{box-shadow:0 0 8px rgba(200,200,200,.8),0 0 18px rgba(170,170,170,.45),0 0 30px rgba(140,140,140,.2)}
50%{box-shadow:0 0 14px rgba(235,235,235,1),0 0 26px rgba(200,200,200,.65),0 0 42px rgba(160,160,160,.3)}
}
@keyframes flameBronze{
0%,100%{box-shadow:0 0 8px rgba(215,140,55,.8),0 0 18px rgba(190,110,30,.45),0 0 30px rgba(160,80,10,.2)}
50%{box-shadow:0 0 14px rgba(235,165,75,1),0 0 26px rgba(210,130,50,.65),0 0 42px rgba(185,106,30,.3)}
}
/* Gold medal fire glow */
@keyframes fireGlow{
0%,100%{box-shadow:0 0 8px rgba(255,160,0,.8),0 0 18px rgba(255,120,0,.5),0 0 30px rgba(255,80,0,.25)}
50%{box-shadow:0 0 14px rgba(255,180,0,1),0 0 28px rgba(255,120,0,.7),0 0 45px rgba(255,60,0,.35),0 0 60px rgba(200,40,0,.15)}
}
.ft-gold{background:linear-gradient(135deg,#f5c842,#e6a817);animation:fireGlow 1.8s ease-in-out infinite}
.ft-silver{background:linear-gradient(135deg,#d0d0d0,#a8a8a8);animation:flameSilver 2.5s ease-in-out infinite}
.ft-bronze{background:linear-gradient(135deg,#cd7f32,#b56a1e);animation:flameBronze 2.2s ease-in-out infinite}
.ft-rank{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:12px;color:#7f8692;background:#eef2f3}
@media(max-width:1000px){.factions-top{flex-direction:column}}
@media(max-width:768px){.factions-block{padding:16px}
.ft{font-size:13px}
.ft thead th{font-size:11px;padding:8px 6px}
.ft tbody td{padding:8px 6px}}

/* ===== MOBILE RESPONSIVENESS FIX ===== */

@media(min-width:1201px){.main-menu{margin-right:auto;margin-left:auto}}

@media(max-width:768px){
body>video{height:600px!important}
.intro .container{height:350px;padding-bottom:30px!important;align-items:center}
.intro h1{font-size:28px}
.intro h1 p{font-size:36px}
.page{top:80px}
.games{gap:20px;margin-bottom:40px}
.game{height:auto;min-height:100px;padding:15px 10px}
.game h3{font-size:18px}
.title-block{font-size:22px;margin:20px 0}
.main-news{height:auto;min-height:350px;padding:20px 18px}
.news-title{font-size:18px}
.news-content{font-size:15px}
.side-news img{width:100px;min-width:100px;height:auto}
.side-news .news-title{font-size:16px}
.side-news .news-content{font-size:14px}
.item__video{height:auto;width:100%;margin-right:0}
.item__video iframe{position:relative;width:100%;height:400px}
.discord .item__video{aspect-ratio:auto}
footer{margin-top:30px;padding:30px 0 25px}
.info{max-width:100%!important;width:100%!important;font-size:11px}
.copy{font-size:16px}
.download-modal{max-width:95vw;padding:20px 16px 28px;max-height:90vh;overflow-y:auto}
.download-modal__header h2{font-size:22px}
.download-modal__grid{flex-direction:column;gap:14px}
.download-modal__column{padding:16px}
.download-modal__column h3{font-size:18px}
.download-links a{font-size:13px;padding:8px 12px}
}

@media(max-width:480px){
body>video{height:450px!important}
.intro .container{height:280px;padding-bottom:20px!important;align-items:center}
.intro h1{font-size:22px;max-width:280px}
.intro h1 p{font-size:30px}
.btn.start-game-btn{font-size:18px;padding:12px 16px 10px}
.top-panel{height:90px}
.logo{max-width:110px}
.page{top:60px}
.games{gap:15px;margin-bottom:30px}
.game{max-width:100%}
.item__video iframe{height:300px}
.show-more-news{font-size:16px;padding:12px 8px}
.download-modal{max-width:98vw;padding:16px 12px 24px}
.download-modal .modal_close{top:12px;right:12px}
}