/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 * Licensed under the MIT license
 * http://opensource.org/licenses/MIT
 =========================================================
 
*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none !important;
}

a:focus, a:hover {
    color: inherit !important;
    text-decoration: none !important;
}

.form-control {
	background: #fafafa;
	border: 1px solid #e3e3e3;
	color: #666;
}
.form-control:focus {
	border: 1px solid #ccc;
}

/* http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3 */
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 */
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.thumbnail {
    background-color: #f1f1f1;
    border: 1px solid #e3e3e3;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #ff0000;
}

.btn-primary {
    color: #3f6588;
    background-color: transparent;
	border-color: #3f6588;
	-moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: #fff !important;
    background-color: #3f6588 !important;
	border-color: #3f6588 !important;
}

.form-horizontal .control-label {
	text-align: left !important;
}

/* Responsive fixes */
html, body {
    min-width: 0 !important;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

#container,
.footer,
.global-top-bar .global-top-bar-content,
.header-info-container {
    width: 100%;
    max-width: 1040px;
}

#container {
    margin-left: auto;
    margin-right: auto;
}

.footer {
    box-sizing: border-box;
}

.sidebar-banner img,
.webengine-mu-logo {
    max-width: 100%;
    height: auto;
}

/* Keep original table layout intact; only allow scroll on small screens */
#content .panel-body,
#content .table-responsive,
#content .rankings-wrapper {
    overflow-x: visible;
}

@media (max-width: 991px) {
    body {
        background-size: cover;
    }

    #header {
        padding: 36px 15px 10px;
    }

    .header-info-container {
        padding: 0 15px;
        box-sizing: border-box;
        text-align: center;
    }

    .header-info-container .header-info {
        width: 100%;
        max-width: 420px;
    }

    #container {
        padding: 15px 0;
        margin: 0 10px;
        width: auto;
    }

    #content {
        padding: 10px 15px 0;
    }

    .footer {
        width: auto;
        margin: 0 10px 30px;
        padding: 24px 15px;
    }

    .global-top-bar .global-top-bar-content {
        width: auto;
        padding: 0 10px;
    }

    #navbar ul li a {
        padding: 14px 16px;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    #navbar ul li {
        display: block;
        width: 100%;
    }

    #navbar ul li a {
        display: block;
        width: 100%;
        padding: 12px 14px;
        border-top: 1px solid rgba(255,255,255,0.08);
    }

    .global-top-bar {
        font-size: 11px;
    }

    .global-top-bar .col-xs-6 {
        width: 100%;
        float: none;
        text-align: center !important;
        margin-bottom: 4px;
    }

    .webengine-language-switcher,
    .webengine-language-switcher:hover {
        width: auto;
        height: auto;
        overflow: visible;
    }

    /* Stack only the main layout columns, not every nested bootstrap column */
    #content > .col-xs-8,
    #content > .col-xs-4,
    #content > .col-xs-12,
    #content > .col-sm-8,
    #content > .col-sm-4,
    #content > .col-sm-12 {
        width: 100%;
        float: none;
    }

    .header-info-container .row > .col-xs-6,
    .header-info-container .row > .col-sm-6,
    .header-info-container .row > .col-xs-12,
    .header-info-container .row > .col-sm-12 {
        width: 100%;
        float: none;
        text-align: center !important;
    }

    .home-news-block .home-news-block-header h2,
    .page-title {
        font-size: 22px;
    }

    .panel-sidebar > .panel-heading .panel-title,
    .panel-news .panel-title {
        line-height: 1.25;
    }

    .panel-sidebar > .panel-heading .btn,
    .panel-usercp > .panel-heading .btn {
        float: none !important;
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    .panel-sidebar,
    .panel-news,
    .panel-general,
    .panel-addstats,
    .panel-downloads {
        margin-bottom: 20px;
    }

    .rankings-table tr td {
        font-size: 14px;
        padding: 8px;
    }

    .rankings-table-place {
        font-size: 18px;
    }

    .sidebar-banner {
        margin: 15px 0;
    }
}

@media (max-width: 767px) {
    #content .panel-body {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #content .table,
    #content .rankings-table,
    #content .general-table-ui,
    #content .myaccount-table {
        display: table;
        width: 100%;
        min-width: 0;
        white-space: normal;
    }

    .rankings-table tr td,
    .general-table-ui tr td,
    .myaccount-table tr td {
        white-space: normal;
        word-break: break-word;
    }

    .panel-sidebar > .panel-heading .btn,
    .panel-usercp > .panel-heading .btn {
        width: auto;
        display: inline-block;
        margin-top: 0;
        float: right !important;
    }
}
#navbar{
    position: sticky;
    top: 0;
    z-index: 9999;
}

/* =========================================================
   Theme toggle + dark mode
========================================================= */

body,
#container,
.footer,
.panel,
.panel-heading,
.panel-footer,
.thumbnail,
.well,
.form-control,
input[type=text],
input[type=password],
input[type=number],
textarea,
select,
.btn,
a,
#navbar,
#navbar ul li a {
    -webkit-transition: background-color .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease, opacity .25s ease;
    -o-transition: background-color .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease, opacity .25s ease;
    transition: background-color .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease, opacity .25s ease;
}

