/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 
 * Author Lautaro Angelico (https://lautaroangelico.com/)
 * Copyright (c) 2013-2020 Lautaro Angelico, All Rights Reserved
 
 * 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;
}


.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}


.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: #ff0000;
    background-color: transparent;
	border-color: #ff0000;
	-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: #ff0000 !important;
	border-color: #ff0000 !important;
}
*/

/* ==========================================================================
   MUOG Season 2 Classic 2006 - layout and UI fixes
   ========================================================================== */
html { min-width: 982px; }
body {
    background-color: #252116 !important;
    background-image: radial-gradient(ellipse at top, rgba(99,56,22,.18), transparent 520px), linear-gradient(#0c0b09 0, #252116 170px, #302b1b 100%) !important;
    background-repeat: no-repeat !important;
}
.bg0, .bg1 { background-repeat:no-repeat !important; }
.bg1 { position:relative; }
.bg2 { background-repeat:no-repeat !important; }
.bg3 { background-repeat:repeat-y !important; }

/* Fixed 2006 three-column construction: 171 + 558 + 171 = 900. */
.muog-layout-table {
    width:900px !important;
    table-layout:fixed !important;
}
.muog-sidebar-left,
.muog-sidebar-right {
    width:171px !important;
    max-width:171px !important;
    min-width:171px !important;
    overflow:hidden !important;
    vertical-align:top !important;
}
.muog-center-column {
    width:558px !important;
    max-width:558px !important;
    min-width:558px !important;
    overflow:hidden !important;
    vertical-align:top !important;
}
.muog-center-table {
    width:550px !important;
    max-width:550px !important;
    table-layout:fixed !important;
}
#tableiposteng,
.muog-module-table {
    width:548px !important;
    max-width:548px !important;
    table-layout:fixed !important;
}
#tableiposteng > tbody > tr > td {
    width:548px !important;
    max-width:548px !important;
    box-sizing:border-box !important;
}
.muog-module-content {
    width:528px !important;
    max-width:528px !important;
    margin:0 auto !important;
    padding:0 8px 12px !important;
    box-sizing:border-box !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
}
/* Prevent Bootstrap/WebEngine inner containers from forcing desktop widths. */
.muog-module-content .container,
.muog-module-content .container-fluid,
.muog-module-content .wrapper,
.muog-module-content .content,
.muog-module-content .page-content,
.muog-module-content .panel,
.muog-module-content table {
    max-width:100% !important;
    box-sizing:border-box !important;
}
.muog-module-content .container,
.muog-module-content .container-fluid {
    width:100% !important;
    padding-left:6px !important;
    padding-right:6px !important;
}
.muog-module-content .row {
    margin-left:0 !important;
    margin-right:0 !important;
}
.muog-module-content img,
.muog-module-content iframe,
.muog-module-content video {
    max-width:100% !important;
    height:auto;
}
.muog-module-content input,
.muog-module-content select,
.muog-module-content textarea {
    max-width:100% !important;
    box-sizing:border-box !important;
}

