body, html, .all {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body, a, a:active, a:visited, a:link {
    font-family: Arial;
    font-size: 13px;
    text-decoration: none;
}

a, a:active, a:visited, a:link {
    cursor: pointer;
    font-weight: bold;
}

p {
    margin: 0;
    padding: 0;
}

.pddInner {
    padding: 0 20px;
}

hr {
    width: 100%;
    height: 2px;
    padding: 0;
    margin: 20px auto;
    border: 0;
    background: linear-gradient(90deg, transparent, rgba(126, 91, 52, 0.38), transparent);
}

h1 {
    display: block;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
    font-weight: normal;
    padding: 0;
    width: 80%;
    margin: 24px auto 16px;
}

h1 a {
    float: right;
    display: block;
}

h2 {
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
    font-weight: normal;
    padding: 0;
    margin: 30px 0 20px 20px;
    ; }

.faceIndex {
    overflow: hidden;
    min-height: 200px;
    background: transparent;
    margin: 15px auto;
    border-radius: 8px;
}

p.cbold {
    font-weight: bold;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    text-transform: uppercase;
}

.rmsg {
    display: table;
    width: 360px;
    margin: 0 auto 20px auto;
    padding: 10px;
    background: #108c00;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.rmsg.error {
    background-color: #b30000 !important;
}

.rmsg.warn {
    background-color: #095237 !important;
    color: #ffffff !important;
}

#alerta {
    visibility: hidden;
    position: fixed;
    display: table;
    z-index: 1001;
    margin: 0 auto;
    padding: 25px 30px;
    left: 50%;
    top: 50%;
    width: auto;
    max-width: min(700px, calc(100vw - 36px));
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    color: #5a5a5a;
    font-size: 15px;
    background: #f7f7f7;
    border-radius: 6px;
}

#alerta .ok {
    display: table;
    width: 100%;
}

#alerta .ok > div {
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    display: table;
    float: right;
    margin: 15px 0 0 0;
    padding: 5px 0;
    text-align: center;
    width: 60px;
    text-transform: uppercase;
    color: #fff;
    background: #ac0f0f;
    border: 1px solid #ac0f0f;
    box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset;
    border-radius: 4px;
}

#alerta .ok > div:hover {
    background: #d21818;
    border-color: #d21818;
}

#alerta .ok.sucesso > div {
    background: #0dbb00;
    border: 1px solid #0dbb00;
}

#alerta .ok.sucesso > div:hover {
    background: #0a8c00;
    border: 1px solid #0a8c00;
}

#backblack {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.8;
    z-index: 1000;
}

input.default.sucesso {
    background: #0dbb00 !important;
    border-color: #0dbb00 !important;
    color: #fff !important;
}

body {
    background: url('../imgs/bg-top.png') no-repeat center top;
    background-color: #0d0703;
    color: #000;
}

a, a:active, a:visited, a:link {
    color: #0c3968;
}

a:hover {
    color: #0e67c4;
}

a:active {
    color: #559de9;
}

article a.default, a.default, span.default, input.default, .rankings_options > div a {
    transition: background-color 0.4s, border-color 0.4s;
    cursor: pointer;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    padding: 6px 0 5px 0;
    width: 178px;
    margin: 0 0 1px;
    border-radius: 3px;
    box-shadow: 0px 1px 0px rgba(255,255,255,0.2) inset;
    font-family: Tahoma;
}

article .ucp a.default, .ucp a.default, .ucp span.default, .ucp input.default {
    padding: 9px 0 10px 0;
}

article a.default:active, a.default:active, input.default:active, span.default:active {
    opacity: 0.7;
}

a.default.dbig, input.default.dbig {
    font-size: 16px;
    padding: 12px 35px 13px 35px;
    display: table;
    width: auto !important;
}

article a.default, a.default, span.default, input.default, .rankings_options > div a {
    background: #1f1f1f;
    background: -moz-linear-gradient(top, #404040 0%, #1f1f1f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#1f1f1f));
    border: 1px solid #1f1f1f;
    color: rgba(255,255,255,0.8) !important;
}

article a.default:hover, a.default:hover, input.default:hover, span.default:hover, .rankings_options > div a:hover {
    background: #6c6c6c;
    border-color: #6c6c6c;
    color: #fff !important;
}

.all {
    width: 1010px;
    position: relative;
    display: table;
    margin: 0 auto;
    padding-top: 475px;
}

h1 {
    font-family: Arial;
    font-size: 29px;
    color: #353535;
}

h1 a {
    font-family: Arial !important;
    font-size: 15px !important;
    padding: 17px 0 0;
}

h2 {
    font-family: Arial;
    font-size: 23px;
    color: #353535;
}

#fanback {
    background: transparent url("../imgs/nm/fanbg.png") repeat;
    display: none;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 99999;
}

#fan-exit {
    height: 100%;
    width: 100%;
}

#fanbox {
    background: #background;
    border-radius: 5px;
    left: 50%;
    margin: -123px 0 0 -210px;
    position: absolute;
    top: 50%;
    width: 420px;
}

#fanbox > iframe {
    border: none;
    overflow: hidden;
    margin: 8px 0 0 8px;
    width: 402px;
    height: 230px;
}

#fanclose {
    background: transparent url("../imgs/nm/fanclose.png") repeat scroll 0 0;
    cursor: pointer;
    float: right;
    height: 15px;
    right: -22px;
    top: -20px;
    padding: 20px 40px 20px 20px;
    position: absolute;
}

#fanclose:hover {
    background-position: 0 -56px;
}

.langs {
    z-index: 2;
    position: absolute;
    width: 140px;
    height: 34px;
}

.langs .bg {
    opacity: 0.3;
    width: 138px;
    height: 34px;
    border-radius: 4px;
}

.langs .links {
    position: absolute;
    left: 4px;
    top: 4px;
    display: table;
}

.langs a {
    float: left;
    display: block;
    width: 42px;
    height: 26px;
    margin: 0 2px 0 0;
    background: transparent url('../imgs/langs.png') no-repeat;
}

.langs a.en {
    background-position: 0 0;
    border-radius: 3px 0 0 3px;
}

.langs a.pt {
    background-position: -44px 0;
}

.langs a.es {
    background-position: -88px 0;
    border-radius: 0 3px 3px 0;
}

.langs a.en:hover {
    background-position: 0 -28px;
}

.langs a.pt:hover {
    background-position: -44px -28px;
}

.langs a.es:hover {
    background-position: -88px -28px;
}

.langs a:active {
    opacity: 0.6;
}

.langs {
    top: 40px;
    right: 56px;
}

.langs .bg {
    background: #000;
}

section {
    display: table;
    position: relative;
    width: 1010px;
    padding: 36px 25px 60px 25px;
    box-sizing: border-box;
    background: #05150f;
    border-radius: 10px;
}

nav {
    position: absolute;
    left: 0;
    top: -84px;
    z-index: 3;
    width: 1010px;
    height: 84px;
    line-height: 49px;
    padding: 35px 0 0 0;
    display: table;
    background: rgba(13, 7, 3, 0.78);
}

nav .nav-links {
    display: table;
    margin: 0 auto;
}

nav a {
    float: left;
    display: table;
    padding: 0 12px;
    font-family: Calibri, Arial !important;
    font-size: 16px !important;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff !important;
    text-shadow: 1px 1px 2px #000;
    background: transparent;
    transition: background 0.4s, text-shadow 0.4s;
}

nav a:hover {
    text-shadow: 0 0 10px #fff;
    background: rgba(255,255,255,0.1);
}

nav a:active {
    text-shadow: 0 0 10px #000;
    background: #000;
}

footer {
    font-size: 14px;
    height: 110px;
    line-height: 110px;
    width: 1000px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    position: relative;
    font-weight: bold;
}

footer a.atualstudio {
    position: absolute;
    opacity: 0.3;
    display: block;
    width: 120px;
    height: 18px;
    background: transparent url('../imgs/nm/atualstudio.png');
}

footer a.atualstudio:hover {
    opacity: 1;
}

footer {
    color: #fff;
}

footer a.atualstudio {
    top: 43px;
    right: 64px;
}

article {
    position: relative;
    float: left;
    width: 500px;
    padding: 4px 30px 0 30px;
}

article img, article object {
    max-width: 500px !important;
}

aside {
    width: 180px;
    display: table;
    float: left;
}

aside .box {
    width: 180px;
    display: table;
    margin: 0 0 23px 0;
}

aside .box .title {
    font-family: Calibri, Arial;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 4px solid #000000;
    position: relative;
    z-index: 2;
    width: 180px;
    height: 22px;
    margin: 0px 0 15px 0;
}

.loginarea {
    position: relative;
}

.loginarea .error {
    margin: 0 auto 10px auto;
    padding: 4px;
    background: #b30000;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 11px;
}

.loginarea .loader {
    opacity: 0.8;
    width: 80px;
    height: 80px;
    background: #000 url('../imgs/nm/loader.gif') no-repeat center center;
    position: absolute;
    left: 49px;
    top: 16px;
    border-radius: 40px;
}

.loginarea .ess {
    display: block;
    padding: 4px 0 6px 10px;
}

.loginarea .ess a {
    font-size: 10px;
}

.anpc {
    width: 100%;
    text-align: center;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    border-radius: 3px;
}

.anpc a {
    font-size: 10px;
}

.logged {
    font-size: 11px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;
    margin: 0 0 10px 0;
    border-radius: 3px;
}

.logged span {
    font-weight: bold;
    font-size: 12px;
}

.fieldsBox {
    position: relative;
    background: #b9b9b9;
    width: 178px;
    padding: 1px;
    border-radius: 5px;
}

.fieldsBox .inpt {
    outline: none;
    background: #f3f3f3;
    color: #000;
    font-size: 12px;
    border: 0;
    padding: 0 10px 0 28px;
    margin: 0;
    width: 140px;
    height: 28px;
    line-height: 28px;
    border-radius: 4px 4px 0 0;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.1) inset;
}

.fieldsBox .inpt.pass {
    border-radius: 0 0 4px 4px;
    margin: 1px 0 0 0;
    padding: 0 70px 0 28px;
    width: 80px;
}

.fieldsBox .acc_icon {
    position: absolute;
    width: 11px;
    height: 11px;
}

.fieldsBox .acc_icon.user {
    left: 10px;
    top: 10px;
    background: transparent url('../imgs/login-icons.png') no-repeat 0 0;
}

.fieldsBox .acc_icon.pass {
    left: 10px;
    top: 39px;
    background: transparent url('../imgs/login-icons.png') no-repeat 0 -13px;
}

.fieldsBox .gologin {
    position: absolute;
    right: 1px;
    bottom: 1px;
    width: 60px;
    height: 27px;
    line-height: 24px;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border: 0;
    font-size: 12px;
    font-family: Arial;
    text-transform: none;
    border-radius: 4px 0 4px 4px;
}

.anpc, .logged {
    background: #ccc;
    color: #000;
}

.sstatus {
    width: 180px;
    background: #efefef;
    padding: 9px 15px;
    border-radius: 8px;
    box-sizing: border-box;
}

.sstatus > div {
    font-size: 11px;
    font-weight: bold;
    width: 150px;
    height: 22px;
    line-height: 22px;
    box-sizing: border-box;
    color: #454545;
    padding: 0 9px;
    border-top: 1px solid #dedede;
}

.sstatus > div:first-child {
    border: 0;
}

.sstatus > div > div {
    float: right;
}

.sstatus > div > div.on, .sstatus > div > span {
    color: #0e7a0b;
}

.sstatus > div > div.off {
    color: #b70000;
}

.galleryBox {
    width: 180px;
    overflow: hidden;
    margin: 0 auto;
}

.galleryBox > div {
    width: 196px;
    display: table;
}

.galleryBox a, .galleryBox a div, .galleryBox a img {
    width: 52px;
    height: 52px;
}

.galleryBox a {
    background: rgba(255,255,255,0.5);
    border: 1px solid rgba(0,0,0,0.4);
    display: block;
    position: relative;
    float: left;
    padding: 1px;
    margin: 0 6px 6px 0;
    border-radius: 4px;
    overflow: hidden;
}

.galleryBox a div {
    border-radius: 4px;
    position: absolute;
    top: 1px;
    left: 1px;
    transition: border-color 0.3s, background 0.3s, box-shadow 0.3s;
}

.galleryBox a img {
    border-radius: 4px;
}

.galleryBox a span {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 17px;
    top: 17px;
    background: transparent url('../imgs/nm/play.png') no-repeat;
    border-radius: 4px;
}

.galleryBox a:hover {
    border: 1px solid rgba(0,0,0,0.8);
}

.galleryBox a:hover div {
    box-shadow: 0 0 10px rgba(255,255,255,0.6) inset;
}

.fullGallery {
    width: 383px;
    overflow: hidden;
    margin: 0 auto;
    padding: 20px 0 0 0;
}

.fullGallery > div {
    width: 398px;
    display: table;
}

.fullGallery a, .fullGallery a div, .fullGallery a img {
    width: 88px;
    height: 88px;
}

.fullGallery a {
    border: 1px solid rgba(0,0,0,0.4);
    background: rgba(255,255,255,0.2);
    display: block;
    position: relative;
    float: left;
    padding: 1px;
    margin: 0 5px 5px 0;
    border-radius: 7px;
    overflow: hidden;
}

.fullGallery a div {
    border-radius: 5px;
    position: absolute;
    top: 1px;
    left: 1px;
    transition: border-color 0.3s, background 0.3s, box-shadow 0.3s;
}

.fullGallery a img {
    border-radius: 5px;
}

.fullGallery a span {
    display: block;
    width: 46px;
    height: 46px;
    position: absolute;
    left: 23px;
    top: 23px;
    background: transparent url('../imgs/nm/play2.png') no-repeat;
    border-radius: 5px;
}

.fullGallery a:hover {
    border-color: rgba(0,0,0,0.7);
    background: rgba(255,255,255,0.4);
}

.fullGallery a:hover div {
    box-shadow: 0 0 10px rgba(255,255,255,0.6) inset;
}

.news {
    cursor: default;
    width: calc(100% - 80px);
    display: table;
    padding: 18px 0;
    margin: 0 auto;
}

.news a.imgn, .news a.imgn img {
    width: 96px;
    height: 96px;
}

.news a.imgn {
    display: block;
    float: left;
    padding: 1px;
    border: 1px solid rgba(0,0,0,0.4);
    border-radius: 6px;
}

.news a.imgn img {
    border-radius: 5px;
}

.news .contentn {
    width: calc(100% - 100px);
    box-sizing: border-box;
    padding: 10px 0 0 15px;
    float: left;
}

.news a.titlen {
    font-weight: bold;
    display: table;
    font-size: 16px;
    padding: 0 0 10px 0;
}

.news .textn {
    color: rgba(0,0,0,0.8);
    font-size: 11px;
    height: 42px;
    overflow: hidden;
}

.news .finalinfo {
    width: 100%;
    display: block;
    padding: 5px 0 0 0;
}

.news .finalinfo .datan {
    color: rgba(0,0,0,0.6);
    float: left;
    font-weight: bold;
    font-size: 11px;
}

.news .finalinfo .lermaisn {
    float: right;
    font-weight: bold;
    padding-right: 20px;
}

.news .finalinfo .lermaisn a, .ctcarea .lermaisn_all a {
    font-size: 12px;
    font-weight: bold;
}

.shadownew {
    opacity: 0.7;
    width: 100%;
    height: 12px;
    background: linear-gradient(90deg, transparent, rgba(126, 91, 52, 0.38), transparent);
    margin: 0 auto;
}

#modal {
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    padding: 20px 0 0 0;
    width: 460px;
    height: 250px;
    left: calc(50% - 233px);
    top: calc(50% - 128px);
    text-align: center;
    border: 3px solid #6c6c6e;
    border-radius: 10px;
    box-shadow: 0 0 25px rgba(0,0,0,0.5);
}

#modal h1 {
    text-align: center;
    width: 100%;
    margin: 16px 0 20px 0;
    font-size: 23px !important;
}

#modal {
    color: #000;
    background: #fff;
}

.banner {
    position: relative;
    background: transparent;
}

.banner .circles {
    z-index: 3;
    height: 13px;
    position: absolute;
}