body {
    background: #000000 url('../img/background.jpg') no-repeat top center;
}

@media only screen and (min-width: 2000px) {
    body {
        background: #000000 url('../img/background-2600.jpg') no-repeat top center !important;
    }
}

html.dark-mode body {
    position: relative;
    z-index: 0;
    background-color: #06080c !important;
    background-image: none !important;
    color: #d7dde5;
}

@media only screen and (min-width: 2000px) {
    html.dark-mode body {
        background-image: none !important;
    }
}

html.dark-mode body::before {
    content: '';
    position: fixed;
    z-index: -1;
    inset: -2%;
    pointer-events: none;
    background: #06080c url('../img/background-devias-queen.webp') center top/cover no-repeat;
    transform: translate3d(0,0,0) scale(1.02);
    will-change: transform;
    animation: devias-background-drift 24s ease-in-out infinite alternate;
}

@keyframes devias-background-drift {
    0% { transform: translate3d(0,0,0) scale(1.02); }
    100% { transform: translate3d(0,-12px,0) scale(1.025); }
}

@media (prefers-reduced-motion: reduce) {
    html.dark-mode body::before { animation: none; }
}

@media (max-width: 991px) {
    body,
    html.dark-mode body {
        background-size: cover !important;
    }
}


html.dark-mode .global-top-bar {
    background: rgba(7, 10, 15, 0.92);
    color: #cfd7e1;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

html.dark-mode .global-top-bar a {
    color: #d7dde5;
}

html.dark-mode .global-top-bar a:hover {
    color: #ffffff !important;
}

html.dark-mode #navbar {
    border-bottom: 1px solid rgba(255,255,255,0.08);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

html.dark-mode #navbar ul li a {
    color: #d7dde5 !important;
}

html.dark-mode #navbar ul li a:hover,
html.dark-mode #navbar ul li a:focus,
html.dark-mode #navbar ul li.active a,
html.dark-mode #navbar ul li a.active {
    color: #ffffff !important;
    background: rgba(255,255,255,0.05);
}

html.dark-mode #container {
    background: rgba(18, 24, 33, 0.96);
    color: #d7dde5;
    box-shadow: 0 12px 32px rgba(0,0,0,0.35);
}

html.dark-mode #content {
    color: #d7dde5;
}

html.dark-mode .footer {
    background: rgba(15, 20, 28, 0.97);
    color: #aeb8c4;
}

html.dark-mode .footer hr {
    border-top-color: #2a3645;
}

html.dark-mode a {
    color: #c2ccd8;
}

html.dark-mode a:focus,
html.dark-mode a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

html.dark-mode .thumbnail,
html.dark-mode .well,
html.dark-mode .panel,
html.dark-mode .panel-default,
html.dark-mode .panel-news,
html.dark-mode .panel-sidebar,
html.dark-mode .panel-general,
html.dark-mode .panel-addstats,
html.dark-mode .panel-downloads,
html.dark-mode .table-responsive {
    background: #161d27 !important;
    color: #d7dde5 !important;
    border-color: #253140 !important;
}

html.dark-mode .panel-heading,
html.dark-mode .panel-footer {
    background: #10161e !important;
    color: #d7dde5 !important;
    border-color: #253140 !important;
}

html.dark-mode .panel-title,
html.dark-mode .page-title,
html.dark-mode .home-news-block .home-news-block-header h2 {
    color: #ffffff !important;
}

html.dark-mode table,
html.dark-mode .table,
html.dark-mode .table-striped,
html.dark-mode .rankings-table,
html.dark-mode .general-table-ui,
html.dark-mode .myaccount-table {
    color: #d7dde5 !important;
    background: transparent;
}

html.dark-mode .table>tbody>tr>td,
html.dark-mode .table>tbody>tr>th,
html.dark-mode .table>tfoot>tr>td,
html.dark-mode .table>tfoot>tr>th,
html.dark-mode .table>thead>tr>td,
html.dark-mode .table>thead>tr>th,
html.dark-mode table td,
html.dark-mode table th,
html.dark-mode .rankings-table tr td,
html.dark-mode .general-table-ui tr td,
html.dark-mode .myaccount-table tr td {
    color: #d7dde5 !important;
    border-color: #253140 !important;
}

html.dark-mode .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgba(255,255,255,0.02);
}

html.dark-mode .rankings-table-place {
    color: #ffffff !important;
}

html.dark-mode .form-control,
html.dark-mode input[type=text],
html.dark-mode input[type=password],
html.dark-mode input[type=number],
html.dark-mode textarea,
html.dark-mode select {
    background: #0f141c !important;
    border: 1px solid #253140 !important;
    color: #d7dde5 !important;
}

html.dark-mode .form-control:focus,
html.dark-mode input[type=text]:focus,
html.dark-mode input[type=password]:focus,
html.dark-mode input[type=number]:focus,
html.dark-mode textarea:focus,
html.dark-mode select:focus {
    border-color: #42576e !important;
    box-shadow: 0 0 0 1px rgba(66, 87, 110, 0.2);
}

