html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}img{border-style:none;max-width:100%;height:auto}a{background-color:transparent;color:#e8d1a6;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity,color,background-color;transition-property:opacity,color,background-color}a:hover{text-decoration:none}a:active,a:focus{outline:expression(hideFocus="true")}::-webkit-input-placeholder{color:#fff}:-moz-placeholder,::-moz-placeholder{color:#fff}:-ms-input-placeholder{color:#fff}:focus::-webkit-input-placeholder{color:transprent}:focus:-moz-placeholder,:focus::-moz-placeholder{color:transprent}:focus:-ms-input-placeholder{color:transprent}input:not([type=checkbox]):not([type=radio]),select{width:100%;height:40px;background-color:rgba(0,0,0,.6);border:1px solid #59462a;border-radius:3px;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:none;transition:none;color:#d9d9d9;font-family:Roboto Slab,Roboto,PT Sans,Tahoma,Arial,sans-serif;font-size:16px;font-weight:400;text-align:left;outline:none}input:not([type=checkbox]):not([type=radio]):focus{-webkit-box-shadow:none;box-shadow:none;border:1px solid #ffdc7f}option{background-color:#141110;color:#d5c8b4;font-size:16px;font-weight:400}option:hover{color:#000;background-color:#757575}.input:not([type=checkbox]):not([type=radio]){padding:5px 10px 5px 45px}.input_login:not([type=checkbox]):not([type=radio]){padding:5px 10px 5px 95px}.inp-grp{position:relative;width:100%}.inp-grp_m_b{margin-bottom:12px}.inp-desc{color:#828282;font-size:13px;font-weight:400}.inp-desc_m_b{margin-bottom:6px}.inp-error{color:#ff5412;margin-bottom:5px}.inp-error~input{outline:1px solid #ff5412}.inp-wrp{position:relative}.tt-uppercase{text-transform:uppercase}[class*=" gwi_"]:before,[class^=gwi_]:before{margin:0}.gwi_arrow{font-size:10px;line-height:10px;margin-left:3px}.color-light{color:#e8d1a6}.color-red{color:#ff2727}.color-orange{color:#ffdc7f}.color-blue{color:#2437e2}.color-green{color:#24e23d 2}.color-grey{color:#c5c1c1}.color-white{color:#fff}.color-aqua{color:#00fffc}.preload{background-color:#1d1a19;position:fixed;z-index:500;top:0;left:0;right:0;bottom:0;opacity:1;visibility:visible;-webkit-transition:all .5s cubic-bezier(.64,.14,.34,1.32);transition:all .5s cubic-bezier(.64,.14,.34,1.32);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 10px}.preload_fade{opacity:0;visibility:hidden}.preload__logo{max-width:100%;width:auto;height:auto;display:block;-webkit-transition:all .3s;transition:all .3s}.preload_fade .preload__logo{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0}body{line-height:1.15;color:#6f6865;overflow-x:hidden;font-family:Roboto Slab,Roboto,PT Sans,Tahoma,Arial,sans-serif;font-size:16px;font-weight:400;margin:0;background-color:#1d1a19;min-height:1000px}.page,body{min-width:460px}.page{position:relative;z-index:1;max-width:1920px;margin:0 auto;min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-transition:all .3s;transition:all .3s;background:url(../images/bg/header.jpg) no-repeat top,#1d1a19 url(../images/bg/footer.jpg) no-repeat bottom}.page_hide{opacity:0}.page__section{position:relative;z-index:2;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.page__container,.page__section_pad{padding-left:10px;padding-right:10px}.page__container{max-width:1260px;-ms-flex-preferred-size:1260px;flex-basis:1260px;position:relative;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box}.page__inner_rw{margin-left:-10px;margin-right:-10px}.btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;text-align:center;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;height:41px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;text-shadow:0 1px 0 rgba(187,186,186,.75);color:#1d1a17;font-family:BeaufortforLOL,Times New Roman,Times,serif;font-size:18px;font-weight:700;line-height:16px;text-transform:uppercase;position:relative;z-index:0;border:0;outline:0;padding:0 20px}.btn,.btn:hover{-webkit-box-shadow:0 5px 14.7px 1.3px rgba(0,0,0,.32);box-shadow:0 5px 14.7px 1.3px rgba(0,0,0,.32)}.btn:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;-webkit-transition:all .2s;transition:all .2s;background:transparent url(../images/btns/btn_type_def.png) no-repeat 50%;border:1px solid #9b9b9b;background-clip:border-box}.btn:hover:after{-webkit-filter:brightness(120%);filter:brightness(120%)}.btn__content{position:relative;z-index:5;display:inline-block}.btn_type_1{width:199px;height:44px;text-shadow:0 1px 0 rgba(187,186,186,.75);color:#1d1a17;font-size:16px;line-height:16px;border:0;padding:0}.btn_type_1:after{background:transparent url(../images/btns/btn_type_1.png) no-repeat 50%;border-color:#616161}.btn_type_2{width:241px;height:53px;color:#1d1a17;font-size:24px;font-weight:700;line-height:24px;text-transform:uppercase;border:0;padding:0 5px}.btn_type_2:after{background:transparent url(../images/btns/btn_type_2.png) no-repeat 50%}.btn_type_3{width:110px;height:31px;text-shadow:0 1px 0 rgba(187,186,186,.75);color:#1d1a17;font-size:13px;font-weight:700;line-height:13px;text-transform:uppercase;border:0;padding:0 5px}.btn_type_3:after{background:transparent url(../images/btns/btn_type_3.png) no-repeat 50%;border-color:#616161}.btn_type_4{width:157px;height:41px;text-shadow:0 1px 0 rgba(187,186,186,.75);color:#1d1a17;font-size:18px;font-weight:700;line-height:16px;text-transform:uppercase;border:0;padding:0 5px}.btn_type_4:after{background:transparent url(../images/btns/btn_type_4.png) no-repeat 50%;border-color:#616161}.btn_type_5{width:182px;height:41px;text-shadow:0 1px 0 rgba(241,220,0,.75);color:#1d1a17;font-size:18px;font-weight:700;line-height:16px;text-transform:uppercase;border:0;padding:0 5px}.btn_type_5:after{background:transparent url(../images/btns/btn_type_5.png) no-repeat 50%}.btn_fs_gilroy{font-family:Gilroy,tahoma,BeaufortforLOL,Times New Roman,Times,serif}.btn_fs_small{font-size:14px;font-weight:700;line-height:12px}.navigation{background:url(../images/navigation/navigation__bg.jpg) no-repeat;position:relative;z-index:5}.navigation__inner{height:70px}.navigation__box,.navigation__inner{display:-webkit-box;display:-ms-flexbox;display:flex}.navigation__box_left{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.navigation__logotype-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logotype{background:url(../images/logotype.png) no-repeat;width:171px;height:39px;display:inline-block;-webkit-transition:all .3s;transition:all .3s}.logotype:hover{-webkit-filter:brightness(120%);filter:brightness(120%)}.navigation__cp-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 10px 0 auto}.cp-box__gwi{display:none}.body_glang-fix{top:0!important;position:static!important}.skiptranslate{display:none!important}.langs{width:70px;height:30px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:5px}.langs:after{content:"";display:block;background:url(../images/lang/arrow__down.png) no-repeat;width:8px;height:5px;position:absolute;right:5px;top:calc(50% - 2px);-webkit-transition:all .3s;transition:all .3s;cursor:pointer;-webkit-filter:drop-shadow(0 0 3px rgba(255,208,0,.9)) drop-shadow(0 0 5px rgba(255,196,0,.9));filter:drop-shadow(0 0 3px rgba(255,208,0,.9)) drop-shadow(0 0 5px rgba(255,196,0,.9))}.langs:hover:after{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-filter:brightness(100%);filter:brightness(100%)}.lang__link{display:block;width:70px;height:27px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none}.lang__img{width:22px;height:14px;margin-right:5px}.lang__img,.lang__name{-ms-flex-negative:0;flex-shrink:0;font-size:10px}.lang__name{color:#535353;font-weight:600}.lang__link_sub{width:124px;height:27px;position:relative;padding-left:20px}.lang__link_sub:hover{background-color:#2c2927}.lang__link_sub:after{content:"";display:block;background:url(../images/lang/arrow__left.png) no-repeat;width:6px;height:7px;position:absolute;right:15px;top:calc(50% - 3px);-webkit-transition:all .3s;transition:all .3s;cursor:pointer;opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.lang__link_sub:hover:after{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.lang__link_sub:before{content:"";display:block;height:1px;position:absolute;left:0;right:0;bottom:0;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}.lang__link_sub:hover .lang__name{color:#b58d21}.lang__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:124px;opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s;background:#221e1d url(../images/lang/lang__border.png) no-repeat center 8px;-webkit-box-shadow:0 7px 5px rgba(0,0,0,.31);box-shadow:0 7px 5px rgba(0,0,0,.31);-webkit-transform:translateY(-40px);transform:translateY(-40px);position:absolute;right:0;top:100%;z-index:10;padding-top:10px}.langs:hover .lang__list{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.lang__link_select{width:70px;height:27px;padding-left:0}.lang__img_select{-webkit-filter:drop-shadow(0 0 3px rgba(255,208,0,.6));filter:drop-shadow(0 0 3px rgba(255,208,0,.6))}.lang__name_select{color:#fff;text-transform:uppercase;font-size:10px;font-weight:600}.nav{position:relative}.navigation__lang-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;position:absolute;right:7px;top:calc(100% + 10px)}.navigation__nav{max-width:800px;margin:0 50px}.navigation__list,.navigation__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.navigation__list{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.nav__link,.navigation__list{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav__link{-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;padding:5px 0;margin:0;text-transform:uppercase;text-decoration:none;position:relative;z-index:0;white-space:nowrap;line-height:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700}.nav__link:after{content:"";background-color:#ffdc7f;display:block;height:1px;position:absolute;top:54px;left:0;right:0;z-index:0;-webkit-transition:all .3s;transition:all .3s;opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.nav__link:hover:after,.nav__link_active:after{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.nav__name{color:#cac5c3;font-size:14px;font-weight:500;white-space:nowrap}.nav__desc,.nav__name{-webkit-transition:all .3s;transition:all .3s}.nav__desc{padding-top:5px;color:#969696;font-size:10px;font-weight:400}.nav__link:hover .nav__name,.nav__link_active .nav__name{color:#ffdc7f}.nav__link:hover .nav__desc{color:#9b7f2d}.gw-burger{position:relative;z-index:5;background-color:#e19616;height:36px;width:40px;border-radius:3px;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.gw-burger__line{height:4px;position:absolute;left:5px;right:5px;background-color:#000;border-radius:2px;-webkit-transition:all .3s;transition:all .3s}.gw-burger__line_pos_top{top:5px}.gw-burger__line_pos_middle{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.gw-burger__line_pos_bottom{bottom:5px}.gw-burger_active .gw-burger__line_pos_top{-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%);-webkit-transform-origin:center top;transform-origin:center top;top:50%}.gw-burger_active .gw-burger__line_pos_middle{-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:0}.gw-burger_active .gw-burger__line_pos_bottom{-webkit-transform:rotate(-45deg) translateY(50%);transform:rotate(-45deg) translateY(50%);-webkit-transform-origin:center bottom;transform-origin:center bottom;bottom:50%}@media (min-width:1200px){.navigation__burger{display:none}}@media (max-width:1200px){.navigation__box{-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.navigation__language{-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.navigation__logotype-box{display:none}.navigation__nav{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;margin:auto 10px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.navigation__burger{display:block}.navigation__list{position:absolute;left:0;top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:10;background-color:#e19616;border:2px solid #e19616;border-radius:3px;-webkit-transition:all .3s;transition:all .3s;opacity:0;visibility:hidden;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.nav__link,.navigation__list{-webkit-box-sizing:border-box;box-sizing:border-box}.nav__link{width:100%;text-align:left;margin:0;padding:10px}.nav__link:after,.nav__link_active:after{content:none}.nav__link:hover,.nav__link_active{background-color:#201f1f}.nav__name{color:#000}.nav__link:hover .nav__name{color:#f8a61f}.gw-burger_active~.navigation__list{opacity:1;visibility:visible;-webkit-transform:scale(1);transform:scale(1);top:40px}}.header__inner{min-height:420px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:20px}.header__content{max-width:600px;margin:0 auto}.header__title{text-shadow:0 2px 2px rgba(29,26,25,.89);color:#fff;font-size:22px;font-weight:700;padding:13px 0}.header__desc,.header__title{line-height:22px;text-align:center;margin:0}.header__desc{text-shadow:0 1px 3px #000;color:#a59c90;font-size:16px;font-weight:400;min-height:74px;padding-bottom:15px;-webkit-box-sizing:border-box;box-sizing:border-box}.header__btns,.header__logotype{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__logotype{height:200px}.logo{text-decoration:none;position:relative;z-index:0}.logo,.logo:before{display:block;background:url(../images/logo.png) no-repeat;width:387px;height:98px;-webkit-transition:all .3s;transition:all .3s}.logo:before{content:"";position:absolute;left:0;top:0;z-index:2;pointer-events:none;opacity:0}.logo:hover:before{-webkit-animation:logo .3s ease;animation:logo .3s ease}.logo:hover{-webkit-filter:brightness(120%);filter:brightness(120%)}@-webkit-keyframes logo{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}20%{opacity:.5}to{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}}@keyframes logo{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}20%{opacity:.5}to{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}}.heading{position:relative;z-index:0;min-height:60px;padding:10px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #3f3b39;cursor:default}.heading__title{text-shadow:0 2px 2px rgba(0,0,0,.4);font-family:BeaufortforLOL,Times New Roman,Times,serif;font-size:20px;font-weight:700;line-height:20px;text-transform:uppercase;color:#fcf9f4}.heading:after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;-webkit-transition:all .3s;transition:all .3s;background:url(../images/heading-bg.jpg) repeat;z-index:-2;pointer-events:none}.heading__btns,.heading__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.heading__btns{margin-left:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.heading__ico{position:relative;z-index:0;width:40px;height:40px;margin-right:15px}.heading__ico:after{content:"";display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .3s;transition:all .3s}.heading__ico:after,.heading__ico_scroll:after{background:url(../images/icons/scroll.png) no-repeat;width:56px;height:57px}.mid__inner{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:50px}.page__mid{padding-top:2px}.mid__sidebar{width:490px;margin:0 2px 0 10px}.mid__content{width:calc(100% - 514px);margin:0 10px 0 2px;-ms-flex-item-align:start;align-self:flex-start}.sidebar__heading{margin-bottom:2px}.sidebar__servers{margin-bottom:4px}.server{min-height:162px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px 10px;background:url(../images/server/server__bg.png) no-repeat 100% 0;background-size:cover;cursor:default;border:1px solid #2c2927}.server,.server__progress{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.server__progress{background:url(../images/server/progress__bg.png) no-repeat;width:121px;height:121px;display:block;-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:0;margin:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:6px}.server__progress canvas{position:absolute;left:11px;top:11px}.server__rate{color:#fff;font-size:31px;font-weight:700;line-height:31px;font-family:BeaufortforLOL,Times New Roman,Times,serif;padding:2px 0}.server__chorn{color:#b8b3a8;font-size:12px;font-weight:500;line-height:12px;padding:2px 0;text-transform:uppercase}.server__content{margin:0 10px}.server__title{font-family:BeaufortforLOL,Times New Roman,Times,serif;font-size:25px;font-weight:700;line-height:25px;color:#fcf9f4;position:relative;padding-bottom:4px}.server__link-info{color:#b8b3a8;font-size:15px;font-weight:400;line-height:15px;position:relative;text-decoration:none;white-space:nowrap}.server__link-info:after{content:"";display:block;height:1px;background-color:#b8b3a8;position:absolute;left:0;bottom:-2px;right:0;-webkit-transition:all .3s;transition:all .3s}.server__link-info:hover:after{opacity:0;bottom:-10px}.server__desc{color:#e2d8ca;font-size:15px;font-weight:400;line-height:15px;padding-bottom:5px}.server__line{background-color:#fff;height:1px;opacity:.07;margin:7px 0}.server__online{font-size:15px;line-height:16px;color:#79756e;font-weight:400;padding:10px 0}.server__online-marker{color:#ffdc7f;font-weight:900}.server__info{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:12px;font-weight:400;line-height:12px;color:#79756e;padding-bottom:6px}.server__data{margin-right:15px}.sidebar__forum{margin-bottom:6px}.forum__heading,.themes__theme:not(:last-child){margin-bottom:2px}.theme{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 20px;position:relative;z-index:0;min-height:78px;border:1px solid #272321}.theme:after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;-webkit-transition:all .3s;transition:all .3s;background:url(../images/forum/theme__bg.jpg) repeat;z-index:-2;pointer-events:none}.theme:hover:after{-webkit-filter:brightness(120%);filter:brightness(120%)}.theme__ava{-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:0;background-image:url(../images/forum/theme__ava_def.png);background-size:cover;background-position:50%;background-repeat:no-repeat;width:35px;height:35px;border-radius:50%;margin:8px}.theme__ava:before{content:"";background:url(../images/forum/theme__ava_def.png) no-repeat;background-size:cover;background-position:50%;background-repeat:no-repeat;width:35px;height:35px;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:5;opacity:0}.theme:hover .theme__ava:before{-webkit-animation:theme__ava .3s ease;animation:theme__ava .3s ease}@-webkit-keyframes theme__ava{0%{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}to{-webkit-transform:scale(2) translate(-50%,-50%);transform:scale(2) translate(-50%,-50%);opacity:0}}@keyframes theme__ava{0%{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}to{-webkit-transform:scale(2) translate(-50%,-50%);transform:scale(2) translate(-50%,-50%);opacity:0}}.theme__ava:after{content:"";background:url(../images/forum/theme__ava_bg.png) no-repeat;width:45px;height:45px;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:5;-webkit-transition:all .3s;transition:all .3s}.theme__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:20px}.theme__title{color:#c1bfbd;font-size:16px;font-weight:400;line-height:16px;padding:6px 0}.theme__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;line-height:12px;color:#3b3736;padding:6px 0}.theme__author,.theme__date{color:#585353}.theme__link{position:absolute;left:0;right:0;top:0;bottom:0;text-decoration:none;display:block;z-index:5}.media{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -1px}.media__item{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #272321;-webkit-box-flex:0;-ms-flex:0 0 calc(33.33333% - 2px);flex:0 0 calc(33.33333% - 2px);width:calc(33.33333% - 2px);max-width:calc(33.33333% - 2px);min-width:0;margin:1px}.media__item iframe{width:100%;max-width:100%;height:140px;display:block}.media__off{text-align:center;font-size:14px;padding:10px 0;width:100%}.media__off:not(:first-child){display:none}.media__heading{width:100%;-webkit-box-ordinal-group:-99;-ms-flex-order:-100;order:-100}.media__heading:last-child{display:none}.content{background:url(../images/bg/content.jpg) repeat-y;background-size:100% auto,auto;border:1px solid #272321}.content__box{background:url(../images/bg/content.png) no-repeat top,url(../images/bg/content.jpg) repeat-y}.content__heading{margin-left:-1px;margin-right:-1px}.content__invite{text-align:center;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.invite__rate{height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-shadow:0 0 27px hsla(0,0%,100%,.75);color:#463d31;font-size:68px;font-weight:700;line-height:68px;font-family:BeaufortforLOL,Times New Roman,Times,serif;margin-bottom:13px;background:linear-gradient(45deg,#000 40%,#ffedc9 80%,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.invite__desc{color:#fff;font-size:18px;font-weight:400;line-height:16px;margin-bottom:3px;text-shadow:0 2px 2px rgba(0,0,0,.6)}.invite__title{font-family:BeaufortforLOL,Times New Roman,Times,serif;font-size:30px;font-weight:700;line-height:30px;color:#fff;margin-bottom:10px}.gw-timer{-webkit-box-sizing:border-box;box-sizing:border-box}.gw-timer,.gw-timer__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gw-timer__item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#eea761;font-size:14px;padding:2px;margin:5px}.gw-timer__item_dot{width:14px;color:#ffb54c;font-size:30px}.gw-timer__amount{color:#ffdc7f;font-size:20px;line-height:36px;font-weight:500;text-transform:uppercase;padding:2px;background-color:rgba(22,16,12,.5);border:1px dashed rgba(255,221,126,.2);border-radius:6px;width:36px;margin-bottom:4px}.gw-timer__amount,.gw-timer__desc{-webkit-box-sizing:border-box;box-sizing:border-box}.gw-timer__desc{color:#8d8d8d;font-size:9px;font-weight:400}.end-time{color:#fff2e0;font-size:23px;line-height:24px;padding:5px 10px 8px;margin:10px 0 5px;background-color:rgba(22,16,12,.5);border:1px dashed rgba(255,221,126,.2);display:inline-block}.article{-webkit-box-sizing:border-box;box-sizing:border-box;padding:15px 20px 10px}.article__title{color:#c5c1c1;font-family:BeaufortforLOL,Times New Roman,Times,serif;font-size:22px;font-weight:700;line-height:16px;padding-top:10px}.article__info{font-size:14px;line-height:16px;color:#3b3736}.article__date{color:#3b3736}.article__content{padding:20px 0;font-size:16px;line-height:22px;color:#6f6865;font-weight:400}.article__btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article__btn{margin-right:10px}.article__more{margin-left:auto}.content__article:not(:last-child){border-bottom:1px solid #272321}.page__footer{border:1px solid hsla(0,0%,100%,.05)}.footer__inner{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:40px;padding-bottom:40px}.footer__content{margin:0 10px;-ms-flex-preferred-size:490px;flex-basis:490px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.footer__logotype{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 0 10px}.f-logo{background:url(../images/logotype-2.png) no-repeat;width:173px;height:47px;display:inline-block;-webkit-transition:all .3s;transition:all .3s}.f-logo:hover{-webkit-filter:brightness(120%);filter:brightness(120%)}.footer__desc{color:#474646;font-size:10px;font-weight:400;line-height:15px;padding:10px 0}.footer__title{color:#fff;font-size:15px;font-weight:900;text-transform:uppercase;margin-bottom:10px}.footer__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:500px;flex-basis:500px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:90px}.footer__f-nav{margin:10px;-ms-flex-preferred-size:230px;flex-basis:230px}.f-nav__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.f-nav__item{white-space:nowrap;text-overflow:ellipsis;color:#58534b;font-size:14px;font-weight:500;line-height:14px;margin-bottom:17px;text-decoration:none;position:relative;z-index:0}.f-nav__item:after{content:"";display:block;height:1px;background-color:#58534b;position:absolute;left:0;right:0;bottom:-2px;-webkit-transition:all .1s;transition:all .1s;pointer-events:none;opacity:1}.f-nav__item:hover:after{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:0;-webkit-transition:all .3s;transition:all .3s}.footer__info{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.f-scl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.f-scl__item{text-decoration:none;display:inline-block;margin:10px;font-size:23px;color:#443f3a;-webkit-transition:all .3s;transition:all .3s}.f-scl__item:hover{color:#e8d1a6}.f-scl__item img{display:block}.footer__author{padding:20px 0 10px}.author{color:hsla(0,0%,41.6%,.4);font-size:12px;text-transform:uppercase}.author,.author__logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.author__logo{margin:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:default}.ww{max-width:600px;width:100%;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:transparent;padding:0}.ww_size_big{max-width:916px}.ww_animated{-webkit-transition:all .3s;transition:all .3s;-webkit-transform:scale(1.2) translateY(-100px);transform:scale(1.2) translateY(-100px);opacity:0}.fancybox-slide--current .ww_animated{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:1}.ww__inner{background-color:#241f1e;background:#241f1e url(../images/modal/modal__bg.jpg) no-repeat top;background-size:auto,cover;border:1px solid #272321;max-width:800px;width:100%;-webkit-box-shadow:none;box-shadow:none;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box}.ww__close{width:17px;height:17px;display:block;position:absolute;top:5px;right:5px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;background:url(../images/modal/close.png) no-repeat}.ww__close:hover{-webkit-filter:brightness(120%);filter:brightness(120%);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ww__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:15px}.ww__title{color:#fff;font-size:20px;font-weight:700;line-height:20px;font-family:BeaufortforLOL,Times New Roman,Times,serif;text-transform:uppercase}.ww__title_warning{color:#fc7c56}.ww__desc{color:#70706d;font-size:14px;line-height:18px;text-align:left;padding:5px 0 7px;border-bottom:1px solid #383838;width:100%}.fl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(96,80,62,.17);border:1px solid rgba(86,78,75,.17);padding:5px 5px 5px 20px;color:#d1c9c3;font-size:16px;font-weight:500;line-height:16px;cursor:default}.fl_mb{margin-bottom:10px}.fl__desc{-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:6px}.fl__link{-ms-flex-negative:0;flex-shrink:0}.ww__faq{-webkit-box-sizing:border-box;box-sizing:border-box}.faq__link{display:block;background-color:rgba(62,62,62,.09);border:1px solid rgba(58,58,58,.42);padding:5px 10px;text-decoration:none;color:#fff;font-size:13px;font-weight:400;margin:2px 0;-webkit-transition:all .1s;transition:all .1s}.faq__link:hover{background-color:rgba(104,59,16,.43922);border:1px solid rgba(188,139,34,.45098)}.form{max-width:500px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;margin:0 auto}.form__heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:20px;padding-bottom:20px}.form__title{font-family:BeaufortforLOL,Times New Roman,Times,serif;text-shadow:0 2px 2px rgba(0,0,0,.4);font-size:18px;font-weight:700;line-height:20px;text-transform:uppercase;color:#fcf9f4;cursor:default}.form__title_m_r{margin-right:10px}.form__ico{width:auto;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:7px;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:drop-shadow(0 0 5px rgba(0,198,255,.9)) drop-shadow(0 0 12px rgba(0,198,255,.9));filter:drop-shadow(0 0 5px rgba(0,198,255,.9)) drop-shadow(0 0 12px rgba(0,198,255,.9));position:relative;top:-1px}.h-link{text-decoration:none;position:relative;color:#767168;font-size:12px;text-transform:uppercase;letter-spacing:1px}.form__h-link{margin-left:auto;top:1px}.h-link:after{content:"";display:block;height:1px;background-color:#767168;position:absolute;left:0;bottom:-2px;right:100%;-webkit-transition:all .3s;transition:all .3s}.h-link:hover:after{right:0}.a-link{color:#ffd363;font-size:13px;text-decoration:none;text-transform:uppercase;position:relative;display:inline-block}.a-link:after{content:"";display:block;height:1px;background-color:#ffd363;position:absolute;left:0;right:0;bottom:0;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.a-link:hover:after{right:100%}.a-link:hover{text-decoration:none}.form__desc{color:#717d8c;font-size:14px;text-transform:uppercase;text-align:center}.form__desc_m_b{margin-bottom:24px}.icon-container{left:1px;width:45px;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#a9abad;font-size:18px;padding-top:1px;padding-left:2px}.icon-container,.prefix-container{position:absolute;top:1px;bottom:1px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform:uppercase;-webkit-box-sizing:border-box;box-sizing:border-box}.prefix-container{left:45px;width:40px;color:#5e5e5e;font-size:17px;cursor:pointer;font-family:PT Sans,Tahoma,Arial,sans-serif}.prefix-container:after{left:0}.prefix-container:after,.prefix-container:before{content:"";display:block;background:-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,0)),color-stop(40%,#6e6e6e),to(hsla(0,0%,100%,0)));background:linear-gradient(0deg,hsla(0,0%,100%,0),#6e6e6e 40%,hsla(0,0%,100%,0));width:1px;position:absolute;top:0;bottom:0;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}.prefix-container:before{right:0}.protection{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:15px}.protection,.protection_align_center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.protection__captcha{max-width:306px}.protection__info{color:#9e7f61;font-size:12px;line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:8px;margin-right:auto;margin-left:auto}.protection__confirm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.protection__confirm_m_t{margin-top:5px}.protection__rules{display:inline-block;margin-right:10px;color:#fff;font-size:13px;text-decoration:none;text-transform:uppercase;position:relative}.protection__rules:after{content:"";display:block;height:1px;background-color:hsla(0,0%,100%,.5);position:absolute;left:0;right:0;bottom:0;-webkit-transition:all .3s;transition:all .3s}.protection__rules:hover:after{right:100%}.protection__rules:hover{text-decoration:none}.form__btn{margin:15px auto 10px;display:block}.checkbox{position:absolute;z-index:-1;opacity:0;width:auto}.checkbox+label{position:relative;padding:0 0 0 50px;cursor:pointer}.checkbox+label:before{top:-4px;left:0;width:50px;height:26px;border-radius:13px;background-color:#101010;border:1px solid #39352e;-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox+label:after,.checkbox+label:before{content:"";position:absolute;-webkit-transition:.2s;transition:.2s}.checkbox+label:after{top:-1px;left:2px;width:20px;height:20px;border-radius:10px;background:#686868;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.3);box-shadow:0 2px 5px rgba(0,0,0,.3)}.checkbox:checked+label:before{background:#201309}.checkbox_purple:checked+label:before{background:#d9cb51}.checkbox:checked+label:after{left:26px;background:#b4c829;-webkit-filter:drop-shadow(0 0 10px #8bff3b);filter:drop-shadow(0 0 10px rgb(139,255,59))}.warning{background:url(../images/modal/modal__bg.jpg) no-repeat top;background-size:auto,cover;border:1px solid #272321;max-width:400px;font-size:16px;-webkit-box-shadow:none;box-shadow:none;padding:5px 20px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#dfdfdf}.warning_animated{-webkit-transition:all .3s;transition:all .3s;-webkit-transform:scale(1.2) translateY(-100px);transform:scale(1.2) translateY(-100px);opacity:0}.fancybox-slide--current .warning_animated{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:1}.warning__title{font-family:BeaufortforLOL,Times New Roman,Times,serif;text-shadow:0 2px 2px rgba(0,0,0,.4);font-size:18px;font-weight:700;line-height:20px;text-transform:uppercase;color:#ffdc7f;cursor:default;padding:10px 0}.cp{-webkit-box-sizing:border-box;box-sizing:border-box;padding:25px 20px}.cp__title{color:#c5c1c1;font-family:BeaufortforLOL,Times New Roman,Times,serif;font-size:22px;font-weight:700;line-height:16px;padding-bottom:15px}.cp__content{font-size:16px;line-height:22px;color:#6f6865;font-weight:400}.btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:25px}.cp__btn{margin:2px}.alert-success{color:#a6ff69}.alert-warning{color:#ffe969}.alert-danger{color:#ff6e69}.event{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-sizing:border-box;box-sizing:border-box;padding:100px 10px 5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#0e0e0e;position:relative;z-index:0;overflow:hidden;background:url(../images/events/content.jpg) repeat;border:1px solid #272321;font-family:BeaufortforLOL,Times New Roman,Times,serif}.event__link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;text-decoration:none;z-index:20}.event__title{text-align:left;text-shadow:.1px 2px 0 rgba(0,0,0,.52);color:#fff;font-size:20px;font-weight:700;text-transform:uppercase}.event__title_mb{margin-bottom:10px}.event__content{color:#697575;font-size:12px;font-weight:400;line-height:14px}.event__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:auto}.event__img{position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;background-size:cover;background-position:top;background-repeat:no-repeat;-webkit-mask:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#000),color-stop(50%,rgba(0,0,0,.2)),color-stop(84%,transparent));-webkit-mask:linear-gradient(180deg,#000 10%,rgba(0,0,0,.2) 50%,transparent 84%);-webkit-transition:all .3s;transition:all .3s}.event:hover .event__img{-webkit-transform:scale(1.1);transform:scale(1.1)}.events__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.events__event{width:calc(33.33333% - 4px);margin:2px}.events__heading{width:100%}.rating-wrp{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../images/bg/content.jpg) repeat top;border:1px solid #272321;padding:5px 20px 15px}.rating-title{color:#ffd287;text-transform:uppercase;font-size:14px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:6px}.rating{max-width:100%;margin:0 auto;color:#6a6a6a;position:relative;-webkit-transition:all .5s;transition:all .5s}[data-rating]{height:425px}[data-sub-rating]{height:395px}.rating__tab{position:absolute;left:0;right:0;top:0;opacity:.6;-webkit-transition:all .5s;transition:all .5s;visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:700px;perspective:700px;-webkit-transform-origin:center center;transform-origin:center center;opacity:0;overflow:hidden}.rating__tab_active{opacity:1;visibility:visible;-webkit-transition-delay:.4s;transition-delay:.4s;height:100%}.top{height:31px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:default;margin:4px 0 6px}.top:before{content:"";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background-color:rgba(0,0,0,.05);border-radius:20px;-webkit-transition:all .3s;transition:all .3s;z-index:-1;opacity:0}.top:hover:before{opacity:1}.top_header:before{display:none}.top_header{font-size:12px;height:15px}.top_header:after{content:none}.top__ico{background:url(../images/rating/ico__dual-sword_stars_1.png) no-repeat;width:31px;height:31px;-ms-flex-negative:0;flex-shrink:0}.top:nth-child(2) .top__ico{background:url(../images/rating/ico__dual-sword_stars_3.png) no-repeat}.top:nth-child(3) .top__ico{background:url(../images/rating/ico__dual-sword_stars_2.png) no-repeat}.top__ico_header{background-image:none}.top__num{width:24px;-ms-flex-negative:0;flex-shrink:0;text-align:center;color:grey;font-size:14px;margin-left:2px}.top__name{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;color:grey;font-size:15px;text-overflow:ellipsis;overflow:hidden}.top__name_header{-webkit-box-sizing:border-box;box-sizing:border-box;color:grey;font-size:13px;color:#b1b1b1;font-weight:700}.top__score{width:70px;text-align:right;-ms-flex-negative:0;flex-shrink:0;font-size:13px}.top__score_header{color:#b1b1b1;font-weight:700}.rating-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-transition:all .3s;transition:all .3s}.rating-btn{text-transform:none;margin:0 3px;width:auto;min-width:60px}.rating-btn_active{-webkit-filter:brightness(140%);filter:brightness(140%)}.rating-sub-btn{text-transform:none;margin:0 3px;width:auto;min-width:60px;height:24px;-webkit-filter:brightness(90%) sepia(1);filter:brightness(90%) sepia(1)}.rating-sub-btn_active{-webkit-filter:brightness(130%) sepia(1);filter:brightness(130%) sepia(1)}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:6px;padding-bottom:6px}.pagination__link{font-size:18px;font-weight:700;color:#3b3f45;padding:3px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-preferred-size:30px;flex-basis:30px;height:30px;line-height:22px;text-decoration:none;text-align:center;display:inline-block}.pagination__link:hover{color:#8f8f8f}.pagination__link_active,.pagination__link_active:hover{color:#c5c1c1}.pagination__arrow{background:url(../images/pagination__arrow_dir_right.png) no-repeat;width:17px;height:30px;display:inline-block;margin:0 10px;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:all .2s;transition:all .2s}.pagination__arrow_left{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.pagination__arrow_active:hover{-webkit-filter:brightness(130%);filter:brightness(130%)}.pagination__arrow_active_false{opacity:.3;cursor:default;pointer-events:none}
.author__logo img{display:block;max-height:28px;width:auto;margin-top:6px;opacity:.85}
/* =========================================================
L2 RELOAD - HOME V1
Layout clean: top navigation + full hero background.
The original template files are preserved as *.bak_original.
========================================================= */
body.body{background:#05070a;color:#fff;}
.page{max-width:none;background:#05070a;min-height:100vh;}
.l2r-hero{position:relative;min-height:calc(100vh - 78px);display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:url('../images/bg/header.jpg');background-repeat:no-repeat;background-position:center top;background-size:cover;}
.l2r-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(202,141,62,.10),transparent 34%),linear-gradient(90deg,rgba(2,4,8,.76),rgba(2,4,8,.18) 45%,rgba(2,4,8,.65)),linear-gradient(0deg,rgba(3,5,8,.88),rgba(3,5,8,.06) 48%,rgba(3,5,8,.45));z-index:1;}
.l2r-hero__shade{position:absolute;inset:0;z-index:1;box-shadow:inset 0 0 160px 35px rgba(0,0,0,.7);pointer-events:none;}
.l2r-hero__content{position:relative;z-index:2;text-align:center;width:min(900px,92vw);padding:55px 20px 95px;filter:drop-shadow(0 12px 28px rgba(0,0,0,.7));}
.l2r-hero__eyebrow{color:#d4b77e;font-size:12px;letter-spacing:.42em;font-weight:700;margin-bottom:18px;text-transform:uppercase;}
.l2r-hero__title{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(58px,8vw,118px);line-height:.9;color:#f5f0e5;letter-spacing:.035em;text-shadow:0 3px 18px rgba(0,0,0,.9);}
.l2r-hero__title span{color:#d5a650;}
.l2r-hero__line{width:130px;height:1px;margin:28px auto 22px;background:linear-gradient(90deg,transparent,#e7be72,transparent);}
.l2r-hero__desc{margin:0 auto;color:#d2d0cc;font-size:17px;letter-spacing:.08em;text-shadow:0 2px 8px #000;}
.l2r-hero__actions{margin-top:38px;display:flex;justify-content:center;}
.l2r-start{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:290px;min-height:74px;padding:10px 36px;border:1px solid #c99d4d;background:linear-gradient(180deg,rgba(52,40,23,.94),rgba(22,17,11,.97));box-shadow:0 8px 28px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,235,188,.06);text-decoration:none;transition:.25s ease;}
.l2r-start:hover{transform:translateY(-2px);background:linear-gradient(180deg,rgba(83,61,28,.97),rgba(31,22,12,.98));box-shadow:0 10px 36px rgba(0,0,0,.55),0 0 26px rgba(211,160,67,.14);}
.l2r-start span{color:#f5e7c8;font-family:Georgia,'Times New Roman',serif;font-size:22px;font-weight:700;letter-spacing:.14em;}
.l2r-start small{margin-top:6px;color:#a99c86;font-size:9px;letter-spacing:.18em;}
.l2r-hero__meta{display:flex;justify-content:center;gap:0;margin:48px auto 0;max-width:620px;border-top:1px solid rgba(227,197,137,.18);border-bottom:1px solid rgba(227,197,137,.18);background:rgba(4,6,9,.32);backdrop-filter:blur(5px);}
.l2r-meta{flex:1;padding:14px 16px;position:relative;}
.l2r-meta+.l2r-meta:before{content:'';position:absolute;left:0;top:22%;bottom:22%;width:1px;background:rgba(227,197,137,.22);}
.l2r-meta b{display:block;color:#ebd09c;font-size:12px;letter-spacing:.09em;}
.l2r-meta span{display:block;color:#827f79;font-size:9px;letter-spacing:.14em;margin-top:4px;}
/* Hide legacy homepage blocks; internal CMS pages continue to render normally. */
.page__footer{background:#05070a!important;border-top:1px solid rgba(209,164,84,.17);}
.footer__inner{padding-top:28px;padding-bottom:28px;}
.footer__logotype .f-logo{filter:grayscale(1) brightness(1.7);opacity:.55;}
@media(max-width:900px){
.l2r-hero{min-height:calc(100vh - 70px);}
.l2r-hero__content{padding-top:60px;}
.l2r-hero__meta{max-width:94vw;}
}
@media(max-width:620px){
.l2r-hero__eyebrow{font-size:9px;letter-spacing:.25em;}
.l2r-hero__desc{font-size:14px;}
.l2r-start{min-width:240px;}
.l2r-hero__meta{flex-direction:column;border:none;background:transparent;gap:4px;}
.l2r-meta{background:rgba(4,6,9,.48);border:1px solid rgba(227,197,137,.14);}
.l2r-meta+.l2r-meta:before{display:none;}
}
.l2r-hero__brand{display:block;width:min(760px,76vw);height:auto;object-fit:contain;margin:0 auto 6px;filter:drop-shadow(0 10px 28px rgba(0,0,0,.82));}
.preload__logo{content:url('../images/l2r-emblem.png');width:150px;}
@media(max-width:760px){
.l2r-hero__brand{width:92vw;margin:4px auto 10px;}
}
/* hero mais luminoso e próximo do mockup aprovado */
.l2r-hero{min-height:calc(100vh - 96px)!important;background-position:center top!important;background-size:cover!important;}
.l2r-hero:before{background:
radial-gradient(circle at 52% 17%,rgba(255,210,123,.12),transparent 24%),
linear-gradient(90deg,rgba(2,4,7,.35),rgba(2,4,7,.05) 43%,rgba(2,4,7,.28)),
linear-gradient(0deg,rgba(3,5,8,.74),rgba(3,5,8,.02) 54%,rgba(3,5,8,.12))!important;}
.l2r-hero__shade{box-shadow:inset 0 0 125px 22px rgba(0,0,0,.46)!important;}
.l2r-hero__content{width:min(1120px,96vw)!important;padding:48px 20px 48px!important;filter:drop-shadow(0 12px 24px rgba(0,0,0,.62))!important;transform:translateY(-8px);}
.l2r-hero__brand{width:min(940px,82vw)!important;margin:0 auto 18px!important;filter:drop-shadow(0 13px 25px rgba(0,0,0,.68))!important;}
.l2r-hero__line{display:none!important;}
.l2r-hero__desc{font-family:Georgia,'Times New Roman',serif!important;color:#eee7db!important;font-size:18px!important;letter-spacing:.015em!important;text-shadow:0 2px 10px rgba(0,0,0,.95)!important;}
.l2r-hero__actions{margin-top:30px!important;}
.l2r-start{min-width:410px!important;min-height:88px!important;border-color:#d7a33e!important;background:linear-gradient(180deg,rgba(52,39,20,.84),rgba(10,10,10,.96))!important;box-shadow:0 8px 30px rgba(0,0,0,.43),inset 0 0 0 1px rgba(255,221,151,.05),0 0 0 1px rgba(125,83,20,.12)!important;}
.l2r-start:hover{border-color:#f0bd58!important;box-shadow:0 10px 36px rgba(0,0,0,.5),0 0 28px rgba(218,161,57,.16)!important;}
.l2r-start span{font-size:25px!important;color:#f4dfb5!important;}
.l2r-start small{font-size:10px!important;color:#c0a985!important;}
.l2r-hero__meta{max-width:760px!important;margin-top:34px!important;border:1px solid rgba(211,158,59,.60)!important;background:rgba(4,6,8,.72)!important;box-shadow:0 8px 24px rgba(0,0,0,.25);}
.l2r-meta{padding:17px 22px!important;}
.l2r-meta+.l2r-meta:before{background:rgba(211,158,59,.42)!important;top:18%!important;bottom:18%!important;}
.l2r-meta b{color:#f0d49a!important;font-size:13px!important;}
.l2r-meta span{color:#a7a098!important;font-size:10px!important;}
@media(max-width:900px){
.l2r-hero{min-height:calc(100vh - 70px)!important;}
.l2r-hero__content{transform:none;padding:42px 14px 46px!important;}
.l2r-hero__brand{width:94vw!important;}
.l2r-start{min-width:min(380px,88vw)!important;}
}
.l2r-hero{min-height:calc(100vh - 106px)!important;}
.l2r-hero__content{padding-top:54px!important;}
.l2r-hero__brand{
width:min(820px,72vw)!important;
margin:0 auto 18px!important;
filter:drop-shadow(0 12px 28px rgba(0,0,0,.72))!important;
}
@media(max-width:900px){
.l2r-hero__brand{width:90vw!important;}
}
/* =========================================================
L2 RELOAD — CABEÇALHO ÚNICO
Uma única regra controla logo, menu, painel e PT-BR.
========================================================= */
@media (min-width:901px){
.navigation{background:rgba(3,5,8,.97)!important;border-bottom:1px solid rgba(217,161,58,.58)!important;box-shadow:0 6px 24px rgba(0,0,0,.24)!important;}
.navigation__container{max-width:1500px!important;flex-basis:1500px!important;width:100%!important;padding-left:20px!important;padding-right:20px!important;}
.navigation__inner{height:112px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:28px!important;margin:0!important;}
.navigation__box_left{display:flex!important;align-items:center!important;gap:28px!important;flex:0 1 auto!important;min-width:0!important;}
.navigation__logotype-box{display:flex!important;align-items:center!important;justify-content:center!important;width:118px!important;min-width:118px!important;height:112px!important;overflow:visible!important;position:static!important;transform:none!important;}
.navigation__logotype{display:block!important;background:url('../images/l2r-emblem.png') center/contain no-repeat!important;width:108px!important;height:108px!important;margin:0!important;padding:0!important;transform:none!important;filter:drop-shadow(0 4px 12px rgba(0,0,0,.82)) drop-shadow(0 0 10px rgba(218,166,71,.24))!important;}
.navigation__logotype:before,.navigation__logotype:after{content:none!important;display:none!important;}
.navigation__nav{display:flex!important;align-items:center!important;position:static!important;transform:none!important;width:auto!important;max-width:none!important;margin:0!important;flex:0 1 auto!important;}
.navigation__list{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:28px!important;margin:0!important;white-space:nowrap!important;position:static!important;flex-direction:row!important;background:none!important;border:0!important;opacity:1!important;visibility:visible!important;transform:none!important;}
.nav__link{width:auto!important;height:54px!important;padding:5px 0!important;margin:0!important;background:transparent!important;}
.nav__name{font-family:BeaufortforLOL,Georgia,'Times New Roman',serif!important;font-size:13px!important;font-weight:700!important;letter-spacing:.035em!important;color:#e6e1d8!important;}
.nav__link:after{content:''!important;display:block!important;top:auto!important;bottom:3px!important;height:2px!important;background:linear-gradient(90deg,transparent,#dca63f,transparent)!important;opacity:0!important;transform:scaleX(.35)!important;}
.nav__link:hover:after,.nav__link_active:after{opacity:1!important;transform:scaleX(1)!important;}
.nav__link:hover .nav__name,.nav__link_active .nav__name{color:#e3ae47!important;}
.navigation__box:not(.navigation__box_left){display:flex!important;align-items:center!important;position:static!important;transform:none!important;margin:0!important;flex:0 0 auto!important;}
.navigation__cp-box{margin:0!important;}
.navigation__cp-box .cp-box__btn{width:auto!important;min-width:190px!important;height:52px!important;padding:0 18px!important;background:linear-gradient(180deg,rgba(28,22,14,.78),rgba(7,8,10,.96))!important;border:1px solid #b98129!important;box-shadow:inset 0 0 0 1px rgba(255,218,142,.04),0 6px 18px rgba(0,0,0,.28)!important;color:#e8c477!important;text-shadow:none!important;}
.navigation__cp-box .cp-box__btn:after{display:none!important;}
.navigation__cp-box .cp-box__gwi{display:block!important;margin-right:10px!important;color:#dca443!important;font-size:17px!important;}
.navigation__cp-box .cp-box__btn-content{display:block!important;color:#e7c983!important;font-size:15px!important;letter-spacing:.035em!important;}
.navigation__lang-box{display:flex!important;align-items:center!important;justify-content:center!important;position:static!important;transform:none!important;margin:0!important;width:90px!important;min-width:90px!important;flex:0 0 90px!important;}
.langs,.langs_fixed{display:flex!important;align-items:center!important;justify-content:center!important;width:90px!important;min-width:90px!important;height:30px!important;margin:0!important;position:relative!important;}
.langs:after,.langs_fixed:after,.langs_fixed .lang__list,.lang__list{display:none!important;content:none!important;}
.lang__link_select,.lang__link_fixed{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important;cursor:default!important;}
.lang__img_select{display:block!important;width:30px!important;min-width:30px!important;height:20px!important;object-fit:contain!important;}
.lang__name_select{color:#e8e1d6!important;font-family:Georgia,'Times New Roman',serif!important;font-size:13px!important;font-weight:700!important;line-height:20px!important;text-transform:uppercase!important;white-space:nowrap!important;margin:0!important;}
}
@media (min-width:901px) and (max-width:1320px){
.navigation__inner,.navigation__box_left,.navigation__list{gap:18px!important;}
.navigation__logotype-box{width:100px!important;min-width:100px!important;}
.navigation__logotype{width:96px!important;height:96px!important;}
.nav__name{font-size:12px!important;}
.navigation__cp-box .cp-box__btn{min-width:175px!important;padding-left:14px!important;padding-right:14px!important;}
.navigation__lang-box,.langs,.langs_fixed{width:84px!important;min-width:84px!important;flex-basis:84px!important;}
}
.l2r-hero{min-height:calc(100vh - 112px)!important;}
/* L2 RELOAD — ORDEM FINAL DO CABEÇALHO: PT-BR antes do Painel */
@media (min-width:901px){
.navigation__lang-box{order:1!important;}
.navigation__cp-box{order:2!important;}
}
/* L2 Reload — preloader: logo central grande */
.preload__logo{
width:min(620px,70vw)!important;
max-width:70vw!important;
height:auto!important;
}
@media (max-width:760px){
.preload__logo{
width:min(420px,82vw)!important;
max-width:82vw!important;
}
}
/* L2 Reload — prioridade final do fundo oficial em todas as rotas */
body.body,.page{
background-color:#050505!important;
background-image:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.58)),url('../images/bg/l2r-medieval-hall-v1.png')!important;
background-position:center top!important;background-repeat:no-repeat!important;background-size:cover!important;background-attachment:fixed!important;
}
.preload,.l2r-hero,.l2r-info-page,.l2r-boss-page{
background-color:#050505!important;
background-image:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.54)),url('../images/bg/l2r-medieval-hall-v1.png')!important;
background-position:center center!important;background-repeat:no-repeat!important;background-size:cover!important;
}
.l2r-info-panel,.l2r-boss-table-wrap{
border-color:rgba(190,137,48,.62)!important;
box-shadow:0 22px 58px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,224,159,.035),0 0 22px rgba(171,111,24,.055)!important;
}
/* L2 RELOAD — CENARIO OFICIAL + MOLDURAS MEDIEVAIS */
body.body,.page{
background-color:#050505!important;
background-image:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.58)),url('../images/bg/l2r-medieval-hall-v1.png')!important;
background-position:center top!important;background-repeat:no-repeat!important;background-size:cover!important;background-attachment:fixed!important;
}
.preload,.l2r-hero,.l2r-info-page{
background-color:#050505!important;
background-image:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.54)),url('../images/bg/l2r-medieval-hall-v1.png')!important;
background-position:center center!important;background-repeat:no-repeat!important;background-size:cover!important;
}
.l2r-info-panel,.l2r-boss-table-wrap{
border-color:rgba(190,137,48,.62)!important;
box-shadow:0 22px 58px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,224,159,.035),0 0 22px rgba(171,111,24,.055)!important;
}
.l2r-info-panel{position:relative;}
.l2r-info-panel:before,.l2r-info-panel:after{content:'';position:absolute;z-index:2;width:34px;height:34px;pointer-events:none;}
.l2r-info-panel:before{top:-1px;left:-1px;border-top:2px solid #d6a64b;border-left:2px solid #d6a64b;}
.l2r-info-panel:after{right:-1px;bottom:-1px;border-right:2px solid #d6a64b;border-bottom:2px solid #d6a64b;}
@media(max-width:700px){body.body,.page{background-attachment:scroll!important}.l2r-info-panel:before,.l2r-info-panel:after{width:24px;height:24px}}
/* L2 RELOAD — FUNDO DARK OFICIAL: PRELOADER + HOME */
.preload{
background-color:#090909!important;
background-image:
linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.28)),
url('../images/bg/l2r-dark-background.jpg')!important;
background-position:center center!important;
background-repeat:no-repeat!important;
background-size:cover!important;
}
.l2r-hero{
background-image:url('../images/bg/l2r-dark-background.jpg')!important;
background-position:center center!important;
background-repeat:no-repeat!important;
background-size:cover!important;
}
/* L2 RELOAD — HOME SEM BARRA DE ROLAGEM */
@supports selector(body:has(.l2r-hero)){
html:has(.l2r-hero),
body:has(.l2r-hero){
height:100%!important;
min-height:0!important;
overflow:hidden!important;
}
body:has(.l2r-hero) .page{
height:100vh!important;
min-height:0!important;
overflow:hidden!important;
}
body:has(.l2r-hero) .l2r-hero{
height:calc(100vh - 112px)!important;
min-height:0!important;
overflow:hidden!important;
}
}
/* L2 RELOAD — PÁGINA INFORMAÇÕES */
.l2r-info-page{
width:100%;
min-height:calc(100vh - 112px);
box-sizing:border-box;
display:flex;
align-items:flex-start;
justify-content:center;
padding:58px 24px 70px;
background:
linear-gradient(rgba(0,0,0,.30),rgba(0,0,0,.55)),
url('../images/bg/l2r-dark-background.jpg') center/cover no-repeat;
}
.l2r-info-panel{
width:min(980px,94vw);
background:linear-gradient(180deg,rgba(21,17,12,.94),rgba(7,8,10,.96));
border:1px solid rgba(201,157,77,.72);
box-shadow:0 20px 55px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,225,170,.04);
padding:36px 38px 40px;
box-sizing:border-box;
}
.l2r-info-kicker{
text-align:center;
color:#b88a3e;
font-size:11px;
letter-spacing:.34em;
font-weight:700;
}
.l2r-info-title{
margin:8px 0 0;
text-align:center;
color:#f0dfbb;
font-family:BeaufortforLOL,Georgia,'Times New Roman',serif;
font-size:30px;
line-height:1.1;
letter-spacing:.08em;
}
.l2r-info-line{
width:180px;
height:1px;
margin:22px auto 30px;
background:linear-gradient(90deg,transparent,#d7a647,transparent);
}
.l2r-info-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.l2r-info-item{
min-height:68px;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:14px 18px;
box-sizing:border-box;
border:1px solid rgba(185,135,51,.28);
background:rgba(4,6,8,.58);
}
.l2r-info-item span{
color:#a7a098;
font-size:13px;
letter-spacing:.04em;
}
.l2r-info-item strong{
color:#f0d49a;
font-family:BeaufortforLOL,Georgia,'Times New Roman',serif;
font-size:15px;
letter-spacing:.04em;
text-align:right;
}
@media(max-width:760px){
.l2r-info-page{padding:30px 14px 45px;}
.l2r-info-panel{padding:28px 18px 30px;}
.l2r-info-title{font-size:24px;}
.l2r-info-grid{grid-template-columns:1fr;}
}
/* =========================================================
L2 RELOAD — INFORMAÇÕES NO MESMO PADRÃO VISUAL DA HOME
========================================================= */
body:has(.l2r-info-home) .page__mid_static{
padding:0!important;
display:block!important;
flex:1 0 auto!important;
}
body:has(.l2r-info-home) .mid__container{
max-width:none!important;
flex-basis:auto!important;
width:100%!important;
padding:0!important;
}
body:has(.l2r-info-home) .mid__inner{
display:block!important;
margin:0!important;
}
body:has(.l2r-info-home) .mid__content,
body:has(.l2r-info-home) .content,
body:has(.l2r-info-home) .content__box{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
body:has(.l2r-info-home) .page__footer{
display:none!important;
}
.l2r-info-home{
position:relative;
min-height:calc(100vh - 112px);
width:100%;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
background-image:url('../images/bg/l2r-dark-background.jpg');
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.l2r-info-home:before{
content:'';
position:absolute;
inset:0;
z-index:1;
background:
radial-gradient(circle at 50% 35%,rgba(202,141,62,.08),transparent 35%),
linear-gradient(0deg,rgba(2,3,5,.62),rgba(2,3,5,.08) 55%,rgba(2,3,5,.24));
pointer-events:none;
}
.l2r-info-home__content{
position:relative;
z-index:2;
width:min(900px,92vw);
text-align:center;
box-sizing:border-box;
padding:30px 20px 42px;
filter:drop-shadow(0 12px 28px rgba(0,0,0,.72));
}
.l2r-info-home__brand{
width:min(720px,68vw)!important;
margin:0 auto 8px!important;
}
.l2r-info-home__panel{
width:min(790px,90vw);
margin:26px auto 0;
padding:18px 20px 20px;
box-sizing:border-box;
border:1px solid rgba(203,153,63,.72);
background:
linear-gradient(180deg,rgba(30,22,13,.91),rgba(7,8,10,.95));
box-shadow:
0 12px 34px rgba(0,0,0,.48),
inset 0 0 0 1px rgba(255,225,166,.035);
}
.l2r-info-home__heading{
padding:2px 0 15px;
color:#f1ddb5;
font-family:BeaufortforLOL,Georgia,'Times New Roman',serif;
font-size:20px;
font-weight:700;
letter-spacing:.12em;
text-transform:uppercase;
border-bottom:1px solid rgba(203,153,63,.25);
}
.l2r-info-home__grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
padding-top:14px;
}
.l2r-info-home__item{
min-height:44px;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
box-sizing:border-box;
padding:9px 13px;
background:rgba(0,0,0,.32);
border:1px solid rgba(198,147,58,.18);
}
.l2r-info-home__item span{
color:#aaa39a;
font-size:11px;
font-weight:600;
letter-spacing:.06em;
}
.l2r-info-home__item strong{
color:#efd39a;
font-family:BeaufortforLOL,Georgia,'Times New Roman',serif;
font-size:13px;
letter-spacing:.04em;
text-align:right;
}
@media(max-width:760px){
.l2r-info-home{
min-height:calc(100vh - 70px);
align-items:flex-start;
}
.l2r-info-home__content{
padding:34px 12px 45px;
}
.l2r-info-home__brand{
width:90vw!important;
}
.l2r-info-home__panel{
width:94vw;
padding:16px 12px 14px;
}
.l2r-info-home__heading{
font-size:17px;
}
.l2r-info-home__grid{
grid-template-columns:1fr;
}
}
/* =========================================================
L2 RELOAD — INFORMAÇÕES V2 / MENU LATERAL
========================================================= */
body:has(.l2r-info-page) .page__mid_static{padding:0!important;display:block!important;flex:1 0 auto!important;}
body:has(.l2r-info-page) .mid__container{max-width:none!important;flex-basis:auto!important;width:100%!important;padding:0!important;}
body:has(.l2r-info-page) .mid__inner{display:block!important;margin:0!important;}
body:has(.l2r-info-page) .mid__content,
body:has(.l2r-info-page) .content,
body:has(.l2r-info-page) .content__box{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
body:has(.l2r-info-page) .page__footer{display:none!important;}
.l2r-info-page{
position:relative;min-height:calc(100vh - 112px);width:100%;box-sizing:border-box;
display:flex;align-items:center;justify-content:center;overflow:hidden;
background:url('../images/bg/l2r-dark-background.jpg') center/cover no-repeat;
}
.l2r-info-page:before{
content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
background:radial-gradient(circle at 50% 30%,rgba(202,141,62,.08),transparent 34%),
linear-gradient(0deg,rgba(2,3,5,.68),rgba(2,3,5,.10) 55%,rgba(2,3,5,.28));
}
.l2r-info-page__content{
position:relative;z-index:2;width:min(1120px,94vw);box-sizing:border-box;
padding:24px 16px 36px;text-align:center;
}
.l2r-info-page__brand{width:min(620px,58vw)!important;margin:0 auto 16px!important;}
.l2r-info-shell{
width:100%;display:grid;grid-template-columns:245px minmax(0,1fr);gap:12px;
text-align:left;
}
.l2r-info-menu,.l2r-info-body{
border:1px solid rgba(203,153,63,.66);
background:linear-gradient(180deg,rgba(25,18,11,.92),rgba(6,7,9,.96));
box-shadow:0 12px 34px rgba(0,0,0,.46),inset 0 0 0 1px rgba(255,225,166,.03);
}
.l2r-info-menu{padding:14px;}
.l2r-info-menu__title{
color:#f1ddb5;font-family:BeaufortforLOL,Georgia,'Times New Roman',serif;
font-size:17px;font-weight:700;letter-spacing:.12em;text-align:center;
padding:5px 4px 15px;margin-bottom:8px;border-bottom:1px solid rgba(203,153,63,.26);
}
.l2r-info-menu__btn{
width:100%;min-height:48px;margin:5px 0;padding:9px 12px;cursor:pointer;
border:1px solid rgba(198,147,58,.18);background:rgba(0,0,0,.28);
color:#aaa39a;text-align:left;font-family:BeaufortforLOL,Georgia,'Times New Roman',serif;
font-size:12px;font-weight:700;letter-spacing:.045em;transition:.2s ease;
}
.l2r-info-menu__btn:hover,.l2r-info-menu__btn.active{
color:#f0d49a;border-color:rgba(211,158,59,.65);
background:linear-gradient(90deg,rgba(112,70,19,.36),rgba(15,12,8,.44));
box-shadow:inset 3px 0 0 rgba(222,169,70,.82);
}
.l2r-info-body{min-height:360px;padding:17px 19px 20px;}
.l2r-info-tab{display:none;}
.l2r-info-tab.active{display:block;}
.l2r-info-tab__title{
color:#f1ddb5;font-family:BeaufortforLOL,Georgia,'Times New Roman',serif;
font-size:18px;font-weight:700;letter-spacing:.10em;text-align:center;
padding:2px 0 14px;margin-bottom:14px;border-bottom:1px solid rgba(203,153,63,.25);
}
.l2r-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.l2r-info-item{
min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:14px;
padding:9px 13px;box-sizing:border-box;background:rgba(0,0,0,.31);
border:1px solid rgba(198,147,58,.17);
}
.l2r-info-item span{color:#aaa39a;font-size:11px;font-weight:600;letter-spacing:.06em;}
.l2r-info-item strong{color:#efd39a;font-family:BeaufortforLOL,Georgia,'Times New Roman',serif;font-size:13px;text-align:right;}
.l2r-farm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.l2r-farm-card{
position:relative;min-height:118px;padding:16px;box-sizing:border-box;
border:1px solid rgba(198,147,58,.20);background:rgba(0,0,0,.32);
}
.l2r-farm-card h3{margin:0 0 10px;color:#efd39a;font-family:BeaufortforLOL,Georgia,'Times New Roman',serif;font-size:15px;letter-spacing:.06em;}
.l2r-farm-card p{margin:5px 0;color:#aaa39a;font-size:12px;line-height:1.55;}
.l2r-farm-card_special{border-color:rgba(219,163,58,.70);background:linear-gradient(135deg,rgba(91,55,12,.32),rgba(0,0,0,.38));}
.l2r-farm-card__tag{position:absolute;right:10px;top:9px;color:#d6aa5b;font-size:9px;font-weight:700;letter-spacing:.10em;}
.l2r-farm-card__pending{opacity:.75;}
.l2r-boss-placeholder{
min-height:220px;display:flex;align-items:center;justify-content:center;gap:20px;
padding:25px;border:1px solid rgba(198,147,58,.18);background:rgba(0,0,0,.30);
}
.l2r-boss-placeholder__mark{
width:76px;height:76px;display:flex;align-items:center;justify-content:center;flex:0 0 76px;
border:1px solid rgba(211,158,59,.55);color:#d8ad60;
font-family:Georgia,'Times New Roman',serif;font-size:22px;font-weight:700;
}
.l2r-boss-placeholder strong{color:#efd39a;font-family:BeaufortforLOL,Georgia,'Times New Roman',serif;font-size:15px;letter-spacing:.06em;}
.l2r-boss-placeholder p{max-width:470px;margin:8px 0 0;color:#aaa39a;font-size:12px;line-height:1.6;}
@media(max-width:820px){
.l2r-info-page{overflow:auto;align-items:flex-start;}
.l2r-info-page__content{padding-top:30px;}
.l2r-info-page__brand{width:88vw!important;}
.l2r-info-shell{grid-template-columns:1fr;}
.l2r-info-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;}
.l2r-info-menu__title{grid-column:1/-1;}
.l2r-info-menu__btn{text-align:center;margin:0;}
}
@media(max-width:600px){
.l2r-info-grid,.l2r-farm-grid{grid-template-columns:1fr;}
.l2r-info-menu{grid-template-columns:1fr;}
.l2r-boss-placeholder{flex-direction:column;text-align:center;}
}
/* =========================================================
L2 RELOAD — INFORMAÇÕES V3
ESCALA / ESQUADRO / ALINHAMENTO FINAL
========================================================= */
.l2r-info-page{
min-height:calc(100vh - 112px)!important;
display:flex!important;
align-items:flex-start!important;
justify-content:center!important;
}
.l2r-info-page__content{
width:100%!important;
max-width:1040px!important;
margin:0 auto!important;
padding:34px 20px 42px!important;
box-sizing:border-box!important;
}
.l2r-info-page__brand{
display:block!important;
width:520px!important;
max-width:58vw!important;
height:auto!important;
margin:0 auto 18px!important;
}
.l2r-info-shell{
width:100%!important;
max-width:960px!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:210px minmax(0,1fr)!important;
gap:10px!important;
align-items:start!important;
}
.l2r-info-menu,
.l2r-info-body{
box-sizing:border-box!important;
margin:0!important;
}
.l2r-info-menu{
width:210px!important;
padding:12px!important;
}
.l2r-info-menu__title{
height:46px!important;
box-sizing:border-box!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:0 8px!important;
margin:0 0 10px!important;
font-size:16px!important;
}
.l2r-info-menu__btn{
height:44px!important;
min-height:44px!important;
margin:0 0 8px!important;
padding:0 12px!important;
display:flex!important;
align-items:center!important;
box-sizing:border-box!important;
font-size:11px!important;
}
.l2r-info-menu__btn:last-child{
margin-bottom:0!important;
}
.l2r-info-body{
width:100%!important;
min-height:0!important;
padding:12px 16px 16px!important;
}
.l2r-info-tab__title{
height:46px!important;
box-sizing:border-box!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:0 10px!important;
margin:0 0 10px!important;
font-size:16px!important;
}
.l2r-info-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:7px!important;
}
.l2r-info-item{
min-height:40px!important;
height:40px!important;
padding:0 11px!important;
box-sizing:border-box!important;
}
.l2r-info-item span{
font-size:10px!important;
}
.l2r-info-item strong{
font-size:12px!important;
}
.l2r-farm-grid{
gap:8px!important;
}
.l2r-farm-card{
min-height:105px!important;
padding:14px!important;
}
.l2r-boss-placeholder{
min-height:190px!important;
}
/* Mantém toda a área central simétrica em telas semelhantes à resolução atual */
@media (min-width:1100px) and (max-width:1500px){
.l2r-info-page__content{
max-width:1000px!important;
padding-top:28px!important;
}
.l2r-info-page__brand{
width:490px!important;
margin-bottom:16px!important;
}
.l2r-info-shell{
max-width:930px!important;
grid-template-columns:200px minmax(0,1fr)!important;
}
.l2r-info-menu{
width:200px!important;
}
}
@media(max-width:820px){
.l2r-info-page__content{
max-width:100%!important;
padding:28px 12px 40px!important;
}
.l2r-info-page__brand{
width:86vw!important;
max-width:86vw!important;
}
.l2r-info-shell{
max-width:94vw!important;
grid-template-columns:1fr!important;
}
.l2r-info-menu{
width:100%!important;
}
.l2r-info-menu__btn{
justify-content:center!important;
}
}
/* L2 RELOAD — ÍCONES NAS INFORMAÇÕES + MENU LATERAL SEM TÍTULO DUPLICADO */
.l2r-info-menu{
padding-top:12px!important;
}
.l2r-info-menu__btn:first-child{
margin-top:0!important;
}
.l2r-info-item{
display:grid!important;
grid-template-columns:28px minmax(0,1fr) auto!important;
align-items:center!important;
column-gap:9px!important;
}
.l2r-info-item__icon{
width:22px!important;
height:22px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
color:#d6a444!important;
flex:0 0 auto!important;
}
.l2r-info-item__icon svg{
width:20px!important;
height:20px!important;
display:block!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:1.6!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
.l2r-info-item__label{
min-width:0!important;
color:#aaa39a!important;
font-size:10px!important;
font-weight:600!important;
letter-spacing:.06em!important;
}
.l2r-info-item strong{
white-space:nowrap!important;
}
/* L2 RELOAD — remove títulos internos repetidos do menu lateral */
.l2r-info-tab{
padding-top:0!important;
}
.l2r-info-grid,
.l2r-farm-grid,
.l2r-boss-placeholder{
margin-top:0!important;
}
/* L2 RELOAD — força remoção dos títulos internos repetidos */
.l2r-info-body .l2r-info-tab__title{
display:none!important;
height:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
border:0!important;
overflow:hidden!important;
}
.l2r-info-body .l2r-info-grid,
.l2r-info-body .l2r-farm-grid,
.l2r-info-body .l2r-boss-placeholder{
margin-top:0!important;
}
/* =========================================================
TESTE VISUAL — PADRÃO DE LINHAS UNIFORMES
Atua somente no HTML que já está renderizando agora.
========================================================= */
/* conjunto mais padronizado */
.l2r-info-shell{
max-width:900px!important;
grid-template-columns:190px minmax(0,1fr)!important;
gap:14px!important;
}
/* remove moldura grande do painel da direita */
.l2r-info-body{
border:0!important;
background:transparent!important;
box-shadow:none!important;
padding:0!important;
}
/* menu lateral limpo e uniforme */
.l2r-info-menu{
border:0!important;
background:transparent!important;
box-shadow:none!important;
padding:0!important;
}
.l2r-info-menu__btn{
height:44px!important;
min-height:44px!important;
margin:0 0 8px!important;
padding:0 12px!important;
border:0!important;
border-radius:4px!important;
background:rgba(18,15,12,.76)!important;
box-shadow:inset 0 0 0 1px rgba(194,144,53,.13)!important;
}
.l2r-info-menu__btn.active{
background:rgba(55,40,21,.84)!important;
box-shadow:
inset 3px 0 0 #d7a63f,
inset 0 0 0 1px rgba(215,166,63,.38)!important;
}
/* grade de informações */
.l2r-info-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:0 10px!important;
}
/* cada coluna passa a parecer uma lista padronizada */
.l2r-info-item{
height:46px!important;
min-height:46px!important;
margin:0!important;
padding:0 13px!important;
display:grid!important;
grid-template-columns:26px minmax(0,1fr) auto!important;
column-gap:9px!important;
align-items:center!important;
border:0!important;
border-bottom:1px solid rgba(197,148,58,.12)!important;
border-radius:0!important;
background:rgba(23,19,15,.72)!important;
box-shadow:none!important;
}
/* alternância semelhante à referência */
.l2r-info-item:nth-child(4n+1),
.l2r-info-item:nth-child(4n+2){
background:rgba(48,40,33,.82)!important;
}
/* cria contorno visual de cada metade sem caixas individuais */
.l2r-info-item:nth-child(odd){
border-left:1px solid rgba(197,148,58,.28)!important;
border-right:1px solid rgba(197,148,58,.28)!important;
}
.l2r-info-item:nth-child(even){
border-left:1px solid rgba(197,148,58,.28)!important;
border-right:1px solid rgba(197,148,58,.28)!important;
}
/* topo das duas colunas */
.l2r-info-item:nth-child(1),
.l2r-info-item:nth-child(2){
border-top:1px solid rgba(197,148,58,.28)!important;
}
/* fundo das duas colunas */
.l2r-info-item:nth-last-child(1),
.l2r-info-item:nth-last-child(2){
border-bottom:1px solid rgba(197,148,58,.28)!important;
}
.l2r-info-item__icon{
width:21px!important;
height:21px!important;
}
.l2r-info-item__icon svg{
width:19px!important;
height:19px!important;
}
.l2r-info-item__label{
font-size:10px!important;
color:#ded7cc!important;
letter-spacing:.035em!important;
}
.l2r-info-item strong{
font-size:12px!important;
color:#f0cf87!important;
text-align:right!important;
white-space:nowrap!important;
}
/* para esta resolução */
@media (min-width:1100px) and (max-width:1500px){
.l2r-info-shell{
max-width:860px!important;
grid-template-columns:185px minmax(0,1fr)!important;
}
}
/* =========================================================
L2 RELOAD — CORREÇÃO DE ESQUADRO
Menu separado + painel mais estreito
========================================================= */
.l2r-info-page__content{
max-width:920px!important;
padding-left:18px!important;
padding-right:18px!important;
}
.l2r-info-shell{
width:100%!important;
max-width:800px!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:165px minmax(0,1fr)!important;
gap:18px!important;
align-items:start!important;
}
/* Garante que o menu nunca invada o painel */
.l2r-info-menu{
width:165px!important;
min-width:165px!important;
max-width:165px!important;
box-sizing:border-box!important;
position:relative!important;
z-index:2!important;
}
.l2r-info-body{
width:100%!important;
min-width:0!important;
max-width:100%!important;
box-sizing:border-box!important;
overflow:hidden!important;
position:relative!important;
z-index:1!important;
}
/* Cards um pouco menores para encaixar no padrão */
.l2r-info-grid{
width:100%!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:0 8px!important;
}
.l2r-info-item{
height:42px!important;
min-height:42px!important;
padding-left:10px!important;
padding-right:10px!important;
}
.l2r-info-item__label{
font-size:9px!important;
}
.l2r-info-item strong{
font-size:11px!important;
}
/* Ajuste específico para a resolução do print */
@media (min-width:1200px) and (max-width:1500px){
.l2r-info-page__content{
max-width:900px!important;
}
.l2r-info-shell{
max-width:780px!important;
grid-template-columns:160px minmax(0,1fr)!important;
gap:16px!important;
}
.l2r-info-menu{
width:160px!important;
min-width:160px!important;
max-width:160px!important;
}
}
@media(max-width:820px){
.l2r-info-shell{
max-width:94vw!important;
grid-template-columns:1fr!important;
gap:10px!important;
}
.l2r-info-menu{
width:100%!important;
min-width:0!important;
max-width:none!important;
}
}
/* L2 RELOAD — PADRÃO EXATO DAS IMAGENS DAS ÁREAS DE FARM */
.l2r-farm-card__image{
width:100%!important;
height:130px!important;
overflow:hidden!important;
}
.l2r-farm-card__image img{
display:block!important;
width:100%!important;
height:130px!important;
object-fit:cover!important;
object-position:center center!important;
}
/* mantém o bloco de texto igual nos 4 cards */
.l2r-farm-card__content{
min-height:82px!important;
box-sizing:border-box!important;
}
/* =========================================================
L2 RELOAD — ENCAIXE COMPACTO DAS ÁREAS DE FARM
Referência: montagem enviada no Paint
========================================================= */
/* Centraliza o conjunto inteiro embaixo da logo */
.l2r-info-shell{
width:max-content!important;
max-width:none!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:165px 530px!important;
gap:10px!important;
align-items:start!important;
}
/* Menu lateral com largura fixa */
.l2r-info-menu{
width:165px!important;
min-width:165px!important;
max-width:165px!important;
box-sizing:border-box!important;
}
/* O painel termina exatamente junto aos cards */
.l2r-info-body{
width:530px!important;
min-width:530px!important;
max-width:530px!important;
box-sizing:border-box!important;
overflow:visible!important;
}
/* Grade das 4 áreas: 2 x 2, sem sobra lateral */
.l2r-farm-grid{
width:530px!important;
max-width:530px!important;
display:grid!important;
grid-template-columns:260px 260px!important;
gap:10px!important;
margin:0!important;
}
/* Todos os cards exatamente iguais */
.l2r-farm-card{
width:260px!important;
min-width:260px!important;
max-width:260px!important;
height:238px!important;
min-height:238px!important;
box-sizing:border-box!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
}
/* Imagens na mesma medida */
.l2r-farm-card__image{
width:258px!important;
height:130px!important;
margin:0!important;
overflow:hidden!important;
}
.l2r-farm-card__image img{
width:100%!important;
height:130px!important;
object-fit:cover!important;
object-position:center center!important;
}
/* Parte de texto idêntica nos quatro cards */
.l2r-farm-card__content{
width:100%!important;
height:106px!important;
min-height:106px!important;
padding:10px 11px!important;
box-sizing:border-box!important;
}
.l2r-farm-card__content h3{
margin:0 0 8px!important;
line-height:1.1!important;
}
.l2r-farm-card__content p{
margin:5px 0!important;
line-height:1.25!important;
}
/* Mantém o bloco geral mais próximo da logo, como no Paint */
.l2r-info-page__content{
max-width:900px!important;
padding-top:28px!important;
}
/* Desktop intermediário */
@media (min-width:900px) and (max-width:1500px){
.l2r-info-shell{
grid-template-columns:155px 500px!important;
gap:9px!important;
}
.l2r-info-menu{
width:155px!important;
min-width:155px!important;
max-width:155px!important;
}
.l2r-info-body{
width:500px!important;
min-width:500px!important;
max-width:500px!important;
}
.l2r-farm-grid{
width:500px!important;
max-width:500px!important;
grid-template-columns:245px 245px!important;
gap:10px!important;
}
.l2r-farm-card{
width:245px!important;
min-width:245px!important;
max-width:245px!important;
}
.l2r-farm-card__image{
width:243px!important;
}
}
/* Mobile */
@media(max-width:820px){
.l2r-info-shell{
width:94vw!important;
grid-template-columns:1fr!important;
}
.l2r-info-menu,
.l2r-info-body{
width:100%!important;
min-width:0!important;
max-width:none!important;
}
.l2r-farm-grid{
width:100%!important;
max-width:none!important;
grid-template-columns:1fr!important;
}
.l2r-farm-card{
width:100%!important;
min-width:0!important;
max-width:none!important;
}
.l2r-farm-card__image{
width:100%!important;
}
}
/* =========================================================
L2 RELOAD — INSTÂNCIAS EPICS
Usa o mesmo encaixe aprovado da página Informações.
========================================================= */
.l2r-epic-layout{
width:100%!important;
display:grid!important;
grid-template-columns:150px minmax(0,1fr)!important;
gap:10px!important;
align-items:start!important;
}
.l2r-epic-npc{
width:150px!important;
box-sizing:border-box!important;
overflow:hidden!important;
background:rgba(14,11,9,.82)!important;
border:1px solid rgba(197,148,58,.28)!important;
}
.l2r-epic-npc img{
display:block!important;
width:100%!important;
height:190px!important;
object-fit:cover!important;
object-position:center top!important;
}
.l2r-epic-npc__info{
padding:9px 8px 10px!important;
text-align:center!important;
}
.l2r-epic-npc__info strong,
.l2r-epic-npc__info span{
display:block!important;
}
.l2r-epic-npc__info strong{
color:#e3b34e!important;
font-size:11px!important;
margin-bottom:4px!important;
}
.l2r-epic-npc__info span{
color:#d4c7b4!important;
font-size:9px!important;
}
.l2r-epic-content{
min-width:0!important;
}
.l2r-epic-rules{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:7px!important;
margin-bottom:8px!important;
}
.l2r-epic-rules div{
min-height:48px!important;
padding:8px 9px!important;
box-sizing:border-box!important;
background:rgba(22,18,14,.78)!important;
border:1px solid rgba(197,148,58,.18)!important;
}
.l2r-epic-rules span,
.l2r-epic-rules strong{
display:block!important;
}
.l2r-epic-rules span{
color:#9f927f!important;
font-size:8.5px!important;
margin-bottom:3px!important;
}
.l2r-epic-rules strong{
color:#efcb79!important;
font-size:10px!important;
}
.l2r-epic-list{
border:1px solid rgba(197,148,58,.26)!important;
overflow:hidden!important;
}
.l2r-epic-row{
height:42px!important;
padding:0 11px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
box-sizing:border-box!important;
background:rgba(20,16,13,.76)!important;
border-bottom:1px solid rgba(197,148,58,.12)!important;
}
.l2r-epic-row:nth-child(even){
background:rgba(38,31,25,.76)!important;
}
.l2r-epic-row:last-child{
border-bottom:0!important;
}
.l2r-epic-row strong{
color:#e3b34e!important;
font-size:11px!important;
}
.l2r-epic-row span{
color:#d9ccb7!important;
font-size:10px!important;
}
@media(max-width:820px){
.l2r-epic-layout{
grid-template-columns:1fr!important;
}
.l2r-epic-npc{
width:100%!important;
}
.l2r-epic-npc img{
height:220px!important;
}
.l2r-epic-rules{
grid-template-columns:1fr!important;
}
}
/* =========================================================
L2 RELOAD — INSTÂNCIAS EPICS V2
Versão grande e legível inspirada no layout aprovado
========================================================= */
/* Quando Instâncias estiver aberta, o conjunto cresce sem alterar as outras abas */
.l2r-info-shell:has(.l2r-info-tab[data-info-panel="instances"].active){
width:1040px!important;
max-width:1040px!important;
grid-template-columns:210px 810px!important;
gap:20px!important;
}
.l2r-info-shell:has(.l2r-info-tab[data-info-panel="instances"].active) .l2r-info-menu{
width:210px!important;
min-width:210px!important;
max-width:210px!important;
}
.l2r-info-shell:has(.l2r-info-tab[data-info-panel="instances"].active) .l2r-info-body{
width:810px!important;
min-width:810px!important;
max-width:810px!important;
overflow:visible!important;
}
.l2r-info-shell:has(.l2r-info-tab[data-info-panel="instances"].active) .l2r-info-menu__btn{
height:56px!important;
min-height:56px!important;
font-size:12px!important;
}
.l2r-epic-page{
width:810px!important;
box-sizing:border-box!important;
}
.l2r-epic-title{
margin:0 0 14px!important;
padding:0 0 12px!important;
text-align:center!important;
color:#e4b34d!important;
font-family:BeaufortforLOL,Georgia,'Times New Roman',serif!important;
font-size:28px!important;
font-weight:700!important;
letter-spacing:.06em!important;
border-bottom:1px solid rgba(210,158,60,.25)!important;
}
.l2r-epic-main{
display:grid!important;
grid-template-columns:minmax(0,1fr) 235px!important;
gap:14px!important;
align-items:stretch!important;
}
.l2r-epic-center{
min-width:0!important;
}
.l2r-epic-rules-big{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
margin-bottom:12px!important;
border:1px solid rgba(201,150,55,.42)!important;
background:rgba(12,10,8,.78)!important;
}
.l2r-epic-rule-big{
min-height:160px!important;
padding:16px 13px 14px!important;
box-sizing:border-box!important;
text-align:center!important;
border-right:1px solid rgba(201,150,55,.20)!important;
}
.l2r-epic-rule-big:last-child{
border-right:0!important;
}
.l2r-epic-rule-icon{
width:38px!important;
height:38px!important;
margin:0 auto 8px!important;
color:#d4a442!important;
}
.l2r-epic-rule-icon svg{
width:100%!important;
height:100%!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:1.7!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
.l2r-epic-rule-big span{
display:block!important;
margin-bottom:7px!important;
color:#d7cec0!important;
font-size:11px!important;
font-weight:700!important;
}
.l2r-epic-rule-big strong{
display:block!important;
margin-bottom:8px!important;
color:#efbd4d!important;
font-family:BeaufortforLOL,Georgia,'Times New Roman',serif!important;
font-size:17px!important;
letter-spacing:.02em!important;
}
.l2r-epic-rule-big p{
margin:0!important;
color:#b9afa0!important;
font-size:10.5px!important;
line-height:1.45!important;
}
.l2r-epic-list-big{
overflow:hidden!important;
border:1px solid rgba(201,150,55,.42)!important;
background:rgba(10,9,8,.76)!important;
}
.l2r-epic-row-big{
height:62px!important;
padding:0 18px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
box-sizing:border-box!important;
border-bottom:1px solid rgba(201,150,55,.16)!important;
background:rgba(20,16,13,.78)!important;
}
.l2r-epic-row-big:nth-child(even){
background:rgba(39,31,24,.78)!important;
}
.l2r-epic-row-big:last-child{
border-bottom:0!important;
}
.l2r-epic-row-big strong{
color:#e9b746!important;
font-family:BeaufortforLOL,Georgia,'Times New Roman',serif!important;
font-size:18px!important;
letter-spacing:.03em!important;
}
.l2r-epic-row-big span{
color:#ead7ad!important;
font-size:12px!important;
font-weight:700!important;
}
.l2r-epic-npc-big{
height:100%!important;
min-height:438px!important;
box-sizing:border-box!important;
display:flex!important;
flex-direction:column!important;
overflow:hidden!important;
border:1px solid rgba(201,150,55,.50)!important;
background:rgba(12,10,8,.82)!important;
}
.l2r-epic-npc-big__header{
padding:10px 8px!important;
text-align:center!important;
color:#e2ad3d!important;
font-family:BeaufortforLOL,Georgia,'Times New Roman',serif!important;
font-size:12px!important;
font-weight:700!important;
letter-spacing:.05em!important;
border-bottom:1px solid rgba(201,150,55,.22)!important;
}
.l2r-epic-npc-big img{
display:block!important;
width:100%!important;
flex:1 1 auto!important;
min-height:330px!important;
object-fit:cover!important;
object-position:center top!important;
}
.l2r-epic-npc-big__footer{
padding:10px 8px 12px!important;
text-align:center!important;
border-top:1px solid rgba(201,150,55,.22)!important;
background:rgba(10,9,8,.92)!important;
}
.l2r-epic-npc-big__footer span,
.l2r-epic-npc-big__footer strong{
display:block!important;
}
.l2r-epic-npc-big__footer span{
color:#d8cbb5!important;
font-size:10px!important;
margin-bottom:3px!important;
}
.l2r-epic-npc-big__footer strong{
color:#efb93e!important;
font-family:BeaufortforLOL,Georgia,'Times New Roman',serif!important;
font-size:20px!important;
}
/* Ajusta o conteúdo geral para caber confortavelmente no desktop */
body:has(.l2r-info-tab[data-info-panel="instances"].active) .l2r-info-page__content{
max-width:1180px!important;
}
@media(max-width:1100px){
.l2r-info-shell:has(.l2r-info-tab[data-info-panel="instances"].active){
width:94vw!important;
max-width:94vw!important;
grid-template-columns:180px minmax(0,1fr)!important;
gap:12px!important;
}
.l2r-info-shell:has(.l2r-info-tab[data-info-panel="instances"].active) .l2r-info-menu{
width:180px!important;
min-width:180px!important;
max-width:180px!important;
}
.l2r-info-shell:has(.l2r-info-tab[data-info-panel="instances"].active) .l2r-info-body,
.l2r-epic-page{
width:100%!important;
min-width:0!important;
max-width:none!important;
}
.l2r-epic-main{
grid-template-columns:minmax(0,1fr) 210px!important;
}
}
@media(max-width:820px){
.l2r-info-shell:has(.l2r-info-tab[data-info-panel="instances"].active){
grid-template-columns:1fr!important;
}
.l2r-info-shell:has(.l2r-info-tab[data-info-panel="instances"].active) .l2r-info-menu{
width:100%!important;
min-width:0!important;
max-width:none!important;
}
.l2r-epic-main,
.l2r-epic-rules-big{
grid-template-columns:1fr!important;
}
.l2r-epic-rule-big{
min-height:0!important;
border-right:0!important;
border-bottom:1px solid rgba(201,150,55,.20)!important;
}
.l2r-epic-npc-big{
min-height:0!important;
}
.l2r-epic-npc-big img{
min-height:360px!important;
}
}
/* AJUSTE FINAL — TODAS AS ABAS NO MESMO PADRÃO DA INSTÂNCIAS */
.l2r-info-shell{
width:1040px!important;
max-width:1040px!important;
grid-template-columns:210px 810px!important;
gap:20px!important;
}
.l2r-info-shell .l2r-info-menu{
width:210px!important;
min-width:210px!important;
max-width:210px!important;
}
.l2r-info-shell .l2r-info-body{
width:810px!important;
min-width:810px!important;
max-width:810px!important;
}
.l2r-info-shell .l2r-info-menu__btn{
height:56px!important;
min-height:56px!important;
font-size:12px!important;
}
.l2r-epic-title{
display:none!important;
}
@media(max-width:1100px){
.l2r-info-shell{
width:94vw!important;
max-width:94vw!important;
grid-template-columns:180px minmax(0,1fr)!important;
gap:12px!important;
}
.l2r-info-shell .l2r-info-menu{
width:180px!important;
min-width:180px!important;
max-width:180px!important;
}
.l2r-info-shell .l2r-info-body{
width:100%!important;
min-width:0!important;
max-width:none!important;
}
}
@media(max-width:820px){
.l2r-info-shell{grid-template-columns:1fr!important;}
.l2r-info-shell .l2r-info-menu{
width:100%!important;
min-width:0!important;
max-width:none!important;
}
}
/* =========================================================
L2 RELOAD — INFORMAÇÕES SEM LOGO GRANDE
PADRÃO ÚNICO DE CENTRALIZAÇÃO PARA TODAS AS ABAS
========================================================= */
.l2r-info-page__brand{
display:none!important;
}
.l2r-info-page{
align-items:flex-start!important;
}
.l2r-info-page__content{
width:100%!important;
max-width:1120px!important;
margin:0 auto!important;
padding:54px 20px 44px!important;
box-sizing:border-box!important;
text-align:center!important;
}
.l2r-info-shell{
width:1040px!important;
max-width:calc(100vw - 40px)!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:210px minmax(0,810px)!important;
gap:20px!important;
align-items:start!important;
justify-content:center!important;
box-sizing:border-box!important;
}
.l2r-info-menu{
width:210px!important;
min-width:210px!important;
max-width:210px!important;
box-sizing:border-box!important;
}
.l2r-info-body{
width:810px!important;
min-width:810px!important;
max-width:810px!important;
margin:0!important;
box-sizing:border-box!important;
overflow:visible!important;
}
.l2r-info-tab{
width:100%!important;
max-width:100%!important;
margin:0!important;
box-sizing:border-box!important;
}
.l2r-info-menu__btn{
width:100%!important;
height:56px!important;
min-height:56px!important;
margin:0 0 8px!important;
box-sizing:border-box!important;
font-size:12px!important;
}
/* Neutraliza regras antigas que mudavam a escala apenas em Instâncias */
.l2r-info-shell:has(.l2r-info-tab[data-info-panel="instances"].active){
width:1040px!important;
max-width:calc(100vw - 40px)!important;
grid-template-columns:210px minmax(0,810px)!important;
gap:20px!important;
}
.l2r-info-shell:has(.l2r-info-tab[data-info-panel="instances"].active) .l2r-info-menu{
width:210px!important;
min-width:210px!important;
max-width:210px!important;
}
.l2r-info-shell:has(.l2r-info-tab[data-info-panel="instances"].active) .l2r-info-body{
width:810px!important;
min-width:810px!important;
max-width:810px!important;
}
@media(max-width:1100px){
.l2r-info-page__content{
padding:40px 14px 36px!important;
}
.l2r-info-shell,
.l2r-info-shell:has(.l2r-info-tab[data-info-panel="instances"].active){
width:94vw!important;
max-width:94vw!important;
grid-template-columns:180px minmax(0,1fr)!important;
gap:12px!important;
}
.l2r-info-menu,
.l2r-info-shell:has(.l2r-info-tab[data-info-panel="instances"].active) .l2r-info-menu{
width:180px!important;
min-width:180px!important;
max-width:180px!important;
}
.l2r-info-body,
.l2r-info-shell:has(.l2r-info-tab[data-info-panel="instances"].active) .l2r-info-body{
width:100%!important;
min-width:0!important;
max-width:none!important;
}
}
@media(max-width:820px){
.l2r-info-shell,
.l2r-info-shell:has(.l2r-info-tab[data-info-panel="instances"].active){
grid-template-columns:1fr!important;
}
.l2r-info-menu,
.l2r-info-shell:has(.l2r-info-tab[data-info-panel="instances"].active) .l2r-info-menu{
width:100%!important;
min-width:0!important;
max-width:none!important;
}
}
/* =========================================================
AJUSTES SOLICITADOS
1) Fotos das Áreas de Farm maiores
2) NPC Kurt com a mesma altura do painel da página
========================================================= */
/* ÁREAS DE FARM — aumenta somente as imagens existentes */
.l2r-farm-card__image,
.l2r-farm-card img,
.l2r-farm-image,
[data-info-panel="farm"] img{
height:210px!important;
min-height:210px!important;
object-fit:cover!important;
object-position:center!important;
}
/* Mantém os cards organizados com as fotos maiores */
[data-info-panel="farm"] .l2r-farm-card{
height:auto!important;
min-height:0!important;
}
/* INSTÂNCIAS EPICS — painel do NPC acompanha toda a altura da área ao lado */
.l2r-epic-main{
align-items:stretch!important;
}
.l2r-epic-npc-big{
height:auto!important;
min-height:100%!important;
align-self:stretch!important;
}
.l2r-epic-npc-big img{
flex:1 1 auto!important;
height:auto!important;
min-height:0!important;
object-fit:cover!important;
object-position:center top!important;
}
/* TESTE FARM — fotos horizontais 260 x 150 */
[data-info-panel="farm"] .l2r-farm-card__image,
[data-info-panel="farm"] .l2r-farm-card img,
[data-info-panel="farm"] .l2r-farm-image,
[data-info-panel="farm"] img{
width:100%!important;
height:150px!important;
min-height:150px!important;
max-height:150px!important;
object-fit:cover!important;
object-position:center!important;
}
/* =========================================================
L2 RELOAD — BOSS INFO / EPIC BOSS INFO
Mantém o mesmo container e alinhamento padrão das demais abas
========================================================= */
.l2r-boss-info-box{
width:100%;
box-sizing:border-box;
border:1px solid rgba(197,148,58,.30);
background:rgba(12,10,8,.76);
overflow:hidden;
}
.l2r-boss-info-row{
min-height:78px;
padding:14px 16px;
box-sizing:border-box;
display:flex;
align-items:center;
gap:14px;
border-bottom:1px solid rgba(197,148,58,.14);
background:rgba(24,19,15,.72);
}
.l2r-boss-info-row:nth-child(even){
background:rgba(39,31,24,.76);
}
.l2r-boss-info-row:last-child{
border-bottom:0;
}
.l2r-boss-info-icon{
width:38px;
height:38px;
flex:0 0 38px;
display:flex;
align-items:center;
justify-content:center;
color:#d7a43a;
}
.l2r-boss-info-icon svg{
width:30px;
height:30px;
fill:none;
stroke:currentColor;
stroke-width:1.6;
stroke-linecap:round;
stroke-linejoin:round;
}
.l2r-boss-info-row strong{
display:block;
color:#efc86f;
font-family:BeaufortforLOL,Georgia,'Times New Roman',serif;
font-size:15px;
margin-bottom:6px;
}
.l2r-boss-info-row p{
margin:0;
color:#c9bdab;
font-size:12px;
line-height:1.5;
}
.l2r-epic-boss-placeholder{
width:100%;
min-height:180px;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:center;
gap:18px;
padding:24px;
border:1px solid rgba(197,148,58,.30);
background:rgba(12,10,8,.76);
text-align:left;
}
.l2r-epic-boss-placeholder__icon{
width:64px;
height:64px;
flex:0 0 64px;
display:flex;
align-items:center;
justify-content:center;
color:#d7a43a;
}
.l2r-epic-boss-placeholder__icon svg{
width:54px;
height:54px;
fill:none;
stroke:currentColor;
stroke-width:1.4;
stroke-linecap:round;
stroke-linejoin:round;
}
.l2r-epic-boss-placeholder strong{
display:block;
color:#efc86f;
font-family:BeaufortforLOL,Georgia,'Times New Roman',serif;
font-size:16px;
margin-bottom:7px;
}
.l2r-epic-boss-placeholder p{
margin:0;
color:#c9bdab;
font-size:12px;
line-height:1.55;
}
/* =========================================================
L2 RELOAD — STATUS LOGIN/GAME À ESQUERDA DA LOGO DO CABEÇALHO
Regra final propositalmente no fim do CSS para vencer os
overrides antigos do tema.
========================================================= */
@media (min-width: 901px){
.navigation__logotype-box{
position:relative!important;
overflow:visible!important;
align-self:stretch!important;
}
.l2r-nav-server-status{
position:absolute!important;
right:calc(100% + 10px)!important;
left:auto!important;
top:50%!important;
transform:translateY(-50%)!important;
width:126px!important;
z-index:60!important;
display:flex!important;
flex-direction:column!important;
gap:3px!important;
pointer-events:none!important;
}
.l2r-nav-server-status__row{
height:20px!important;
padding:0 7px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
box-sizing:border-box!important;
background:rgba(3,5,8,.94)!important;
border:1px solid rgba(185,129,41,.72)!important;
box-shadow:0 4px 10px rgba(0,0,0,.5)!important;
font-family:Georgia,'Times New Roman',serif!important;
font-size:8px!important;
font-weight:700!important;
letter-spacing:.055em!important;
line-height:1!important;
white-space:nowrap!important;
}
.l2r-nav-server-status__label{color:#d8c8aa!important;}
.l2r-nav-server-status__online,
.l2r-nav-server-status__offline{
display:flex!important;
align-items:center!important;
gap:4px!important;
}
.l2r-nav-server-status__online{color:#64da85!important;}
.l2r-nav-server-status__offline{color:#e06c6c!important;}
.l2r-nav-server-status__online i,
.l2r-nav-server-status__offline i{
width:5px!important;
height:5px!important;
border-radius:50%!important;
display:block!important;
flex:0 0 5px!important;
}
.l2r-nav-server-status__online i{background:#64da85!important;box-shadow:0 0 6px rgba(100,218,133,.72)!important;}
.l2r-nav-server-status__offline i{background:#e06c6c!important;box-shadow:0 0 6px rgba(224,108,108,.72)!important;}
/* Garante que nenhum status antigo permaneça no centro da hero. */
.l2r-hero .l2r-server-status,
.l2r-hero .l2r-server-probe,
.l2r-hero .server-status,
.l2r-hero .l2r-status-row,
.l2r-hero__status{
display:none!important;
}
}
/* Marca oficial L2R nas áreas públicas do site */
.preload__logo{content:url('../images/l2r-official-serif.png')!important;width:min(880px,88vw)!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 8px 26px rgba(0,0,0,.75))!important}
.navigation__logotype,.logotype{background:url('../images/l2r-official-serif.png') center/contain no-repeat!important;width:168px!important;height:84px!important;margin:-11px -21px!important}
.logo,.logo:before{background:url('../images/l2r-official-serif.png') center/contain no-repeat!important;width:380px!important;height:205px!important}
.f-logo{background:url('../images/l2r-official-serif.png') center/contain no-repeat!important;width:174px!important;height:88px!important}
.l2r-hero__brand{width:min(940px,82vw)!important;max-height:none!important;object-fit:contain!important;margin:0 auto 18px!important}
.l2r-hero__server-name{margin:-48px auto 34px!important;color:#dfbd70!important;font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(28px,3vw,48px)!important;font-weight:700!important;line-height:1!important;letter-spacing:8px!important;text-align:center!important;text-shadow:0 3px 12px #000,0 0 20px rgba(199,146,45,.18)!important}
@media(max-width:700px){.l2r-hero__server-name{margin:-25px auto 25px!important;font-size:26px!important;letter-spacing:5px!important}}
@media(max-width:700px){.preload__logo{width:min(600px,88vw)!important}}
@media (max-width:900px){
.l2r-nav-server-status{display:none!important;}
}
/* =========================================================
L2 RELOAD — RAID BOSSES 70+ / STATUS EM TEMPO REAL
========================================================= */
.l2r-boss-page{
position:relative;
min-height:700px;
padding:58px 0 75px;
background:
linear-gradient(rgba(2,3,5,.72),rgba(2,3,5,.90)),
url('../images/bg/l2r-dark-background.jpg') center top/cover no-repeat;
overflow:hidden;
}
.l2r-boss-page__content{
position:relative;
z-index:2;
width:min(1120px,calc(100% - 40px));
margin:0 auto;
}
.l2r-boss-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:30px;
padding:0 0 22px;
border-bottom:1px solid rgba(191,139,52,.62);
}
.l2r-boss-head__eyebrow{
display:block;
margin-bottom:7px;
color:#ad8b51;
font-family:Georgia,'Times New Roman',serif;
font-size:10px;
font-weight:700;
letter-spacing:.26em;
}
.l2r-boss-head h1{
margin:0;
color:#ead3a5;
font-family:BeaufortforLOL,Georgia,'Times New Roman',serif;
font-size:30px;
line-height:1;
letter-spacing:.06em;
text-shadow:0 3px 12px #000;
}
.l2r-boss-head p{
margin:10px 0 0;
color:#a99f91;
font-size:12px;
}
.l2r-boss-db{
min-width:160px;
height:48px;
padding:0 14px;
display:flex;
align-items:center;
gap:10px;
border:1px solid rgba(191,139,52,.48);
background:rgba(4,6,9,.75);
}
.l2r-boss-db>i{
width:9px;
height:9px;
border-radius:50%;
flex:0 0 9px;
}
.l2r-boss-db div{display:flex;flex-direction:column;gap:2px;}
.l2r-boss-db span{
color:#8f877d;
font-size:8px;
font-weight:700;
letter-spacing:.14em;
}
.l2r-boss-db strong{font-size:10px;letter-spacing:.08em;}
.l2r-boss-db_online>i{background:#56cf79;box-shadow:0 0 9px rgba(86,207,121,.75);}
.l2r-boss-db_online strong{color:#6ee18e;}
.l2r-boss-db_offline>i{background:#d45f5f;box-shadow:0 0 9px rgba(212,95,95,.7);}
.l2r-boss-db_offline strong{color:#e47b7b;}
.l2r-boss-alert{
margin-top:18px;
padding:14px 18px;
display:flex;
flex-direction:column;
gap:5px;
border:1px solid rgba(189,75,75,.45);
background:rgba(76,20,20,.22);
}
.l2r-boss-alert strong{color:#e09494;font-size:11px;}
.l2r-boss-alert span{color:#b9a4a4;font-size:10px;}
.l2r-boss-legend{
margin:18px 0 12px;
display:flex;
align-items:center;
gap:18px;
color:#a79c8d;
font-size:9px;
font-weight:700;
letter-spacing:.07em;
}
.l2r-boss-legend span{display:flex;align-items:center;gap:6px;}
.l2r-boss-legend small{
margin-left:auto;
color:#766f66;
font-size:8px;
font-weight:400;
letter-spacing:.04em;
}
.l2r-boss-dot{
width:7px;
height:7px;
border-radius:50%;
display:inline-block;
}
.l2r-boss-dot_alive{background:#55d37b;box-shadow:0 0 7px rgba(85,211,123,.72);}
.l2r-boss-dot_dead{background:#d95d5d;box-shadow:0 0 7px rgba(217,93,93,.68);}
.l2r-boss-table-wrap{
border:1px solid rgba(177,126,43,.48);
background:rgba(2,4,7,.76);
box-shadow:0 20px 50px rgba(0,0,0,.36);
overflow:hidden;
}
.l2r-boss-table{
width:100%;
border-collapse:collapse;
table-layout:fixed;
}
.l2r-boss-table thead th{
height:42px;
padding:0 18px;
color:#bca477;
background:linear-gradient(180deg,rgba(31,24,14,.96),rgba(11,10,9,.96));
border-bottom:1px solid rgba(181,128,43,.48);
font-family:Georgia,'Times New Roman',serif;
font-size:9px;
letter-spacing:.14em;
text-align:left;
}
.l2r-boss-table thead th:nth-child(1){width:55%;}
.l2r-boss-table thead th:nth-child(2){width:10%;text-align:center;}
.l2r-boss-table thead th:nth-child(3){width:14%;text-align:center;}
.l2r-boss-table thead th:nth-child(4){width:21%;text-align:center;}
.l2r-boss-table tbody tr{
height:47px;
border-bottom:1px solid rgba(149,120,76,.13);
transition:background .15s ease;
}
.l2r-boss-table tbody tr:nth-child(even){background:rgba(255,255,255,.012);}
.l2r-boss-table tbody tr:last-child{border-bottom:0;}
@media (hover:hover){.l2r-boss-table tbody tr:hover{background:rgba(190,135,48,.075);}}
.l2r-boss-table td{
padding:8px 18px;
color:#c8bda9;
font-size:11px;
vertical-align:middle;
}
.l2r-boss-table td:nth-child(2),
.l2r-boss-table td:nth-child(3),
.l2r-boss-table td:nth-child(4){text-align:center;}
.l2r-boss-name{
display:flex;
align-items:center;
gap:12px;
min-width:0;
}
.l2r-boss-name strong{
overflow:hidden;
color:#d7c6a7;
font-family:Georgia,'Times New Roman',serif;
font-size:11px;
font-weight:700;
text-overflow:ellipsis;
white-space:nowrap;
}
.l2r-boss-id{
min-width:45px;
color:#6f675e;
font-size:8px;
font-weight:700;
letter-spacing:.04em;
}
.l2r-boss-level{
min-width:30px;
height:24px;
padding:0 7px;
display:inline-flex;
align-items:center;
justify-content:center;
color:#e0c47e;
border:1px solid rgba(186,133,46,.34);
background:rgba(154,105,31,.08);
font-size:10px;
font-weight:700;
}
.l2r-boss-status{
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
font-size:9px;
font-weight:800;
letter-spacing:.08em;
}
.l2r-boss-status i{
width:7px;
height:7px;
border-radius:50%;
display:block;
}
.l2r-boss-status_alive{color:#5ed681;}
.l2r-boss-status_alive i{background:#55d37b;box-shadow:0 0 8px rgba(85,211,123,.72);}
.l2r-boss-status_dead{color:#dc6969;}
.l2r-boss-status_dead i{background:#d95d5d;box-shadow:0 0 8px rgba(217,93,93,.68);}
.l2r-boss-status_unknown{color:#8f877d;}
.l2r-boss-respawn{
color:#c9b58c;
font-size:9px;
font-weight:700;
letter-spacing:.03em;
white-space:nowrap;
}
.l2r-boss-respawn_alive{color:#6d9b76;}
@media (max-width:760px){
.l2r-boss-page{padding:34px 0 55px;}
.l2r-boss-page__content{width:min(100% - 20px,1120px);}
.l2r-boss-head{align-items:flex-start;flex-direction:column;gap:14px;}
.l2r-boss-head h1{font-size:24px;}
.l2r-boss-db{height:42px;min-width:145px;}
.l2r-boss-legend{flex-wrap:wrap;gap:10px 16px;}
.l2r-boss-legend small{width:100%;margin-left:0;}
.l2r-boss-table-wrap{overflow-x:auto;}
.l2r-boss-table{min-width:720px;}
}
/* RAID BOSSES — ajuste de cabeçalho aprovado */
.l2r-boss-head.l2r-boss-head_centered{
display:block;
padding:0 0 22px;
text-align:center;
}
.l2r-boss-head.l2r-boss-head_centered h1{
text-align:center;
}
/* L2 Reload - STATUS e RESPAWN padronizados */
.l2r-boss-status,
.l2r-boss-respawn{
font-family:Arial,Helvetica,sans-serif;
font-size:9px;
font-weight:800;
letter-spacing:.08em;
line-height:1;
}
.l2r-boss-respawn_alive{color:#5ed681;}
.l2r-boss-respawn_dead{color:#dc6969;}
/* =========================================================
L2 RELOAD — STATUS LOGIN/GAME 50% MAIOR, SEM SOBREPOR LOGO
Mantém o bloco à esquerda da L2R com folga fixa.
========================================================= */
@media (min-width:901px){
.l2r-nav-server-status{
right:calc(100% + 46px)!important;
width:192px!important;
gap:5px!important;
}
.l2r-nav-server-status__row{
width:192px!important;
height:32px!important;
min-height:32px!important;
padding:0 11px!important;
font-size:13px!important;
line-height:18px!important;
}
.l2r-nav-server-status__label,
.l2r-nav-server-status__online,
.l2r-nav-server-status__offline{
font-size:13px!important;
line-height:18px!important;
}
.l2r-nav-server-status__online i,
.l2r-nav-server-status__offline i{
width:8px!important;
height:8px!important;
flex:0 0 8px!important;
}
}
/* L2 Reload — camada final do novo fundo oficial */
body.body,.page{
background-color:#050505!important;
background-image:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.58)),url('../images/bg/l2r-medieval-hall-v1.png')!important;
background-position:center top!important;background-repeat:no-repeat!important;background-size:cover!important;background-attachment:fixed!important;
}
.preload,.l2r-hero,.l2r-info-page,.l2r-boss-page{
background-color:#050505!important;
background-image:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.54)),url('../images/bg/l2r-medieval-hall-v1.png')!important;
background-position:center center!important;background-repeat:no-repeat!important;background-size:cover!important;
}
.l2r-info-panel,.l2r-boss-table-wrap{
border-color:rgba(190,137,48,.62)!important;
box-shadow:0 22px 58px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,224,159,.035),0 0 22px rgba(171,111,24,.055)!important;
}
@media(max-width:700px){body.body,.page{background-attachment:scroll!important}}
/* Informações: usa o cenário fixo da página, sem redimensionar pela altura do conteúdo. */
body:has(.l2r-info-page) .l2r-info-page{
background-color:transparent!important;
background-image:none!important;
}
/* Barras invisíveis em todo o site; rolagem permanece ativa. */
html,body,.page,.l2r-info-page,*{
scrollbar-width:none!important;
-ms-overflow-style:none!important;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
.page::-webkit-scrollbar,
.l2r-info-page::-webkit-scrollbar,
*::-webkit-scrollbar{
width:0!important;
height:0!important;
display:none!important;
}
/* L2 Reload — Epic Boss visual + joias modificadas + downloads */
.l2r-epic-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.l2r-epic-visual-card{min-height:82px;display:flex;align-items:center;gap:14px;padding:8px 14px 8px 8px;border:1px solid rgba(190,137,48,.58);background:rgba(3,5,7,.82);overflow:hidden}
.l2r-epic-visual-card img{width:70px;height:70px;flex:0 0 70px;object-fit:cover;object-position:center;border:1px solid rgba(205,151,55,.45);background:#080808}
.l2r-epic-visual-card div{display:flex;flex:1;align-items:center;justify-content:space-between;gap:12px}
.l2r-epic-visual-card strong{color:#e3ad35;font-family:Georgia,'Times New Roman',serif;font-size:14px;text-transform:uppercase}
.l2r-epic-visual-card span{color:#eadfc8;font-size:11px;font-weight:700;text-align:right}
.l2r-jewel-mods{margin-top:28px;padding-top:22px;border-top:1px solid rgba(190,137,48,.45)}
.l2r-jewel-mods h3,.l2r-instance-strip__title{margin:0;text-align:center;color:#ead7b4;font-family:Georgia,'Times New Roman',serif;font-size:21px;text-transform:uppercase;letter-spacing:.06em}
.l2r-jewel-mods__intro{text-align:center;color:#a89b86;font-size:10px;margin:7px 0 14px}
.l2r-jewel-mods__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.l2r-jewel-mod{display:flex;align-items:center;gap:16px;padding:14px 18px;border:1px solid rgba(190,137,48,.58);background:linear-gradient(135deg,rgba(18,13,8,.94),rgba(3,5,7,.9))}
.l2r-jewel-mod img{width:52px;height:52px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 0 7px rgba(211,159,60,.22))}
.l2r-jewel-mod div{display:flex;flex-direction:column;gap:3px}.l2r-jewel-mod strong{color:#e4b95d;font-family:Georgia,'Times New Roman',serif;font-size:14px}.l2r-jewel-mod span{color:#a89b86;font-size:9px}.l2r-jewel-mod b{color:#f2dfb4;font-size:15px;letter-spacing:.04em}
.l2r-instance-strip{margin-top:28px;padding-top:22px;border-top:1px solid rgba(190,137,48,.45)}
.l2r-instance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.l2r-instance-card{padding:12px 8px;text-align:center;border:1px solid rgba(190,137,48,.45);background:rgba(4,5,7,.76)}.l2r-instance-card small{display:block;color:#a99673;font-size:9px;text-transform:uppercase}.l2r-instance-card strong{display:block;margin-top:5px;color:#e1b34e;font-size:11px}
.l2r-download-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.l2r-download-card{margin:0!important;padding:18px!important;border:1px solid rgba(190,137,48,.48);background:rgba(4,5,7,.72)}.l2r-download-card .fl__desc{display:flex;flex-direction:column;gap:5px}.l2r-download-card .fl__desc strong{color:#e4b85a;font-size:13px}.l2r-download-card .fl__desc span{color:#eee0c6;font-size:11px}.l2r-download-card .fl__desc small{color:#9f927e;font-size:9px}.l2r-download-disabled{cursor:default!important}
@media(max-width:760px){.l2r-epic-visual-grid,.l2r-jewel-mods__grid,.l2r-download-list{grid-template-columns:1fr}.l2r-instance-grid{grid-template-columns:repeat(2,1fr)}.l2r-epic-visual-card div{align-items:flex-start;flex-direction:column;gap:4px}.l2r-epic-visual-card span{text-align:left}}
/* L2 Reload - miniaturas nas Instancias Semanais */
.l2r-instance-card{padding:0 0 12px;overflow:hidden}
.l2r-instance-card img{display:block;width:100%;height:92px;object-fit:cover;object-position:center;border-bottom:1px solid rgba(190,137,48,.45);margin-bottom:10px}
.l2r-instance-card small,.l2r-instance-card strong{padding-left:8px;padding-right:8px}
@media (max-width:700px){.l2r-instance-card img{height:120px}}