.banner .circles div {
    cursor: pointer;
    float: left;
    width: 13px;
    height: 13px;
    background: transparent url('../imgs/nm/circles.png') no-repeat -14px 0;
    margin: 0 4px 0 0;
    border-radius: 6px;
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
}

.banner .circles div.act {
    background-position: 0 0;
}

.banner > a {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
}

.banner > a.bvis {
    z-index: 2;
}

.banner, .banner > a {
    border-radius: 10px;
}

.banner > a > img {
    border-radius: 8px;
}

.banner > a > .bmask {
    position: absolute;
    left: 0;
    top: 0;
}

.banner {
    border: 2px solid rgba(0,0,0,0.4);
}

.banner .circles {
    bottom: 10px;
    right: 10px;
}

.faceIndex {
    border: 2px solid rgba(0,0,0,0.4);
}

.paginate {
    display: table;
    margin: 30px auto;
}

.paginate a {
    display: block;
    padding: 5px 8px;
    font-weight: bold;
    box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset;
    float: left;
    margin: 0 1px 0 0;
    border-radius: 3px;
}

.paginate a.atual, .paginate a.desatived {
    cursor: default;
    box-shadow: none;
}

.paginate a {
    background: rgba(0,0,0,0.7);
    border: 1px solid rgba(0,0,0,0.7);
    color: rgba(255,255,255,0.7) !important;
}

.paginate a:hover {
    background: rgba(0,0,0,0.9) !important;
    border-color: rgba(0,0,0,0.9) !important;
    color: #fff !important;
}

.paginate a:active, .paginate a.atual {
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}

.paginate a:active {
    opacity: 0.5;
}

.paginate a.desatived {
    background: rgba(0,0,0,0.1) !important;
    border-color: rgba(0,0,0,0.1) !important;
    color: rgba(0,0,0,0.3) !important;
}

table.default {
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    width: 100%;
    background: 0;
    overflow: hidden;
}

table.default tr td:first-child {
    border: 0;
}

table.default tr td {
    font-size: 12px;
    padding: 6px 8px;
    border-left: 1px solid rgba(0,0,0,0.1);
    background: rgba(0,0,0,0.1);
}

table.default tr.two td {
    background: #fff;
}

table.default tr td.foco {
    font-weight: bold;
    color: #000;
    background: rgba(0,0,0,0.2);
}

table.default tr.two td.foco {
    background: rgba(0,0,0,0.1);
}

table.default tr th {
    font-weight: bold;
    text-align: center;
    background: rgba(0,0,0,0.8);
    color: #fff;
    padding: 10px 0;
}

table.default tr.ctype2, table.default tr.ctype2 td {
    padding: 0;
    margin: 0;
    height: 2px;
    background: rgba(0,0,0,0.1);
}

table.default .pos {
    width: 25px;
    text-align: center;
}

.horMenu {
    display: table;
    margin: 20px auto;
}

.horMenu a {
    float: left;
    padding: 10px 15px;
    border-bottom: 2px solid rgba(0,0,0,0.5);
    margin: 0 0 0 10px;
    text-transform: uppercase;
    font-size: 12px;
    color: rgba(0,0,0,0.6) !important;
}

.horMenu a:first-child {
    margin: 0;
}

.horMenu a:hover {
    border-color: #000 !important;
    color: #000 !important;
}

.horMenu a.act {
    cursor: default;
    border-color: #000 !important;
    color: #000 !important;
    text-shadow: 0 0 5px rgba(255,255,255,0.6);
}

.horMenu a:active {
    opacity: 0.6;
}

.rulesbox {
    height: 260px;
    box-sizing: border-box;
    overflow: auto;
    margin: 0 auto 20px;
    padding: 20px;
    width: calc(100% - 20px);
    border: 2px solid rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.1);
}

.rulesbox h1 {
    padding-top: 0;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 0 20px 20px;
    font-size: 20px;
}

.formpadrao, .formpadrao > div, .formpadrao .camp input, .formpadrao .camp select {
    border-radius: 3px;
}

.formpadrao {
    display: table;
    margin: 0 auto 2px auto;
    padding: 2px;
}

.formpadrao > div {
    display: table;
}

.formpadrao .desc {
    width: 140px;
    padding: 0 10px;
    font-weight: bold;
    text-align: right;
}

.formpadrao .desc, .formpadrao .camp, .formpadrao .camp2 {
    float: left;
    height: 40px;
    line-height: 40px;
}

.formpadrao .camp input[type="text"], .formpadrao .camp input[type="password"], .formpadrao .camp input[type="file"] {
    border: 0;
    width: 200px;
    margin: 5px 5px 0 0;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.4) inset;
}

.formpadrao .camp select {
    border: 0;
    width: 210px;
    margin: 5px 5px 0 0;
    padding: 6px 5px 5px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.4) inset;
}

.formpadrao textarea {
    border: 0;
    resize: vertical;
    height: 300px;
    width: 200px;
    margin: 0 4px 10px 0;
    padding: 5px;
}

.formpadrao.tdate .camp input {
    text-align: center;
    padding: 0 9px;
}

.formpadrao.errorc, .formpadrao.errorc .desc, .formpadrao.errorc .camp {
    border-color: #c70000;
}

.formpadrao.errorc > div {
    background: #c70000;
}

.formpadrao.errorc .desc {
    color: #fff;
}

.formpadrao {
    border: 1px solid rgba(0,0,0,0.7);
}

.formpadrao > div {
    background: rgba(0,0,0,0.7);
}

.formpadrao .desc {
    color: #fff;
}

.formpadrao .camp input[type="text"], .formpadrao .camp input[type="password"], .formpadrao .camp input[type="file"], .formpadrao .camp select, .formpadrao textarea {
    background: #fff;
}

.formpadrao .camp input[type="text"]:focus, .formpadrao .camp input[type="password"]:focus, .formpadrao .camp select:hover, .formpadrao textarea:focus {
    background: #fffbd5;
}

label.captcha {
    position: relative;
}

label.captcha img.captchaImage {
    position: absolute;
    left: 8px;
    top: 3px;
    opacity: 0.8;
    border-radius: 3px;
}

label.captcha a {
    position: absolute;
    right: 12px;
    top: 12px;
}

label.captcha a, label.captcha a img {
    width: 23px;
    height: 23px;
}

label.captcha a:hover {
    opacity: 0.7;
}

label.captcha a:active {
    opacity: 1;
}

.castled {
    width: 400px;
    margin: 0 auto;
}

.castled, .castled > div {
    display: table;
}

.castled .ct {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0 10px 30px;
}

.castled .imgc {
    width: 200px;
    height: 113px;
    border: 1px solid rgba(0,0,0,0.4);
    float: left;
    border-radius: 6px;
}

.castled .imgc span {
    display: block;
    width: 200px;
    height: 113px;
    background: rgba(0,0,0,0.6) url('../imgs/nm/castles.jpg') no-repeat;
    border-radius: 5px;
}

.castled .ci {
    float: left;
    width: 188px;
    padding: 2px 0 0 10px;
}

.castled .ci .co {
    font-weight: bold;
}

.castled .ci .cc {
    margin-bottom: 8px;
}

.castled .nwar {
    padding: 5px 0 10px 0;
}

.castled .imgc.aden span {
    background-position: left top;
}

.castled .imgc.goddard span {
    background-position: -200px top;
}

.castled .imgc.giran span {
    background-position: -400px top;
}

.castled .imgc.oren span {
    background-position: -600px top;
}

.castled .imgc.dion span {
    background-position: -800px top;
}

.castled .imgc.gludio span {
    background-position: -1000px top;
}

.castled .imgc.innadril span {
    background-position: -1200px top;
}

.castled .imgc.rune span {
    background-position: -1400px top;
}

.castled .imgc.schuttgart span {
    background-position: -1600px top;
}

.rankings_options {
    cursor: pointer;
    transition: background 0.5s, border-color 0.5s, color 0.5s;
    position: absolute;
    top: 20px;
    right: 28px;
    background: #f5f5f5;
    border: 1px solid rgba(0,0,0,0.2);
    height: 34px;
    line-height: 34px;
    padding: 0 26px 0 10px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: rgba(0,0,0,0.6);
}

.rankings_options .rankings_arrow {
    transition: opacity 0.5s;
    position: absolute;
    top: 15px;
    right: 10px;
    Display: block;
    width: 10px;
    height: 6px;
    background: transparent url('../imgs/nm/rankings_arrow.png') no-repeat;
    opacity: 0.6;
}

.rankings_options:hover {
    background: rgba(0,0,0,0.2);
    border-color: rgba(0,0,0,4);
    color: rgba(0,0,0,0.8);
}

.rankings_options:hover .rankings_arrow {
    opacity: 0.8;
}

.rankings_options > div {
    opacity: 0;
    transition: opacity 0.5s;
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    top: 35px;
    right: 0;
    border-radius: 6px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}

.rankings_options > div a {
    line-height: normal;
    width: 150px !important;
    font-size: 10px !important;
    padding: 5px 0 !important;
}

.rankings_options:hover > div {
    width: auto !important;
    height: auto !important;
    opacity: 1;
    padding: 10px;
    background: #f5f5f5;
    border: 1px solid #dddddd;
    border-right: 0;
    border-bottom: 0;
}

/* Modern L2 Daimon skin */
:root {
    --bg: #120602;
    --bg-soft: #25100a;
    --panel: #f6efe6;
    --panel-2: #fffaf3;
    --paper: #fffdf8;
    --text: #28170f;
    --muted: #756052;
    --line: rgba(126, 65, 31, 0.24);
    --copper: #a65321;
    --copper-2: #d9772d;
    --gold: #d8a345;
    --gold-2: #f2cd78;
    --red: #8f1d12;
    --red-2: #c33a1d;
    --green: #1c9d4a;
    --discord: #5865f2;
    --shadow: 0 22px 58px rgba(18, 6, 2, 0.34);
}

body,
body a,
body a:active,
body a:visited,
body a:link,
input,
select,
textarea,
button {
    font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
    letter-spacing: 0;
}

body {
    background:
        radial-gradient(ellipse 760px 280px at 50% 250px, rgba(255, 192, 88, 0.13), transparent 70%),
        linear-gradient(180deg, rgba(18,6,2,0) 0, rgba(18,6,2,0) 390px, rgba(18,6,2,0.52) 560px, var(--bg) 820px),
        url('../imgs/bg-top.png') no-repeat center top,
        var(--bg) !important;
    background-size: auto, auto, 2000px auto, auto;
    color: var(--text);
}

.all {
    padding-top: 500px;
}

.all > section {
    display: grid;
    grid-template-columns: 180px 18px 600px 18px 180px;
    align-items: start;
    column-gap: 0;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.92), rgba(255,250,243,0.97)),
        linear-gradient(180deg, var(--panel-2), var(--panel)) !important;
    border: 1px solid rgba(242,205,120,0.24);
    border-radius: 8px;
    box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,0.92);
    width: 1046px;
}

.all > section:before,
.all > section:after {
    content: "";
    align-self: stretch;
    width: 1px;
    min-height: 100%;
    margin: 0 auto;
    background: linear-gradient(180deg, transparent, rgba(126,65,31,0.22) 9%, rgba(126,65,31,0.2) 91%, transparent);
}

.all > section:before {
    grid-column: 2;
    grid-row: 1;
}

.all > section:after {
    grid-column: 4;
    grid-row: 1;
}

article {
    grid-column: 3;
    float: none;
    box-sizing: border-box;
    color: var(--text);
    width: 600px;
    padding: 4px 30px 0 30px;
    background: linear-gradient(180deg, rgba(255,255,255,0.46), rgba(255,255,255,0.1));
}

article .page {
    min-height: 340px;
}

.article-home {
    align-self: stretch;
}

.article-home .page-home {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

article img,
article object {
    max-width: 540px !important;
}

aside {
    float: none;
    display: block;
    width: 180px;
    box-sizing: border-box;
}

aside.esq {
    grid-column: 1;
}

aside.dir {
    grid-column: 5;
}

a, a:active, a:visited, a:link {
    color: #ff0000;
}

a:hover {
    color: #c45721;
}

hr,
.shadownew {
    width: 100%;
    height: 1px;
    margin: 24px auto;
    background: linear-gradient(90deg, transparent, rgba(126, 91, 52, 0.38), transparent) !important;
}

h1,
h2 {
    color: var(--text);
    font-weight: 800;
    text-shadow: none;
    letter-spacing: 0;
}

h1 {
    font-size: 27px;
    margin-top: 20px;
}

h2 {
    font-size: 21px;
}

nav {
    position: absolute;
    top: -78px;
    height: 64px;
    line-height: normal;
    padding: 0;
    box-sizing: border-box;
    background:
        radial-gradient(ellipse 720px 70px at 50% 0, rgba(198,78,29,0.2), transparent 70%),
        linear-gradient(180deg, #f22020 0%, #5d0b0b 52%, #650f0f 100%) !important;
    border: 1px solid rgb(255 251 251 / 82%);
    border-bottom-color: rgb(255 253 253 / 95%);
    border-radius: 7px;
    box-shadow: 0 22px 46px rgba(0,0,0,0.42), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -1px 0 rgba(0,0,0,0.46);
    backdrop-filter: blur(8px);
    width: 1046px;
    overflow: hidden;
}

nav:before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.08), transparent 44%),
        radial-gradient(ellipse 520px 54px at 50% 0, rgba(255,131,49,0.12), transparent 72%);
    pointer-events: none;
}

nav:after {
    display: none;
}

nav .nav-links {
    position: relative;
    z-index: 1;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0 154px 0 16px;
}