html.dark-mode .btn-primary {
    color: #d7dde5;
    background-color: transparent;
    border-color: #42576e;
}

html.dark-mode .btn-primary:active,
html.dark-mode .btn-primary:focus,
html.dark-mode .btn-primary:hover {
    color: #ffffff !important;
    background-color: #42576e !important;
    border-color: #42576e !important;
}

html.dark-mode .btn-default,
html.dark-mode .btn-secondary {
    color: #d7dde5;
    background: #18202b;
    border-color: #253140;
}

html.dark-mode .btn-default:hover,
html.dark-mode .btn-secondary:hover {
    color: #ffffff !important;
    background: #253140;
}

html.dark-mode .modal-content {
    background: #161d27;
    color: #d7dde5;
    border-color: #253140;
}

html.dark-mode .modal-header,
html.dark-mode .modal-footer {
    border-color: #253140;
}

html.dark-mode .close {
    color: #ffffff;
    opacity: .85;
}

html.dark-mode .header-info,
html.dark-mode .header-info-block {
    color: #e2e8f0;
}

html.dark-mode .webengine-online-bar {
    background: rgba(255,255,255,0.08);
}

html.dark-mode .sidebar-banner img,
html.dark-mode .webengine-mu-logo {
    filter: none;
}

/* MuShadow - Top Classes PvP */
.top-classes-section {
    clear: both;
    margin: 30px 0 10px;
    padding: 0 15px;
}

.top-classes-heading {
    margin-bottom: 18px;
    padding: 12px 20px;
    text-align: center;
    background: rgba(12, 15, 19, .94);
    border: 1px solid #252b32;
    border-radius: 3px;
}

.top-classes-heading h2 {
    margin: 0;
    color: #f1f1f1;
    font-family: "Cinzel", serif;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 1px;
}

.top-classes-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}

.top-class-card {
    min-width: 0;
    overflow: hidden;
    background: #090c10;
    border: 1px solid #27313a;
    clip-path: polygon(4% 0, 96% 0, 100% 4%, 100% 96%, 96% 100%, 4% 100%, 0 96%, 0 4%);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.top-class-card:hover {
    transform: translateY(-4px);
    border-color: #a37b30;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .45);
}

.top-class-image-wrap {
    position: relative;
    height: 260px;
    overflow: hidden;
}

.top-class-image {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    transition: transform .3s ease;
}

.top-class-card:hover .top-class-image {
    transform: scale(1.035);
}

.top-class-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,.1) 35%, rgba(2,5,8,.92) 100%);
}

.top-class-label {
    position: absolute;
    top: 15px;
    left: 8px;
    right: 8px;
    color: #e5b85d;
    font-family: "Cinzel", serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .8px;
    text-align: center;
    text-shadow: 0 1px 4px #000;
}

.top-class-player {
    min-height: 46px;
    padding: 12px 8px;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(180deg, #15191e, #090c10);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 22px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-top: 1px solid rgba(196, 145, 57, .35);
}

@media (max-width: 991px) {
    .top-classes-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .top-classes-section {
        padding: 0;
    }

    .top-classes-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .top-class-image-wrap {
        height: 220px;
    }

    .top-classes-heading h2 {
        font-size: 19px;
    }
}

@media (max-width: 380px) {
    .top-classes-grid {
        grid-template-columns: 1fr;
    }
}

/* MuShadow - Home competition and guild highlights */
.home-highlights-section {
    clear: both;
    margin: 32px 15px 10px;
}

.home-competition-grid {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 4fr) minmax(0, 3fr);
    gap: 18px;
    align-items: stretch;
}

.home-highlight-card {
    min-width: 0;
    overflow: hidden;
    background: #070b0f;
    border: 1px solid #25303a;
    clip-path: polygon(3% 0, 97% 0, 100% 4%, 100% 96%, 97% 100%, 3% 100%, 0 96%, 0 4%);
}

.home-highlight-media {
    position: relative;
    height: 330px;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(19, 26, 33, .96), rgba(4, 7, 10, .98)),
        url('../img/background-dark.jpg') center/cover no-repeat;
}

.home-highlight-trio .home-highlight-media {
    height: 370px;
    margin-top: -20px;
}

.home-highlight-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    transition: transform .35s ease;
}

.home-highlight-card:hover .home-highlight-image {
    transform: scale(1.025);
}

.home-highlight-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,.05) 38%, rgba(2,5,8,.94) 100%);
    pointer-events: none;
}

.home-highlight-badge {
    position: absolute;
    top: 18px;
    left: 18px;
    max-width: calc(100% - 36px);
    padding: 6px 11px;
    overflow: hidden;
    color: #fff;
    background: #93651f;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .45px;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0,0,0,.35);
}

.home-highlight-trio .home-highlight-badge,
.home-guild-castle .home-highlight-badge {
    background: #1676dc;
}

.home-highlight-caption {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 18px;
    z-index: 2;
    color: #fff;
}