/* Old-school navigation and section labels. */
.link1 {
    color:#ead9a8 !important;
    font-family:Georgia,'Times New Roman',serif !important;
    font-size:12px !important;
    letter-spacing:.15px;
    text-shadow:0 1px 0 #000;
}
.link1:hover { color:#fff1bc !important; text-shadow:0 0 5px rgba(213,146,48,.45); }
.text1,.text2,.text9 {
    color:#f1dfb5 !important;
    font-family:Georgia,'Times New Roman',serif !important;
    text-shadow:0 1px 0 #160b05;
}
.text2 { font-size:13px !important; }
.list1 li { color:#c9c1ae; }
.list1 li strong { color:#eee3c5; }
#tableiposteng { color:#cfc7b4; }

/* Clean ES / EN control anchored inside the header cell. */
.muog-language-floating {
    position:static !important;
    display:inline-block !important;
    margin:7px 13px 0 0 !important;
    z-index:2 !important;
    vertical-align:top !important;
}
.muog-language-switcher {
    display:inline-flex !important;
    align-items:center !important;
    gap:4px !important;
    padding:3px !important;
    background:rgba(12,10,7,.84) !important;
    border:1px solid #665139 !important;
    box-shadow:0 1px 3px rgba(0,0,0,.75) !important;
    white-space:nowrap !important;
}
.muog-language-switcher .muog-lang {
    display:inline-flex !important;
    align-items:center !important;
    gap:3px !important;
    height:20px !important;
    padding:0 5px !important;
    color:#cfc3a5 !important;
    background:#21170f !important;
    border:1px solid #473624 !important;
    text-decoration:none !important;
    font:bold 9px Tahoma,Arial,sans-serif !important;
    line-height:18px !important;
}
.muog-language-switcher .muog-lang:hover,
.muog-language-switcher .muog-lang.active {
    color:#fff0bd !important;
    background:#5d1b0f !important;
    border-color:#93602b !important;
}
.muog-language-switcher img {
    width:18px !important;
    height:12px !important;
    display:block !important;
    object-fit:cover !important;
    border:1px solid #120d09 !important;
}

/* Login must stay completely inside the 171px right panel. */
.muog-login-table {
    width:154px !important;
    max-width:154px !important;
    table-layout:fixed !important;
}
.muog-login-table td { vertical-align:middle !important; box-sizing:border-box !important; }
.muog-login-label {
    width:58px !important;
    max-width:58px !important;
    padding-right:4px !important;
    white-space:nowrap !important;
}
.muog-login-label .text6 {
    margin:0 !important;
    line-height:25px !important;
    white-space:nowrap !important;
    text-align:right !important;
    font-size:9px !important;
}
.muog-login-table #loginBox1,
.muog-login-table #loginBox2 {
    width:88px !important;
    max-width:88px !important;
    height:24px !important;
    padding:3px 5px !important;
    box-sizing:border-box !important;
}
.input1 {
    background:#16140f !important;
    color:#eee3c5 !important;
    border:1px solid #5b503e !important;
    box-shadow:inset 0 1px 4px rgba(0,0,0,.65);
    border-radius:1px !important;
}
.input1:focus { border-color:#a7772e !important; outline:none; }
.btn-success {
    border-radius:2px !important;
    background:linear-gradient(#8a2b15,#5b170d) !important;
    border:1px solid #9d6330 !important;
    color:#f7e9c2 !important;
    font-family:Georgia,'Times New Roman',serif !important;
    text-shadow:0 1px 0 #250000;
}
.btn-success:hover,.btn-success:focus { background:linear-gradient(#9a341b,#6b1a0e) !important; }
.button-whatsapp,.button-telegram { border-radius:2px !important; }

/* Registration live validation. */
#tableiposteng .muog-registration-form { width:390px; max-width:100%; margin:0 auto; }
#tableiposteng input.muog-register-input {
    box-sizing:border-box !important;
    background:#15140f !important;
    color:#ede2c5 !important;
    border:1px solid #5e5542 !important;
    border-radius:2px !important;
    outline:none !important;
}
#tableiposteng input.muog-register-input.muog-valid {
    border:2px solid #4caf50 !important;
    background:#111a10 !important;
    box-shadow:0 0 6px rgba(76,175,80,.35) !important;
}
#tableiposteng input.muog-register-input.muog-invalid {
    border:2px solid #c84a3f !important;
    background:#1d1110 !important;
    box-shadow:0 0 6px rgba(200,74,63,.30) !important;
}
#tableiposteng .muog-validation-message {
    display:block !important;
    visibility:visible !important;
    min-height:16px !important;
    margin:4px auto 8px !important;
    text-align:center !important;
    font:10px Tahoma,Arial,sans-serif !important;
}
#tableiposteng .muog-validation-message.ok { color:#58d468 !important; }
#tableiposteng .muog-validation-message.error { color:#ef7667 !important; }
.muog-register-submit-disabled { opacity:.48 !important; cursor:not-allowed !important; }

.text8,.text8 a { color:#716b5e !important; }
.text8 a:hover { color:#a98b55 !important; }

/* Header language selector containment fix */
.bg1 { overflow:hidden !important; }
.bg1 td { position:relative; }
.muog-language-switcher { max-width:205px !important; }

/* MUOG v5 - Right sidebar Top Level */
.muog-top-level-table { margin-top: 0; }
.muog-top-level-list { margin-top: 0; margin-bottom: 8px; }
.muog-top-level-list li { min-height: 22px; box-sizing: border-box; }
.muog-top-level-list .rankings-class-image { width: 22px !important; height: 22px !important; object-fit: cover; flex: 0 0 22px; }
.muog-top-level-list .muog-ranking-head { font-size: 10px; white-space: nowrap; }
.muog-top-level-list .muog-level-row { overflow: hidden; }
.muog-top-level-list .muog-level-empty { text-align: center; color: #9b9788; }


/* MUOG v6 - Language selector integrated into the small menu slot */
.muog-language-floating {
    display:none !important;
}

.muog-menu-language-cell {
    width:54px !important;
    min-width:54px !important;
    max-width:54px !important;
    height:59px !important;
    padding:0 !important;
    vertical-align:middle !important;
    text-align:center !important;
    overflow:hidden !important;
}

.muog-menu-language-cell .muog-language-switcher {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    width:auto !important;
    max-width:50px !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    white-space:nowrap !important;
}

.muog-menu-language-cell .muog-lang {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:21px !important;
    height:18px !important;
    padding:0 !important;
    margin:0 !important;
    background:rgba(25,14,9,.72) !important;
    border:1px solid #5c432b !important;
    box-sizing:border-box !important;
}

.muog-menu-language-cell .muog-lang span {
    display:none !important;
}

.muog-menu-language-cell .muog-lang img {
    width:17px !important;
    height:11px !important;
    margin:0 !important;
    border:0 !important;
    object-fit:cover !important;
}

.muog-menu-language-cell .muog-lang:hover,
.muog-menu-language-cell .muog-lang.active {
    background:#651b0e !important;
    border-color:#b27b38 !important;
    box-shadow:0 0 5px rgba(187,100,28,.55) !important;
}

/* MUOG v12 - WhatsApp oval style matching Discord */
.button-whatsapp {
    border-radius: 12px !important;
}
.button-discord {
    border-radius: 12px !important;
}


/* Home 2026: ya no se utiliza el banner de inauguración. */
.muog-features-table td {
    color: #e3d7b5;
    font-size: 12px;
    line-height: 18px;
}
.muog-features-table .text5 {
    color: #fff0c3;
    font-size: 16px;
    padding-bottom: 6px;
}




















/* MUOG: dimensionamiento clásico de tres columnas */
.muog-layout-table {
    width:900px !important;
    max-width:900px !important;
    min-width:900px !important;
    table-layout:fixed !important;
    margin:0 auto !important;
}

.muog-sidebar-left,
.muog-sidebar-right {
    width:171px !important;
    max-width:171px !important;
    min-width:171px !important;
    vertical-align:top !important;
    overflow:hidden !important;
}

.muog-center-column {
    width:558px !important;
    max-width:558px !important;
    min-width:558px !important;
    vertical-align:top !important;
    overflow:hidden !important;
}

.muog-home-dynamic-height {
    height:auto !important;
    vertical-align:top !important;
}

.muog-module-content {
    width:528px !important;
    max-width:528px !important;
    margin:0 auto !important;
    padding:0 8px 14px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    text-align:center !important;
}

/* La portada y cuenta regresiva antiguas fueron sustituidas por css/muog-home.css. */

/* MUOG FAST - Server Information */
.muog-fast-info { width: 94%; margin: 0 auto 18px auto; text-align: left; color: #d8d0bb; }
.muog-fast-info h3 { margin: 18px 0 8px; text-align: center; color: #d7d0bd; font-size: 18px; font-weight: bold; }
.muog-info-table { width: 100%; border-collapse: collapse; margin: 0 auto 8px; font-size: 12px; }
.muog-info-table th { padding: 6px 8px; color: #e2d5b6; text-align: left; border-bottom: 1px solid #6b5f42; font-weight: bold; }
.muog-info-table td { padding: 5px 8px; border-bottom: 1px solid rgba(125,112,76,.28); vertical-align: top; }
.muog-info-table th:last-child, .muog-info-table td:last-child { text-align: left; }
.muog-info-general td:first-child { width: 55%; }
.muog-info-general td:last-child { color: #f0e5c7; font-weight: bold; }
.muog-party-note { padding: 5px 8px 0; text-align: center; font-size: 11px; color: #c9c0aa; }
.muog-command-table td:first-child { width: 35%; color: #e0d2ad; white-space: nowrap; }
.muog-command-table td:last-child { width: 65%; }
@media (max-width: 700px) {
  .muog-fast-info { width: 98%; }
  .muog-info-table { font-size: 11px; }
  .muog-info-table th, .muog-info-table td { padding: 4px 5px; }
  .muog-command-table td:first-child { white-space: normal; }
}






/* MUOG VIP page */
.muog-vip-page{width:94%;margin:0 auto;padding:10px 0 24px;color:#d8cfba;text-align:left;}
.muog-vip-page h1{text-align:center;color:#d6a13d;font-family:Georgia,"Times New Roman",serif;font-size:31px;margin:2px 0 4px;text-shadow:0 1px 0 #000,0 0 6px rgba(122,77,12,.25);letter-spacing:.4px;}
.muog-vip-subtitle{display:block;width:100%;text-align:center !important;color:#c7b99a;font-size:11px;margin:0 auto 12px;line-height:1.45;}
.muog-vip-intro{text-align:center;color:#e2d3b0;font-size:12px;margin:12px 0 14px;}
.muog-vip-offer{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 auto 12px;padding:0;}
.muog-vip-offer-item{min-width:132px;padding:10px 12px;text-align:center;background:linear-gradient(to bottom,#26190f,#16110b);border:1px solid #8a6031;box-shadow:inset 0 0 0 1px #322316;}
.muog-vip-offer-item label{display:block;color:#bba27c;font-size:10px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px;}
.muog-vip-offer-item strong{display:block;color:#f4dfaa;font-size:20px;font-family:Georgia,"Times New Roman",serif;line-height:1.1;}
.muog-vip-box{border:1px solid #6b5233;background:rgba(16,13,8,.74);padding:8px 8px 4px;box-shadow:inset 0 0 0 1px #2a2117;}
.muog-vip-table{width:100%;border-collapse:collapse;font-size:11px;color:#d9cfb8;}
.muog-vip-table th{padding:8px 6px;color:#f3e1b4;background:#31180f;border-bottom:1px solid #78532d;text-align:center;font-size:12px;}
.muog-vip-table th:first-child{text-align:left;}
.muog-vip-table td{padding:7px 6px;border-bottom:1px solid #403627;text-align:center;}
.muog-vip-table td:first-child{text-align:left;color:#ebdfc1;font-weight:bold;}
.muog-vip-table tr:nth-child(even) td{background:rgba(255,255,255,.02);}
.muog-vip-table tr:last-child td{border-bottom:0;}
.muog-vip-table .vip-better{color:#8af06d;font-weight:bold;}
.muog-vip-note{margin-top:12px;padding:10px 12px;text-align:center;color:#d5c7aa;background:rgba(23,18,13,.88);border:1px solid #5a472f;font-size:11px;line-height:1.55;}

.muog-vip-subtitle{display:block;width:100%;text-align:center !important;margin-left:auto;margin-right:auto;}


/* ==========================================================================
   MUOG 2026-09-30 quality pass
   - fixes vertical centering gap on short pages
   - improves module/card consistency without changing classic 2006 identity
   ========================================================================== */
.bg3 > tbody > tr > td,
.muog-bg3-content {
    vertical-align: top !important;
}
.muog-layout-table {
    vertical-align: top !important;
}
.muog-center-table,
.muog-center-column,
.muog-sidebar-left,
.muog-sidebar-right {
    vertical-align: top !important;
}
.muog-cs-inner-table {
    width: calc(100% - 40px) !important;
    max-width: calc(100% - 40px) !important;
    margin-left: 40px !important;
    table-layout: fixed !important;
}
.muog-online-bar-item {
    list-style: none !important;
    padding: 4px 0 2px !important;
    border-bottom: 0 !important;
}
.muog-module-content .page-title {
    margin-top: 0 !important;
    padding-top: 2px !important;
}
.muog-module-content > :first-child {
    margin-top: 0 !important;
}
.muog-module-content a,
.list1 a {
    transition: color .15s ease, opacity .15s ease, border-color .15s ease, background-color .15s ease !important;
}
.muog-module-content .btn,
.muog-module-content button,
.muog-module-content input[type="submit"] {
    transition: filter .15s ease, transform .15s ease !important;
}
.muog-module-content .btn:hover,
.muog-module-content button:hover,
.muog-module-content input[type="submit"]:hover {
    filter: brightness(1.08);
}
.muog-module-content input:focus,
.muog-module-content select:focus,
.muog-module-content textarea:focus {
    outline: none !important;
    border-color: #9b6b31 !important;
    box-shadow: 0 0 0 1px rgba(155,107,49,.2), inset 0 1px 4px rgba(0,0,0,.55) !important;
}
/* Keep the classic fixed-width layout usable on narrower screens without clipping. */
@media (max-width: 1000px) {
    html { min-width: 0 !important; }
    body { min-width: 982px; overflow-x: auto; }
}


/* =========================================================
   MUOG SERVER STATUS BAR
   Uses img/online-bar-bg.webp supplied for the template.
   ========================================================= */
.muog-online-bar-item{
    list-style:none !important;
    padding:8px 0 5px !important;
    border-bottom:0 !important;
}

.muog-server-statusbar{
    position:relative;
    width:100%;
    height:26px;
    margin:0 auto;
    overflow:hidden;
    background:url('../img/online-bar-bg.webp') center center / 100% 26px no-repeat;
    box-sizing:border-box;
}

.muog-server-statusbar-fill{
    position:absolute;
    left:13px;
    bottom:5px;
    height:4px;
    max-width:calc(100% - 26px);
    background:
        repeating-linear-gradient(
            90deg,
            #18d66a 0,
            #18d66a 5px,
            #063f23 5px,
            #063f23 7px
        );
    box-shadow:0 0 4px rgba(35,255,120,.55);
    overflow:hidden;
}

.muog-server-statusbar-text{
    position:absolute;
    left:12px;
    right:12px;
    top:3px;
    height:14px;
    line-height:14px;
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#ffd22e;
    font-family:Arial, Helvetica, sans-serif;
    font-size:9px;
    font-weight:bold;
    text-shadow:0 1px 1px #000, 1px 0 1px #000;
    z-index:2;
}

/* =========================================================
   MUOG - Ranking selector Season 2
   ========================================================= */
.muog-ranking-selector-wrap{
    width:550px;
    max-width:100%;
    min-height:200px;
    margin:0 auto 16px auto;
    position:relative;
    background:url('../img/ranking-selector.jpg') center top / 550px 200px no-repeat;
    box-sizing:border-box;
}
.muog-ranking-selector-ui{
    position:absolute;
    top:78px;
    left:0;
    width:100%;
    text-align:center;
    z-index:2;
    font-family:Arial, Helvetica, sans-serif;
}
.muog-ranking-selector-line{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-bottom:28px;
}
.muog-ranking-selector-label{
    color:#f5f0e8;
    font-size:12px;
    font-weight:bold;
    text-shadow:1px 1px 2px #000;
}
#muogRankingSelect{
    width:170px;
    height:24px;
    border:1px solid #8f8f8f;
    background:#fff;
    color:#111;
    font-size:12px;
    padding:1px 4px;
}
.muog-ranking-show-btn{
    width:164px;
    height:36px;
    border:1px solid #8b6e43;
    background:linear-gradient(#171717,#050505);
    color:#ddd;
    font-size:11px;
    font-weight:bold;
    cursor:pointer;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.muog-ranking-show-btn:hover{
    color:#ffd56b;
    border-color:#b58a49;
}
.rankings_menu.muog-ranking-original-menu-hidden{
    display:none !important;
}
@media (max-width:600px){
    .muog-ranking-selector-wrap{
        width:100%;
        background-size:100% 200px;
    }
    .muog-ranking-selector-line{
        gap:5px;
    }
    #muogRankingSelect{
        width:160px;
    }
}


/* =========================================================
   MUOG - Ranking fire title, isolated to the real WebEngine title.
   Never hide containers, form controls, or ranking tables.
   ========================================================= */
.muog-module-content .page-title.muog-rank-fire-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    height: 74px !important;
    min-height: 74px !important;
    padding: 4px 0 !important;
    margin: 0 auto 8px !important;
    border: 0 !important;
    background: transparent !important;
    line-height: 1 !important;
}
.muog-module-content .page-title.muog-rank-fire-title > span {
    display: none !important;
}
.muog-module-content .page-title.muog-rank-fire-title::before {
    content: "";
    display: block;
    flex: none;
    width: 189px;
    height: 65px;
    background: url('../img/rank-fire.gif') center center / 189px 65px no-repeat;
}
/* Side regions of the selector use the template's dark olive/gold palette. */
.muog-ranking-selector-wrap {
    background-color: #2b2411;
    background-image: url('../img/ranking-selector.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 550px 200px;
    border-left: 1px solid rgba(103,74,32,.35);
    border-right: 1px solid rgba(103,74,32,.35);
}


/* =========================================================
   MUOG 2026: Ranking refinements, scoped to its contents.
   ========================================================= */
/* Slightly larger RANK fire GIF without stretching the page layout. */
.muog-module-content .page-title.muog-rank-fire-title {
    height:87px !important;
    min-height:87px !important;
    margin-bottom:4px !important;
    padding:3px 0 1px !important;
    overflow:visible !important;
}
.muog-module-content .page-title.muog-rank-fire-title::before {
    width:230px;
    height:79px;
    background-size:230px 79px;
}
/* Selector stays in its original 550x200 medieval artwork; better visual hierarchy. */
.muog-module-content .muog-ranking-selector-wrap {
    background-color:#2b2411;
    border-left-color:rgba(124,93,50,.5);
    border-right-color:rgba(124,93,50,.5);
    box-shadow:0 2px 8px rgba(0,0,0,.12);
    margin-bottom:13px;
}
.muog-module-content .muog-ranking-selector-ui {
    top:73px;
}
.muog-module-content .muog-ranking-show-btn {
    background:linear-gradient(180deg,#442114 0%,#29120e 45%,#140b0a 100%) !important;
    color:#f4dbad !important;
    border:1px solid #ad7b36 !important;
    box-shadow:inset 0 1px 0 rgba(255,224,152,.18), 0 3px 7px rgba(0,0,0,.4) !important;
    text-shadow:0 1px 1px #100806;
    transition:background .2s ease, box-shadow .2s ease, color .2s ease;
}
.muog-module-content .muog-ranking-show-btn:hover,
.muog-module-content .muog-ranking-show-btn:focus-visible {
    background:linear-gradient(180deg,#643018 0%,#35160b 100%) !important;
    color:#fff1ce !important;
    border-color:#d0a052 !important;
    box-shadow:0 0 9px rgba(216,148,55,.4), inset 0 1px 0 rgba(255,222,155,.17) !important;
}
/* Column labels: aligned with values and separated by restrained warm gold. */
.muog-module-content table.rankings-table tr:first-child td {
    color:#eed9ac !important;
    background:transparent !important;
    border-bottom:1px solid rgba(192,146,70,.78) !important;
    text-align:center !important;
    font-weight:bold !important;
    padding-top:11px !important;
    padding-bottom:12px !important;
    vertical-align:middle !important;
}
/* A modest medal preceding the existing rank number. No ranking data replaced. */
.muog-module-content table.rankings-table .rankings-table-place .muog-rank-medal {
    font-size:12px;
    margin-right:4px;
    display:inline-block;
    vertical-align:baseline;
    text-shadow:0 1px 1px #090704, 0 0 3px rgba(0,0,0,.35);
}
.muog-module-content table.rankings-table .rankings-table-place .muog-rank-medal-gold {color:#edc35a;}
.muog-module-content table.rankings-table .rankings-table-place .muog-rank-medal-silver {color:#c5ced7;}
.muog-module-content table.rankings-table .rankings-table-place .muog-rank-medal-bronze {color:#be8653;}
/* Floating WhatsApp: same muted teal placement as reference, no left-column content. */
.muog-whatsapp-float {
    position:fixed;
    right:21px;
    bottom:23px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    box-sizing:border-box;
    min-height:48px;
    min-width:201px;
    padding:8px 15px;
    background:linear-gradient(105deg,#075e4d,#074437) !important;
    color:#fff !important;
    border:1px solid rgba(110,189,145,.62);
    border-radius:4px;
    box-shadow:0 5px 18px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.14);
    font:600 12px/1.3 Arial,Helvetica,sans-serif;
    text-decoration:none !important;
    z-index:9997;
    transition:background .15s ease, box-shadow .15s ease, transform .15s ease;
}
.muog-whatsapp-float:hover,
.muog-whatsapp-float:focus-visible {
    background:linear-gradient(105deg,#0d8a59,#066445) !important;
    color:#fff !important;
    box-shadow:0 7px 19px rgba(0,0,0,.52),0 0 0 1px rgba(87,201,125,.35);
    transform:translateY(-2px);
}
.muog-whatsapp-float .muog-whatsapp-float-icon {
    font-size:28px;
    line-height:1;
    color:#fff;
}
.muog-whatsapp-float .muog-whatsapp-float-text {white-space:nowrap;}
.muog-whatsapp-float .muog-whatsapp-float-arrow {font-size:20px;font-weight:400;color:#e0efe8;}
@media screen and (max-width:600px) {
    .muog-whatsapp-float {
        right:10px;
        bottom:12px;
        min-width:172px;
        min-height:44px;
        padding:7px 10px;
        gap:8px;
        font-size:11px;
        max-width:calc(100vw - 20px);
    }
    .muog-whatsapp-float .muog-whatsapp-float-icon {font-size:25px;}
    .muog-module-content .page-title.muog-rank-fire-title {min-height:82px !important;height:82px !important;}
    .muog-module-content .page-title.muog-rank-fire-title::before {width:215px;height:74px;background-size:215px 74px;}
}