@font-face{font-family:Myriad Pro;src:url(/fonts/MyriadPro-Regular.woff) format("woff"),url(/fonts/MyriadPro-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Myriad Pro;src:url(/fonts/MyriadPro-Bold.woff) format("woff"),url(/fonts/MyriadPro-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Myriad Pro;src:url(/fonts/MyriadPro-It.woff) format("woff"),url(/fonts/MyriadPro-It.ttf) format("truetype");font-weight:400;font-style:italic}@media screen and (max-width: 768px){.discord-button{display:none}}@media screen and (max-width: 1316px){.header-overlay{display:none}}body{margin:0;padding:0;background:url(/images/background.jpg) no-repeat center center fixed;background-size:cover;min-height:100vh;display:flex;flex-direction:column}.custom-dropdown-menu{background-color:#ffffff80!important;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 6px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.main-content{flex:1;background:none;padding-bottom:1200px}.footer-nav{width:100%;height:100px;background:#0000000d;display:flex;align-items:center;justify-content:center}.footer-nav .footer-links{display:flex;gap:200px;letter-spacing:.05em}.footer-nav .footer-links a{text-decoration:none;color:#23283c;font-family:Myriad Pro,Arial,sans-serif;font-size:12px;padding:8px 12px;transition:background .3s}.footer-nav .footer-links a:hover{background:#fff3;border-radius:5px;color:#247daf}@media screen and (max-width: 1265px){.footer-nav .footer-links{gap:100px}.main-content{padding-bottom:1130px}}@media screen and (max-width: 1165px){.footer-nav .footer-links{gap:100px}.main-content{padding-bottom:1300px}}@media screen and (max-width: 640px){.footer-nav .footer-links{gap:2px;font-size:11px}.main-content{padding-bottom:1300px}}.button-image{transition:transform .3s ease,background-color .3s ease}.custom-nav{position:absolute;top:0;left:0;width:100%;height:100px;background:#0003;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 4px 6px #0000001a;z-index:10}.custom-nav .nav-links{display:flex;gap:100px;letter-spacing:.05em;transform:translate(80%)}.custom-nav .nav-links a{text-decoration:none;color:#fff;font-family:Myriad Pro,Arial,sans-serif;font-size:16px;padding:8px 12px;transition:background .3s}.custom-nav .nav-links a:hover{background:#fff3;border-radius:5px}@media (max-width: 1678px){.custom-nav .nav-links{transform:translate(50%);gap:60px}}@media (max-width: 1240px){.custom-nav .nav-links{transform:translate(30%);gap:30px}}@media (max-width: 768px){.custom-nav .nav-links{transform:translate(10%);gap:15px}}@media (max-width: 480px){.custom-nav .nav-links{transform:translate(-50px);gap:5px}.custom-nav .nav-links a{font-size:14px}}@media only screen and (max-width: 400px){.custom-nav .nav-links{transform:translate(-10px);gap:1px}.custom-nav .nav-links a{font-size:11px}}.dropdown-left{position:absolute;left:10px;top:30px}@media only screen and (max-width: 800px){.dropdown-left{position:absolute;left:10px;top:300px}}.dropdown-menu{z-index:9999}.g-recaptcha{transform:scale(.7);transform-origin:center;margin-top:2px}.discord-button{height:53px;background-color:transparent}.discord-link{display:inline-flex;align-items:center;justify-content:center;width:246px;height:53px;text-decoration:none;color:#fff;font-family:Myriad Pro,Arial,sans-serif;font-size:14px;font-weight:regular;text-shadow:1px 1px 2px rgba(0,0,0,.7);background:url(/images/buttons/buttondark_normal.png) no-repeat center center;background-size:cover;transition:background .3s,transform .2s;background-color:transparent}.discord-image{display:block;width:246px;height:53px;transition:transform .2s;background-color:transparent}.discord-link:hover{background:url(/images/buttons/buttondark_hover.png) no-repeat center center;transform:scale(1.05)}.discord-link:active{background:url(/images/buttons/buttondark_active.png) no-repeat center center;transform:scale(.95)}.player-online{position:absolute;top:calc(50% + 154px);left:calc(50% - 360px);transform:translate(-50%,-50%);z-index:5;display:flex;align-items:center;font-family:Myriad Pro,Arial,sans-serif;font-size:18px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.player-icon{width:102px;height:100px;margin-right:20px}.player-info{display:flex;flex-direction:column;align-items:center}.player-text{font-size:18px;margin-bottom:5px}.player-count{font-size:24px;font-weight:700;color:#fff}@media screen and (max-width: 1316px){.player-online{left:calc(50% - 250px);top:calc(50% + 50px)}}@media screen and (max-width: 1024px){.player-online{left:calc(50% - 200px);top:calc(50% + 50px)}}@media screen and (max-width: 768px){.player-online{left:calc(50% - 100px);top:calc(50% + 50px)}}@media screen and (max-width: 480px){.player-online{left:calc(50% - 50px);top:calc(50% + 100px)}}.header-video{position:absolute;width:100%;height:90%;overflow:hidden;aspect-ratio:16 / 9}.header-video video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (max-width: 768px){.header-video{height:50vh}.header-video video{-o-object-position:25% center;object-position:25% center}}.header-overlay{position:absolute;top:50%;left:50%;transform:translate(calc(-50% - 265px),calc(-50% + 60px));color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7);text-align:center}.header-overlay h1{font-size:2.5rem;margin:0}.header-overlay p{font-size:1.2rem}.content-section{display:flex;justify-content:flex-start;align-items:flex-start;gap:20px;margin:50px auto;width:90%;max-width:925px;position:absolute;background:transparent;z-index:2;top:50%;left:50%;transform:translate(calc(-50% - 167px),calc(-50% + 380px))}.button-group{display:flex;flex-direction:column;gap:2px;position:relative;background:transparent}@media screen and (max-width: 1165px){.button-group{display:none}}.custom-button{display:block;width:237px;height:105px;position:relative;text-align:center;overflow:hidden;background-color:transparent;-webkit-backface-visibility:hidden}.button-image{width:100%;height:100%;transform:scale(1);transition:transform .3s ease;background-color:transparent}.custom-button:hover .button-image{transform:scale(1.1)}.custom-button:hover{box-shadow:0 4px 8px #0003}.button-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-family:Myriad Pro,Arial,sans-serif;text-shadow:1px 1px 2px rgba(0,0,0,.7);z-index:2;pointer-events:none}.button-text h1{font-size:18px;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.button-text p{font-size:14px;margin:0;text-shadow:1px 1px 3px rgba(0,0,0,.8)}#button1:hover .button-image{content:url(/images/buttonbig/left_button1_hover.png)}#button1:active .button-image{content:url(/images/buttonbig/left_button1_active.png)}#button2:hover .button-image{content:url(/images/buttonbig/left_button2_hover.png)}#button2:active .button-image{content:url(/images/buttonbig/left_button2_active.png)}#button3:hover .button-image{content:url(/images/buttonbig/left_button3_hover.png)}#button3:active .button-image{content:url(/images/buttonbig/left_button3_active.png)}.carousel{width:100%;max-width:683px;min-width:683px;aspect-ratio:683 / 318;position:relative;background:transparent;box-shadow:none;border-radius:15px;overflow:hidden;margin-left:-17px}@media screen and (max-width: 1165px){.carousel{display:none}}.carousel img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:0;background:transparent}.content-box{position:absolute;width:924px;height:1059px;background:url(/images/content/contentbackground.png) no-repeat center center;background-size:cover;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;z-index:3;border-radius:15px;box-shadow:0 4px 10px #0003;top:calc(50% + 1128px);left:calc(50% - 168px);transform:translate(-50%,-50%)}@media screen and (max-width: 1165px){.content-box{top:calc(50% + 990px);left:calc(50% + 2px)}}@media screen and (max-width: 640px){.content-box{top:calc(50% + 936px);left:calc(50% - 1px);max-width:400px;padding:15px;border-radius:10px;width:100%}}.content-header{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;margin-top:25px}.header-image{width:814px;height:48px}.header-text{position:absolute;color:#f1f2f4;font-family:Myriad Pro,Arial,sans-serif;font-size:14pt;font-weight:400;top:calc(50% - 2px);transform:translateY(-50%);left:65px;text-align:left;white-space:nowrap;z-index:3}.header-text2{position:absolute;color:#f1f2f4;font-family:Myriad Pro,Arial,sans-serif;font-size:14pt;font-weight:400;top:calc(50% - 2px);transform:translateY(-50%);left:13px;text-align:left;white-space:nowrap;z-index:3}.content-body{width:100%;height:calc(100% - 55px);overflow-y:scroll;overflow-x:hidden;color:#4b5c71;font-family:Myriad Pro,Arial,sans-serif;font-size:12pt;line-height:1.6;text-align:justify;padding:18px 48px;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.content-body::-webkit-scrollbar{display:none}.content-body .input-container input{color:#102036!important}.input-container input::-moz-placeholder{color:#102036;opacity:1}.input-container input::placeholder{color:#102036;opacity:1}.content-separator{width:682px;height:1px;margin:20px auto;background:url(/images/content/seperatecontents.png) no-repeat center;background-size:contain;opacity:.2}.highlighted-text{font-family:Myriad Pro,Arial,sans-serif;font-size:12pt;color:#247daf;font-weight:700}.stat-box{position:absolute;width:330px;height:346px;display:flex;flex-direction:column;align-items:center;z-index:3;top:calc(50% + 1065px);left:calc(50% + 466px);transform:translate(-50%,-50%)}@media screen and (max-width: 1165px){.stat-box{top:calc(50% + 1700px);left:calc(50% - 240px);width:95%;max-width:350px;padding:15px}}@media screen and (max-width: 640px){.stat-box{display:none}}.stat-header{width:100%;height:75px;background:url(/images/right/contentheader.png) no-repeat center center;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.stat-header h1{font-family:Myriad Pro,Arial,sans-serif;font-size:13pt;color:#f1f2f4;margin:0;font-weight:400;position:relative;left:-90px;text-shadow:2px 2px 5px rgba(167,213,216,.7)}.stat-header p{font-family:Myriad Pro,Arial,sans-serif;font-size:8pt;color:#8dc4e3;margin:0;font-weight:400;position:relative;left:-75px}.stat-content{width:100%;height:271px;background:url(/images/right/contentbglogin.png) no-repeat center center;background-size:cover;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:20px;position:relative;font-family:Myriad Pro,Arial,sans-serif}.stat-item{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:10px}.stat-icon{width:12px;height:14px;margin-right:10px}.stat-label{font-family:Myriad Pro,Arial,sans-serif;font-size:11pt;color:#4b5c71;flex:1}.stat-value{font-family:Myriad Pro,Arial,sans-serif;font-size:11pt;color:#0e375d;text-align:right}.stat-separator{width:270px;height:1px;background:url(/images/miniicon/seperate.png) no-repeat center;background-size:contain;margin:20px auto}.stat-refresh{display:flex;align-items:center;justify-content:center;width:100%;transform:translate(-6px,3px)}.refresh-icon{width:10px;height:10px;cursor:pointer}.refresh-button{background:none;border:none;color:#0e375d;font-family:Myriad Pro,Arial,sans-serif;font-size:11pt;cursor:pointer;margin-left:10px}.refresh-button:hover{color:#16538c;text-decoration:underline}.refresh-text{font-family:Myriad Pro,Arial,sans-serif;font-size:10pt;color:#43546a;font-weight:700;cursor:pointer}.stat-content>*{position:relative;top:15px}.login-box{position:absolute;width:330px;height:346px;display:flex;flex-direction:column;align-items:center;z-index:3;top:calc(50% + 445px);left:calc(50% + 466px);transform:translate(-50%,-50%)}@media screen and (max-width: 1165px){.login-box{top:calc(50% + 253px);left:calc(50% + 145px)}}@media screen and (max-width: 640px){.login-box{top:calc(50% + 218px);left:calc(50% + 2px)}}.login-header{width:100%;height:75px;background:url(/images/right/contentheader.png) no-repeat center center;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.login-header h1{font-family:Myriad Pro,Arial,sans-serif;font-size:13pt;color:#f1f2f4;margin:0;font-weight:400;position:relative;left:-75px;text-shadow:2px 2px 5px rgba(167,213,216,.7)}.login-header p{font-family:Myriad Pro,Arial,sans-serif;font-size:8pt;color:#8dc4e3;margin:0;font-weight:400;position:relative;left:-65px}.login-content{width:100%;height:271px;background:url(/images/right/contentbglogin.png) no-repeat center center;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;position:relative}.login-content>*{position:relative;top:13px}.login-content input{width:270px;height:37px;margin-bottom:10px;padding-left:52px;border:none;background:url(/images/inputfield/inputschmal_normal.png) no-repeat;background-size:cover;font-size:14px;font-family:Myriad Pro,Arial,sans-serif;color:#102036!important;-webkit-text-fill-color:#102036}.login-content input:focus{outline:none;background:url(/images/inputfield/inputschmal_active.png) no-repeat;background-size:cover;color:#102036!important;-webkit-text-fill-color:#102036}.input-wrapper{position:relative;width:270px;height:37px;margin-bottom:10px}.input-wrapper img{position:absolute;top:50%;left:14px;transform:translateY(-50%);width:9px;height:11px}.input-wrapper input:-webkit-autofill{background:transparent!important;color:#102036!important;-webkit-text-fill-color:#102036!important;box-shadow:0 0 0 1000px transparent inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.input-wrapper input:-moz-autofill{background:transparent!important;color:#102036!important;box-shadow:0 0 0 1000px transparent inset!important}.input-wrapper input:-webkit-autofill{background:transparent!important;color:#102036!important;box-shadow:0 0 0 1000px transparent inset!important}.input-wrapper input:autofill{background:transparent!important;color:#102036!important;box-shadow:0 0 0 1000px transparent inset!important}.input-wrapper:focus-within{background:url(/images/inputfield/inputschmal_active.png) no-repeat center center;background-size:cover}.input-wrapper.filled{background:url(/images/inputfield/inputschmal_normal.png) no-repeat center center;background-size:cover}.forgot-password{margin-top:12px;text-align:center;font-family:Myriad Pro,Arial,sans-serif;font-size:10pt;color:#43546a}.forgot-password a{color:#0574bc;text-decoration:underline;font-weight:700}.forgot-password a:hover{text-decoration:underline;color:#044b79}.login-content button{width:198px;height:46px;background:url(/images/buttons/loginbuttondark_normal.png) no-repeat center center;background-size:cover;color:#f1f2f4;font-family:Myriad Pro,Arial,sans-serif;font-size:11pt;font-weight:400;border:none;cursor:pointer;text-align:center;line-height:46px;transition:background .3s;top:12px;background-color:transparent}.login-content button:hover{background:url(/images/buttons/loginbuttondark_hover.png) no-repeat center center;background-size:cover;background-color:transparent}.login-content button:active{background:url(/images/buttons/loginbuttondark_active.png) no-repeat center center;background-size:cover;background-color:transparent}.button-group-right{display:flex;flex-direction:column;gap:1px;margin-top:30px;align-items:center}.custom-button-right{display:block;width:330px;height:88px;position:relative;text-align:center;overflow:hidden;cursor:pointer;background-color:transparent}@media screen and (max-width: 640px){.custom-button-right{width:240px;height:60px}}.custom-button-right .button-image{width:100%;height:100%;transition:transform .3s ease;background-color:transparent}.button-text-right{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;pointer-events:none}.button-text-right h1{font-family:Myriad Pro,Arial,sans-serif;font-size:16pt;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.button-text-right p{font-family:Myriad Pro,Arial,sans-serif;font-size:10pt;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.6)}#button1-right .button-text-right h1,#button1-right .button-text-right p{color:#f4f4f0}#button2-right .button-text-right h1,#button2-right .button-text-right p{color:#45474a}#button3-right .button-text-right h1,#button3-right .button-text-right p{color:#293f51}#button4-right .button-text-right h1,#button4-right .button-text-right p{color:#244744}#button1-right:hover .button-image{content:url(/images/buttonbig/right_button1_hover.png);background-color:transparent}#button1-right:active .button-image{content:url(/images/buttonbig/right_button1_active.png);background-color:transparent}#button2-right:hover .button-image{content:url(/images/buttonbig/right_button2_hover.png);background-color:transparent}#button2-right:active .button-image{content:url(/images/buttonbig/right_button2_active.png);background-color:transparent}#button3-right:hover .button-image{content:url(/images/buttonbig/right_button3_hover.png);background-color:transparent}#button3-right:active .button-image{content:url(/images/buttonbig/right_button3_active.png);background-color:transparent}#button4-right:hover .button-image{content:url(/images/buttonbig/right_button4_hover.png);background-color:transparent}#button4-right:active .button-image{content:url(/images/buttonbig/right_button4_active.png);background-color:transparent}.login-box-container{position:absolute;display:flex;flex-direction:column;align-items:center;z-index:3;top:calc(50% + 740px);left:calc(50% + 466px);transform:translate(-50%,-50%)}@media screen and (max-width: 1165px){.login-box-container{top:calc(50% + 237px);left:calc(50% - 200px);width:95%;max-width:350px;padding:15px}}@media screen and (max-width: 640px){.login-box-container{display:none}}@media screen and (max-width: 1024px){.header-overlay,.discord-button{display:none}}.top-players-box{position:absolute;width:330px;height:auto;max-height:434px;display:flex;flex-direction:column;align-items:center;background:url(/images/right/contentbglogin.png) no-repeat center center;background-size:cover;top:calc(50% + 1535px);left:calc(50% + 466px);transform:translate(-50%,-50%);padding:20px 20px 15px;box-shadow:0 4px 10px #0003;z-index:2}.top-players-header{position:absolute;width:330px;height:75px;background:url(/images/right/contentheader.png) no-repeat center center;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;top:calc(50% + 1280px);left:calc(50% + 466px);transform:translate(-50%,-50%);z-index:3}@media screen and (max-width: 1165px){.top-players-header{top:calc(50% + 1579px);left:calc(50% + 169px);width:95%;max-width:350px;padding:15px}.top-players-box{top:calc(50% + 1830px);left:calc(50% + 169px);width:95%;max-width:350px;padding:15px}}@media screen and (max-width: 640px){.top-players-header{top:calc(50% + 1530px);left:calc(50% + 2px);width:95%;max-width:350px;padding:15px}.top-players-box{top:calc(50% + 1780px);left:calc(50% + 2px);width:95%;max-width:350px;padding:15px}}.top-players-header h1{font-family:Myriad Pro,Arial,sans-serif;font-size:13pt;color:#f1f2f4;margin:0;font-weight:400;position:relative;left:-75px;text-shadow:2px 2px 5px rgba(167,213,216,.7)}.top-players-header p{font-family:Myriad Pro,Arial,sans-serif;font-size:8pt;color:#8dc4e3;margin:0;font-weight:400;position:relative;left:-83px}.top-players-content{width:100%;padding:10px;display:flex;flex-direction:column;gap:10px;align-items:stretch;margin-top:-45px}.top-players-header-row{font-family:Myriad Pro,Arial,sans-serif;font-size:12pt;color:#4b5c71;display:flex;justify-content:space-between;width:100%;font-weight:700;margin-bottom:10px}.top-players-row{font-family:Myriad Pro,Arial,sans-serif;font-size:12pt;color:#4b5c71;display:flex;justify-content:space-between;width:100%;border-bottom:1px solid #d8e3f1;padding:5px 0}.top-players-place{flex:.5;text-align:left;padding-right:6px}.top-players-name{flex:2;text-align:left;padding-right:10px}.top-players-empire{flex:1;text-align:left;padding-left:7px}.top-players-level{flex:1;text-align:left}.top-players-link{margin-top:10px;color:#0e375d;font-family:Myriad Pro,Arial,sans-serif;font-size:11pt;text-decoration:none;text-align:center;display:block;transition:color .3s ease}.top-players-link:hover{color:#16538c;text-decoration:underline}.top-players-level{text-align:right}.empire-red{color:#cc0606}.empire-yellow{color:#cc8d06}.empire-blue{color:#0684cc}.level-prefix{font-size:9pt;color:#3a7642;vertical-align:middle}.champion-level .level-prefix{font-size:10pt;color:#234ca8;vertical-align:middle;font-weight:700;text-shadow:0px 0px 2px #2aabd5;opacity:.8}.champion-number{font-size:11pt;color:#716fb2;text-shadow:0px 0px 2px #2aabd5}.normal-number{font-size:10pt;color:#fff}.normal-level .level-prefix{font-size:10pt;color:#3a7642;vertical-align:middle}.link-icon{width:10px;height:10px;vertical-align:middle;margin-right:5px}.top-players-place-icon{width:14px;height:13px;display:inline-block;margin-right:5px;vertical-align:middle}.custom-alert{position:fixed;bottom:0;right:0;margin:12px;width:289px;height:61px;background-color:#f8d7da;color:#8c151c;border-radius:4pt;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a;font-size:14px;font-family:Arial,sans-serif;transform:translateY(-80px);opacity:0;transition:opacity .5s ease-in-out}.terms{margin:10px 0;font-size:14px}.terms input[type=checkbox]{margin-right:5px}.input-container{position:relative;width:270px;height:37px;margin-bottom:20px;background:url(/images/inputfield/inputschmal_normal.png) no-repeat center center;background-size:cover}.input-container img{position:absolute;top:50%;left:14px;transform:translateY(-50%);width:9px;height:11px}.input-container input{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:transparent;color:#102036!important;padding-left:40px;font-family:Myriad Pro,Arial,sans-serif;font-size:14px}.input-container:focus-within{background:url(/images/inputfield/inputschmal_active.png) no-repeat center center;background-size:cover}.input-container input:focus{outline:none;color:#102036!important}.input-footer{position:absolute;width:270px;height:4px;top:36px;left:0;background-size:cover}.input-footer2{position:absolute;width:270px;height:4px;top:93px;left:0;background-size:cover}.input-footer3{position:absolute;width:270px;height:4px;top:150px;left:0;background-size:cover}.input-footer4{position:absolute;width:270px;height:4px;top:207px;left:0;background-size:cover}.input-footer5{position:absolute;width:270px;height:4px;top:264px;left:0;background-size:cover}.input-footer6{position:absolute;width:270px;height:4px;top:321px;left:0;background-size:cover}.status-icon{position:relative;margin-left:265px;width:15px;height:17px;display:inline-block;vertical-align:middle}.registration-button{width:198px;height:46px;background:url(/images/buttons/loginbuttondark_normal.png) no-repeat center center;background-size:cover;color:#f1f2f4;font-family:Myriad Pro,Arial,sans-serif;font-size:14px;border:none;cursor:pointer;text-align:center;line-height:46px;transition:background .3s ease-in-out}.registration-button:hover{background:url(/images/buttons/loginbuttondark_hover.png) no-repeat center center;background-size:cover}.registration-button:active{background:url(/images/buttons/loginbuttondark_active.png) no-repeat center center;background-size:cover}.input-container input:-webkit-autofill{background:transparent!important;color:#102036!important;-webkit-text-fill-color:#102036!important;box-shadow:0 0 0 1000px transparent inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.input-container input:-moz-autofill{background:transparent!important;color:#102036!important;box-shadow:0 0 0 1000px transparent inset!important}.input-container input:-webkit-autofill{background:transparent!important;color:#102036!important;box-shadow:0 0 0 1000px transparent inset!important}.input-container input:autofill{background:transparent!important;color:#102036!important;box-shadow:0 0 0 1000px transparent inset!important}.form-container{position:relative;margin-top:90px;margin-left:450px}@media screen and (max-width: 640px){.form-container{margin-left:-25px;margin-top:10px}}.custom-form-alert{position:fixed;top:17px;left:115px;background-color:#f8d7da;color:#8c151c;border:1px solid #f5c2c7;border-radius:4px;padding:15px;max-width:400px;font-size:16px;z-index:1050;opacity:0;transition:opacity .5s ease-in-out}.custom-success-alert{position:fixed;top:20px;left:20px;background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:4px;padding:15px;max-width:400px;font-size:16px;z-index:1050;opacity:0;transition:opacity .5s ease-in-out;text-align:center;box-shadow:0 4px 6px #0000001a}.content-image{position:absolute;left:-20px;top:260px;z-index:9999}@media screen and (max-width: 640px){.content-image{display:none}}.custom-table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif}.custom-table-head{background-color:#5d6a7c;color:#ecf0f1}.custom-table-header{padding:10px;text-align:center;font-weight:400;font-family:Myriad Pro,Arial,sans-serif;font-size:16px;font-weight:700}.custom-table-body .custom-table-row:nth-child(odd){background-color:#ced5e0}.custom-table-body .custom-table-row:nth-child(2n){background-color:#e6eaf0}.custom-table-cell{padding:10px;border-bottom:1px solid #a0adbe;text-align:center;font-family:Myriad Pro,Arial,sans-serif;font-size:14px;color:#2c3e50;font-weight:400}.custom-table-row:last-child .custom-table-cell{border-bottom:none}.player-name{color:#216090;cursor:pointer}.player-name:hover{text-decoration:underline}.custom-btn-primary{display:inline-block;font-weight:400;color:#fff;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#0d6efd;border:1px solid #0d6efd;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.375rem;margin-top:25px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.custom-btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}.custom-btn-primary:focus,.custom-btn-primary.focus{color:#fff;background-color:#0b5ed7;border-color:#0a58ca;box-shadow:0 0 0 .25rem #0d6efd80}.custom-btn-primary:active,.custom-btn-primary.active{color:#fff;background-color:#0a58ca;border-color:#0a53be;box-shadow:0 0 0 .25rem #0d6efd80}.custom-btn-primary:disabled,.custom-btn-primary.disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd;opacity:.65;pointer-events:none}.custom-form{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:20px}.custom-form-group{display:flex;flex-direction:column}.custom-label{font-family:Myriad Pro,Arial,sans-serif;font-size:14px;color:#2c3e50;margin-bottom:5px}.custom-input{display:block;width:200px;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-size:14px;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.custom-input:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.custom-select{display:block;width:200px;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:14px;line-height:1.5;color:#495057;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343434' d='M2 0L0 2h4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:8px 10px;border:1px solid #ced4da;border-radius:.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.custom-pagination-container{display:flex;justify-content:center;margin-top:12px}.custom-pagination{display:flex;list-style:none;padding:0;margin:0}.custom-pagination .page-item{margin:0 5px}.custom-pagination .page-link{display:block;padding:.5rem .75rem;font-size:14px;color:#007bff;background-color:#fff;border:1px solid #dee2e6;border-radius:.375rem;text-decoration:none;transition:background-color .2s,color .2s}.custom-pagination .page-link:hover{color:#0056b3;background-color:#e9ecef;text-decoration:none}.custom-pagination .active .page-link{color:#fff;background-color:#5d6a7c;border-color:#5d6a7c}.custom-pagination .disabled .page-link{color:#6c757d;background-color:#fff;border-color:#dee2e6;cursor:not-allowed}.race-icon{width:30px;height:30px;border-radius:50%;opacity:.8;transition:opacity .3s ease,transform .3s ease;display:inline-block;vertical-align:middle}.card img{border-radius:8px;transition:transform .3s ease-in-out}.card img:hover{transform:scale(1.1)}.button-group .btn{margin-bottom:12px}.button-group .btn:last-child{margin-bottom:0}.custom-error-box,.custom-info-box{display:flex;align-items:center;justify-content:flex-start;padding:10px;border-radius:5px;box-shadow:0 4px 6px #0000001a;position:relative;overflow:hidden}.custom-error-box{width:450px;height:70px;background-color:#fcc;border:1px solid #ff7777;position:relative}.custom-error-icon{width:35px;height:39px;position:absolute;left:10px;top:50%;transform:translateY(-50%)}.custom-error-text{font-size:14px;color:#d9534f;margin-left:50px;font-weight:700}.custom-info-box{width:300px;height:70px;background-color:#cce5ff;border:1px solid #5bc0de;display:flex;align-items:center;justify-content:center}.custom-info-text{font-size:12px;color:#0056b3;text-align:center}@media screen and (max-width: 640px){.custom-error-box,.custom-info-box{width:90%;height:auto;padding:15px;border-radius:4px;box-shadow:0 2px 4px #0000001a;flex-direction:column;justify-content:flex-start}.custom-error-box{background-color:#ffe6e6;border:1px solid #ffaaaa;padding:2px;margin:0 auto;width:90%;box-sizing:border-box}.custom-error-icon{display:none}.custom-error-text{font-size:14px;color:#d9534f;margin-left:14px;font-weight:700}}.custom-download-container{width:100%;max-width:600px;margin:0 auto;padding:20px;text-align:center;background-color:#f9f9f966;border-radius:15px;box-shadow:0 4px 10px #0000001a}.custom-download-header{margin-bottom:20px}.custom-download-title{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:10px}.custom-header-image{max-width:100%;height:auto}.custom-download-box{padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;text-align:center}.custom-download-logo{margin-bottom:20px}@media screen and (max-width: 640px){.custom-download-logo{display:none}}.custom-logo-image{width:341px;height:68px;display:inline-block;border-radius:5px}.custom-download-links{display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center}.custom-download-btn{display:inline-block;width:250px;padding:10px 15px;font-size:1rem;font-weight:700;text-align:center;color:#fff;background-color:#007bff;border:none;border-radius:8px;text-decoration:none;transition:background-color .3s ease,transform .2s ease;box-shadow:0 3px 6px #0000001a}.custom-download-btn:hover{background-color:#0056b3;transform:scale(1.05)}.custom-download-btn:active{transform:scale(.95)}.fade{opacity:1!important;transform:scale(1);transition:opacity 2s ease-in-out,transform 3s ease-in-out}.fade.hidden{opacity:0!important;transform:scale(.8)}.post-login-buttons{display:flex;flex-wrap:wrap;gap:-1px;justify-content:center}.custom-button{padding:1px;font-size:14px;background-color:#0000001a;color:#fff;border:none;border-radius:1px;cursor:pointer;transition:background-color .3s ease}.custom-button:hover{background-color:#0056b3}.custom-button:active{background-color:#004080}form .custom-button{background-color:#dc3545}form .custom-button:hover{background-color:#b02a37}.loginbox-container{width:350px;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin:20px auto}.loginbox-header{font-size:18px;font-weight:700;text-align:center;margin-bottom:15px}.coins-container{display:flex;align-items:center;background:url(/images/cp/backgroundbar.png) no-repeat;background-size:cover;width:307px;height:38px;padding:5px;margin:0 auto;border-radius:4px}.coins-amount{font-family:Myriad Pro,sans-serif;font-size:18pt;margin-left:10px;color:#43546a}.coin-icon{width:32px;height:32px;margin-left:10px}.coins-links{font-family:Myriad Pro,sans-serif;font-size:10pt;margin-left:10px;color:#555;display:flex;align-items:center}.coins-link{text-decoration:none;color:#43546a;margin:0 15px;display:flex;align-items:center}.coins-link:hover{text-decoration:underline}.plus-icon{width:9px;height:9px;margin-right:3px}.character-dashboard{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;justify-items:center}.character-box{display:flex;background-size:cover;width:351px;height:155px;padding:10px;border-radius:8px;box-shadow:0 4px 8px #0000001a}@media screen and (max-width: 640px){.character-dashboard{display:flex;flex-direction:column;gap:15px}.character-box{display:flex;background-size:cover;width:351px;height:155px;padding:10px;border-radius:8px;box-shadow:0 4px 8px #0000001a}}.character-left{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:94px;margin-left:9px}.character-image{width:94px;height:94px;-o-object-fit:cover;object-fit:cover}.unstuck-button{font-size:10px;padding:2px 5px;margin-top:-15px}.character-right{margin-left:70px;width:calc(100% - 94px);font-family:Myriad Pro,sans-serif;font-size:11pt;color:#fff}.character-info{margin-bottom:13px}.character-info-level{margin-bottom:10px;margin-top:8px;margin-left:-25px}.character-level{font-family:Myriad Pro,sans-serif;font-size:9pt;color:#aae5a2}.character-level.champion-level{font-family:Myriad Pro,sans-serif;font-size:9pt;color:#70c1ff}.character-name{font-family:Myriad Pro,sans-serif;font-size:11pt;color:#e4e5a2}.character-info-playtime{margin-bottom:10px;margin-top:-2px}.character-info-guild{margin-bottom:7px;margin-top:2px}.character-info-lastseen{margin-bottom:3px;margin-top:4px}.settings-container{background:#fff3;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a;max-width:315px;margin:0 auto 20px;position:relative;left:-20px}.settings-container h3{margin-bottom:15px}.settings-container form{max-width:400px;margin:0 auto}.settings-container .btn{margin-top:15px;width:100%;display:block}