.home-highlight-caption strong {
    display: block;
    overflow: hidden;
    font-family: "Cinzel", serif;
    font-size: 21px;
    line-height: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0 2px 6px #000;
}

.home-highlight-caption small {
    display: block;
    margin-top: 2px;
    color: #d6dbe0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .7px;
}

.home-highlight-trio .home-highlight-caption strong {
    font-size: 25px;
}

.home-guild-highlights {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 26px;
}

.home-guild-card .home-highlight-media {
    height: 390px;
}

@media (max-width: 767px) {
    .home-highlights-section {
        margin-left: 0;
        margin-right: 0;
    }

    .home-competition-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .home-highlight-media,
    .home-highlight-trio .home-highlight-media,
    .home-guild-card .home-highlight-media {
        height: 300px;
        margin-top: 0;
    }
}

@media (max-width: 480px) {
    .home-highlight-media,
    .home-highlight-trio .home-highlight-media,
    .home-guild-card .home-highlight-media {
        height: 240px;
    }

    .home-highlight-caption strong,
    .home-highlight-trio .home-highlight-caption strong {
        font-size: 18px;
    }
}
.navbar-nav > li > a{
    color:#2c2c2c !important;
}

.navbar-nav > li > a:hover{
    color:#000 !important;
}

/* MuShadow: menu superior Shop com os dois WebShops */
#navbar .mushadow-shop-menu {
    position: relative;
}
#navbar .mushadow-shop-submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 10010;
    min-width: 190px;
    padding: 6px 0;
    transform: translateX(-50%);
    text-align: left;
    background: #000;
    border: 1px solid #333;
    box-shadow: 0 8px 20px rgba(0,0,0,.55);
}
#navbar .mushadow-shop-menu:hover > .mushadow-shop-submenu,
#navbar .mushadow-shop-menu:focus-within > .mushadow-shop-submenu {
    display: block;
}
#navbar .mushadow-shop-submenu li {
    display: block;
    width: 100%;
}
#navbar .mushadow-shop-submenu li a {
    display: block;
    width: 100%;
    padding: 11px 16px;
    color: #fff !important;
    font-size: 14px;
    white-space: nowrap;
    text-align: left;
}
#navbar .mushadow-shop-submenu li a:hover,
#navbar .mushadow-shop-submenu li a:focus {
    background: #171717 !important;
    color: #e2b84b !important;
}
@media (max-width: 768px) {
    #navbar.active .mushadow-shop-submenu {
        display: block;
        position: static;
        min-width: 0;
        transform: none;
        border-width: 1px 0 0;
        box-shadow: none;
        background: #090909;
    }
    #navbar .mushadow-shop-submenu li a {
        padding-left: 32px;
        text-align: center;
    }
}
/* MuShadow - Dark panels, preserving the template background artwork */
html, body {
    color: #d0d0d0 !important;
}
.header, .navbar, .navbar-default, .navbar-inverse, .main-content, .content, .content-box,
.panel, .panel-default, .panel-heading, .panel-body, .panel-footer, .sidebar, .sidebar-widget,
.dropdown-menu, .modal-content, .well, .jumbotron, .list-group-item, .table, .table > tbody > tr > td,
.table > tbody > tr > th, .table > thead > tr > th, .table > tfoot > tr > td,
input, select, textarea, .form-control, footer, .footer {
    background-color: #000 !important;
    background-image: none !important;
    color: #d0d0d0 !important;
    border-color: #222 !important;
}
a { color: #fff !important; }
a:hover, a:focus { color: #aaa !important; }
.btn, .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    background: #000 !important;
    color: #fff !important;
    border-color: #444 !important;
}
.btn:hover, .btn:focus { background: #111 !important; border-color: #777 !important; }
hr { border-color: #222 !important; }

/* =========================================================
   MuShadow - Logo placement fix (Compact Header)
   ========================================================= */
#header {
    position: relative;
    width: 100%;
    max-width: 1040px;
    height: auto !important;
    min-height: auto !important;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0 10px 0 !important;
    text-align: center;
}

.webengine-mu-logo {
    position: static !important;
    display: inline-block;
    width: auto;
    max-width: 460px !important;
    height: auto;
    margin: 0 auto;
    transform: none !important;
}

/* Tablet */
@media (max-width: 991px) {
    #header {
        height: auto !important;
        padding: 15px 10px 8px !important;
    }

    .webengine-mu-logo {
        max-width: 360px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    #header {
        height: auto !important;
        padding: 10px 10px 5px !important;
    }

    .webengine-mu-logo {
        max-width: 280px !important;
    }
}

/* MuShadow - Rankings unified and dark controls */
.rankings_menu { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:18px 0 26px; overflow:visible; }
.rankings_menu a,
html.dark-mode .rankings_menu a {
    width:auto; min-width:145px; margin:0; padding:10px 16px;
    color:#dce4ec !important; background:#111820 !important;
    border:1px solid #2b3947 !important; border-radius:3px;
    font-weight:700; letter-spacing:.2px; box-shadow:none;
}
.rankings_menu a:hover, .rankings_menu a:focus, .rankings_menu a.active,
html.dark-mode .rankings_menu a:hover, html.dark-mode .rankings_menu a:focus, html.dark-mode .rankings_menu a.active {
    color:#fff !important; background:#8b611f !important; border-color:#c5923c !important;
}
.rankings-class-filter { display:none !important; }

/* MuShadow - Modern home rankings */
.home-rankings-section, .home-events-section { clear:both; margin:34px 15px 0; }
.home-rankings-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.home-ranking-card, .home-events-section {
    overflow:hidden; background:#080c11; border:1px solid #27323d;
    border-radius:3px; box-shadow:0 10px 24px rgba(0,0,0,.28);
}
.home-ranking-header, .home-events-header {
    display:flex; align-items:flex-start; justify-content:space-between;
    min-height:105px; padding:18px 20px;
    background:linear-gradient(135deg,#131a23,#0b1016); border-bottom:1px solid #293642;
}
.home-ranking-kicker { display:block; margin-bottom:5px; color:#c9953c; font-size:10px; font-weight:800; letter-spacing:1.4px; }
.home-ranking-header h3, .home-events-header h3 { margin:0; color:#fff; font-family:"Cinzel",serif; font-size:19px; font-weight:700; }
.home-ranking-header p, .home-events-header p { margin:5px 0 0; color:#8996a3; font-size:11px; }
.home-ranking-link {
    display:inline-flex; align-items:center; justify-content:center; flex:0 0 30px;
    width:30px; height:30px; color:#e8bd72 !important; background:#0b1016;
    border:1px solid #765826; border-radius:2px; font-size:18px; line-height:1;
}
.home-ranking-link:hover { color:#fff !important; background:#8b611f; }
.home-ranking-body { min-height:275px; padding:8px 16px 15px; }
.home-ranking-table { width:100%; table-layout:fixed; border-collapse:collapse; }
.home-ranking-table th {
    padding:12px 5px; color:#7f8b97 !important; font-size:10px; font-weight:700;
    letter-spacing:.4px; text-transform:uppercase; border-bottom:1px solid #26313c !important;
}
.home-ranking-table th:first-child { width:30px; }
.home-ranking-table th:nth-child(3) { width:31%; }
.home-ranking-table th:last-child { width:23%; }
.home-ranking-table td {
    padding:10px 5px !important; overflow:hidden; color:#d7dee6 !important;
    font-size:12px; text-overflow:ellipsis; white-space:nowrap;
    border-bottom:1px solid rgba(43,56,68,.55) !important;
}
.home-ranking-table tr:last-child td { border-bottom:0 !important; }
.home-ranking-table td strong { color:#e7bd73; }
.home-ranking-position {
    display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px;
    color:#b9c2cc; background:#121a22; border:1px solid #2a3743;
    border-radius:50%; font-size:10px; font-weight:800;
}
.home-ranking-table tbody tr:nth-child(1) .home-ranking-position { color:#171006; background:#d4a74f; border-color:#f0cb7d; box-shadow:0 0 10px rgba(212,167,79,.35); }
.home-ranking-table tbody tr:nth-child(2) .home-ranking-position { color:#17191c; background:#bec5cc; border-color:#e2e7eb; }
.home-ranking-table tbody tr:nth-child(3) .home-ranking-position { color:#1b1009; background:#b97846; border-color:#d99a68; }
.home-ranking-table tbody tr:nth-child(-n+3) td { background:rgba(201,149,60,.035); }
.home-ranking-event-table th:first-child { width:62px; }
.home-ranking-event-table th:last-child { width:28%; }
.home-ranking-player-name { color:#e5eaf0 !important; font-weight:700; }
#ranking-resta1, #ranking-mata-mata, #ranking-invasoes { scroll-margin-top:24px; }
.home-ranking-empty { padding:70px 20px; color:#7f8b97; text-align:center; }
.home-events-section { margin-bottom:12px; }
.home-events-header { display:block; min-height:0; }
.home-events-body { padding:10px 20px 18px; }
.home-events-table { width:100%; border-collapse:collapse; }
.home-events-table tr { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid rgba(43,56,68,.65); }
.home-events-table tr:last-child { border-bottom:0; }
.home-events-table td { padding:13px 8px !important; color:#e0e6ec !important; border:0 !important; }
.home-events-table td:last-child { text-align:right; }
.home-events-table small { display:block; margin-top:3px; color:#7f8b97; font-size:10px; }

@media (max-width:991px) {
    .home-rankings-grid { grid-template-columns:1fr; }
    .home-ranking-body { min-height:0; }
}
@media (max-width:767px) {
    .home-rankings-section, .home-events-section { margin-left:0; margin-right:0; }
    .rankings_menu a, html.dark-mode .rankings_menu a { min-width:calc(50% - 8px); }
}

/* MuShadow - painel lateral da equipe */
.home-staff-panel {
    clear:both; overflow:hidden; margin:20px 0 24px;
    background:linear-gradient(145deg,rgba(17,24,32,.98),rgba(7,11,16,.99));
    border:1px solid #2a3743; border-top:2px solid #a8782c;
    border-radius:3px; box-shadow:0 10px 24px rgba(0,0,0,.28);
}
.home-staff-header { padding:13px 15px 12px; background:linear-gradient(135deg,#131a23,#0b1016); border-bottom:1px solid #293642; }
.home-staff-kicker { display:block; margin-bottom:3px; color:#c9953c; font-size:9px; font-weight:800; letter-spacing:1.3px; }
.home-staff-header h3 { margin:0; color:#fff; font-family:"Cinzel",serif; font-size:17px; font-weight:700; text-transform:uppercase; }
.home-staff-list { padding:3px 12px 8px; }
.home-staff-member { display:flex; align-items:center; justify-content:space-between; min-height:52px; padding:8px 3px; border-bottom:1px solid rgba(43,56,68,.7); }
.home-staff-member:last-child { border-bottom:0; }
.home-staff-identity { min-width:0; padding-right:8px; }
.home-staff-identity strong { display:block; overflow:hidden; color:#e4e9ef; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.home-staff-identity small { display:block; margin-top:2px; color:#8996a3; font-size:10px; }
.home-staff-status { position:relative; flex:0 0 auto; padding-left:12px; font-size:10px; font-weight:800; }
.home-staff-status:before { position:absolute; left:0; top:50%; width:6px; height:6px; margin-top:-3px; border-radius:50%; content:""; }
.home-staff-status.is-online { color:#55d47d; }
.home-staff-status.is-online:before { background:#37d86c; box-shadow:0 0 8px rgba(55,216,108,.7); }
.home-staff-status.is-offline { color:#e25b5b; }
.home-staff-status.is-offline:before { background:#d94848; }
.home-staff-unavailable { padding:18px 5px; color:#8996a3; font-size:11px; text-align:center; }
@media (max-width:480px) {
    .home-events-table tr { grid-template-columns:1fr; }
    .home-events-table td:last-child { padding-top:0 !important; text-align:left; }
    .home-ranking-table th:nth-child(3), .home-ranking-table td:nth-child(3) { display:none; }
    .home-ranking-event-table th:nth-child(3), .home-ranking-event-table td:nth-child(3) { display:table-cell; }
}

/* MuShadow 07/09/2026 - Notícias alinhadas ao visual geral */
.home-left-column { padding-right:8px; }
.home-news-block {
    width:100%; margin:0 0 20px; padding:18px 20px 20px !important;
    background:linear-gradient(145deg,rgba(17,24,32,.97),rgba(8,12,17,.98));
    border:1px solid #2a3743; border-top:2px solid #a8782c;
    border-radius:3px; box-shadow:0 10px 24px rgba(0,0,0,.28);
}
.home-news-block .home-news-block-header { margin:0 0 8px; padding-bottom:14px; border-bottom:1px solid #293642; }
.home-news-block .home-news-block-header h2 {
    margin:0 !important; color:#fff !important; font-family:"Cinzel",serif;
    font-size:22px; font-style:normal; font-weight:700;
}
.home-news-block .home-news-block-header a {
    padding:4px 10px; color:#e4b866 !important; background:#0a0f15;
    border:1px solid #725525; border-radius:2px; font-size:11px; font-style:normal;
    font-weight:700; letter-spacing:.5px; text-transform:uppercase;
}
.home-news-block .home-news-block-header a:hover { color:#fff !important; background:#8b611f; }
.home-news-block .home-news-block-body { margin:0; }
.home-news-block-article {
    display:flex; align-items:center; min-height:48px; margin:0 !important;
    border-bottom:1px solid rgba(43,56,68,.62); transition:background .2s ease;
}
.home-news-block-article:last-child { border-bottom:0; }
.home-news-block-article:hover { background:rgba(201,149,60,.045); }
.home-news-block-article .home-news-block-article-type {
    padding:4px 7px; color:#d6a954 !important; background:#111820;
    border:1px solid #705425; border-radius:2px; font-size:10px; font-weight:800;
    letter-spacing:.6px; text-transform:uppercase;
}
.home-news-block-article .home-news-block-article-title a { color:#e1e7ed !important; font-weight:700; }
.home-news-block-article .home-news-block-article-title a:hover { color:#e7bd73 !important; }
.home-news-block-article .home-news-block-article-date { color:#8996a3 !important; font-size:11px; }

/* MuShadow - Slider de destaques e promoções */
.home-promo-slider {
    position:relative; width:100%; aspect-ratio:1100/360; min-height:190px;
    overflow:hidden; margin:0 0 24px; background:#06090d;
    border:1px solid #2a3743; border-top:2px solid #a8782c; border-radius:3px;
    box-shadow:0 10px 24px rgba(0,0,0,.3);
}
.home-promo-track,.home-promo-slide,.home-promo-slide a { position:absolute; inset:0; display:block; }
.home-promo-slide { z-index:1; opacity:0; visibility:hidden; transition:opacity .55s ease,visibility .55s ease; }
.home-promo-slide.is-active { z-index:2; opacity:1; visibility:visible; }
.home-promo-slide img { display:block; width:100%; height:100% !important; object-fit:cover; object-position:center; }
.home-promo-arrow {
    position:absolute; z-index:4; top:50%; width:34px; height:50px; margin-top:-25px;
    padding:0; color:rgba(255,255,255,.86); background:rgba(5,9,13,.6);
    border:1px solid rgba(203,157,73,.45); opacity:0; transition:opacity .2s ease,background .2s ease;
}
.home-promo-slider:hover .home-promo-arrow,.home-promo-arrow:focus { opacity:1; }
.home-promo-arrow:hover { color:#fff; background:rgba(139,97,31,.86); }
.home-promo-prev { left:12px; }
.home-promo-next { right:12px; }
.home-promo-dots {
    position:absolute; z-index:4; left:50%; bottom:12px; display:flex; gap:7px;
    padding:6px 9px; background:rgba(4,7,10,.65); border-radius:14px; transform:translateX(-50%);
}
.home-promo-dot { width:9px; height:9px; padding:0; background:#7d858d; border:1px solid rgba(255,255,255,.28); border-radius:50%; }
.home-promo-dot.is-active { background:#d1a44d; border-color:#f0ca7d; box-shadow:0 0 8px rgba(209,164,77,.65); }

/* MuShadow 07/09/2026 - Agenda compacta em duas colunas */
.home-events-body { padding:14px 18px 18px; }
.home-events-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.home-event-card {
    display:flex; align-items:center; justify-content:space-between; min-width:0;
    min-height:66px; padding:11px 14px; background:linear-gradient(135deg,#0d131a,#080c11);
    border:1px solid #25313c; border-left:3px solid #765826; border-radius:2px;
    transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.home-event-card:hover { background:#111922; border-color:#3a4a58; border-left-color:#c9953c; transform:translateY(-1px); }
.home-event-info,.home-event-time { min-width:0; }
.home-event-info strong,.home-event-time strong { display:block; overflow:hidden; color:#e4e9ef; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.home-event-info small,.home-event-time small { display:block; margin-top:4px; color:#7f8b97; font-size:10px; }
.home-event-time { flex:0 0 148px; padding-left:10px; text-align:right; }
.home-event-time strong { color:#dcb066; }
.home-event-card.is-open { border-left-color:#3fa866; }
.home-event-card.is-running { border-left-color:#d58a35; box-shadow:inset 0 0 22px rgba(213,138,53,.045); }
.event-schedule-open { color:#58c77b !important; font-weight:700; }
.event-schedule-inprogress { color:#e6a34c !important; font-weight:700; }

@media (max-width:767px) {
    .home-left-column { width:100%; padding-right:15px; }
    .home-left-column + .col-xs-4 { width:100%; }
    .home-news-block { width:100%; margin-left:0; }
    .home-promo-slider { min-height:150px; }
    .home-events-grid { grid-template-columns:1fr; }
    .home-event-card { min-height:62px; }
}
@media (max-width:480px) {
	.home-promo-slider { min-height:125px; aspect-ratio:16/7; }
	.home-promo-arrow { width:30px; height:42px; margin-top:-21px; opacity:.72; }
    .home-event-time { flex-basis:125px; }
    .home-news-block-article .col-xs-3:first-child { width:28%; }
    .home-news-block-article .home-news-block-article-title-container { width:72%; }
    .home-news-block-article .text-right { display:none; }
}

/* MuShadow - Account actions */
.global-top-bar .top-account-action {
    display:inline-block;
    padding:6px 13px;
    color:#fff !important;
    border:1px solid transparent;
    border-radius:3px;
    font-weight:800;
    letter-spacing:.45px;
    line-height:16px;
    text-shadow:0 1px 2px rgba(0,0,0,.65);
    box-shadow:0 3px 10px rgba(0,0,0,.24);
}
.global-top-bar .top-register-action {
    background:#93651f !important;
    border-color:#c08c36 !important;
}
.global-top-bar .top-login-action {
    background:#176ab9 !important;
    border-color:#328ce0 !important;
}
.global-top-bar .top-account-action:hover,
.global-top-bar .top-account-action:focus {
    color:#fff !important;
    filter:brightness(1.18);
    transform:translateY(-1px);
}

.join-account-banner {
    height:100px;
    overflow:hidden;
    border:1px solid rgba(220,231,242,.72);
    border-radius:6px;
    box-shadow:0 0 13px rgba(210,225,240,.35);
}
.join-account-banner a {
    display:block;
    width:100%;
    height:100%;
    padding:0;
    background:url('../img/sidebar_banner_join.jpg') center/cover no-repeat;
    text-decoration:none !important;
}
.join-account-banner a:hover {
    filter:brightness(1.12);
}

/* MuShadow - Compact server status */
.header-info-container .header-info {
    width:390px;
    max-width:100%;
    padding:15px 18px;
}
.server-status-summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}
.server-status-label,
.server-status-players {
    display:flex;
    align-items:center;
    color:#e6edf4;
    font-size:13px;
}
.server-status-dot {
    width:10px;
    height:10px;
    margin-right:9px;
    background:#777;
    border-radius:50%;
    box-shadow:0 0 8px currentColor;
}
.server-status-summary.is-online .server-status-dot { color:#24d366; background:#24d366; }
.server-status-summary.is-offline .server-status-dot { color:#e24a4a; background:#e24a4a; }
.server-status-summary.is-online .server-status-label strong { color:#63e590; }
.server-status-summary.is-offline .server-status-label strong { color:#f07a7a; }
.server-status-players { color:#aeb9c4; }
.server-status-players strong { margin-right:5px; color:#fff; font-size:18px; }

@media (max-width:767px) {
    .global-top-bar .top-account-action { padding:6px 11px; }
    .global-top-bar-separator { padding:0 2px; }
    .server-status-summary { gap:12px; }
}
.market-filter{margin:0 0 20px}.market-grid>[class*=col-]{margin-bottom:20px}.market-card{height:100%;min-height:420px;padding:18px;border:1px solid rgba(189,139,35,.45);background:rgba(5,10,16,.88);box-shadow:0 8px 24px rgba(0,0,0,.25)}.market-card-image{height:135px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.025);margin-bottom:12px}.market-card-image img{max-width:110px;max-height:120px;image-rendering:auto}.market-card h3{font-size:18px;margin:8px 0}.market-price{color:#e7b84b;font-size:22px;font-weight:700;margin:8px 0}.market-seller{color:#9ba8b5;margin-bottom:12px}.market-pix-box{padding:22px;margin-bottom:24px;text-align:center;border:1px solid #b88a2d;background:rgba(4,10,15,.94)}.market-pix-qr{display:block;width:230px;height:230px;margin:15px auto;background:#fff;padding:8px}.market-pix-box textarea{margin:15px auto;max-width:720px}.market-pix-box .btn{margin:5px}
.market-item-options { color: #d3a93a; font-size: 12px; min-height: 18px; margin-bottom: 6px; }
.market-pending-pix summary { cursor: pointer; color: #d3a93a; }
.market-pending-pix .market-pix-qr { display: block; margin: 8px 0; max-width: 160px; }

/* Marketplace de múltiplos itens */
.market-account-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px}
.market-account-nav{background:rgba(4,10,15,.9);border:1px solid rgba(189,139,35,.4);align-self:start}
.market-account-nav a{display:flex;justify-content:space-between;gap:10px;padding:13px 15px;color:#cbd3db;border-bottom:1px solid rgba(255,255,255,.07)}
.market-account-nav a:last-child{border-bottom:0}.market-account-nav a:hover,.market-account-nav a.active{color:#f0c419;background:rgba(189,139,35,.12);text-decoration:none}
.market-account-nav b{min-width:22px;text-align:center;border-radius:12px;background:#263240;color:#fff}
.market-account-content{min-height:420px;padding:20px;border:1px solid rgba(189,139,35,.35);background:rgba(5,10,16,.88)}
.market-account-content h2{margin-top:0}.market-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.market-summary div{padding:18px;text-align:center;border:1px solid rgba(189,139,35,.3);background:rgba(255,255,255,.025)}
.market-summary strong{display:block;color:#e7b84b;font-size:28px}.market-summary span{color:#9ba8b5}
.market-warehouse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:520px;overflow:auto;margin:15px 0 20px}
.market-select-item{display:flex!important;gap:10px;padding:12px;border:1px solid #2a3744;background:#080d13;cursor:pointer}
.market-select-item:has(input:checked){border-color:#d09a2c;background:rgba(189,139,35,.1)}.market-select-item input{margin-top:4px}.market-select-item span,.market-select-item small{display:block}.market-select-item small{color:#9ba8b5;font-weight:400}.market-select-item em,.market-bundle-item em{display:block;color:#f0c419;font-style:normal}
.market-bundle-items{max-height:270px;overflow:auto;border-top:1px solid #26323d;border-bottom:1px solid #26323d}
.market-bundle-item{display:grid;grid-template-columns:58px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.market-bundle-item:last-child{border-bottom:0}.market-bundle-item img{width:54px;height:54px;object-fit:contain}.market-bundle-item strong,.market-bundle-item small{display:block}.market-bundle-item small{color:#a7b2bd;line-height:1.35}
.market-card{min-height:0}.market-card h3{min-height:42px}
@media(max-width:767px){.market-account-layout{grid-template-columns:1fr}.market-account-nav{display:grid;grid-template-columns:repeat(2,1fr)}.market-account-nav a{border:1px solid rgba(255,255,255,.06)}.market-summary{grid-template-columns:repeat(2,1fr)}.market-warehouse-grid{grid-template-columns:1fr}}
.market-pending-pix textarea { min-width: 250px; margin-bottom: 6px; }
.market-table-item{min-width:220px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.market-table-item:last-child{border-bottom:0}.market-table-item strong,.market-table-item small,.market-table-item em{display:block}
.market-table-item small{margin-top:3px;color:#aeb8c4;line-height:1.45}.market-table-item em{color:#e2af34;font-style:normal}