nav a {
    position: relative;
    overflow: hidden;
    float: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    min-width: 88px;
    padding: 0 14px;
    border-radius: 5px;
    border: 1px solid transparent;
    background: transparent;
    color: rgba(255,248,237,0.82) !important;
    font-size: 13px !important;
    font-weight: 900;
    text-shadow: none;
    letter-spacing: 0.03em;
    transition: color .2s ease, background .2s ease, transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

nav a:not(.nav-buy):before {
    content: "";
    display: none;
}

nav a:not(.nav-buy):after {
    display: none;
}

nav a:hover {
    color: #fff8ed !important;
    border-color: rgba(255,248,237,0.08);
    background: linear-gradient(180deg, rgba(255,248,237,0.08), rgba(166,62,24,0.12));
    transform: translateY(-1px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 12px 22px rgba(0,0,0,0.16);
    text-shadow: none;
}

nav a:not(.nav-buy):hover:after {
    display: none;
}

nav a.nav-buy {
    min-width: 132px;
    color: #2a1308 !important;
    border-color: rgba(255,191,98,0.42);
    background: linear-gradient(180deg, #f6aa4d 0%, #d9772d 54%, #b84f1d 100%);
    box-shadow: 0 12px 26px rgba(197,91,34,0.34), inset 0 1px 0 rgba(255,255,255,0.28), inset 0 -1px 0 rgba(88,28,10,0.34);
}

nav a.nav-buy:hover {
    border-color: rgba(255,214,139,0.56);
    background: linear-gradient(180deg, #ffc36b 0%, #e58735 58%, #c55b22 100%);
    box-shadow: 0 15px 30px rgba(197,91,34,0.42), inset 0 1px 0 rgba(255,255,255,0.34), inset 0 -1px 0 rgba(88,28,10,0.34);
}

.langs {
    top: 50%;
    left: auto;
    right: 18px;
    width: 92px;
    height: 24px;
    transform: translateY(-50%);
    z-index: 5;
    overflow: hidden;
}

.langs .bg {
    box-sizing: border-box;
    width: 90px;
    height: 24px;
    background:
        linear-gradient(180deg, rgba(50,18,9,0.92), rgba(17,5,2,0.94));
    opacity: 1;
    border: 1px solid rgba(217,119,45,0.34);
    border-radius: 4px;
    box-shadow: 0 8px 18px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.07);
}

.langs .links {
    left: 5px;
    top: 4px;
    display: flex;
    width: 82px;
    height: 16px;
    flex-wrap: nowrap;
    transform: none;
    transform-origin: left top;
}

.langs a {
    flex: 0 0 26px;
    min-width: 0 !important;
    width: 26px !important;
    height: 16px !important;
    padding: 0 !important;
    margin: 0 2px 0 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 2px !important;
    background-image: url('../imgs/langs.png') !important;
    background-repeat: no-repeat !important;
    background-size: 82px 35px !important;
    background-color: transparent !important;
    opacity: .86;
    transition: transform .18s ease, opacity .18s ease;
}

.langs a:hover {
    opacity: 1;
    transform: translateY(-1px);
}

.langs a.en { background-position: 0 0 !important; }
.langs a.pt { background-position: -27px 0 !important; }
.langs a.es { background-position: -55px 0 !important; }
.langs a.en:hover,
.langs a.en:focus { background-position: 0 -17px !important; }
.langs a.pt:hover,
.langs a.pt:focus { background-position: -27px -17px !important; }
.langs a.es:hover,
.langs a.es:focus { background-position: -55px -17px !important; }

aside .box {
    margin-bottom: 21px;
    padding: 0;
    border-top: 0;
}

aside .box .title {
    height: auto;
    margin-bottom: 11px;
    padding: 0 0 9px;
    border-bottom: 1px solid rgba(126,65,31,0.12);
    color: var(--text);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.06em;
}

aside .box .title:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 16px;
    margin: 0 8px -3px 0;
    border-radius: 3px;
    background: linear-gradient(180deg, #d9772d, #8f2d17);
    box-shadow: none;
}

aside .box .ctt {
    color: var(--muted);
}

aside .box .ctt > a.default {
    box-sizing: border-box;
    width: 180px !important;
    margin: 0 0 7px !important;
    padding: 8px 10px 9px;
}

aside .box .ctt > a.default:hover {
    transform: none;
}

aside .box .ctt > a.default:last-child {
    margin-bottom: 0 !important;
}

article a.default,
a.default,
span.default,
input.default,
.rankings_options > div a,
.download-btn,
.paginate a {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(126,65,31,0.18) !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, #781110, #8b0707) !important;
    box-shadow: 0 8px 18px rgba(13,7,3,0.16) !important;
    color: #fffaf1 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}

article a.default:hover,
a.default:hover,
input.default:hover,
span.default:hover,
.rankings_options > div a:hover,
.download-btn:hover {
    border-color: rgba(242,205,120,0.5) !important;
    background: linear-gradient(180deg, #7c3218, #281007) !important;
    box-shadow: 0 12px 26px rgba(98,31,12,0.25) !important;
    transform: translateY(-1px);
}

a.default.dbig,
input.default.dbig {
    padding: 12px 28px;
    border-radius: 7px !important;
}

.fieldsBox,
.sstatus,
.anpc,
.logged,
.rmsg,
.rulesbox,
.formpadrao,
.rankings_options:hover > div {
    background: rgba(255,255,255,0.48) !important;
    border: 1px solid var(--line) !important;
    box-sizing: border-box;
    box-shadow: none;
}

.fieldsBox {
    padding: 4px;
    width: 180px;
}

.fieldsBox .inpt,
.formpadrao .camp input[type="text"],
.formpadrao .camp input[type="password"],
.formpadrao .camp input[type="file"],
.formpadrao .camp select,
.formpadrao textarea {
    border: 1px solid rgba(107,82,58,0.2) !important;
    background: rgba(255,255,255,0.78) !important;
    color: var(--text) !important;
    box-shadow: none !important;
}

.fieldsBox .inpt {
    box-sizing: border-box;
    width: 170px;
}

.fieldsBox .inpt.pass {
    width: 170px;
}

.formpadrao > div {
    background: transparent !important;
}

.formpadrao .desc {
    color: #ffffff !important;
}

.formpadrao .camp {
    width: 217px;
}

.formpadrao .camp input[type="text"],
.formpadrao .camp input[type="password"],
.formpadrao .camp input[type="file"],
.formpadrao .camp select {
    box-sizing: border-box;
    width: 212px !important;
    height: 32px;
}

.formpadrao .camp input:focus,
.formpadrao .camp select:focus,
.formpadrao textarea:focus,
.fieldsBox .inpt:focus {
    border-color: rgba(217,119,45,0.72) !important;
    outline: none;
}

.sstatus {
    border-radius: 7px;
}

.sstatus > div {
    border-color: var(--line);
    color: var(--text);
}

.sstatus > div > div.on,
.sstatus > div > span {
    color: var(--green);
}

.sstatus > div > div.off {
    color: var(--red);
}

.sstatus.sstatus--single {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 180px;
    min-height: 46px;
    padding: 10px 12px;
    border-radius: 7px;
    text-align: center;
}

.sstatus__dot {
    position: relative;
    flex: 0 0 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 0 currentColor;
}

.sstatus__dot:after {
    content: "";
    position: absolute;
    inset: -5px;
    border: 1px solid currentColor;
    border-radius: 50%;
    opacity: .45;
    animation: serverPulse 1.35s ease-out infinite;
}

.sstatus__label {
    color: inherit;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.sstatus--single.is-online {
    color: var(--green);
}

.sstatus--single.is-offline {
    color: var(--red);
}

.sstatus--single.is-offline .sstatus__dot:after {
    animation-duration: 1.8s;
}

@keyframes serverPulse {
    0% {
        opacity: .55;
        transform: scale(.7);
    }
    100% {
        opacity: 0;
        transform: scale(1.65);
    }
}

.status-alive {
    color: var(--green);
}

.status-dead {
    color: var(--red);
}

.beta-online {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 10px;
    padding: 0;
    box-sizing: border-box;
    text-align: center;
}

.beta-online__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 28px;
    border-radius: 999px;
    background: linear-gradient(135deg, #22b84a, #0b7d2c);
    color: #fff;
    font-size: 18px;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: 0 12px 26px rgba(14,128,48,0.26), inset 0 1px 0 rgba(255,255,255,0.26);
    animation: betaPulse 1.55s ease-in-out infinite;
}

.beta-online__date {
    margin-top: 8px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.beta-separator {
    width: 100%;
    height: 1px;
    margin: 0 auto 14px;
    background: linear-gradient(90deg, transparent, rgba(34,184,74,0.22), transparent);
}

@keyframes betaPulse {
    0%,100% {
        transform: scale(1);
        box-shadow: 0 12px 26px rgba(14,128,48,0.26), 0 0 0 0 rgba(34,184,74,0.28), inset 0 1px 0 rgba(255,255,255,0.26);
    }
    50% {
        transform: scale(1.045);
        box-shadow: 0 16px 34px rgba(14,128,48,0.36), 0 0 0 9px rgba(34,184,74,0), inset 0 1px 0 rgba(255,255,255,0.32);
    }
}

.global-countdown {
    box-sizing: border-box;
    width: 100%;
    max-width: 500px;
    margin: 0 auto 14px;
    padding: 8px 0 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--text);
    text-align: center;
    box-shadow: none;
}

.global-countdown__label {
    color: var(--red);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.global-countdown__date {
    margin-top: 8px;
    color: var(--text);
    font-size: 16px;
    font-weight: 950;
}

.global-countdown__date span {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.atualstudioCountdown {
    margin-top: 4px;
}

.global-countdown .soon {
    color: #2d2118;
    font-size: 42px;
}

.global-countdown .soon[data-layout*=group] {
    padding: 8px 0 0;
}

.global-countdown .soon-label {
    color: var(--muted);
    font-weight: 900;
    text-shadow: none;
}

.global-countdown .soon-value,
.global-countdown .soon-slot-inner {
    color: var(--text);
    text-shadow: none !important;
}

.global-countdown .soon-ring-progress {
    color: rgba(143,29,18,0.92) !important;
    background-color: rgba(217,119,45,0.1) !important;
    border-color: rgba(217,119,45,0.42) !important;
}

.clean-separator {
    display: block;
    width: 100%;
    max-width: 500px;
    height: 1px;
    margin: 0 auto 26px;
    background: linear-gradient(90deg, transparent, rgba(126,65,31,0.26), transparent);
}

.waiting-players {
    display: grid;
    gap: 4px;
    width: 100%;
    margin: 2px auto 14px;
    text-align: center;
    text-transform: uppercase;
}

.waiting-players strong {
    display: block;
    color: #159d45;
    font: 950 26px/1.05 Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    text-shadow:
        0 1px 0 rgba(255,255,255,.72),
        0 0 10px rgba(26,196,83,.34),
        0 0 22px rgba(26,196,83,.18);
    animation: waitingPlayersGlow 1.75s ease-in-out infinite;
}

.waiting-players small {
    display: block;
    color: #7a4316;
    font: 950 11px/1.2 Arial, Helvetica, sans-serif;
    letter-spacing: .08em;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
}

@keyframes waitingPlayersGlow {
    0%, 100% {
        color: #118a3b;
        transform: scale(1);
        text-shadow:
            0 1px 0 rgba(255,255,255,.72),
            0 0 8px rgba(26,196,83,.26),
            0 0 18px rgba(26,196,83,.14);
    }
    50% {
        color: #20bf5a;
        transform: scale(1.025);
        text-shadow:
            0 1px 0 rgba(255,255,255,.82),
            0 0 14px rgba(26,196,83,.50),
            0 0 34px rgba(26,196,83,.28);
    }
}

.home-main-stack {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: 1 1 auto;
    gap: 28px;
}

.home-discord-widget {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}

.page-home .home-discord-widget {
    margin-top: auto;
}

.home-discord-card {
    position: relative;
    overflow: visible;
    box-sizing: border-box;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.home-discord-card:before {
    display: none;
}

.home-discord-card__head {
    position: relative;
    z-index: 1;
    margin-bottom: 12px;
    padding: 0 2px;
}

.home-discord-card span {
    display: block;
    color: var(--copper);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.home-discord-card strong {
    display: none;
}

.home-discord-card iframe {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    max-width: 500px;
    height: 300px;
    margin: 0 auto 12px;
    border: 1px solid rgba(18,6,2,0.28);
    border-radius: 8px;
    background: #191a1f;
    box-shadow: 0 18px 34px rgba(18,6,2,0.24);
}

.home-discord-widget a {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 230px;
    height: 42px;
    border-radius: 6px;
    color: #fff !important;
    background: linear-gradient(135deg, #5865f2, #3542d8);
    box-shadow: 0 12px 24px rgba(88,101,242,0.26);
    font-weight: 900;
    text-transform: uppercase;
}

.download-page .download-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    max-width: 340px;
    min-height: 46px;
    margin: 10px auto;
    padding: 12px 18px;
}

.info-page {
    width: 100%;
    max-width: 540px;
    overflow: hidden;
}

.info-page h1 {
    width: auto;
    margin: 4px 0 10px;
    text-align: left;
}

.info-lead {
    margin: 0 0 18px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.5;
}

.info-grid {
    display: grid;
    gap: 12px;
    width: 100%;
    max-width: 540px;
}

.info-panel {
    display: block !important;
    grid-template-columns: none !important;
    box-sizing: border-box;
    width: 100%;
    max-width: 540px;
    padding: 16px 18px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.76), rgba(255,250,243,0.56));
    overflow: hidden;
}

.info-panel h2 {
    margin: 0 0 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--line);
    color: var(--text);
    font-size: 16px;
    font-weight: 950;
    text-transform: uppercase;
}

.info-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.info-list li {
    display: block;
    min-width: 0;
    padding: 8px 0;
    border-bottom: 1px solid rgba(107,82,58,0.14);
}

.info-list li:last-child {
    border-bottom: 0;
}

.info-list strong {
    display: block;
    margin-bottom: 3px;
    color: var(--text);
    font-size: 11px;
    font-weight: 950;
    line-height: 1.3;
    text-transform: uppercase;
}

.info-list span {
    display: block;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.35;
    min-width: 0;
    overflow-wrap: anywhere;
}

.info-list em {
    color: var(--red);
    font-style: normal;
    font-weight: 900;
}

.info-list--bullets {
    grid-template-columns: 1fr;
}

.info-list--bullets li {
    position: relative;
    padding-left: 14px;
}

.info-list--bullets li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--copper-2);
}

.news {
    width: calc(100% - 24px);
    padding: 16px 0;
}

.news a.imgn {
    border-color: var(--line);
    background: rgba(255,255,255,0.58);
}

.news a.titlen {
    color: var(--text) !important;
    font-size: 17px;
}

.news .textn,
.news .finalinfo .datan {
    color: var(--muted);
}

table.default {
    border-radius: 8px;
    box-shadow: none;
    border: 1px solid var(--line);
}

table.default tr th {
    background: #21160f;
    color: #fff8ed;
}

table.default tr td,
table.default tr.two td,
table.default tr td.foco,
table.default tr.two td.foco {
    background: rgba(255,255,255,0.42);
    border-color: var(--line);
}

.horMenu a {
    border-bottom: 0;
    border-radius: 6px;
    background: rgba(13,7,3,0.06);
    color: var(--muted) !important;
}

.horMenu a:hover,
.horMenu a.act {
    background: rgba(217,164,65,0.14);
    color: var(--text) !important;
}

.side-rank-list {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.side-rank-list li {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 0 8px;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: rgba(255,255,255,0.42);
    box-sizing: border-box;
}

.side-rank-pos {
    color: var(--red);
    font-size: 11px;
    font-weight: 950;
}

.side-rank-name {
    min-width: 0;
    overflow: hidden;
    color: var(--text);
    font-size: 12px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.side-rank-score {
    color: var(--muted);
    font-size: 12px;
    font-weight: 950;
}

.side-rank-more {
    display: block;
    margin-top: 9px;
    color: var(--red) !important;
    font-size: 11px !important;
    font-weight: 950;
    text-align: right;
    text-transform: uppercase;
}

.flagcounter-box .ctt {
    text-align: center;
}

.flagcounter-box img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 4px;
}

.discord-pop {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
    opacity: 0;
    pointer-events: none;
    transition: opacity .28s ease;
}

body.discord-pop-open {
    overflow: hidden;
}

.discord-pop.is-visible {
    display: flex;
    opacity: 1;
    pointer-events: auto;
}

.discord-pop.is-closing {
    display: flex;
    opacity: 0;
    pointer-events: none;
}

.discord-pop.is-closing .discord-pop__dialog {
    animation: discordPopOut .24s ease both;
}

.discord-pop__backdrop {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(15,5,2,0.92), rgba(5,2,1,0.96)),
        rgba(18,6,2,0.92);
    backdrop-filter: blur(6px);
}

.discord-pop__dialog {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    max-width: 560px;
    max-height: calc(100vh - 40px);
    padding: 28px 28px 24px;
    border-radius: 8px;
    border: 1px solid rgba(241,200,106,0.34);
    background:
        linear-gradient(140deg, rgba(255,232,164,0.09), transparent 24%),
        linear-gradient(180deg, #2a1006 0%, #140602 58%, #090301 100%);
    color: #fff8ed;
    text-align: center;
    box-shadow: 0 34px 96px rgba(0,0,0,0.68), 0 0 0 1px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.14);
    animation: discordPopIn .42s cubic-bezier(.2,.8,.2,1) both;
    overflow: auto;
}

.discord-pop__dialog:before,
.discord-pop__dialog:after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.discord-pop__dialog:before {
    inset: 1px;
    border-radius: 7px;
    border: 1px solid rgba(255,248,237,0.06);
    box-shadow: inset 0 0 48px rgba(225,132,56,0.10);
}

.discord-pop__dialog:after {
    left: 18px;
    right: 18px;
    bottom: 16px;
    height: 96px;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(225,132,56,0.12), rgba(225,132,56,0));
    filter: blur(18px);
    opacity: .82;
}

.discord-pop__hero,
.discord-pop__widget,
.discord-pop__remember,
.discord-pop__actions {
    position: relative;
    z-index: 1;
}

.discord-pop__hero {
    padding: 2px 42px 10px;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.discord-pop__hero:before,
.discord-pop__hero:after {
    display: none;
}

.discord-pop__close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid rgba(241,200,106,0.20);
    border-radius: 8px;
    background: rgba(8,3,1,0.42);
    color: rgba(255,248,237,0.86);
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 0;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    box-shadow: 0 10px 22px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.06);
    transition: background .2s ease, color .2s ease, transform .2s ease;
}

.discord-pop__close:before,
.discord-pop__close:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 15px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transform-origin: center;
}

.discord-pop__close:before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.discord-pop__close:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.discord-pop__close:hover {
    background: linear-gradient(180deg, #a73322, #63150d);
    border-color: rgba(255,217,132,0.32);
    color: #fff;
    transform: rotate(90deg) scale(1.05);
}

.discord-pop__brand {
    position: relative;
    z-index: 1;
    width: min(278px, 76%);
    margin: 0 auto 6px;
    padding: 0;
    box-sizing: border-box;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    animation: discordLogoFloat 4.2s ease-in-out infinite;
}

.discord-pop__logo {
    display: block;
    width: 100%;
    height: auto;
    max-height: 116px;
    object-fit: contain;
    filter: drop-shadow(0 18px 28px rgba(0,0,0,0.54)) drop-shadow(0 0 15px rgba(241,200,106,0.16));
}

.discord-pop__badge {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 12px;
    border-radius: 6px;
    border: 1px solid rgba(241,200,106,0.32);
    background: rgba(241,200,106,0.09);
    color: #f1c86a;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.discord-pop__dialog h2 {
    position: relative;
    z-index: 1;
    margin: 11px 0 7px;
    color: #fff8ed;
    font-size: 27px;
    line-height: 1.1;
    letter-spacing: 0;
    text-shadow: 0 8px 22px rgba(0,0,0,0.42);
}

.discord-pop__dialog p {
    position: relative;
    z-index: 1;
    max-width: 380px;
    margin: 0 auto 12px;
    color: rgba(255,248,237,0.74);
    font-size: 13px;
    line-height: 1.5;
}

.discord-pop__signals {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    gap: 0;
    flex-wrap: wrap;
}

.discord-pop__signals span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #f1c86a;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.discord-pop__widget {
    width: 100%;
    max-width: 460px;
    margin: 15px auto 16px;
    padding: 8px;
    border: 1px solid rgba(241,200,106,0.18);
    border-radius: 8px;
    background: rgba(8,3,1,0.46);
    box-shadow: 0 18px 40px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.055);
}

.discord-pop__widget iframe {
    display: block;
    width: 100%;
    height: 236px;
    border: 1px solid rgba(255,211,166,0.12);
    border-radius: 6px;
    background: #191a1f;
    box-shadow: 0 14px 30px rgba(0,0,0,0.25);
}

.discord-pop__remember {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 26px;
    margin: 24px auto 0;
    padding: 0;
    box-sizing: border-box;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: rgba(255,248,237,0.72);
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
    transition: border-color .2s ease, background .2s ease, color .2s ease;
}

.discord-pop__remember:hover {
    color: rgba(255,248,237,0.92);
}

.discord-pop__remember input {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    margin: 0;
    border: 1px solid rgba(241,200,106,0.42);
    border-radius: 4px;
    background: rgba(8,3,1,0.58);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
    cursor: pointer;
}

.discord-pop__remember input:focus {
    outline: 2px solid rgba(241,200,106,0.34);
    outline-offset: 2px;
}

.discord-pop__remember input:checked {
    border-color: rgba(241,200,106,0.92);
    background: linear-gradient(180deg, #f4cf76, #e18438);
}

.discord-pop__remember input:checked:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
    border: solid #1f1006;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.discord-pop__actions {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.discord-pop__actions a,
.discord-pop__actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 156px;
    height: 44px;
    padding: 0 18px;
    box-sizing: border-box;
    border: 0;
    border-radius: 7px;
    cursor: pointer;
    font-size: 12px !important;
    font-weight: 950;
    text-transform: uppercase;
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.discord-pop__actions a {
    color: #1f1006 !important;
    background: linear-gradient(180deg, #f4cf76, #e18438);
    box-shadow: 0 14px 28px rgba(225,132,56,0.34), inset 0 1px 0 rgba(255,255,255,0.34);
    animation: discordButtonPulse 1.8s ease-in-out infinite;
}

.discord-pop__actions a:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(225,132,56,0.44), inset 0 1px 0 rgba(255,255,255,0.40);
}

.discord-pop__actions button {
    border: 1px solid rgba(241,200,106,0.16);
    color: rgba(255,248,237,0.78);
    background: rgba(255,248,237,0.06);
}

.discord-pop__actions button:hover {
    color: #fff;
    background: rgba(255,255,255,0.15);
    transform: translateY(-1px);
}

@keyframes discordPopIn {
    from {
        opacity: 0;
        transform: translateY(18px) scale(.96);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes discordPopOut {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    to {
        opacity: 0;
        transform: translateY(14px) scale(.97);
    }
}

@keyframes discordLogoFloat {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

@keyframes discordGlow {
    0%,100% { opacity: .62; transform: translateX(-50%) scale(1); }
    50% { opacity: .92; transform: translateX(-50%) scale(1.06); }
}

@keyframes discordButtonPulse {
    0%,100% { box-shadow: 0 14px 28px rgba(225,132,56,0.34), 0 0 0 0 rgba(241,200,106,0.25), inset 0 1px 0 rgba(255,255,255,0.34); }
    50% { box-shadow: 0 16px 34px rgba(225,132,56,0.44), 0 0 0 7px rgba(241,200,106,0), inset 0 1px 0 rgba(255,255,255,0.40); }
}

.bonus-float {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9997;
    width: 181px;
    height: 237px;
    text-align: center;
    filter: drop-shadow(0 22px 30px rgba(0,0,0,.42));
    animation: bonusFloat 3s ease-in-out infinite;
}

.bonus-float.is-hidden {
    display: none;
}

.bonus-float__panel {
    position: relative;
    display: block;
    width: 181px;
    height: 237px;
    text-decoration: none;
}

.bonus-float__art {
    display: block;
    width: 181px;
    height: 237px;
}

.bonus-float__text {
    position: absolute;
    left: 14px;
    right: 14px;
    top: 154px;
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 950;
    line-height: 1.1;
    text-shadow: 0 2px 6px rgba(0,0,0,.65);
}

.bonus-float__btn {
    position: absolute;
    left: 31px;
    right: 31px;
    top: 197px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    border-radius: 8px;
    background: linear-gradient(180deg,#38cf59,#12852c);
    color: #fff;
    font-size: 13px;
    font-weight: 950;
    box-shadow: 0 10px 20px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.35);
    animation: bonusPulse 1.35s ease-in-out infinite;
}

.bonus-float__close {
    position: absolute;
    right: -11px;
    top: 9px;
    z-index: 3;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: #e6d5c5;
    color: #2b1a12;
    font-size: 18px;
    font-weight: 950;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(0,0,0,.26);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.bonus-float__close:hover {
    background: #fff0df;
}

.bonus-float:hover .bonus-float__art {
    transform: translateY(-3px) scale(1.015);
    transition: transform .22s ease;
}

footer {
    color: rgba(255,248,237,0.72);
}

.site-footer {
    width: 1046px;
    height: auto;
    line-height: normal;
    margin: 26px auto 0;
    padding: 20px 0 30px;
    box-sizing: border-box;
    color: rgba(255,248,237,0.72);
    font: 700 12px Arial, sans-serif;
    text-align: left;
}

.site-footer__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,248,237,0.18);
}

.site-footer__top span {
    color: #fff8ed;
    font-weight: 900;
}

.site-footer__back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 13px;
    border: 1px solid rgb(255 240 208 / 72%);
    border-radius: 999px;
    background: linear-gradient(180deg, #ff0000, #000000);
    color: #1f1006 !important;
    font: 900 11px Arial, sans-serif !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: 0 10px 24px rgba(225,132,56,0.24), inset 0 1px 0 rgba(255,255,255,0.35);
}

.site-footer__back:hover {
    border-color: rgba(255,232,164,0.9);
    background: linear-gradient(180deg, #ffd884, #e18438);
}

.site-footer__copy {
    display: grid;
    gap: 4px;
    color: #e9d9bd;
    text-align: center;
}

.site-footer__copy div:last-child {
    color: #e9d9bd;
}

.site-footer__powered {
    color: #f1c86a;
    font-weight: 900;
}

.home-discord-widget a {
    min-width: 0;
    width: 100%;
    max-width: 500px;
    box-sizing: border-box;
}

@media (max-width: 1040px) {
    body, html, .all {
        min-width: 0 !important;
    }

    body {
        background-size: auto, auto, 1420px auto, auto;
        background-position: center top;
    }

    .all {
        width: 100%;
        padding-top: 424px;
    }

    .all > section {
        width: calc(100% - 24px);
        max-width: 760px;
        margin: 0 auto;
        padding: 18px;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    .all > section:before,
    .all > section:after {
        display: none;
    }

    nav {
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        min-height: 62px;
        top: -74px;
    }

    nav .nav-links {
        height: auto;
        min-height: 62px;
        flex-wrap: wrap;
        padding: 8px;
        box-sizing: border-box;
        gap: 6px;
    }

    nav a {
        height: 34px;
        padding: 0 11px;
        font-size: 12px !important;
    }

    article,
    aside,
    aside.esq,
    aside.dir {
        grid-column: 1;
        width: 100%;
        max-width: none;
    }

    article {
        padding: 0;
    }

    article .page {
        min-height: 0;
    }

    article img,
    article object {
        max-width: 100% !important;
        height: auto;
    }

    aside {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    aside.esq {
        order: 2;
    }

    article {
        order: 1;
    }

    aside.dir {
        order: 3;
    }

    aside .box {
        width: 100%;
        margin: 0;
    }

    aside .box .title {
        width: 100%;
    }

    aside .box .ctt > a.default,
    aside a.default,
    aside input.default {
        width: 100% !important;
    }

    .fieldsBox,
    .sstatus {
        width: 100%;
    }

    .fieldsBox .inpt,
    .fieldsBox .inpt.pass {
        width: 100%;
        padding-right: 72px;
    }

    .sstatus > div {
        width: 100%;
    }

    .side-rank-list li {
        grid-template-columns: 34px minmax(0, 1fr) auto;
    }

    table.default {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .site-footer {
        width: calc(100% - 24px);
        max-width: 760px;
    }

    .langs {
        top: 50%;
        right: 18px;
        left: auto;
        transform: translateY(-50%);
    }
}

@media (max-width: 640px) {
    body {
        background-size: auto, auto, 1080px auto, auto;
    }

    .all {
        padding-top: 324px;
    }

    .langs {
        top: 50%;
        left: auto;
        right: 18px;
        transform: translateY(-50%);
    }

    .all > section {
        width: calc(100% - 16px);
        padding: 14px;
        gap: 16px;
        border-radius: 8px;
    }

    nav {
        top: -68px;
        border-radius: 8px;
    }

    nav .nav-links {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding: 8px;
        scrollbar-width: none;
    }

    nav .nav-links::-webkit-scrollbar {
        display: none;
    }

    nav a {
        flex: 0 0 auto;
        height: 34px;
        padding: 0 10px;
        font-size: 11px !important;
    }

    aside {
        grid-template-columns: 1fr;
    }

    h1 {
        width: auto;
        font-size: 23px;
        margin: 16px 0 12px;
    }

    h2 {
        margin-left: 0;
        font-size: 18px;
    }

    .pddInner {
        padding: 0;
    }

    .global-countdown {
        margin-bottom: 12px;
    }

    .global-countdown__date {
        font-size: 14px;
    }

    .global-countdown .soon {
        font-size: 28px;
    }

    .home-discord-card {
        padding: 0;
    }

    .home-discord-card strong {
        font-size: 20px;
    }

    .home-discord-card iframe {
        height: 252px;
    }

    .discord-pop {
        padding: 12px;
    }

    .discord-pop__dialog {
        max-width: 100%;
        padding: 12px;
    }

    .discord-pop__hero {
        padding: 16px 14px 13px;
    }

    .discord-pop__close {
        top: 14px;
        right: 14px;
    }

    .discord-pop__brand {
        width: min(235px, 78%);
        margin-bottom: 6px;
    }

    .discord-pop__signals {
        gap: 0;
    }

    .discord-pop__signals span {
        min-height: 22px;
        padding: 0;
        font-size: 10px;
    }

    .discord-pop__widget {
        margin: 12px auto 12px;
        padding: 6px;
    }

    .discord-pop__widget iframe {
        height: 220px;
    }

    .discord-pop__remember {
        width: 100%;
        margin: 22px auto 0;
    }

    .discord-pop__dialog h2 {
        font-size: 22px;
    }

    .discord-pop__dialog p {
        font-size: 12px;
    }

    .discord-pop__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .discord-pop__actions a,
    .discord-pop__actions button {
        width: 100%;
    }

    .bonus-float {
        right: 10px;
        bottom: 10px;
        width: 138px;
        height: 181px;
    }

    .bonus-float__panel,
    .bonus-float__art {
        width: 138px;
        height: 181px;
    }

    .bonus-float__text {
        top: 115px;
        left: 10px;
        right: 10px;
        font-size: 12px;
    }

    .bonus-float__btn {
        left: 22px;
        right: 22px;
        top: 149px;
        height: 28px;
        font-size: 10px;
        border-radius: 6px;
    }

    .bonus-float__close {
        right: -6px;
        top: 4px;
        width: 28px;
        height: 28px;
        font-size: 16px;
    }

    .site-footer {
        width: calc(100% - 16px);
        padding-bottom: 24px;
        text-align: center;
    }

    .site-footer__top {
        display: grid;
        justify-items: center;
    }

    .site-footer__back {
        width: 100%;
    }
}

/* Desktop-only presentation across devices */
html,
body,
.all {
    min-width: 1100px !important;
    max-width: none !important;
    overflow-x: auto !important;
}

body {
    background-size: auto, auto, 2000px auto, auto !important;
    background-position: center top !important;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}

.all {
    width: 1046px !important;
    padding-top: 500px !important;
}

.all > section {
    display: grid !important;
    grid-template-columns: 180px 18px 600px 18px 180px !important;
    width: 1046px !important;
    max-width: none !important;
    padding: 36px 25px 60px !important;
    gap: 0 !important;
}

.all > section:before,
.all > section:after {
    display: block !important;
}

article {
    grid-column: 3 !important;
    float: none !important;
    width: 600px !important;
    max-width: none !important;
    padding: 4px 30px 0 !important;
}

article .page {
    max-width: none !important;
}

aside,
aside.esq,
aside.dir {
    display: block !important;
    float: none !important;
    width: 180px !important;
    max-width: none !important;
}

aside.esq {
    grid-column: 1 !important;
}

aside.dir {
    grid-column: 5 !important;
}

nav {
    left: 0 !important;
    right: auto !important;
    top: -78px !important;
    width: 1046px !important;
    max-width: none !important;
    height: 64px !important;
    min-height: 64px !important;
    border-radius: 7px !important;
}

nav .nav-links {
    width: auto !important;
    height: 64px !important;
    min-height: 64px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    overflow: visible !important;
    padding: 0 154px 0 16px !important;
}

nav a {
    flex: 0 0 auto !important;
    height: 40px !important;
}

.langs {
    top: 50% !important;
    right: 18px !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    max-width: none !important;
}

.side-video-box .ctt {
    padding: 10px;
}

.side-video-stack {
    display: grid;
    gap: 10px;
}

.home-feature-video iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    border: 0;
    border-radius: 7px;
    background: #080302;
}

.home-feature-video {
    width: 540px;
    max-width: 540px;
    margin: 0 auto 18px;
    padding: 8px;
    box-sizing: border-box;
    border: 1px solid rgba(126,65,31,.22);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,250,243,.92));
    box-shadow: 0 18px 42px rgba(45,20,8,.12), inset 0 1px 0 rgba(255,255,255,.88);
}

.home-feature-video iframe {
    box-shadow: 0 14px 28px rgba(0,0,0,.24), 0 0 0 1px rgba(126,65,31,.32);
}

@keyframes bonusFloat {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

@keyframes bonusPulse {
    0%,100% {
        transform: scale(1);
        box-shadow: 0 10px 20px rgba(0,0,0,.28), 0 0 0 0 rgba(66,239,104,.34);
    }
    50% {
        transform: scale(1.055);
        box-shadow: 0 12px 24px rgba(0,0,0,.32), 0 0 0 7px rgba(66,239,104,0);
    }
}

@media (max-width: 1040px) {
    html,
    body,
    .all {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow-x: hidden;
    }

    body {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    .all {
        display: block;
        box-sizing: border-box;
        margin: 0 auto;
    }

    .all > section,
    section,
    nav,
    article,
    article .page,
    aside,
    aside.esq,
    aside.dir,
    footer,
    .site-footer {
        box-sizing: border-box;
        max-width: 100% !important;
    }

    article,
    aside,
    aside.esq,
    aside.dir {
        float: none !important;
    }

    article {
        width: 100% !important;
        min-width: 0;
    }

    article img,
    article object,
    article embed,
    article iframe,
    .page img {
        max-width: 100% !important;
        height: auto;
    }

    input,
    select,
    textarea,
    button {
        max-width: 100%;
    }

    .rmsg {
        width: auto;
        max-width: 100%;
    }
}

@media (max-width: 640px) {
    html,
    body {
        position: relative;
    }

    .all {
        padding-left: 0;
        padding-right: 0;
    }

    article {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .all > section {
        width: calc(100% - 12px) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    nav {
        width: 100% !important;
        max-width: 100% !important;
    }

    nav .nav-links {
        width: 100%;
        box-sizing: border-box;
    }

    .langs {
        max-width: calc(100% - 28px);
    }

    table,
    .default,
    .rankings,
    .rankings_options {
        max-width: 100%;
    }

    #alerta,
    #modal {
        max-width: calc(100vw - 24px);
        box-sizing: border-box;
    }
}

/* Final desktop lock: must stay after every responsive block. */
html,
body,
.all {
    width: auto !important;
    min-width: 1100px !important;
    max-width: none !important;
    overflow-x: auto !important;
}

.all {
    width: 1046px !important;
    padding: 500px 0 0 !important;
}

.all > section {
    display: grid !important;
    grid-template-columns: 180px 18px 600px 18px 180px !important;
    width: 1046px !important;
    max-width: none !important;
    padding: 36px 25px 60px !important;
    gap: 0 !important;
}

.all > section:before,
.all > section:after {
    display: block !important;
}

article {
    grid-column: 3 !important;
    width: 600px !important;
    max-width: none !important;
    padding: 4px 30px 0 !important;
}

aside,
aside.esq,
aside.dir {
    display: block !important;
    width: 180px !important;
    max-width: none !important;
}

aside.esq { grid-column: 1 !important; }
aside.dir { grid-column: 5 !important; }

nav {
    width: 1046px !important;
    max-width: none !important;
    height: 64px !important;
    min-height: 64px !important;
    top: -78px !important;
    left: 0 !important;
    right: auto !important;
}

nav .nav-links {
    width: auto !important;
    height: 64px !important;
    min-height: 64px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    overflow: visible !important;
    padding: 0 154px 0 16px !important;
}

nav a {
    flex: 0 0 auto !important;
    height: 40px !important;
}

.langs {
    top: 50% !important;
    right: 18px !important;
    left: auto !important;
    transform: translateY(-50%) !important;
}

/* Video frames: keep them desktop-sized and visually aligned after all overrides. */
.side-video-box .ctt {
    padding: 10px !important;
    overflow: hidden !important;
}

.side-video-stack {
    display: grid !important;
    gap: 10px !important;
    width: 160px !important;
}

.side-video-card {
    position: relative !important;
    display: block !important;
    width: 160px !important;
    height: 90px !important;
    max-width: 160px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    cursor: pointer !important;
    border: 1px solid rgba(229, 139, 55, .62) !important;
    border-radius: 7px !important;
    background: #080302 !important;
    box-shadow:
        0 11px 22px rgba(25, 8, 3, .22),
        0 0 0 1px rgba(61, 22, 10, .74),
        inset 0 1px 0 rgba(255, 224, 173, .18) !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.side-video-card:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(255, 174, 76, .86) !important;
    box-shadow:
        0 14px 26px rgba(25, 8, 3, .28),
        0 0 0 1px rgba(61, 22, 10, .82),
        0 0 18px rgba(229, 105, 38, .16),
        inset 0 1px 0 rgba(255, 224, 173, .22) !important;
}

.side-video-card__thumb {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    background-size: cover !important;
    background-position: center !important;
    filter: saturate(.92) contrast(1.06) brightness(.78) !important;
    transition: transform .25s ease, filter .25s ease !important;
}

.side-video-card:hover .side-video-card__thumb {
    transform: scale(1.045) !important;
    filter: saturate(1.03) contrast(1.08) brightness(.86) !important;
}

.side-video-card:before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background:
        linear-gradient(180deg, rgba(13, 4, 1, .08), rgba(13, 4, 1, .34)),
        radial-gradient(circle at 50% 50%, rgba(255, 152, 51, .08), transparent 56%) !important;
    pointer-events: none !important;
}

.side-video-card__play {
    position: absolute !important;
    z-index: 2 !important;
    left: 50% !important;
    top: 50% !important;
    width: 44px !important;
    height: 31px !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #ff2a18, #d90800) !important;
    box-shadow:
        0 9px 20px rgba(0,0,0,.34),
        0 0 0 1px rgba(255,255,255,.16) inset !important;
}

.side-video-card__play:before {
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    top: 8px !important;
    border-left: 12px solid #fff !important;
    border-top: 7px solid transparent !important;
    border-bottom: 7px solid transparent !important;
}

.side-video-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1000000 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 34px !important;
    background: rgba(15, 4, 1, .84) !important;
}

.side-video-modal.is-open {
    display: flex !important;
}

.side-video-modal__dialog {
    position: relative !important;
    width: 760px !important;
    max-width: calc(100vw - 80px) !important;
    padding: 9px !important;
    border: 1px solid rgba(229, 139, 55, .58) !important;
    border-radius: 10px !important;
    background:
        linear-gradient(180deg, rgba(56, 17, 7, .96), rgba(17, 5, 2, .98)) !important;
    box-shadow:
        0 32px 80px rgba(0,0,0,.56),
        0 0 0 1px rgba(255, 223, 154, .10) inset,
        0 0 34px rgba(229, 105, 38, .18) !important;
}

.side-video-modal__frame {
    position: relative !important;
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 56.25% !important;
    overflow: hidden !important;
    border-radius: 7px !important;
    background: #080302 !important;
}

.side-video-modal__frame iframe {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
}

.side-video-modal__close {
    position: absolute !important;
    right: -12px !important;
    top: -12px !important;
    z-index: 2 !important;
    width: 34px !important;
    height: 34px !important;
    border: 1px solid rgba(255, 199, 126, .55) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #773018, #2a0903) !important;
    color: #fff6e9 !important;
    cursor: pointer !important;
    font: 950 16px Arial, sans-serif !important;
    line-height: 32px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    box-shadow: 0 12px 24px rgba(0,0,0,.28) !important;
}

body.side-video-modal-open {
    overflow: hidden !important;
}

.home-feature-video {
    width: 540px !important;
    max-width: 540px !important;
    margin: 0 auto 18px !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(229, 139, 55, .34) !important;
    border-radius: 9px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,250,243,.94)),
        linear-gradient(135deg, rgba(229,139,55,.12), rgba(43,12,5,.03)) !important;
    box-shadow:
        0 18px 42px rgba(45,20,8,.14),
        0 0 0 1px rgba(61, 22, 10, .10),
        inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.home-feature-video iframe {
    display: block !important;
    width: 522px !important;
    max-width: 522px !important;
    height: 294px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(229, 139, 55, .62) !important;
    border-radius: 7px !important;
    background: #080302 !important;
    box-shadow:
        0 14px 30px rgba(25, 8, 3, .30),
        0 0 0 1px rgba(61, 22, 10, .82),
        inset 0 1px 0 rgba(255, 224, 173, .20) !important;
}


/* =========================================================
   HASTE GREEN THEME V2
   Clean dark MMORPG layout - 2026
   ========================================================= */
:root {
    --haste-bg: #030807;
    --haste-panel: rgba(7, 18, 15, .96);
    --haste-panel-2: rgba(10, 27, 22, .96);
    --haste-line: rgba(41, 255, 120, .22);
    --haste-green: #20d866;
    --haste-green-2: #0b8f3c;
    --haste-green-3: #064d25;
    --haste-silver: #dce9e3;
    --haste-muted: #91a79d;
    --haste-danger: #ff4b4b;
}

html, body { min-height: 100%; }
body {
    color: var(--haste-silver) !important;
    background:
        linear-gradient(180deg, rgba(0,0,0,0) 0, rgba(1,7,5,.05) 360px, #030807 880px),
        url('../imgs/bg-haste.jpg') no-repeat center top,
        #030807 !important;
    background-size: auto, 2000px auto, auto !important;
}

.all {
    width: 1100px !important;
    padding-top: 485px !important;
}

.all > section {
    display: grid !important;
    grid-template-columns: 190px minmax(0, 1fr) 190px !important;
    gap: 20px !important;
    width: 1100px !important;
    padding: 30px !important;
    border: 1px solid rgba(56,255,126,.22) !important;
    border-radius: 12px !important;
    background:
        linear-gradient(180deg, rgba(8,24,19,.97), rgba(3,12,9,.98)) !important;
    box-shadow:
        0 30px 90px rgba(0,0,0,.65),
        0 0 0 1px rgba(255,255,255,.025) inset,
        0 0 45px rgba(10,181,74,.10) !important;
    overflow: visible !important;
}

.all > section:before,
.all > section:after { display: none !important; }

nav {
    top: -74px !important;
    left: 0 !important;
    width: 1100px !important;
    height: 64px !important;
    padding: 0 !important;
    border: 1px solid rgba(61,255,126,.38) !important;
    border-radius: 10px !important;
    background:
        linear-gradient(180deg, rgba(19,75,45,.98), rgba(5,27,17,.98)) !important;
    box-shadow:
        0 18px 45px rgba(0,0,0,.62),
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 -1px 0 rgba(0,0,0,.55),
        0 0 24px rgba(18,216,95,.16) !important;
}
nav:before {
    background: radial-gradient(ellipse 560px 55px at 50% 0, rgba(72,255,143,.16), transparent 72%) !important;
}
nav .nav-links {
    height: 64px !important;
    padding: 0 150px 0 18px !important;
    gap: 4px !important;
}
nav a {
    min-width: 78px !important;
    height: 40px !important;
    padding: 0 12px !important;
    border-radius: 6px !important;
    color: #dff7e8 !important;
    font-size: 13px !important;
}
nav a:hover {
    color: #fff !important;
    border-color: rgba(73,255,139,.22) !important;
    background: linear-gradient(180deg, rgba(45,218,104,.20), rgba(6,83,36,.26)) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
nav a.nav-buy {
    color: #031108 !important;
    border-color: rgba(116,255,163,.62) !important;
    background: linear-gradient(180deg, #48ef88 0%, #1ec963 48%, #0a8b3d 100%) !important;
    box-shadow: 0 10px 26px rgba(20,213,91,.25), inset 0 1px 0 rgba(255,255,255,.34) !important;
}
nav a.nav-buy:hover {
    background: linear-gradient(180deg, #72ffa5 0%, #2be275 52%, #0ca54a 100%) !important;
}

.langs .bg {
    border-color: rgba(62,255,128,.35) !important;
    background: linear-gradient(180deg, rgba(10,40,25,.96), rgba(2,14,8,.98)) !important;
}

aside.esq { grid-column: 1 !important; }
article { grid-column: 2 !important; }
aside.dir { grid-column: 3 !important; }

aside {
    width: 190px !important;
    color: var(--haste-silver) !important;
}
aside .box {
    width: 190px !important;
    margin: 0 0 18px !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(51,255,123,.15) !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, rgba(15,40,31,.92), rgba(5,18,13,.96)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 12px 28px rgba(0,0,0,.22) !important;
}
aside .box .title {
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid rgba(53,255,124,.18) !important;
    color: #eefbf3 !important;
    font-size: 12px !important;
    letter-spacing: .08em !important;
}
aside .box .title:before {
    background: linear-gradient(180deg, #49f28b, #0c8f42) !important;
    box-shadow: 0 0 10px rgba(33,221,103,.35) !important;
}
aside .box .ctt { color: var(--haste-muted) !important; }
aside .box .ctt > a.default { width: 160px !important; }

article {
    float: none !important;
    width: 640px !important;
    padding: 22px 26px 30px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(53,255,124,.15) !important;
    border-radius: 10px !important;
    background:
        linear-gradient(180deg, rgba(11,31,24,.96), rgba(5,17,13,.98)) !important;
    color: var(--haste-silver) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 18px 42px rgba(0,0,0,.25) !important;
}
article img, article object { max-width: 586px !important; }

h1, h2, h3,
.news a.titlen,
.info-panel h2,
.side-rank-name {
    color: #edf9f1 !important;
}
h1 { width: 100% !important; margin: 8px 0 18px !important; }
h2 { margin-left: 0 !important; }
p, .news .textn, .news .finalinfo .datan, .info-lead, .info-list span { color: var(--haste-muted) !important; }
a, a:active, a:visited, a:link {color: #ffffff !important;}
a:hover { color: #78ffa9 !important; }
hr, .shadownew, .clean-separator, .beta-separator {
    background: linear-gradient(90deg, transparent, rgba(43,235,107,.38), transparent) !important;
}

article a.default, a.default, span.default, input.default,
.rankings_options > div a, .download-btn, .paginate a {
    border-color: rgba(58,255,126,.26) !important;
    background: linear-gradient(180deg, #15964a, #08672f) !important;
    color: #f2fff6 !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
article a.default:hover, a.default:hover, input.default:hover, span.default:hover,
.rankings_options > div a:hover, .download-btn:hover {
    border-color: rgba(98,255,157,.52) !important;
    background: linear-gradient(180deg, #23c963, #0a7d38) !important;
    box-shadow: 0 10px 24px rgba(9,170,70,.22) !important;
}

.fieldsBox, .sstatus, .anpc, .logged, .rmsg, .rulesbox,
.formpadrao, .rankings_options:hover > div {
    border-color: rgba(54,255,125,.18) !important;
    background: rgba(5,20,14,.82) !important;
    color: var(--haste-silver) !important;
}
.fieldsBox { width: 160px !important; }
.fieldsBox .inpt {
    width: 150px !important;
    border-color: rgba(61,255,130,.18) !important;
    background: rgba(226,245,234,.94) !important;
    color: #07110c !important;
}
.fieldsBox .inpt.pass { width: 150px !important; }
.fieldsBox .gologin { right: 5px !important; bottom: 5px !important; }
.anpc, .logged { color: #bcd0c4 !important; }

.sstatus { width: 160px !important; }
.sstatus.sstatus--single { width: 160px !important; }
.sstatus--single.is-online { color: #2be477 !important; }
.sstatus--single.is-offline { color: #ff6565 !important; }

.banner, .faceIndex {
    border-color: rgba(53,255,124,.24) !important;
    background: #031009 !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.38), 0 0 22px rgba(14,181,70,.08) !important;
}
.banner, .banner > a, .banner > a > img { border-radius: 8px !important; }

.news {
    width: 100% !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(50,255,122,.12) !important;
    border-radius: 8px !important;
    background: rgba(8,27,19,.62) !important;
    margin-bottom: 12px !important;
}
.news a.imgn { border-color: rgba(56,255,126,.25) !important; }

.info-panel, table.default, .side-rank-list li {
    border-color: rgba(53,255,124,.15) !important;
    background: rgba(8,27,19,.78) !important;
    color: var(--haste-silver) !important;
}
.info-panel h2 { border-color: rgba(53,255,124,.18) !important; }
.info-list li { border-color: rgba(53,255,124,.10) !important; }
.info-list em, .side-rank-pos, .side-rank-more { color: #32df77 !important; }
.info-list--bullets li:before { background: #24d36b !important; }

table.default tr th { background: #082719 !important; color: #edfff4 !important; }
table.default tr td, table.default tr.two td,
table.default tr td.foco, table.default tr.two td.foco {
    background: rgba(8,25,18,.82) !important;
    color: #cce1d4 !important;
    border-color: rgba(53,255,124,.10) !important;
}

.site-footer, footer {
    width: 1100px !important;
    color: #789185 !important;
}
.site-footer a {color: #ffffff !important;}

@media (max-width: 1120px) {
    .all, .all > section, nav, footer, .site-footer { width: 96vw !important; }
    .all > section { grid-template-columns: 180px minmax(0,1fr) 180px !important; gap: 14px !important; padding: 20px !important; }
    article { width: auto !important; min-width: 0 !important; }
    article img, article object { max-width: 100% !important; }
}
.arm-info,.arm-info *{box-sizing:border-box}
.arm-info{
 --h-green:#19e568;--h-green-2:#0a9e43;--h-green-3:#06361f;
 --h-dark:#030806;--h-dark-2:#07110c;--h-panel:#0b1710;
 --h-silver:#e8f0eb;--h-muted:#8fa397;--h-line:rgba(50,230,112,.22);
 width:100%;max-width:100%;min-width:0;padding:0 0 30px;overflow:hidden;
 color:var(--h-silver);font-family:'Montserrat',sans-serif;
 background:
  radial-gradient(circle at 50% 0,rgba(25,229,104,.12),transparent 36%),
  linear-gradient(rgba(2,7,5,.96),rgba(2,7,5,.98)),
  url('imgs/header-info.jpg') center top/cover fixed;
 border:1px solid rgba(75,255,137,.12);
 box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.03)
}
.arm-info h1,.arm-info h2,.arm-info h3,.arm-info p{margin-top:0}
.arm-info h1,.arm-info h2,.arm-info h3{font-family:'Cinzel',serif}

.arm-countdown-box{padding:24px 18px;text-align:center;background:linear-gradient(180deg,#0d2416,#040a07);border-bottom:1px solid var(--h-line);box-shadow:inset 0 -20px 50px rgba(0,0,0,.22)}
.arm-countdown-title span,.arm-countdown-title strong,.arm-countdown-title small{display:block}
.arm-countdown-title span{margin-bottom:5px;font-size:9px;font-weight:800;letter-spacing:3px;color:var(--h-green)}
.arm-countdown-title strong{font:700 21px 'Cinzel',serif;color:#fff;text-shadow:0 0 18px rgba(25,229,104,.24)}
.arm-countdown-title small{margin-top:7px;color:var(--h-muted)}
#soon-armageddon{color:var(--h-green);background:transparent;font-family:'Montserrat',sans-serif}
#soon-armageddon .soon-label{color:var(--h-muted)}
#soon-armageddon .soon-ring-progress{color:var(--h-green)!important;background:rgba(255,255,255,.06)!important}

.arm-info-header{position:relative;padding:31px 28px 27px;overflow:hidden;background:linear-gradient(115deg,rgba(3,16,9,.94),rgba(2,7,5,.97)),url('imgs/header-info.jpg') center/cover;border-bottom:1px solid var(--h-line)}
.arm-info-header:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 82% 30%,rgba(25,229,104,.15),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.025),transparent 40%);pointer-events:none}
.arm-info-header:after{content:'';position:absolute;left:9%;right:9%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--h-green),transparent);box-shadow:0 0 16px rgba(25,229,104,.65)}
.arm-info-header-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px}
.arm-label{display:block;margin-bottom:6px;font-size:9px;font-weight:800;letter-spacing:2.8px;color:var(--h-green)}
.arm-info-header h1{margin:0;font-size:31px;line-height:1.08;color:#fff;text-shadow:0 3px 14px #000,0 0 18px rgba(25,229,104,.14)}
.arm-info-header p{position:relative;z-index:2;max-width:440px;margin:14px 0 19px;font-size:11px;line-height:1.7;color:#b9c9bf}
.arm-rate-badge{position:relative;z-index:2;flex:0 0 78px;width:78px;padding:11px 7px;text-align:center;background:linear-gradient(180deg,#25e86c,#087a34);border:1px solid #69ff9d;border-radius:6px;box-shadow:0 10px 24px rgba(8,122,52,.32),inset 0 1px 0 rgba(255,255,255,.25)}
.arm-rate-badge small,.arm-rate-badge strong{display:block}.arm-rate-badge small{font-size:8px;letter-spacing:1px;color:#dfffea}.arm-rate-badge strong{margin-top:2px;font:700 22px 'Cinzel',serif;color:#fff;text-shadow:0 1px 2px #06361f}
.arm-header-pills{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:7px}
.arm-header-pills span{padding:8px 10px;font-size:9px;font-weight:700;color:#d9e7de;background:rgba(5,14,9,.76);border:1px solid rgba(50,230,112,.20);border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.arm-header-pills i{margin-right:5px;color:var(--h-green)}

.arm-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:linear-gradient(180deg,#0b1710,#07110c);border-bottom:1px solid var(--h-line)}
.arm-summary>div{min-width:0;padding:19px 9px;text-align:center;border-right:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.arm-summary>div:nth-child(2n){border-right:0}.arm-summary>div:nth-last-child(-n+2){border-bottom:0}
.arm-summary i{display:block;margin-bottom:8px;font-size:18px;color:var(--h-green);filter:drop-shadow(0 0 8px rgba(25,229,104,.22))}
.arm-summary span{display:block;margin-bottom:4px;font-size:8px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:var(--h-muted)}
.arm-summary strong{font:700 13px 'Cinzel',serif;color:#f4fff7}

.arm-section-title{display:flex;align-items:center;gap:13px;padding:29px 16px 17px}.arm-section-title span{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(25,229,104,.7))}.arm-section-title span:last-child{background:linear-gradient(90deg,rgba(25,229,104,.7),transparent)}.arm-section-title h2{margin:0;font-size:20px;white-space:nowrap;color:#effff4;text-shadow:0 0 14px rgba(25,229,104,.18)}

.arm-card{position:relative;width:calc(100% - 24px);margin:0 auto 12px;padding:19px;background:linear-gradient(145deg,rgba(25,229,104,.055),transparent 48%),linear-gradient(180deg,#0d1b13,#07110c);border:1px solid var(--h-line);border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden}
.arm-card:before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:3px;background:linear-gradient(180deg,transparent,var(--h-green),transparent);box-shadow:0 0 10px rgba(25,229,104,.45)}
.arm-card-main{border-top-color:rgba(80,255,142,.35)}
.arm-card-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.06)}
.arm-card-head-icon{flex:0 0 40px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff;background:linear-gradient(180deg,#20df66,#087a34);border:1px solid rgba(105,255,157,.45);border-radius:6px;box-shadow:0 8px 18px rgba(8,122,52,.24),inset 0 1px 0 rgba(255,255,255,.2)}
.arm-card-head small{display:block;margin-bottom:3px;font-size:7px;font-weight:800;letter-spacing:1.6px;color:var(--h-green)}
.arm-card-head h3{margin:0;font-size:15px;color:#fff}

.arm-data-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
.arm-data-grid>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:9px 10px;font-size:9px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);border-radius:5px;transition:.2s ease}
.arm-data-grid>div:hover{border-color:rgba(25,229,104,.24);background:rgba(25,229,104,.04)}
.arm-data-grid span{color:#9eb0a5}.arm-data-grid strong{max-width:58%;text-align:right;color:#effff4;overflow-wrap:anywhere}.arm-new{padding:3px 7px;font-size:7px;letter-spacing:1px;color:#fff!important;background:linear-gradient(180deg,#1ee365,#087a34);border-radius:999px}

.arm-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:calc(100% - 24px);margin:0 auto 12px}.arm-grid .arm-card{width:100%;margin:0}
.arm-list,.arm-simple-list{margin:0;padding:0;list-style:none}.arm-list{display:grid;gap:7px}.arm-list li,.arm-simple-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:9px 0;font-size:9px;border-bottom:1px dashed rgba(255,255,255,.08)}.arm-list li:last-child,.arm-simple-list li:last-child{border-bottom:0}.arm-list i{flex:0 0 15px;color:var(--h-green)}.arm-list span{flex:1;color:#aebeb4}.arm-list strong,.arm-simple-list strong{text-align:right;color:#effff4}.arm-simple-list li{color:#aebeb4}

.arm-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.arm-event-grid span{min-width:0;padding:11px 8px;font-size:8px;font-weight:700;text-align:center;color:#dce9e1;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.06);border-radius:6px;overflow-wrap:anywhere;transition:.2s ease}.arm-event-grid span:hover{transform:translateY(-1px);border-color:rgba(25,229,104,.26);box-shadow:0 8px 18px rgba(0,0,0,.18)}.arm-event-grid i{display:block;margin-bottom:6px;font-size:14px;color:var(--h-green)}.arm-event-grid b{display:inline-block;margin-left:3px;padding:2px 5px;font-size:6px;color:#fff;background:#0d9b42;border-radius:999px}
.arm-store-card{background:linear-gradient(145deg,rgba(25,229,104,.08),transparent 55%),linear-gradient(180deg,#0d1b13,#07110c)}
.arm-footer-note{width:calc(100% - 24px);margin:23px auto 0;padding:14px;display:flex;align-items:center;justify-content:center;gap:12px;font:700 12px 'Cinzel',serif;letter-spacing:1px;text-align:center;text-transform:uppercase;color:#effff4;background:linear-gradient(90deg,#042414,#0b8b3c,#042414);border:1px solid rgba(90,255,148,.48);border-radius:6px;box-shadow:0 10px 25px rgba(0,0,0,.24),0 0 18px rgba(25,229,104,.08)}.arm-footer-note i{color:#8affb1}

.arm-info{container-type:inline-size}
@media(min-width:650px){.arm-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:620px){.arm-data-grid,.arm-grid{grid-template-columns:minmax(0,1fr)}.arm-info-header h1{font-size:27px}}
@container(max-width:430px){.arm-info-header{padding:24px 17px 21px}.arm-info-header h1{font-size:23px}.arm-info-header-top{align-items:flex-start}.arm-rate-badge{flex-basis:64px;width:64px}.arm-rate-badge strong{font-size:18px}.arm-card{width:calc(100% - 16px);padding:16px 13px}.arm-grid,.arm-footer-note{width:calc(100% - 16px)}.arm-footer-note{font-size:10px}.arm-event-grid{grid-template-columns:minmax(0,1fr)}}
	

/* =========================================================
   L2CORE CODEX - SERVER INFORMATION
   Estilo MMORPG / Obsidian + Emerald + Antique Gold
   Todo esta encapsulado en .core-codex para no tocar tu web.
   ========================================================= */
.core-codex,
.core-codex * { box-sizing: border-box; }

.core-codex {
    --cc-bg: #07100d;
    --cc-bg2: #0a1712;
    --cc-panel: rgba(6, 16, 12, .96);
    --cc-panel2: rgba(11, 27, 20, .95);
    --cc-line: #e9d7b3;
    --cc-line-soft: rgba(162, 132, 69, .32);
    --cc-gold: #030c08;
    --cc-gold2: #8f7339;
    --cc-green: #00b879;
    --cc-green2: #19d69a;
    --cc-cyan: #43d6c1;
    --cc-text: #e9e5d9;
    --cc-muted: #9ca99f;
    --cc-danger: #ff5959;
    width: 100%;
    color: var(--cc-text);
    font-family: 'Montserrat', Arial, sans-serif;
}

.core-codex .cc-shell {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--cc-line);
    background:
        radial-gradient(circle at 50% -20%, rgba(0,184,121,.18), transparent 42%),
        linear-gradient(180deg, rgba(14,34,25,.98), rgb(116 154 140 / 99%));
    box-shadow: 0 18px 55px rgba(0,0,0,.55), inset 0 0 0 1px rgba(0,0,0,.8), inset 0 0 55px rgba(0,0,0,.48);
}

.core-codex .cc-shell:before,
.core-codex .cc-shell:after {
    content: '';
    position: absolute;
    top: 0;
    width: 160px;
    height: 160px;
    pointer-events: none;
    opacity: .72;
}
.core-codex .cc-shell:before {
    left: 0;
    background: linear-gradient(135deg, rgba(199,167,99,.3), transparent 52%);
    clip-path: polygon(0 0,100% 0,0 100%);
}
.core-codex .cc-shell:after {
    right: 0;
    background: linear-gradient(225deg, rgba(0,184,121,.3), transparent 52%);
    clip-path: polygon(0 0,100% 0,100% 100%);
}

/* TOP CREST */
.core-codex .cc-crest {
    position: relative;
    text-align: center;
    padding: 33px 26px 27px;
    border-bottom: 1px solid var(--cc-line-soft);
    background: linear-gradient(180deg, rgba(3,10,7,.28), rgba(0,0,0,.16));
}
.core-codex .cc-crest-kicker {
    display: block;
    margin-bottom: 6px;
    color: #ffffff;
    font: 600 10px/1.2 'Montserrat', sans-serif;
    letter-spacing: 4px;
    text-transform: uppercase;
}
.core-codex .cc-crest h1 {
    margin: 0;
    color: #f3efe2;
    font: 700 30px/1.05 'Cinzel', serif;
    letter-spacing: 1px;
    text-shadow: 0 2px 14px rgba(0,0,0,.75);
}
.core-codex .cc-crest p {
    max-width: 650px;
    margin: 11px auto 0;
    color: var(--cc-muted);
    font-size: 11px;
    line-height: 1.65;
}
.core-codex .cc-crest-rate {
    position: absolute;
    right: 24px;
    top: 24px;
    min-width: 84px;
    padding: 9px 12px 10px;
    border: 1px solid var(--cc-gold2);
    background: linear-gradient(180deg, rgba(11,41,29,.96), rgba(4,20,14,.98));
    box-shadow: inset 0 0 18px rgba(0,184,121,.12), 0 0 20px rgba(0,0,0,.35);
}
.core-codex .cc-crest-rate small {
    display:block;
    color: #0aff92;
    font-size: 8px;
    letter-spacing: 2px;
}
.core-codex .cc-crest-rate strong {
    display:block;
    margin-top: 2px;
    color: #dffdf1;
    font:700 23px 'Cinzel', serif;
    text-shadow: 0 0 15px rgba(0,184,121,.45);
}
.core-codex .cc-ornament {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin: 14px auto 0;
    max-width:340px;
}
.core-codex .cc-ornament:before,
.core-codex .cc-ornament:after {
    content:'';
    height:1px;
    flex:1;
    background: linear-gradient(90deg, transparent, var(--cc-gold2));
}
.core-codex .cc-ornament:after { background:linear-gradient(90deg,var(--cc-gold2),transparent); }
.core-codex .cc-ornament i { color:var(--cc-green2); font-size:11px; text-shadow:0 0 10px rgba(25,214,154,.65); }

/* MAIN CODEX */
.core-codex .cc-book {
    display:grid;
    grid-template-columns: 188px minmax(0,1fr);
    min-height: 600px;
}

/* NAV - like old game journal */
.core-codex .cc-nav {
    position:relative;
    padding: 18px 12px 22px;
    border-right:1px solid var(--cc-line-soft);
    background: linear-gradient(180deg, rgba(3,12,9,.82), rgba(1,7,5,.94));
}
.core-codex .cc-nav-title {
    padding: 0 8px 12px;
    margin-bottom:8px;
    color:var(--cc-gold);
    font:600 9px 'Montserrat',sans-serif;
    letter-spacing:2.4px;
    text-transform:uppercase;
    border-bottom:1px solid rgba(143,115,57,.28);
}
.core-codex .cc-tab {
    width:100%;
    display:flex;
    align-items:center;
    gap:10px;
    position:relative;
    padding:11px 10px;
    margin:2px 0;
    border:0;
    border-left:2px solid transparent;
    background:transparent;
    color:#a9b2aa;
    cursor:pointer;
    text-align:left;
    font:600 10px 'Montserrat',sans-serif;
    letter-spacing:.35px;
    transition:.18s ease;
}
.core-codex .cc-tab i {
    width:17px;
    color:#786c4b;
    text-align:center;
    transition:.18s ease;
}
.core-codex .cc-tab:before {
    content:'';
    position:absolute;
    right:0;
    top:50%;
    width:4px;
    height:4px;
    transform:translateY(-50%) rotate(45deg);
    background:transparent;
    border:1px solid transparent;
}
.core-codex .cc-tab:hover {
    color:#e9e5d9;
    background:linear-gradient(90deg,rgba(0,184,121,.08),transparent);
}
.core-codex .cc-tab.active {
    color:#fff6d9;
    border-left-color:var(--cc-green2);
    background:linear-gradient(90deg,rgba(0,184,121,.18),rgba(0,184,121,.035));
    text-shadow:0 0 10px rgba(0,184,121,.18);
}
.core-codex .cc-tab.active i { color:var(--cc-green2); text-shadow:0 0 9px rgba(0,184,121,.6); }
.core-codex .cc-tab.active:before { background:var(--cc-gold); border-color:#d6bd80; }

.core-codex .cc-nav-seal {
    margin:25px 10px 0;
    padding-top:16px;
    border-top:1px solid rgba(143,115,57,.25);
    text-align:center;
    color:#6f786f;
    font:500 8px/1.65 'Montserrat',sans-serif;
    letter-spacing:1px;
    text-transform:uppercase;
}
.core-codex .cc-nav-seal i {
    display:block;
    margin-bottom:7px;
    color:var(--cc-gold2);
    font-size:18px;
}

/* CONTENT */
.core-codex .cc-content {
    position:relative;
    padding:24px 25px 28px;
    background:
        linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.008) 1px, transparent 1px);
    background-size:32px 32px;
}
.core-codex .cc-page { display:none; animation:ccFade .22s ease; }
.core-codex .cc-page.active { display:block; }
@keyframes ccFade { from{opacity:0;transform:translateY(4px)} to{opacity:1;transform:none} }

.core-codex .cc-page-head {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    padding-bottom:14px;
    margin-bottom:18px;
    border-bottom:1px solid var(--cc-line-soft);
}
.core-codex .cc-page-head small {
    display:block;
    margin-bottom:4px;
    color:var(--cc-green2);
    font:600 8px 'Montserrat',sans-serif;
    letter-spacing:2.5px;
    text-transform:uppercase;
}
.core-codex .cc-page-head h2 {
    margin:0;
    color:#f0ead9;
    font:700 21px 'Cinzel',serif;
}
.core-codex .cc-page-rune {
    color:var(--cc-gold2);
    font-size:25px;
    opacity:.78;
}

/* stat rows, intentionally not cards */
.core-codex .cc-ledger {
    border-top:1px solid rgba(199,167,99,.18);
}
.core-codex .cc-ledger-row {
    display:grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items:center;
    gap:18px;
    min-height:44px;
    padding:9px 13px;
    border-bottom:1px solid rgba(199,167,99,.13);
    background:linear-gradient(90deg,rgba(0,184,121,.025),transparent 75%);
}
.core-codex .cc-ledger-row:nth-child(even) { background:rgba(255,255,255,.012); }
.core-codex .cc-ledger-row span {
    color:#a8b0aa;
    font-size:10px;
}
.core-codex .cc-ledger-row strong {
    color:#efe8d7;
    font:600 10px 'Montserrat',sans-serif;
    text-align:right;
}
.core-codex .cc-ledger-row strong.em { color:#65e8bd; }
.core-codex .cc-ledger-row strong.gold { color:#d8bd7d; }

/* Overview banner */
.core-codex .cc-intro {
    display:grid;
    grid-template-columns: 1.2fr .8fr;
    gap:15px;
    margin-bottom:18px;
}
.core-codex .cc-proclamation,
.core-codex .cc-worldmark {
    position:relative;
    min-height:150px;
    padding:19px;
    border:1px solid var(--cc-line-soft);
    background:linear-gradient(135deg,rgba(11,32,23,.96),rgba(3,11,8,.98));
    overflow:hidden;
}
.core-codex .cc-proclamation:after {
    content:'CORE';
    position:absolute;
    right:-7px;
    bottom:-24px;
    color:rgba(199,167,99,.035);
    font:700 72px 'Cinzel',serif;
    pointer-events:none;
}
.core-codex .cc-proclamation small,
.core-codex .cc-worldmark small {
    color:var(--cc-gold);
    font-size:8px;
    letter-spacing:2px;
    text-transform:uppercase;
}
.core-codex .cc-proclamation h3 {
    margin:5px 0 9px;
    color:#f2ecdc;
    font:700 18px 'Cinzel',serif;
}
.core-codex .cc-proclamation p {
    max-width:470px;
    margin:0;
    color:#98a59c;
    font-size:10px;
    line-height:1.7;
}
.core-codex .cc-worldmark {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}
.core-codex .cc-worldmark i {
    color:var(--cc-green2);
    font-size:27px;
    margin-bottom:9px;
    text-shadow:0 0 18px rgba(25,214,154,.55);
}
.core-codex .cc-worldmark strong {
    display:block;
    color:#eef9f2;
    font:700 22px 'Cinzel',serif;
}
.core-codex .cc-worldmark span { color:#91a196; font-size:9px; margin-top:4px; }

.core-codex .cc-feature-strip {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border:1px solid var(--cc-line-soft);
    margin-top:18px;
}
.core-codex .cc-feature {
    padding:13px 10px;
    text-align:center;
    border-right:1px solid var(--cc-line-soft);
    background:rgba(0,0,0,.18);
}
.core-codex .cc-feature:last-child { border-right:0; }
.core-codex .cc-feature i { display:block; color:var(--cc-green2); margin-bottom:6px; }
.core-codex .cc-feature strong {display:block;color:#e7e1d3;font-size: 12px;}
.core-codex .cc-feature span { display:block; color:#7f8e84; font-size:8px; margin-top:2px; }

/* event plaques */
.core-codex .cc-events {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.core-codex .cc-event {
    display:flex;
    align-items:center;
    gap:12px;
    min-height:60px;
    padding:11px 13px;
    border:1px solid rgba(143,115,57,.3);
    background:linear-gradient(90deg,rgba(0,184,121,.07),rgba(0,0,0,.18));
}
.core-codex .cc-event i {
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border:1px solid rgba(199,167,99,.35);
    color:var(--cc-green2);
    background:rgba(0,0,0,.22);
}
.core-codex .cc-event strong { display:block; color:#ece6d8; font-size:10px; }
.core-codex .cc-event span { display:block; margin-top:2px; color:#7f8d84; font-size:8px; }
.core-codex .cc-new {
    display:inline-block;
    margin-left:5px;
    color:#6cf0bf;
    font-size:7px;
    letter-spacing:1px;
}

/* section notes */
.core-codex .cc-note {
    margin-top:17px;
    padding:12px 14px;
    border-left:2px solid var(--cc-gold2);
    background:rgba(199,167,99,.045);
    color:#8f9b92;
    font-size:9px;
    line-height:1.65;
}
.core-codex .cc-note i { color:var(--cc-gold); margin-right:7px; }

/* countdown adapts to codex */
.core-codex .cc-countdown {
    margin-bottom:14px;
    padding:16px;
    text-align:center;
    border:1px solid var(--cc-line-soft);
    background:linear-gradient(180deg,rgba(6,23,16,.96),rgba(2,11,8,.98));
}
.core-codex .cc-countdown .cc-countdown-kicker {
    color:var(--cc-gold);
    font-size:8px;
    letter-spacing:3px;
}
.core-codex .cc-countdown strong {
    display:block;
    color:#f1ebdc;
    font:700 17px 'Cinzel',serif;
    margin:4px 0;
}
.core-codex .cc-countdown small { color:#89968e; font-size:9px; }
.core-codex .atualstudioCountdown { margin-top:12px; }

.core-codex .cc-footer {
    padding:15px 20px;
    text-align:center;
    border-top:1px solid var(--cc-line-soft);
    color:#7f8b83;
    font:500 8px 'Montserrat',sans-serif;
    letter-spacing:2px;
    text-transform:uppercase;
    background:rgba(0,0,0,.26);
}
.core-codex .cc-footer i { color:var(--cc-gold2); margin:0 9px; }

@media(max-width:820px) {
    .core-codex .cc-book { grid-template-columns:1fr; }
    .core-codex .cc-nav {
        display:flex;
        gap:4px;
        overflow-x:auto;
        padding:10px;
        border-right:0;
        border-bottom:1px solid var(--cc-line-soft);
    }
    .core-codex .cc-nav-title,.core-codex .cc-nav-seal { display:none; }
    .core-codex .cc-tab { flex:0 0 auto; width:auto; padding:9px 10px; border-left:0; border-bottom:2px solid transparent; }
    .core-codex .cc-tab.active { border-left:0; border-bottom-color:var(--cc-green2); }
    .core-codex .cc-tab:before { display:none; }
    .core-codex .cc-content { padding:18px 14px 22px; }
    .core-codex .cc-crest-rate { position:static; width:90px; margin:15px auto 0; }
    .core-codex .cc-intro { grid-template-columns:1fr; }
    .core-codex .cc-feature-strip { grid-template-columns:repeat(2,1fr); }
    .core-codex .cc-feature:nth-child(2) { border-right:0; }
    .core-codex .cc-feature:nth-child(-n+2) { border-bottom:1px solid var(--cc-line-soft); }
}
@media(max-width:520px) {
    .core-codex .cc-crest h1 { font-size:24px; }
    .core-codex .cc-events { grid-template-columns:1fr; }
    .core-codex .cc-page-head h2 { font-size:18px; }
    .core-codex .cc-ledger-row { grid-template-columns:1fr; gap:3px; }
    .core-codex .cc-ledger-row strong { text-align:left; }
}


/* =========================================================
   L2CORE CODEX - COMPACT FIT PATCH
   Diseñado para el ancho REAL del centro de este template.
   No depende del ancho del navegador.
   ========================================================= */
.core-codex { min-width:0 !important; max-width:100% !important; overflow:hidden !important; }
.core-codex .cc-shell { width:100% !important; max-width:100% !important; overflow:hidden !important; }

/* El libro deja de usar sidebar fija: capítulos arriba, como barra de grimorio */
.core-codex .cc-book {
    display:block !important;
    min-height:0 !important;
    width:100% !important;
    min-width:0 !important;
}
.core-codex .cc-nav {
    display:flex !important;
    flex-wrap:wrap !important;
    gap:0 !important;
    width:100% !important;
    min-width:0 !important;
    padding:7px 8px !important;
    border-right:0 !important;
    border-bottom:1px solid var(--cc-line-soft) !important;
    background:linear-gradient(180deg,#06130e,#030b08) !important;
    overflow:visible !important;
}
.core-codex .cc-nav-title,
.core-codex .cc-nav-seal { display:none !important; }
.core-codex .cc-tab {
    flex:1 1 25% !important;
    width:auto !important;
    min-width:105px !important;
    justify-content:center !important;
    padding:9px 6px !important;
    margin:0 !important;
    border-left:0 !important;
    border-right:1px solid rgba(143,115,57,.13) !important;
    border-bottom:2px solid transparent !important;
    text-align:center !important;
    font-size:13px !important;
    white-space:nowrap !important;
}
.core-codex .cc-tab i { width:auto !important; font-size:9px !important; }
.core-codex .cc-tab:before { display:none !important; }
.core-codex .cc-tab.active {
    border-left:0 !important;
    border-bottom-color:var(--cc-green2) !important;
    background:linear-gradient(180deg,rgba(0,184,121,.16),rgba(0,184,121,.035)) !important;
}

/* Fuerza el fondo oscuro aunque el theme global aplique fondos a main/section */
.core-codex .cc-content,
.core-codex main.cc-content,
.core-codex .cc-page,
.core-codex section.cc-page {
    min-width:0 !important;
    max-width:100% !important;
    background-color:#06110d !important;
    color:var(--cc-text) !important;
}
.core-codex .cc-content {
    width:100% !important;
    padding:18px 16px 22px !important;
    overflow:hidden !important;
    background-image:
        radial-gradient(circle at 85% 0%,rgba(0,184,121,.055),transparent 38%),
        linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.008) 1px,transparent 1px) !important;
    background-size:auto,32px 32px,32px 32px !important;
}
.core-codex .cc-page { width:100% !important; overflow:hidden !important; }

/* Header compacto para no competir con los paneles laterales de la web */
.core-codex .cc-crest { padding:23px 105px 20px 18px !important; text-align:left !important; }
.core-codex .cc-crest-kicker { font-size:8px !important; letter-spacing:3px !important; }
.core-codex .cc-crest h1 { font-size:25px !important; }
.core-codex .cc-crest p { max-width:430px !important; margin:8px 0 0 !important; font-size:9px !important; }
.core-codex .cc-ornament { justify-content:flex-start !important; max-width:210px !important; margin:11px 0 0 !important; }
.core-codex .cc-crest-rate { right:15px !important; top:19px !important; min-width:76px !important; padding:8px !important; }
.core-codex .cc-crest-rate strong { font-size:20px !important; }

.core-codex .cc-page-head { margin-bottom:14px !important; padding-bottom:10px !important; }
.core-codex .cc-page-head h2 { font-size:18px !important; }
.core-codex .cc-page-head small { font-size:7px !important; }
.core-codex .cc-page-rune { font-size:19px !important; }

/* Overview: una sola columna; así jamás se corta */
.core-codex .cc-intro { display:block !important; margin-bottom:14px !important; }
.core-codex .cc-proclamation,
.core-codex .cc-worldmark {
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:15px !important;
    background:linear-gradient(135deg,#0b2017,#030c09) !important;
}
.core-codex .cc-worldmark {
    display:grid !important;
    grid-template-columns:40px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    column-gap:10px !important;
    align-items:center !important;
    text-align:left !important;
    margin-top:8px !important;
}
.core-codex .cc-worldmark i { grid-row:1 / span 2; margin:0 !important; font-size:22px !important; }
.core-codex .cc-worldmark strong { font-size:16px !important; }
.core-codex .cc-worldmark span { margin:0 !important; }
.core-codex .cc-proclamation h3 { font-size:16px !important; }
.core-codex .cc-proclamation p { max-width:none !important; font-size:9px !important; }
.core-codex .cc-proclamation:after { font-size:55px !important; }

/* Ledger protegido contra textos largos y CSS externo */
.core-codex .cc-ledger { width:100% !important; min-width:0 !important; background:#07130f !important; }
.core-codex .cc-ledger-row {
    width:100% !important;
    min-width:0 !important;
    grid-template-columns:minmax(0,1fr) minmax(115px,42%) !important;
    gap:10px !important;
    min-height:39px !important;
    padding:8px 10px !important;
    background-color:#07130f !important;
}
.core-codex .cc-ledger-row:nth-child(even) { background-color:#091711 !important; }
.core-codex .cc-ledger-row span,
.core-codex .cc-ledger-row strong {
    min-width:0 !important;
    max-width:100% !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    font-size:13px !important;
}

/* 2x2, nunca cuatro columnas horizontales */
.core-codex .cc-feature-strip {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
}
.core-codex .cc-feature { min-width:0 !important; padding:11px 6px !important; }
.core-codex .cc-feature:nth-child(2n) { border-right:0 !important; }
.core-codex .cc-feature:nth-child(-n+2) { border-bottom:1px solid var(--cc-line-soft) !important; }

/* Eventos en una columna: más legible en el centro estrecho */
.core-codex .cc-events { grid-template-columns:1fr !important; width:100% !important; }
.core-codex .cc-event { width:100% !important; min-width:0 !important; }
.core-codex .cc-event > div { min-width:0 !important; }
.core-codex .cc-event strong,
.core-codex .cc-event span { overflow-wrap:anywhere !important; }

.core-codex .cc-note { max-width:100% !important; overflow-wrap:anywhere !important; }
.core-codex .cc-footer { padding:12px 8px !important; font-size:7px !important; letter-spacing:1.2px !important; }

/* En centros extremadamente angostos */
@media(max-width:560px) {
    .core-codex .cc-tab { flex-basis:50% !important; min-width:0 !important; }
    .core-codex .cc-crest { padding:20px 14px !important; text-align:center !important; }
    .core-codex .cc-crest-rate { position:static !important; width:82px !important; margin:12px auto 0 !important; }
    .core-codex .cc-crest p { margin:8px auto 0 !important; }
    .core-codex .cc-ornament { margin:10px auto 0 !important; }
    .core-codex .cc-content { padding:14px 10px 18px !important; }
    .core-codex .cc-ledger-row { grid-template-columns:minmax(0,1fr) minmax(90px,42%) !important; }
}
/* =========================================
   EQUIPMENT EVOLUTION 6 STAGES
========================================= */

.evo-showcase {
    margin-top: 28px;
    padding: 24px;
    border: 1px solid rgb(255 247 234 / 28%);
    background: radial-gradient(circle at 50% 20%, rgb(3 12 8), transparent 45%), linear-gradient(180deg, rgb(3 13 9), rgb(3 12 8));
    box-shadow:
        inset 0 0 45px rgba(0,0,0,.4),
        0 15px 35px rgba(0,0,0,.25);
}


/* HEADER */

.evo-head {
    text-align: center;
    margin-bottom: 18px;
}

.evo-head small {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 9px;
    letter-spacing: 3px;
    color: #fbfffd;
    margin-bottom: 5px;
}

.evo-head h3 {
    margin: 0;

    font-family: 'Cinzel', serif;
    font-size: 25px;
    font-weight: 600;

    color: #ead3a2;
}

.evo-head p {
    margin: 6px 0 0;

    font-size: 11px;
    color: #958f84;
}


/* MAIN IMAGE AREA */

.evo-stage {
    position: relative;

    width: 100%;
    height: 360px;

    overflow: hidden;

    border: 1px solid rgb(250 255 253);

    background:
        radial-gradient(
            ellipse at center bottom,
            rgba(141,81,31,.18),
            transparent 55%
        ),
        #080807;

    box-shadow:
        inset 0 0 40px rgba(0,0,0,.55);
}


/* IMAGES */

.evo-img {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: contain;

    user-select: none;
    pointer-events: none;
}

.evo-img-a {
    z-index: 1;
}

.evo-reveal {
    position: absolute;

    top: 0;
    left: 0;

    width: 0%;
    height: 100%;

    overflow: hidden;

    z-index: 2;
}

.evo-img-b {
    width: 100%;
    max-width: none;
}


/* DIVIDER */

.evo-divider {
    position: absolute;

    top: 0;
    left: 0%;

    width: 2px;
    height: 100%;

    z-index: 5;

    background: #f9fffc;

    box-shadow:
        0 0 8px rgb(3 12 8),
        0 0 20px rgb(3 12 8);

    pointer-events: none;
}


/* CENTER HANDLE */

.evo-handle {
    position: absolute;

    top: 50%;
    left: 50%;

    width: 48px;
    height: 48px;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;

    border: 1px solid #ffffff;

    background:
        radial-gradient(circle, #020b08 0%, #020b07 75%);

    color: #d2d2d2;

    font-size: 11px;

    box-shadow:
        0 0 0 4px rgba(0,0,0,.45),
        0 0 20px rgba(190,126,44,.38);
}


/* TOP LABELS */

.evo-current-label,
.evo-next-label {
    position: absolute;

    top: 15px;

    z-index: 8;

    padding: 6px 10px;

    font-family: 'Montserrat', sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;

    color: #f9fffd;

    background: rgba(8,7,5,.88);

    border: 1px solid rgb(255 255 255 / 40%);

    pointer-events: none;
}

.evo-current-label {
    left: 15px;
}

.evo-next-label {
    right: 15px;
}


/* INVISIBLE RANGE */

.evo-range {
    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    margin: 0;

    opacity: 0;

    cursor: ew-resize;

    z-index: 20;
}


/* STAGES */

.evo-steps {
    display: flex;
    align-items: stretch;

    margin-top: 12px;

    border: 1px solid rgb(255 255 255 / 18%);
}

.evo-step {
    flex: 1;

    position: relative;

    padding: 10px 4px;

    cursor: pointer;

    border: 0;
    border-right: 1px solid rgb(2 11 7);

    background: rgb(3 11 7);

    transition: .25s ease;
}

.evo-step:last-child {
    border-right: 0;
}

.evo-step span {
    display: block;

    margin-bottom: 3px;

    font-family: 'Montserrat', sans-serif;
    font-size: 8px;
    font-weight: 700;

    color: #ffad05;
}

.evo-step strong {
    display: block;
    font-family: 'Cinzel', serif;
    font-size: 10px;
    font-weight: 600;
    color: #ffffff;
}

.evo-step:hover {
    background: rgb(17 84 39 / 90%);
}

.evo-step.active {
    background:
        linear-gradient(
            180deg,
            rgb(49 65 58),
            rgb(2 11 7)
        );

    box-shadow:
        inset 0 2px 0 #ffffff;
}

.evo-step.active span {
    color: #fafafa;
}

.evo-step.active strong {
    color: #fff7e6;
}


/* MOBILE */

@media (max-width: 800px) {

    .evo-stage {
        height: 300px;
    }

    .evo-steps {
        flex-wrap: wrap;
    }

    .evo-step {
        flex: 0 0 33.333%;
    }
}
/* ==============================
   FARMING ZONES
============================== */

.cc-farm-zones {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 10px;
}

.cc-farm-zone {
    position: relative;
    background: linear-gradient(135deg, rgb(6 17 13), rgb(3 12 8));
    border: 1px solid rgb(255 255 255 / 28%);
    border-radius: 10px;
    overflow: hidden;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),;
    border: 1px solid rgb(255 255 255);
}


/* línea dorada superior */
.cc-farm-zone::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent,
        #ffffff,
        #fff3ee,
        #ffffff,
        transparent
    );
}


/* HEADER DE LA ZONA */

.cc-farm-zone-head {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 18px 16px 13px;
    border-bottom: 1px solid rgba(255,255,255,.05);
}

.cc-zone-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 6px;

    background: rgba(185, 145, 66, .08);
    border: 1px solid rgba(185, 145, 66, .23);

    color: #c8a458;
    font-size: 15px;
}

.cc-zone-title {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.cc-zone-title strong {
    color: #e4d8bd;
    font-size: 10px;
    font-weight: 10000;
    letter-spacing: .2px;
}

.cc-zone-title span {
    color: #726d63;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin-top: 1px;
}


/* DROPS */

.cc-zone-drops {
    padding: 7px 12px 10px;
}

.cc-drop-item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 50px;
    padding: -05px 5px;
    border-bottom: 1px solid rgba(255,255,255,.04);
}

.cc-drop-item:last-child {
    border-bottom: 0;
}


/* ICONO DEL ITEM */

.cc-drop-item img {
    width: 32px;
    height: 32px;
    min-width: 32px;

    object-fit: contain;

    padding: 2px;
    border-radius: 4px;

    background: rgba(0,0,0,.28);
    border: 1px solid rgba(202, 165, 91, .16);

    image-rendering: auto;
}


/* NOMBRE + CANTIDAD */

.cc-drop-item > div {
    flex: 1;
    min-width: 0;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1px;
}

.cc-drop-item span {
    color: #a9a398;
    font-size: 10px;
}

.cc-drop-item strong {
    color: #ffb700;
    font-size: 12px;
    font-weight: 100px;
    background: rgba(187, 146, 66, .07);
    border: 2px solid rgba(187, 146, 66, .14);
    padding: 1px 4px;
    border-radius: 2px;
    white-space: nowrap;
}


/* RESPONSIVE */

@media (max-width: 760px) {

    .cc-farm-zones {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 440px) {

    .cc-drop-item > div {
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
    }

}
/* =========================================
   FIX - EQUIPMENT PROGRESSION CENTER
========================================= */

.gear-progress {
    width: 100%;
    max-width: 920px;
    margin: 30px auto 0;
    box-sizing: border-box;
}


/* HEADER */

.gear-progress-head {
    width: 100%;
    text-align: center;
    margin: 0 auto 22px;
}

.gear-progress-head p {
    max-width: 650px;
    margin: 6px auto 0;
}


/* =========================
   PROGRESSION CARDS
========================= */

.gear-path {
    width: 100%;
    max-width: 820px;
    margin: 0 auto;

    display: flex;
    flex-direction: column;
    gap: 12px;
}


/* línea vertical */

.gear-path::before {
    left: 25px;
}


/* TARJETA */

.gear-tier {
    width: 100%;
    box-sizing: border-box;

    display: flex;
    align-items: flex-start;

    gap: 18px;

    padding: 15px 18px;
}


/* contenido */

.gear-tier-info {
    flex: 1;
    min-width: 0;
}


/* =========================
   REQUIREMENTS
========================= */

.gear-requirements {
    width: 100%;

    display: grid;

    grid-template-columns:
        repeat(auto-fit, minmax(140px, 1fr));

    gap: 8px;

    box-sizing: border-box;
}


.gear-material {
    width: 100%;
    min-width: 0;

    box-sizing: border-box;

    display: flex;
    align-items: center;

    gap: 8px;

    padding: 7px 9px;
}


/* iconos */

.gear-material img {
    width: 32px;
    height: 32px;

    min-width: 32px;

    object-fit: contain;
}


/* evita que el texto rompa la caja */

.gear-material div {
    min-width: 0;
}

.gear-material strong {
    display: block;

    white-space: normal;
    overflow-wrap: break-word;
}


/* =========================
   RECIPE SECTION
========================= */

.recipe-guide {
    width: 100%;
    max-width: 820px;

    margin: 24px auto 0;

    box-sizing: border-box;

    grid-template-columns:
        minmax(0, 1fr) 190px;

    overflow: hidden;
}


.recipe-guide-content {
    min-width: 0;
}


/* texto */

.recipe-guide-content p {
    max-width: 100%;
}


/* =========================
   RECIPE FLOW
========================= */

.recipe-flow {
    width: 100%;

    display: grid;

    grid-template-columns:
        1fr auto
        1fr auto
        1fr auto
        1fr;

    align-items: center;

    gap: 6px;

    box-sizing: border-box;
}


.recipe-flow > div {
    min-width: 0;

    justify-content: center;

    text-align: center;

    white-space: nowrap;
}


.recipe-flow > i {
    text-align: center;
}


/* =========================
   NPC
========================= */

.recipe-guide-npc {
    width: 190px;
    min-width: 0;
}

.recipe-guide-npc img {
    display: block;

    max-width: 170px;
    max-height: 190px;

    margin: 0 auto;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 850px) {

    .gear-progress {
        max-width: 100%;
    }

    .gear-path,
    .recipe-guide {
        max-width: 100%;
    }

    .recipe-guide {
        grid-template-columns: 1fr;
    }

    .recipe-guide-npc {
        width: 100%;
    }

}


@media (max-width: 650px) {

    .gear-requirements {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .recipe-flow {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .recipe-flow > i {
        display: none;
    }

}


@media (max-width: 430px) {

    .gear-requirements {
        grid-template-columns: 1fr;
    }

    .recipe-flow {
        grid-template-columns: 1fr;
    }

}
.gear-progress {
    margin-top: 30px;
}

.gear-progress-head {
    margin-bottom: 18px;
}

.gear-progress-head small {
    color: #030c08;
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: 700;
}

.gear-progress-head h3 {
    margin: 5px 0 4px;
    color: #020b08;
    font-size: 22px;
}

.gear-progress-head p {
    color: #837d72;
    font-size: 12px;
    margin: 0;
}


/* PATH */

.gear-path {
    position: relative;
    display: grid;
    gap: 12px;
}

.gear-path::before {
    content: "";
    position: absolute;
    left: 25px;
    top: 35px;
    bottom: 35px;
    width: 1px;
    background: linear-gradient(
        to bottom,
        rgba(197,158,77,.15),
        rgb(255 255 255),
        rgba(197,158,77,.15)
    );
}

.gear-tier {
    position: relative;
    display: flex;
    gap: 18px;
    padding: 15px 17px;
    background: linear-gradient(120deg, rgba(20, 21, 18, .96), rgb(6 17 13));
    border: 1px solid rgb(255 252 246 / 20%);
    border-radius: 7px;
}

.gear-tier-final {
    border-color: rgba(210,174,88,.45);

    box-shadow:
        inset 0 0 25px rgba(204,164,78,.035),
        0 8px 25px rgb(2 11 7);
}


/* NUMBER */

.gear-tier-number {
    position: relative;
    z-index: 2;

    width: 35px;
    height: 35px;
    min-width: 35px;

    display: flex;
    justify-content: center;
    align-items: center;

    border-radius: 50%;

    color: #d5b361;

    background: #11120f;

    border: 1px solid rgba(210,174,88,.35);

    font-size: 10px;
    font-weight: 700;
}


/* INFO */

.gear-tier-info {
    flex: 1;
}

.gear-tier-tag {
    display: block;

    color: #75684d;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: 1.5px;
}

.gear-tier-info h4 {
    margin: 3px 0 12px;
    color: #ffffff;
    font-size: 15px;
}


/* MATERIALS */

.gear-requirements {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.gear-material {
    min-width: 145px;

    display: flex;
    align-items: center;

    gap: 8px;

    padding: 6px 9px;

    background: rgba(0,0,0,.22);

    border: 1px solid rgba(255,255,255,.045);

    border-radius: 5px;
}

.gear-material img {
    width: 32px;
    height: 32px;

    object-fit: contain;

    background: rgba(0,0,0,.28);

    border: 1px solid rgba(196,158,79,.15);

    border-radius: 4px;
}

.gear-material div {
    display: flex;
    flex-direction: column;
}

.gear-material small {
    color: #635f57;

    font-size: 8px;

    text-transform: uppercase;
    letter-spacing: .7px;
}

.gear-material strong {
    color: #bcb3a0;

    font-size: 10px;
    font-weight: 600;
}


/* ======================
   RECIPE GUIDE
====================== */

.recipe-guide {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: 25px;
    margin-top: 24px;
    padding: 22px;
    overflow: hidden;
    background: radial-gradient(circle at 85% 50%, rgba(181, 138, 56, .10), transparent 35%), linear-gradient(120deg, rgb(3 11 7), rgba(7, 8, 7, .99));
    border: 1px solid rgba(196,157,75,.27);
    border-radius: 8px;
}

.recipe-guide::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #a17b35,
            #d5b765,
            #a17b35,
            transparent
        );
}


/* TEXT */

.recipe-kicker {
    color: #bd9950;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: 1.6px;
}

.recipe-kicker i {
    margin-right: 5px;
}

.recipe-guide-content h3 {
    margin: 6px 0 10px;

    color: #e6dbc1;

    font-size: 19px;
}

.recipe-guide-content p {
    margin: 0 0 8px;

    max-width: 620px;

    color: #8e887c;

    font-size: 11px;

    line-height: 1.7;
}

.recipe-guide-content p strong {
    color: #ccb16c;
}


/* FLOW */

.recipe-flow {
    display: flex;

    align-items: center;

    gap: 9px;

    margin-top: 18px;

    flex-wrap: wrap;
}

.recipe-flow > div {
    display: flex;
    align-items: center;

    gap: 6px;

    padding: 7px 9px;

    color: #a9a294;

    background: rgba(0,0,0,.25);

    border: 1px solid rgba(190,151,72,.12);

    border-radius: 4px;

    font-size: 9px;
}

.recipe-flow > div i {
    color: #b79349;
}

.recipe-flow > i {
    color: #514a3c;
    font-size: 8px;
}


/* NPC */

.recipe-guide-npc {
    position: relative;

    min-height: 210px;

    display: flex;
    flex-direction: column;

    justify-content: flex-end;
    align-items: center;
}

.recipe-guide-npc img {
    position: relative;

    z-index: 2;

    max-width: 180px;
    max-height: 190px;

    object-fit: contain;

    filter:
        drop-shadow(0 8px 10px rgba(0,0,0,.6));
}

.npc-glow {
    position: absolute;

    width: 160px;
    height: 160px;

    bottom: 24px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(200,162,74,.18),
            transparent 68%
        );
}

.recipe-guide-npc span {
    position: relative;

    z-index: 3;

    margin-top: -5px;

    color: #756849;

    font-size: 8px;

    letter-spacing: 1.3px;
}

.recipe-guide-npc strong {
    position: relative;

    z-index: 3;

    margin-top: 2px;

    color: #d2b467;

    font-size: 11px;
}


/* RESPONSIVE */

@media (max-width: 760px) {

    .recipe-guide {
        grid-template-columns: 1fr;
    }

    .recipe-guide-npc {
        min-height: 180px;
    }

}

@media (max-width: 520px) {

    .gear-requirements {
        display: grid;
        grid-template-columns: 1fr;
    }

    .gear-material {
        min-width: 0;
    }

    .recipe-flow > i {
        display: none;
    }

}

.subclass-raids .cc-event {
    display: flex;
    align-items: center;
    gap: 15px;
}

.subclass-boss-img {
    width: 75px;
    height: 75px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid rgba(198, 160, 82, .55);
    box-shadow: 0 0 15px rgba(0,0,0,.45);
}

.subclass-flow {
    margin-top: 15px;
    flex-wrap: wrap;
}

.subclass-flow > div {
    min-width: 100px;
}