@import "../assets/ddtankwalker/css/validation.css";
@import "../assets/ddtankwalker/css/notice.css";
@import "../assets/ddtankwalker/css/ui.css";
@import url("../ddt-mu/web.archive.org/web/20230626192322cs_/https_/primemu.net/assets/primemu/css/primemu.css");

body{background-image:url('../assets/ddtankwalker/imagens/body-bg.png');background-position:center top;background-repeat:no-repeat;background-color:#0A0D16 !important}
html{background-color:#0A0D16}
header{height:550px;position:relative}
.logo{position:absolute;top:220px;left:0;width:100%;z-index:2}
.logo .bright{position:relative;display:inline-block}
.logo .bright img{position:relative;z-index:1}
.logo .bright:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:780px;height:780px;border-radius:50%;background:url('../assets/ddtankwalker/imagens/light-hand.png') center/contain no-repeat;filter:blur(20px);opacity:.9;animation:none;z-index:0;pointer-events:none}
.logo .bright:after{content:"";position:absolute;left:calc(52% + 55px);top:calc(48% - 15px);transform:translate(-50%,-50%);width:360px;height:360px;border-radius:50%;background:url('../assets/ddtankwalker/imagens/rune-hand.png') center/contain no-repeat;opacity:.95;animation:spinTranslate 22s linear infinite;will-change:transform;z-index:0;pointer-events:none}
.logo .bright:hover{filter:brightness(120%)}
.line{display:block;height:36px;background:url('../assets/ddtankwalker/imagens/line.png') center no-repeat;background-size:cover;margin:24px 0}
.socButton{position:relative;display:block;width:366px;height:120px;border-radius:6px;padding:22px 30px;color:#fff;background:linear-gradient(90deg,rgba(10,12,18,.95),rgba(10,12,18,.85));border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 0 25px rgba(255,255,255,.04);overflow:hidden}
.socButton span{display:block;color:#cfd7ff;font-size:14px;margin-top:6px}
.socButton:after{display:none}
.reward-light{position:absolute;right:-80px;top:-40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,180,255,.55),rgba(0,0,0,0) 70%);filter:blur(12px);opacity:.6;animation:pulseGlow 3.5s ease-in-out infinite}
.reward-light-icon{display:none}
.socYoutube .reward-light{background:radial-gradient(closest-side,rgba(255,160,60,.55),rgba(0,0,0,0) 70%)}
.socDiscord .reward-light{background:radial-gradient(closest-side,rgba(0,180,255,.65),rgba(0,0,0,0) 70%)}
.socFacebook .reward-light{background:radial-gradient(closest-side,rgba(160,120,255,.55),rgba(0,0,0,0) 70%)}
.socButton.socYoutube{background:url('../assets/ddtankwalker/imagens/soc-button-red.png') center/cover no-repeat}
.socButton.socDiscord{background:url('../assets/ddtankwalker/imagens/soc-button-blue.png') center/cover no-repeat}
.socButton.socFacebook{background:url('../assets/ddtankwalker/imagens/soc-button-purple.png') center/cover no-repeat}
@keyframes pulseGlow{0%{transform:scale(.9);opacity:.45}50%{transform:scale(1.15);opacity:.8}100%{transform:scale(.95);opacity:.45}}
.hand-animation{position:absolute;left:50%;margin-left:-625px;top:131px;pointer-events:none}
.light-hand{background:url('../assets/ddtankwalker/imagens/light-hand.png');width:350px;height:350px;position:absolute;top:0;left:-50px;animation:20s light-hand linear infinite;opacity:.7}
.light-hand-two{background:url('../assets/ddtankwalker/imagens/light-hand.png');width:350px;height:350px;position:absolute;top:0;left:-50px;animation:20s light-hand-two linear infinite;opacity:.7}
.rune-hand{background:url('../assets/ddtankwalker/imagens/rune-hand.png');width:350px;height:350px;position:absolute;top:0;left:-50px;animation:15s rune-hand linear infinite;opacity:.8}
.yellow-light{background:url('../assets/ddtankwalker/imagens/light-hand.png');width:350px;height:350px;position:absolute;top:0;left:-50px;animation:20s light-hand linear infinite;opacity:.5}
@keyframes light-hand{0%{transform:rotate(0deg)}50%{transform:rotate(-180deg)}100%{transform:rotate(-360deg)}}
@keyframes light-hand-two{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}
@keyframes rune-hand{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}
.sparks{position:absolute;left:0;right:0;top:140px;height:260px;pointer-events:none;z-index:3}
.sparks>div{position:absolute}
.sparks .spark_1{background:url('../assets/ddtankwalker/imagens/spark_1.png') no-repeat;width:764px;height:313px;right:0;bottom:-120px;transform:scale(.6);animation:spark-1 4s linear infinite;animation-delay:1s}
.sparks .spark_2{background:url('../assets/ddtankwalker/imagens/spark_2.png') no-repeat;width:149px;height:335px;right:230px;bottom:-320px;transform:scale(.6);animation:spark-1 4s linear infinite;animation-delay:2s}
.sparks .spark_3{background:url('../assets/ddtankwalker/imagens/spark_3.png') no-repeat;width:128px;height:165px;right:280px;bottom:-140px;transform:scale(.6);animation:spark-3 4s linear infinite;animation-delay:2s}
.sparks .spark_4.spark-big{background:url('../assets/ddtankwalker/imagens/spark_4.png') no-repeat;width:794px;height:176px;right:0;bottom:-180px;transform:scale(.6);animation:spark-5 4s linear infinite}
@keyframes haloFloat{0%{transform:translate(0,0) scale(1);opacity:.45}50%{transform:translate(12px,-8px) scale(1.08);opacity:.65}100%{transform:translate(-8px,10px) scale(1.02);opacity:.5}}
@keyframes spark-1{0%{bottom:-320px;transform:scale(.6);opacity:1}25%{bottom:-240px;transform:scale(.7);opacity:1}50%{bottom:-160px;transform:scale(.8);opacity:1}75%{bottom:-80px;transform:scale(.9);opacity:.5}to{bottom:0;transform:scale(1);opacity:0}}
@keyframes spark-3{0%{bottom:-140px;transform:scale(.6);opacity:1}25%{bottom:-80px;transform:scale(.7);opacity:1}50%{bottom:-20px;transform:scale(.8);opacity:1}75%{bottom:40px;transform:scale(.9);opacity:.5}to{bottom:100px;transform:scale(1);opacity:0}}
@keyframes spark-5{0%{bottom:-180px;transform:scale(.6);opacity:1}25%{bottom:-120px;transform:scale(.7);opacity:1}50%{bottom:-60px;transform:scale(.8);opacity:1}75%{bottom:0;transform:scale(.9);opacity:.5}to{bottom:60px;transform:scale(1);opacity:0}}
@keyframes sparkFloatRight{0%{transform:translateY(-10px);opacity:.6}50%{transform:translateY(10px);opacity:.95}100%{transform:translateY(-10px);opacity:.6}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spinReverse{to{transform:rotate(-360deg)}}
@keyframes pulse{0%{opacity:.4}50%{opacity:.75}100%{opacity:.4}}
@keyframes spinTranslate{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}

.lock-icon{display:inline-block;width:80px;height:80px;background:url('../assets/ddtankwalker/imagens/lock-icon.png') center/contain no-repeat;margin:0 6px;vertical-align:middle;opacity:1;filter:drop-shadow(0 0 8px rgba(255,180,80,.45))}
.topPanel-right{display:flex;align-items:center;gap:10px}
.newsBlock .newsLink{position:relative}
.newsBlock .newsLink:hover:after{content:"";position:absolute;right:-60px;top:calc(50% + 60px);transform:translateY(-50%);width:64px;height:178px;background:url('../assets/ddtankwalker/imagens/news-hover.png') right center no-repeat;background-size:64px 178px;opacity:.98;z-index:1}
.newsBlock .newsLink:hover .newsLink-info a{color:#fff}
.newsBlock .newsLink:hover .newsLink-more span{color:#fff}
.newsLink-event:before,.newsLink-patch-notes:before,.newsLink-maintenance:before{content:"";display:block;position:absolute;left:-2px;top:50%;transform:translateY(-50%);width:40px;height:43px;background-size:40px 43px;background-repeat:no-repeat;opacity:.95}
.newsLink-event:before{background-image:url('../assets/ddtankwalker/imagens/events-icon.png')}
.newsLink-patch-notes:before{background-image:url('../assets/ddtankwalker/imagens/patch-notes-icon.png')}
.newsLink-maintenance:before{background-image:url('../assets/ddtankwalker/imagens/maintenance-icon.png')}

.enter button, .button3, .button4, .rightBodyLinks button{background:url('../assets/ddtankwalker/imagens/button.png') center/contain no-repeat;border:0;outline:0;color:#fff;padding:10px 18px;text-transform:uppercase;letter-spacing:.5px}

.rightBodyLinks{position:fixed!important;right:0!important;left:auto!important;top:calc(50% - 252px)!important;transform:none!important;margin-right:0!important;margin-left:auto!important;background:0 0;background-image:url('https://web.archive.org/web/20230626192322im_/https://i.imgur.com/jUjSOhj.png');background-size:cover;background-position:center;background-repeat:no-repeat;padding:3px 5px 7px 45px;height:505px;width:121px;z-index:8}
.rightBodyLinks a{display:block;text-align:center;color:#fcedc0;font-family:philosopher,sans-serif;font-size:14px;margin:8px 0;position:relative;z-index:2}
.rightBodyLinks a span{display:block;background-image:none;width:70px;height:70px;position:relative;transition:.3s;margin:0 auto;background-size:contain;background-repeat:no-repeat;background-position:center}
.rightBodyLinks a span img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}
.rightBodyLinks a:hover span{background-image:url('../assets/ddtankwalker/imagens/right-panel-bg-hover.png');opacity:1;transform:scale(1.05)}
.r-wiki span img{bottom:18px;left:18px}
.r-shop span img{bottom:16px;left:16px}
.r-forum span img{bottom:16px;left:16px}
.speech{width:70px;background:rgba(0,0,0,.4);padding:5px 10px;text-align:center;font-size:12px;border-radius:5px;color:#fff;position:relative;margin-left:-90px;margin-top:-60px;text-shadow:0 0 5px gold;border:1px solid black;box-shadow:0 0 5px black}
.speech:before{content:"";position:absolute;border-left:5px solid black;border-right:5px solid transparent;border-top:5px solid black;border-bottom:5px solid transparent;right:-10px;top:5px}
.speech.bubble{position:absolute;top:20px;right:80px;white-space:nowrap}
.speech.bubble a{color:gold!important;text-decoration:none}
@keyframes fa-blink{0%{opacity:1}25%{opacity:.6}50%{opacity:.3}75%{opacity:.6}100%{opacity:1}}
.fa-blink{-webkit-animation:fa-blink 2s linear infinite;-moz-animation:fa-blink 2s linear infinite;-ms-animation:fa-blink 2s linear infinite;-o-animation:fa-blink 2s linear infinite;animation:fa-blink 2s linear infinite}

.wrapper{width:1200px;padding:0 25px;margin:0 auto;position:relative}
.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}
.topPanel{position:fixed;width:100%;top:0;left:0;right:0;transition:.3s;z-index:20}
.topPanel-wrapper{width:1200px;padding-left:25px;margin:0 auto;position:relative;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}
.topPanel-left{display:flex;align-items:center}
.topPanel-left .logo-mini{display:block;margin-right:15px}
.topPanel-left .nav{display:flex;list-style:none;margin:0;padding:0}
.topPanel-left .nav li{display:inline-block;position:relative;cursor:pointer}
.topPanel-left .nav li:first-child a{color:#fff}
.topPanel-left .nav li a{color:#fcedc0;font-family:philosopher,sans-serif;font-size:18px;display:block;height:90px;padding:0 20px;line-height:90px;position:relative;z-index:1}
.topPanel-left .nav li:hover a{color:#f88938}
.topPanel-right{display:flex;align-items:center;gap:10px}
.commun-link{padding-left:27px;color:#fcedc0;font-size:18px;font-family:philosopher,sans-serif}
.commun-link:hover{color:#cc7954}
.sign-in{padding-right:60px;color:#fcedc0;font-size:18px;font-family:philosopher,sans-serif;position:relative;cursor:pointer}
.sign-in:hover{color:#cc7954}
.sign-in:after{content:"";background:url('../assets/ddtankwalker/imagens/lock-icon.png') no-repeat;position:absolute;width:91px;height:87px;right:-26px;top:50%;margin-top:-42px;transition:.3s;pointer-events:none}
.sign-in:hover:after{filter:brightness(140%)}
.sign-in.no-lock-icon{padding-right:10px}
.sign-in.no-lock-icon:after{display:none!important}
.logout-btn{position:relative;z-index:10;isolation:isolate}
.logout-btn[data-title]:hover::after{content:attr(data-title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;white-space:nowrap;font-size:12px;margin-bottom:5px;pointer-events:none;z-index:1000}
.topPanel.topPanel-fixed{background:rgba(7,10,17,.95);box-shadow:0 10px 10px 0 rgba(0,0,0,.2)}
.topPanel.topPanel-fixed .topPanel-wrapper{border-bottom:0}
.btn-drop{position:fixed;top:12px;left:20px;z-index:15;transition:.3s}
.btn-drop span{display:block;width:25px;height:3px;background:#fff;margin:5px 0;opacity:.8;border-radius:2px;transition:.3s;position:relative}
.btn-drop.active{left:270px;top:20px}
.btn-drop.active span:nth-child(1){transform:rotate(45deg);top:8px}
.btn-drop.active span:nth-child(2){display:none}
.btn-drop.active span:nth-child(3){transform:rotate(-45deg)}

.topHomeBlocks{display:flex;justify-content:space-between;margin:30px 0}
.block-50{width:calc(50% - 13px);height:300px;box-shadow:0 10px 10px 10px rgba(0,0,0,.2)}
.swiper-container{width:100%;height:100%}
.swiper-news .swiper-slide img{max-width:100%;height:100%}
.swiper-news-pagination{position:absolute;background:url('../assets/ddtankwalker/imagens/slider-arrow-bg.png') no-repeat;width:140px;height:40px;right:35px;bottom:35px;z-index:3;display:flex;align-items:center;justify-content:center}
.swiper-news-pagination .swiper-button-prev{background:url('../assets/ddtankwalker/imagens/left.png') no-repeat;width:24px;height:28px;top:50%;margin-top:-14px;left:10px;filter:drop-shadow(0px 0px 20px #c88052);position:absolute;cursor:pointer;z-index:2}
.swiper-news-pagination .swiper-button-prev:after{display:none}
.swiper-news-pagination .swiper-button-next{background:url('../assets/ddtankwalker/imagens/right.png') no-repeat;width:24px;height:28px;top:50%;margin-top:-14px;right:10px;filter:drop-shadow(0px 0px 20px #c88052);position:absolute;cursor:pointer;z-index:2}
.swiper-news-pagination .swiper-button-next:after{display:none}
.swiper-news-pagination .swiper-pagination{position:relative;width:auto;left:auto;bottom:auto;top:auto;z-index:1;display:flex;gap:5px}
.swiper-pagination-bullet {width: 12px; height: 12px; background: url('../assets/ddtankwalker/imagens/title-icon.png') no-repeat center/contain; opacity: 0.5; border-radius: 0;}
.swiper-pagination-bullet-active {opacity: 1; filter: drop-shadow(0px 0px 5px #ff2a00);}
.newsBlock{background:url('../assets/ddtankwalker/imagens/block-top-bg.png') left top no-repeat,url('../assets/ddtankwalker/imagens/block-bottom-bg.png') left bottom no-repeat,url('../assets/ddtankwalker/imagens/block-mid-bg.png') left top repeat-y;background-color:#12141f;padding:40px 45px;background-size:100% auto,100% auto,100% 100%}
.h2-title{align-items:flex-end;margin-bottom:25px}
.h2-title span{position:relative;text-transform:uppercase;color:#cc7954;font-size:18px;font-family:philosopher,sans-serif;display:block;padding-left:25px}
.h2-title span:before{content:"";position:absolute;background:url('../assets/ddtankwalker/imagens/title-icon.png') no-repeat;width:26px;height:26px;left:-5px;top:50%;margin-top:-13px;filter:drop-shadow(0px 0px 10px #ff2a00)}
.h2-title a{color:#696868;font-size:14px}
.h2-title a:hover{color:#fff}
.newsLink{position:relative;padding:13px 0 13px 50px}
.newsLink:after{content:"";background:url('../assets/ddtankwalker/imagens/news-hover.png') no-repeat;position:absolute;width:64px;height:178px;right:-60px;top:50%;margin-top:-89px;opacity:0}
.newsLink-info a{display:block;color:#fcedc0;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:300px;padding:1px 0}
.newsLink-info span{color:#696868}
.newsLink-more{color:#cc7954;display:block;position:relative;padding-right:20px}
.newsLink-more span{opacity:0;transition:.3s}
.newsLink-more:after{content:"";position:absolute;background:url('../assets/ddtankwalker/imagens/h-right.png') no-repeat;width:8px;height:12px;right:0;top:50%;margin-top:-6px;transition:.3s}
.newsLink:hover:after{opacity:1}
.newsLink:hover .newsLink-info a{color:#fff;text-decoration:underline}
.newsLink:hover .newsLink-more span{opacity:1}
.newsLink:hover .newsLink-more:after{background:url('../assets/ddtankwalker/imagens/right.png') no-repeat;width:24px;height:28px;margin-top:-14px;right:-20px;filter:drop-shadow(0px 0px 10px #ff2a00)}
.newsLink-event{background:url('../assets/ddtankwalker/imagens/events-icon.png') left top 12px no-repeat}
.newsLink-patch-notes{background:url('../assets/ddtankwalker/imagens/patch-notes-icon.png') left top 12px no-repeat}
.newsLink-maintenance{background:url('../assets/ddtankwalker/imagens/maintenance-icon.png') left top 12px no-repeat}

.mainHomeBlock{margin-bottom:40px}
.mainHomeBlock>div{height:610px}
.blockHome{background:url('../assets/ddtankwalker/imagens/block-top-bg.png') left top no-repeat,url('../assets/ddtankwalker/imagens/block-bottom-bg.png') left bottom no-repeat,url('../assets/ddtankwalker/imagens/block-mid-bg.png') left top repeat-y;background-color:#12141f;box-shadow:0 10px 15px 4px rgba(0,0,0,.3);padding:35px;width:364px;min-height:340px;background-size:100% auto,100% auto,100% 100%}
.h2-title-table{border-bottom:1px solid #22252d;padding-bottom:25px;position:relative}
.tabTable-block{display:none}
.tabTable-block.active{display:block}
.tabTable{margin-right:-12px}
.tabTable-button{cursor:pointer;display:inline-block;margin:0 12px;position:relative;color:#696868}
.tabTable-button:after{content:"";position:absolute;width:50%;margin-left:-25%;height:1px;background:#fff;left:50%;bottom:-26px;opacity:0}
.tabTable-button.active{color:#fff}
.tabTable-button.active:after{opacity:1}
.tableBlock-title{background:url('../assets/ddtankwalker/imagens/block-top-bg.png') repeat-x;height:36px;padding:0 17px;display:flex;align-items:center;box-shadow:0 5px 10px 2px rgba(0,0,0,.2);margin-bottom:10px;width:100%}
.tableBlock-title span{color:#696868;text-transform:uppercase;font-size:10px;font-weight:600;display:block}
.tableBlock-title_player{width:62%}
.tableBlock-title_level{width:17%;text-align:center}
.tableBlock-title_score{width:21%;text-align:right}
.all-button{text-align:center;margin-top:25px}
.all-button .button{display:inline-block;padding:8px 20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;text-decoration:none;text-transform:uppercase;font-size:12px;transition:all .3s ease}
.all-button .button:hover{background:rgba(255,255,255,.2);color:#ffd700}

@media(max-width:993px){
  .topPanel-right{display:flex;align-items:center;gap:8px;position:fixed;right:15px;top:15px}
  .topPanel-right .sign-in,.topPanel-right .commun-link{font-size:16px;line-height:1}
  .lock-icon{width:36px;height:36px;margin:0 6px}
  .topHomeBlocks{flex-direction:column}
  .block-50{width:100%}
  .rightBodyLinks{display:none!important}
}
body .rightBodyLinks,html .rightBodyLinks,.wrapper .rightBodyLinks{right:0!important;left:auto!important}