/* L2Feel - arquivo consolidado para manutenção.
 * Não altere a ordem das seções sem testar os 3 layouts e os modos claro/escuro.
 */


/* ==========================================================================
   Fonte consolidada: assets/css/theme-modes.css
   ========================================================================== */
/* L2Feel V6 - modo claro/escuro independente do layout. Escuro permanece padrão. */
html[data-l2-theme="dark"]{color-scheme:dark}
html[data-l2-theme="light"]{color-scheme:light}

.l2-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:30px;padding:0;border:1px solid rgba(160,128,80,.34);background:rgba(18,15,11,.82);color:#c8ab76;cursor:pointer;text-decoration:none;transition:.18s ease}
.l2-theme-toggle:hover{border-color:#9a7443;color:#efd39a;background:#1b1510}
.l2-theme-toggle .fa-sun{display:none}
html[data-l2-theme="light"] .l2-theme-toggle .fa-moon{display:none}
html[data-l2-theme="light"] .l2-theme-toggle .fa-sun{display:inline-block}

/* Fundo por layout: configurado em config/layouts.php.
   A imagem fica no elemento raiz para não ser escondida pelos fundos antigos das páginas. */
html[data-l2-layout]{
    min-height:100%;
    background-color:#070605;
    background-image:linear-gradient(rgba(7,6,5,.78),rgba(7,6,5,.88)),var(--l2-layout-bg-image);
    background-position:center top;
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
}
html[data-l2-layout] body:before{content:none!important;display:none!important}
html[data-l2-layout] body{background-color:transparent!important}

/* Modo claro: pergaminho/neutro, preservando a imagem de fundo com contraste suave. */
html[data-l2-theme="light"]{
    background-color:#e7e0d4!important;
    background-image:linear-gradient(rgba(239,234,224,.84),rgba(226,219,206,.91)),var(--l2-layout-bg-image)!important;
}
html[data-l2-theme="light"] body{background-color:transparent!important;color:#474139!important}
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"]{background-color:#e2dbcf!important}
html[data-l2-theme="light"][data-l2-layout="classic-portal"]{background-color:#ded7ca!important}
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"]{background-color:#d9d2c6!important}

/* Chronicle */
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .cr-head,
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .cr-utility,
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .cr-mobile-menu{background:#e8e1d5!important;border-color:#c4b69f!important;box-shadow:0 6px 18px rgba(73,58,37,.12)!important}
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .cr-brand strong,
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .cr-menu a.active,
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .cr-menu a:hover{color:#62471f!important}
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .cr-menu a{color:#5f584e!important}
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .cr-menu a:hover,
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .cr-menu a.active{background:#ddd2c0!important;border-color:#c4b59e!important}
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .cr-pulse,
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .l2-home-module,
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .l2-home-rankings,
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .l2-gallery-v5,
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .cr-news-list,
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .cr-boss-section{background:#e7dfd2!important;border-color:#c7b9a3!important;color:#332f2a!important}
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .l2-module-head,
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .l2-home-rank-card>header{background:#ddd3c3!important;border-color:#c6b9a5!important}
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .l2-stat-card strong,
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .l2-module-head h2,
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .l2-home-rankings-head h2,
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .cr-section-title h2{color:#6b4d22!important}
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .l2-home-rank-row,
html[data-l2-theme="light"][data-l2-layout="classic-hybrid"] .cr-news-list b{color:#3c3832!important}

/* Portal */
html[data-l2-theme="light"][data-l2-layout="classic-portal"] body{background:transparent!important;color:#474139!important}
html[data-l2-theme="light"][data-l2-layout="classic-portal"] .cp-topline,
html[data-l2-theme="light"][data-l2-layout="classic-portal"] .cp-head,
html[data-l2-theme="light"][data-l2-layout="classic-portal"] .cp-nav,
html[data-l2-theme="light"][data-l2-layout="classic-portal"] .cp-panel,
html[data-l2-theme="light"][data-l2-layout="classic-portal"] .l2-home-module,
html[data-l2-theme="light"][data-l2-layout="classic-portal"] .l2-home-rankings,
html[data-l2-theme="light"][data-l2-layout="classic-portal"] .l2-gallery-v5{background:#e7dfd1!important;border-color:#c3b49d!important;color:#332e27!important}
html[data-l2-theme="light"][data-l2-layout="classic-portal"] .cp-panel-title,
html[data-l2-theme="light"][data-l2-layout="classic-portal"] .l2-module-head{background:#dcd1bf!important;border-color:#c2b39c!important;color:#684b21!important}
html[data-l2-theme="light"][data-l2-layout="classic-portal"] .cp-nav a{color:#544c41!important;border-color:#c4b7a2!important}
html[data-l2-theme="light"][data-l2-layout="classic-portal"] .cp-nav a:hover,
html[data-l2-theme="light"][data-l2-layout="classic-portal"] .cp-nav a.active{background:#d5c8b5!important;color:#66491f!important}
html[data-l2-theme="light"][data-l2-layout="classic-portal"] .cp-news-item h3,
html[data-l2-theme="light"][data-l2-layout="classic-portal"] .l2-home-rank-row{color:#342f29!important}

/* Minimal */
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] body{background:transparent!important;color:#474139!important;border-color:#bbae98!important}
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .mi-page-shell-top,
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .mi-mast,
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .mi-nav,
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .mi-sidebar,
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .mi-box,
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .mi-notice,
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .l2-home-module,
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .l2-home-rankings,
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .l2-gallery-v5{background:#e8e0d3!important;border-color:#bfb19b!important;color:#332f29!important}
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .mi-nav a,
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .mi-row b,
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .l2-home-rank-row{color:#413b33!important}
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .mi-nav a:hover,
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .mi-nav a.active{background:#d6cab7!important;color:#62471f!important}

/* Páginas internas - neutraliza os grandes fundos escuros locais no modo claro. */
html[data-l2-theme="light"] body:not(.l2-home-v3) main,
html[data-l2-theme="light"] body:not(.l2-home-v3) .l2r-page,
html[data-l2-theme="light"] body:not(.l2-home-v3) .boss-shell,
html[data-l2-theme="light"] body:not(.l2-home-v3) .gallery-page{color:#302b25!important}
html[data-l2-theme="light"] body:not(.l2-home-v3) [class*="bg-[#0"],
html[data-l2-theme="light"] body:not(.l2-home-v3) [class*="bg-black"]{background-color:rgba(226,218,204,.94)!important}

@media(max-width:720px){.l2-theme-toggle{width:32px;height:28px}}

/* =========================================================
   L2Feel V6.5 - background global também nas páginas internas
   =========================================================
   As páginas antigas possuem fundos próprios em tela cheia. Eles eram
   renderizados acima do background configurado no layout e escondiam a imagem.
   Mantemos apenas os overlays/grids úteis e deixamos a imagem do tema como base.
*/
html[data-l2-layout] body {
    background-color: transparent !important;
    background-image: none !important;
}

/* Camadas sólidas que cobriam todo o background do tema. */
html[data-l2-layout] .rank-page-bg,
html[data-l2-layout] .boss-page-bg,
html[data-l2-layout] .support-bg,
html[data-l2-layout] .auth-bg,
html[data-l2-layout] .player-bg,
html[data-l2-layout] .dl4-bg {
    background: transparent !important;
}

/* Imagens de fundo antigas específicas de páginas. O background agora vem do tema. */
html[data-l2-layout] .rank-page-image,
html[data-l2-layout] .support-bg-image,
html[data-l2-layout] .auth-bg-image,
html[data-l2-layout] .player-bg-img,
html[data-l2-layout] .stats-bg {
    background-image: none !important;
    opacity: 0 !important;
}

/* A Galeria possuía um background próprio no container de página. */
html[data-l2-layout] .gallery-page {
    background: transparent !important;
}

/* Preserva grids decorativos leves, mas evita que eles virem um fundo opaco. */
html[data-l2-layout] .dl4-grid,
html[data-l2-layout] .support-grid-bg,
html[data-l2-layout] .player-grid,
html[data-l2-layout] .don-clean-grid,
html[data-l2-layout] .gallery-page::before {
    background-color: transparent !important;
}

/* Em celular, attachment fixed costuma falhar/engasgar em alguns navegadores. */
@media (max-width: 760px) {
    html[data-l2-layout] {
        background-attachment: scroll !important;
        background-position: center top !important;
        background-size: auto 100vh !important;
    }
}


/* ==========================================================================
   Fonte consolidada: assets/css/readability-v77.css
   ========================================================================== */
/* =========================================================
   L2Feel v77 — Readability baseline
   Final layer: readable typography + stronger light theme text.
   Decorative gold can remain light; functional text cannot.
   ========================================================= */

html[data-l2-layout]{
  --l2r77-light-text:#2f2a24;
  --l2r77-light-muted:#5d554a;
  --l2r77-light-gold:#6b4718;
  --l2r77-light-gold-strong:#4f310d;
}

/* ---------- Chronicle ---------- */
html[data-l2-layout="classic-hybrid"] .cr-server-line,
html[data-l2-layout="classic-hybrid"] .cr-utility-actions{font-size:12px!important}
html[data-l2-layout="classic-hybrid"] .cr-brand small{font-size:12px!important;line-height:1.35!important}
html[data-l2-layout="classic-hybrid"] .cr-menu>a,
html[data-l2-layout="classic-hybrid"] .cr-menu-item>.cr-menu-parent{font-size:12px!important}
html[data-l2-layout="classic-hybrid"] .cr-account-main{font-size:12px!important}
html[data-l2-layout="classic-hybrid"] .cr-submenu a{font-size:13px!important}
html[data-l2-layout="classic-hybrid"] .cr-kicker{font-size:12px!important}
html[data-l2-layout="classic-hybrid"] .cr-hero p{font-size:16px!important;line-height:1.62!important}
html[data-l2-layout="classic-hybrid"] .cr-hero-actions a{font-size:13px!important}
html[data-l2-layout="classic-hybrid"] .cr-pulse span{font-size:12px!important}
html[data-l2-layout="classic-hybrid"] .cr-pulse strong em{font-size:12px!important}
html[data-l2-layout="classic-hybrid"] .cr-section-title>div>span{font-size:12px!important}
html[data-l2-layout="classic-hybrid"] .cr-section-title>a{font-size:12px!important}
html[data-l2-layout="classic-hybrid"] .l2-stat-card>div>span,
html[data-l2-layout="classic-hybrid"] .l2-module-kicker,
html[data-l2-layout="classic-hybrid"] .l2-gallery-v5-heading small,
html[data-l2-layout="classic-hybrid"] .l2-stats-live{font-size:12px!important}
html[data-l2-layout="classic-hybrid"] .l2-home-rank-row{font-size:13px!important}
html[data-l2-layout="classic-hybrid"] .cr-news-main small,
html[data-l2-layout="classic-hybrid"] .cr-news-list small{font-size:12px!important}
html[data-l2-layout="classic-hybrid"] .cr-news-list b{font-size:15px!important}
html[data-l2-layout="classic-hybrid"] .cr-news-excerpt{font-size:14px!important;line-height:1.5!important}
html[data-l2-layout="classic-hybrid"] .cr-read-more,
html[data-l2-layout="classic-hybrid"] .cr-news-list .cr-read-more.small{font-size:12px!important}
html[data-l2-layout="classic-hybrid"] .cr-boss-copy .detail,
html[data-l2-layout="classic-hybrid"] .cr-boss-when small{font-size:12px!important}
html[data-l2-layout="classic-hybrid"] .cr-boss-when strong{font-size:14px!important}
html[data-l2-layout="classic-hybrid"] .cr-actions a{font-size:13px!important}

/* ---------- Portal ---------- */
html[data-l2-layout="classic-portal"] body{font-size:14px!important;line-height:1.55!important}
html[data-l2-layout="classic-portal"] .cp-brand small,
html[data-l2-layout="classic-portal"] .cp-kicker{font-size:12px!important}
html[data-l2-layout="classic-portal"] .cp-head-actions .cp-btn,
html[data-l2-layout="classic-portal"] .cp-nav>a,
html[data-l2-layout="classic-portal"] .cp-nav-item>a,
html[data-l2-layout="classic-portal"] .cp-mobile-menu>a,
html[data-l2-layout="classic-portal"] .cp-mobile-rank>button{font-size:12px!important}
html[data-l2-layout="classic-portal"] .cp-submenu a,
html[data-l2-layout="classic-portal"] .l2-rank-submenu a{font-size:13px!important}
html[data-l2-layout="classic-portal"] .cp-hero p{font-size:15px!important;line-height:1.65!important}
html[data-l2-layout="classic-portal"] .cp-statusbar>div{font-size:13px!important}
html[data-l2-layout="classic-portal"] .cp-status-label{font-size:12px!important}
html[data-l2-layout="classic-portal"] .cp-panel-title{font-size:14px!important}
html[data-l2-layout="classic-portal"] .cp-panel-title a{font-size:12px!important}
html[data-l2-layout="classic-portal"] .cp-news-item h3{font-size:16px!important;line-height:1.35!important}
html[data-l2-layout="classic-portal"] .cp-news-item p{font-size:14px!important;line-height:1.6!important}
html[data-l2-layout="classic-portal"] .cp-news-item time{font-size:12px!important}
html[data-l2-layout="classic-portal"] .cp-quick a{font-size:13px!important}
html[data-l2-layout="classic-portal"] .cp-boss b{font-size:15px!important}
html[data-l2-layout="classic-portal"] .cp-boss small{font-size:12px!important;line-height:1.4!important}
html[data-l2-layout="classic-portal"] .l2-module-kicker,
html[data-l2-layout="classic-portal"] .l2-gallery-v5-heading small,
html[data-l2-layout="classic-portal"] .l2-stat-card span:not(.l2-stat-icon),
html[data-l2-layout="classic-portal"] .l2-stats-live{font-size:12px!important}
html[data-l2-layout="classic-portal"] .l2-home-rank-row{font-size:13px!important}

/* ---------- Minimal ---------- */
html[data-l2-layout="minimal-interlude"] body{font-size:14px!important;line-height:1.55!important}
html[data-l2-layout="minimal-interlude"] .mi-left small,
html[data-l2-layout="minimal-interlude"] .mi-serverbox strong,
html[data-l2-layout="minimal-interlude"] .mi-serverbox span{font-size:12px!important}
html[data-l2-layout="minimal-interlude"] .mi-nav a{font-size:12px!important}
html[data-l2-layout="minimal-interlude"] .mi-side-title{font-size:12px!important}
html[data-l2-layout="minimal-interlude"] .mi-side-links a{font-size:13px!important;line-height:1.4!important}
html[data-l2-layout="minimal-interlude"] .mi-status{font-size:12px!important}
html[data-l2-layout="minimal-interlude"] .mi-welcome small{font-size:12px!important}
html[data-l2-layout="minimal-interlude"] .mi-welcome p{font-size:15px!important;line-height:1.65!important}
html[data-l2-layout="minimal-interlude"] .mi-buttons a{font-size:13px!important}
html[data-l2-layout="minimal-interlude"] .mi-box h2,
html[data-l2-layout="minimal-interlude"] .mi-notice h2,
html[data-l2-layout="minimal-interlude"] .l2-module-head h2{font-size:14px!important}
html[data-l2-layout="minimal-interlude"] .mi-row b{font-size:15px!important;line-height:1.4!important}
html[data-l2-layout="minimal-interlude"] .mi-row span,
html[data-l2-layout="minimal-interlude"] .mi-news-meta{font-size:12px!important}
html[data-l2-layout="minimal-interlude"] .mi-news-excerpt{font-size:14px!important;line-height:1.58!important}
html[data-l2-layout="minimal-interlude"] .mi-notice p{font-size:14px!important;line-height:1.65!important}
html[data-l2-layout="minimal-interlude"] .mi-footer{font-size:12px!important}
html[data-l2-layout="minimal-interlude"] .mi-community-links a{font-size:12px!important}
html[data-l2-layout="minimal-interlude"] .mi-gallery-head>a{font-size:12px!important}
html[data-l2-layout="minimal-interlude"] .l2-countdown-grid span,
html[data-l2-layout="minimal-interlude"] .l2-stats-live,
html[data-l2-layout="minimal-interlude"] .l2-stat-card span:not(.l2-stat-icon),
html[data-l2-layout="minimal-interlude"] .l2-gallery-v5-heading small{font-size:12px!important}
html[data-l2-layout="minimal-interlude"] .l2-home-rank-row{font-size:13px!important}
html[data-l2-layout="minimal-interlude"] .mi-boss-copy em,
html[data-l2-layout="minimal-interlude"] .mi-boss-time small{font-size:12px!important}
html[data-l2-layout="minimal-interlude"] .mi-boss-copy b{font-size:15px!important}
html[data-l2-layout="minimal-interlude"] .mi-boss-time time{font-size:13px!important}
html[data-l2-layout="minimal-interlude"] .mi-mobile-menu>a,
html[data-l2-layout="minimal-interlude"] .mi-mobile-rank>button,
html[data-l2-layout="minimal-interlude"] .mi-mobile-rank .l2-rank-submenu a{font-size:12px!important}

/* ---------- Internal pages: prevent microtext ---------- */
html[data-l2-layout] body:not(.l2-home-v3) p,
html[data-l2-layout] body:not(.l2-home-v3) li,
html[data-l2-layout] body:not(.l2-home-v3) td{font-size:14px!important;line-height:1.6!important}
html[data-l2-layout] body:not(.l2-home-v3) label,
html[data-l2-layout] body:not(.l2-home-v3) th,
html[data-l2-layout] body:not(.l2-home-v3) small{font-size:12px!important;line-height:1.45!important}
html[data-l2-layout] body:not(.l2-home-v3) input,
html[data-l2-layout] body:not(.l2-home-v3) select,
html[data-l2-layout] body:not(.l2-home-v3) textarea,
html[data-l2-layout] body:not(.l2-home-v3) button{font-size:13px!important}
html[data-l2-layout] body:not(.l2-home-v3) .l2r-kicker,
html[data-l2-layout] body:not(.l2-home-v3) .rank-kicker,
html[data-l2-layout] body:not(.l2-home-v3) .gallery-kicker,
html[data-l2-layout] body:not(.l2-home-v3) .don-kicker,
html[data-l2-layout] body:not(.l2-home-v3) .support-kicker{font-size:12px!important}

/* ---------- Strong light-mode text ---------- */
html[data-l2-theme="light"] body{color:var(--l2r77-light-text)!important}
html[data-l2-theme="light"] .cr-brand strong,
html[data-l2-theme="light"] .cr-kicker,
html[data-l2-theme="light"] .cr-section-title>div>span,
html[data-l2-theme="light"] .cr-news-main small,
html[data-l2-theme="light"] .cr-news-list small,
html[data-l2-theme="light"] .cr-boss-copy .detail,
html[data-l2-theme="light"] .cr-read-more,
html[data-l2-theme="light"] .cp-kicker,
html[data-l2-theme="light"] .cp-gold,
html[data-l2-theme="light"] .cp-panel-title,
html[data-l2-theme="light"] .cp-read-more,
html[data-l2-theme="light"] .cp-boss b,
html[data-l2-theme="light"] .mi-side-title,
html[data-l2-theme="light"] .mi-status b,
html[data-l2-theme="light"] .mi-box h2,
html[data-l2-theme="light"] .mi-notice h2,
html[data-l2-theme="light"] .mi-read-more,
html[data-l2-theme="light"] .mi-boss-copy em,
html[data-l2-theme="light"] .mi-boss-time time,
html[data-l2-theme="light"] .l2-module-kicker,
html[data-l2-theme="light"] .l2-gallery-v5-heading small{color:var(--l2r77-light-gold)!important;text-shadow:none!important}

html[data-l2-theme="light"] .cr-hero p,
html[data-l2-theme="light"] .cr-news-main p,
html[data-l2-theme="light"] .cr-news-excerpt,
html[data-l2-theme="light"] .cr-boss-when small,
html[data-l2-theme="light"] .cp-news-item p,
html[data-l2-theme="light"] .cp-boss small,
html[data-l2-theme="light"] .mi-welcome p,
html[data-l2-theme="light"] .mi-news-excerpt,
html[data-l2-theme="light"] .mi-notice p,
html[data-l2-theme="light"] .mi-footer{color:var(--l2r77-light-muted)!important}

html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] body:not(.l2-home-v3) h1,
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] body:not(.l2-home-v3) h2,
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] body:not(.l2-home-v3) h3,
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] body:not(.l2-home-v3) .l2r-title,
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] body:not(.l2-home-v3) .gallery-title,
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] body:not(.l2-home-v3) .l2r-heading,
html[data-l2-theme="light"] body:not(.l2-home-v3) .text-\[\#c29a5b\]{color:var(--l2r77-light-gold-strong)!important;text-shadow:none!important}

html[data-l2-theme="light"] body:not(.l2-home-v3) .text-zinc-400{color:#514a40!important}
html[data-l2-theme="light"] body:not(.l2-home-v3) .text-zinc-500{color:#625a4f!important}
html[data-l2-theme="light"] body:not(.l2-home-v3) .text-zinc-600{color:#6e6559!important}

@media(max-width:720px){
  html[data-l2-layout="classic-hybrid"] .cr-brand small{font-size:11px!important}
  html[data-l2-layout="classic-hybrid"] .cr-mobile-menu>a,
  html[data-l2-layout="classic-hybrid"] .cr-mobile-rank>button,
  html[data-l2-layout="classic-hybrid"] .cr-mobile-rank .l2-rank-submenu a{font-size:13px!important}
  html[data-l2-layout="classic-hybrid"] .cr-hero p,
  html[data-l2-layout="classic-portal"] .cp-hero p,
  html[data-l2-layout="minimal-interlude"] .mi-welcome p{font-size:14px!important}
  html[data-l2-layout="minimal-interlude"] .mi-boss-copy b{font-size:14px!important}
}

/* Seletor de layouts também usa dourado claro no tema escuro; no claro, escurece. */
html[data-l2-theme="light"] .l2-layout-choice h2,
html[data-l2-theme="light"] .l2-layouts-head h1,
html[data-l2-theme="light"] .l2-layout-choice>a{color:var(--l2r77-light-gold-strong)!important;text-shadow:none!important}
html[data-l2-theme="light"] .l2-layout-choice>a{font-size:12px!important}
html[data-l2-theme="light"] .l2-layout-current{font-size:11px!important}

/* ---------- Shared modules ---------- */
html[data-l2-layout] .l2-layout-switcher-v2{font-size:12px!important}
html[data-l2-layout] .l2-feature-gallery-meta em,
html[data-l2-layout] .l2-feature-gallery-controls span,
html[data-l2-layout] .l2-pagebar-title p,
html[data-l2-layout] .l2-pagebar-links a,
html[data-l2-layout] .l2-gallery-type,
html[data-l2-layout] .l2-gallery-counter,
html[data-l2-layout] .l2-gallery-rail-meta,
html[data-l2-layout] .l2-home-media-top,
html[data-l2-layout] .l2-gallery-v5-heading small,
html[data-l2-layout] .l2-gallery-v5-all,
html[data-l2-layout] .l2-gallery-v5-type,
html[data-l2-layout] .l2-gallery-v5-count,
html[data-l2-layout] .l2-gallery-v5-tile-type,
html[data-l2-layout] .l2-home-rankings-head>a,
html[data-l2-layout] .l2-home-rank-card>header>span,
html[data-l2-layout] .l2-home-rank-pos,
html[data-l2-layout] .l2-home-rank-player small,
html[data-l2-layout] .l2-home-rank-score small,
html[data-l2-layout] .l2-rank-submenu a{font-size:12px!important}
html[data-l2-layout] .l2-home-rank-player b{font-size:13px!important}
html[data-l2-layout] .l2-lang-pill .code{font-size:11px!important}

html[data-l2-layout="minimal-interlude"] #lives .text-gray-500,
html[data-l2-layout="minimal-interlude"] #lives .live-kicker,
html[data-l2-layout="minimal-interlude"] .l2-feature-gallery-kicker,
html[data-l2-layout="minimal-interlude"] .l2-feature-gallery-head p,
html[data-l2-layout="minimal-interlude"] .l2-feature-gallery-open,
html[data-l2-layout="minimal-interlude"] .l2-feature-gallery-meta em,
html[data-l2-layout="minimal-interlude"] .l2-pagebar-title p,
html[data-l2-layout="minimal-interlude"] .l2-pagebar-links a,
html[data-l2-layout="minimal-interlude"] .l2-gallery-type,
html[data-l2-layout="minimal-interlude"] .l2-gallery-counter,
html[data-l2-layout="minimal-interlude"] .l2-gallery-rail-meta,
html[data-l2-layout="minimal-interlude"] .l2-gallery-v5-all,
html[data-l2-layout="minimal-interlude"] .l2-gallery-v5-type,
html[data-l2-layout="minimal-interlude"] .l2-gallery-v5-count,
html[data-l2-layout="minimal-interlude"] .l2-home-rankings-head>a,
html[data-l2-layout="minimal-interlude"] .l2-home-rank-pos,
html[data-l2-layout="minimal-interlude"] .l2-home-rank-player small,
html[data-l2-layout="minimal-interlude"] body:not(.l2-home-v3) .gallery-filter,
html[data-l2-layout="minimal-interlude"] body:not(.l2-home-v3) .l2r-nav-row a,
html[data-l2-layout="minimal-interlude"] body:not(.l2-home-v3) .l2r-desc,
html[data-l2-layout="minimal-interlude"] body:not(.l2-home-v3) .rank-pill{font-size:12px!important}

html[data-l2-layout="classic-portal"] #lives .live-kicker,
html[data-l2-layout="classic-portal"] .l2-feature-gallery-kicker,
html[data-l2-layout="classic-portal"] .l2-feature-gallery-head p,
html[data-l2-layout="classic-portal"] .l2-feature-gallery-open,
html[data-l2-layout="classic-portal"] body:not(.l2-home-v3) .l2r-nav-row a,
html[data-l2-layout="classic-portal"] body:not(.l2-home-v3) .l2r-kicker,
html[data-l2-layout="classic-portal"] body:not(.l2-home-v3) .rank-pill,
html[data-l2-layout="classic-portal"] .cp-topline,
html[data-l2-layout="classic-portal"] .cp-head-status span,
html[data-l2-layout="classic-portal"] .cp-head-status small{font-size:12px!important}

/* =========================================================
   V7.7.1 — Mobile header + ranking dropdown + final contrast
   ========================================================= */

/* Utilitários Tailwind/legados que ainda geravam microtexto. */
html[data-l2-layout] body .text-\[8px\],
html[data-l2-layout] body .text-\[9px\],
html[data-l2-layout] body .text-\[10px\],
html[data-l2-layout] body .text-\[11px\]{font-size:12px!important;line-height:1.45!important}
html[data-l2-layout] body .text-xs{line-height:1.45!important}

/* Links de resumo: visíveis nos três temas e sem depender de clamp visual. */
html[data-l2-layout="classic-portal"] .cp-read-more,
html[data-l2-layout="minimal-interlude"] .mi-read-more,
html[data-l2-layout="classic-hybrid"] .cr-read-more{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  margin-top:8px!important;font-size:12px!important;font-weight:800!important;
  line-height:1.3!important;text-decoration:none!important
}
html[data-l2-layout="classic-portal"] .cp-news-item p,
html[data-l2-layout="minimal-interlude"] .mi-news-excerpt,
html[data-l2-layout="classic-hybrid"] .cr-news-main p,
html[data-l2-layout="classic-hybrid"] .cr-news-excerpt{
  -webkit-line-clamp:unset!important;display:block!important;overflow:visible!important
}

/* Ranking: 8 opções em pares lógicos, mais fácil de varrer visualmente. */
@media(min-width:1181px){
  html[data-l2-layout="classic-hybrid"] .cr-submenu.l2-rank-submenu{
    width:390px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;padding:8px!important
  }
}
@media(min-width:761px){
  html[data-l2-layout="classic-portal"] .cp-submenu.l2-rank-submenu,
  html[data-l2-layout="minimal-interlude"] .mi-submenu.l2-rank-submenu{
    width:390px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;padding:8px!important
  }
}
html[data-l2-layout] .l2-rank-menu.open>.l2-rank-submenu,
html[data-l2-layout] .l2-rank-menu:hover>.l2-rank-submenu,
html[data-l2-layout] .l2-rank-menu:focus-within>.l2-rank-submenu{display:grid}
html[data-l2-layout] .l2-rank-submenu a{
  min-height:42px!important;padding:9px 11px!important;border:1px solid rgba(199,154,74,.10)!important;
  border-radius:2px!important;font-size:12px!important;line-height:1.25!important;white-space:normal!important
}
html[data-l2-layout] .l2-rank-submenu a i{width:18px!important;font-size:12px!important}
html[data-l2-theme="light"] .l2-rank-submenu{
  background:#f2eadf!important;border-color:#b9a78f!important;box-shadow:0 18px 40px rgba(64,47,28,.18)!important
}
html[data-l2-theme="light"] .l2-rank-submenu a{
  color:#453d34!important;background:#f8f4ed!important;border-color:#d3c5b1!important
}
html[data-l2-theme="light"] .l2-rank-submenu a:hover{
  color:#4f310d!important;background:#e7dccd!important;border-color:#ad8b5a!important
}
html[data-l2-theme="light"] .l2-rank-submenu a i{color:#684516!important}

/* Cabeçalho permanece visível no mobile sem retirar espaço do fluxo da página. */
@media(max-width:1180px){
  html[data-l2-layout="classic-hybrid"] .cr-head{
    position:sticky!important;top:0!important;z-index:1600!important
  }
  html[data-l2-layout="classic-hybrid"] .cr-mobile-menu{
    max-height:calc(100dvh - 88px)!important;overflow-y:auto!important;overscroll-behavior:contain
  }
}
@media(max-width:760px){
  html[data-l2-layout="classic-portal"] .cp-nav-shell,
  html[data-l2-layout="minimal-interlude"] .mi-page-shell-top{
    position:sticky!important;top:0!important;z-index:1600!important
  }
  html[data-l2-layout="classic-portal"] .cp-mobile-menu,
  html[data-l2-layout="minimal-interlude"] .mi-mobile-menu{
    max-height:calc(100dvh - 98px)!important;overflow-y:auto!important;overscroll-behavior:contain
  }
  html[data-l2-layout] .cr-mobile-rank.open>.l2-rank-submenu,
  html[data-l2-layout] .cp-mobile-rank.open>.l2-rank-submenu,
  html[data-l2-layout] .mi-mobile-rank.open>.l2-rank-submenu{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;padding:6px!important
  }
  html[data-l2-layout] .cr-mobile-rank .l2-rank-submenu a,
  html[data-l2-layout] .cp-mobile-rank .l2-rank-submenu a,
  html[data-l2-layout] .mi-mobile-rank .l2-rank-submenu a{
    min-height:42px!important;padding:8px 9px!important;font-size:12px!important
  }
}
@media(max-width:420px){
  html[data-l2-layout] .cr-mobile-rank.open>.l2-rank-submenu,
  html[data-l2-layout] .cp-mobile-rank.open>.l2-rank-submenu,
  html[data-l2-layout] .mi-mobile-rank.open>.l2-rank-submenu{grid-template-columns:1fr!important}
}

/* Minimal: elimina os últimos tamanhos pequenos herdados. */
html[data-l2-layout="minimal-interlude"] .mi-news-meta,
html[data-l2-layout="minimal-interlude"] .mi-news-excerpt,
html[data-l2-layout="minimal-interlude"] .mi-left small,
html[data-l2-layout="minimal-interlude"] .mi-serverbox span,
html[data-l2-layout="minimal-interlude"] .mi-side-title,
html[data-l2-layout="minimal-interlude"] .mi-status,
html[data-l2-layout="minimal-interlude"] .mi-row span,
html[data-l2-layout="minimal-interlude"] .mi-footer{font-size:12px!important}
html[data-l2-layout="minimal-interlude"] .mi-nav a,
html[data-l2-layout="minimal-interlude"] .mi-side-links a,
html[data-l2-layout="minimal-interlude"] .mi-buttons a{font-size:13px!important}
html[data-l2-layout="minimal-interlude"] .mi-row b{font-size:15px!important}

/* Tema claro: dourados pálidos (#D8C291/#CBB17A) ficam apenas decorativos. */
html[data-l2-theme="light"] :is(
  .cp-brand strong,.cp-boss b,.cp-panel-title,.cp-kicker,.cp-gold,.cp-read-more,
  .mi-left strong,.mi-bossrow b,.mi-box h2,.mi-notice h2,.mi-side-title,.mi-status b,.mi-read-more,
  .cr-brand strong,.cr-kicker,.cr-read-more,.cr-boss-copy .detail,
  .l2-module-head h2,.l2-stat-card strong,.l2-layout-choice h2,.l2-layouts-head h1
){color:#684516!important;text-shadow:none!important}
html[data-l2-theme="light"] :is(
  .cp-news-item h3,.mi-row b,.cr-news-list b,.cr-news-main h3,
  .l2-home-rank-player b,.l2-footer-logo strong
){color:#302b25!important;text-shadow:none!important}
html[data-l2-theme="light"] :is(
  .cp-news-item p,.cp-boss small,.mi-news-excerpt,.mi-row span,.mi-notice p,.mi-footer,
  .cr-news-main p,.cr-news-excerpt,.cr-boss-when small,.l2-home-rank-player small,.l2-home-rank-score small
){color:#5d554a!important;text-shadow:none!important}

/* Registro e painel: reforço de contraste para qualquer texto utilitário remanescente. */
html[data-l2-theme="light"][data-l2-page="register"] body :is(label,small,p,.auth-pass-check,.auth-response){color:#514a40!important}
html[data-l2-theme="light"][data-l2-page="register"] body :is(a,.auth-icon,.font-tech,.text-\[\#c29a5b\]){color:#684516!important;text-shadow:none!important}
html[data-l2-theme="light"][data-l2-page="user_panel"] body :is(p,small,.player-mini-pill,.text-zinc-400,.text-zinc-500,.text-zinc-600){color:#514a40!important}
html[data-l2-theme="light"][data-l2-page="user_panel"] body :is(.text-\[\#c29a5b\],.font-tech){text-shadow:none!important}

/* =========================================================
   V7.7.2 — legibilidade final + header mobile fixo
   ========================================================= */

/* Base de leitura: nada importante abaixo de 12px; utilitários comuns em 13px. */
html[data-l2-layout] body{font-size:14px!important;line-height:1.55!important}
html[data-l2-layout] body .text-\[8px\],
html[data-l2-layout] body .text-\[9px\],
html[data-l2-layout] body .text-\[10px\],
html[data-l2-layout] body .text-\[11px\]{font-size:12px!important;line-height:1.45!important}
html[data-l2-layout] body .text-xs{font-size:12px!important;line-height:1.45!important}
html[data-l2-layout] body:not(.l2-home-v3) :is(label,th,small){font-size:13px!important;line-height:1.45!important}
html[data-l2-layout] body:not(.l2-home-v3) :is(input,select,textarea,button){font-size:14px!important}

/* Minimal: sobe os textos que ainda pareciam pequenos sem perder o caráter enxuto. */
html[data-l2-layout="minimal-interlude"] :is(
  .mi-left small,.mi-serverbox strong,.mi-serverbox span,.mi-nav a,.mi-side-title,
  .mi-status,.mi-row span,.mi-news-meta,.mi-footer,.mi-community-links a,
  .mi-gallery-head>a,.mi-boss-copy em,.mi-boss-time small,.mi-mobile-menu>a,
  .mi-mobile-rank>button,.mi-mobile-rank .l2-rank-submenu a
){font-size:13px!important;line-height:1.45!important}
html[data-l2-layout="minimal-interlude"] .mi-side-links a,
html[data-l2-layout="minimal-interlude"] .mi-buttons a{font-size:14px!important}
html[data-l2-layout="minimal-interlude"] .mi-news-excerpt,
html[data-l2-layout="minimal-interlude"] .mi-notice p{font-size:14px!important;line-height:1.6!important}
html[data-l2-layout="minimal-interlude"] .mi-row b,
html[data-l2-layout="minimal-interlude"] .mi-boss-copy b{font-size:15px!important}

/* Ler mais: mesma presença visual em todos os temas. */
html[data-l2-layout] :is(.cr-read-more,.cp-read-more,.mi-read-more){
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  margin-top:8px!important;font-size:13px!important;font-weight:800!important;
  line-height:1.35!important;text-decoration:none!important
}

/* Ranking: organização visual em duas colunas e leitura maior. */
html[data-l2-layout] .l2-rank-submenu a{
  min-height:44px!important;padding:9px 11px!important;font-size:13px!important;line-height:1.28!important
}
html[data-l2-layout] .l2-rank-submenu a i{font-size:13px!important}

/* Cabeçalho mobile REALMENTE fixo. O padding compensa a altura removida do fluxo. */
@media(max-width:760px){
  html[data-l2-layout="classic-hybrid"] .cr-head{
    position:fixed!important;left:0!important;right:0!important;top:0!important;width:100%!important;z-index:1800!important
  }
  html[data-l2-layout="classic-hybrid"] body{padding-top:88px!important}
  html[data-l2-layout="classic-hybrid"] .cr-mobile-menu{max-height:calc(100dvh - 88px)!important;overflow-y:auto!important}

  html[data-l2-layout="classic-portal"] .cp-nav-shell{
    position:fixed!important;left:0!important;right:0!important;top:0!important;width:100%!important;z-index:1800!important
  }
  html[data-l2-layout="classic-portal"] body{padding-top:99px!important}
  html[data-l2-layout="classic-portal"] .cp-mobile-menu{max-height:calc(100dvh - 99px)!important;overflow-y:auto!important}

  html[data-l2-layout="minimal-interlude"] .mi-page-shell-top{
    position:fixed!important;left:0!important;right:0!important;top:0!important;width:100%!important;max-width:100%!important;z-index:1800!important
  }
  html[data-l2-layout="minimal-interlude"] body{padding-top:66px!important}
  html[data-l2-layout="minimal-interlude"] .mi-mobile-menu{max-height:calc(100dvh - 66px)!important;overflow-y:auto!important}

  html[data-l2-layout] :is(.cr-mobile-menu>a,.cr-mobile-rank>button,.cp-mobile-menu>a,.cp-mobile-rank>button,.mi-mobile-menu>a,.mi-mobile-rank>button){
    font-size:13px!important;min-height:44px!important
  }
}

/* Modo claro: texto nunca usa dourados pálidos. */
html[data-l2-theme="light"] body{color:#302b25!important}
html[data-l2-theme="light"] :is(
  .text-\[\#d8c291\],.text-\[\#D8C291\],.text-\[\#cbb17a\],.text-\[\#CBB17A\],
  .text-\[\#d1b894\],.text-\[\#D1B894\],.text-\[\#c29a5b\],.text-\[\#C29A5B\]
){color:#684516!important;text-shadow:none!important}
html[data-l2-theme="light"] :is(a,.cr-read-more,.cp-read-more,.mi-read-more){text-shadow:none!important}

/* Registro: reforço final de contraste e tamanho. */
html[data-l2-theme="light"][data-l2-page="register"] body :is(label,small,p,.auth-pass-check,.auth-response,.auth-feature p){color:#514a40!important}
html[data-l2-theme="light"][data-l2-page="register"] body :is(a,.auth-icon,.font-tech){color:#684516!important;text-shadow:none!important}
html[data-l2-page="register"] .auth-form-panel label{font-size:13px!important}
html[data-l2-page="register"] .auth-input{font-size:14px!important}
html[data-l2-page="register"] .auth-pass-check,.auth-response{font-size:13px!important}

/* Painel: textos funcionais confortáveis. */
html[data-l2-page="user_panel"] .player-tab span,
html[data-l2-page="user_panel"] .player-mini-pill,
html[data-l2-page="user_panel"] .table-modern th,
html[data-l2-page="user_panel"] .panel-btn-gold{font-size:13px!important}
html[data-l2-page="user_panel"] .table-modern td,
html[data-l2-page="user_panel"] .panel-input,
html[data-l2-page="user_panel"] .panel-select{font-size:14px!important}
html[data-l2-theme="light"][data-l2-page="user_panel"] body :is(p,small,.player-mini-pill,.text-zinc-400,.text-zinc-500,.text-zinc-600){color:#514a40!important}

/* Cobertura dos seletores legados que ainda definiam #D8C291 / #CBB17A diretamente. */
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] body:not(.l2-home-v3) :is(h3,.l2r-title,.gallery-title,.l2r-heading),
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] :is(.mi-bossrow b,.l2-stat-card strong),
html[data-l2-theme="light"][data-l2-layout="classic-portal"] .cp-boss b,
html[data-l2-theme="light"] :is(.l2-layout-choice h2,.l2-layouts-head h1){
  color:#684516!important;text-shadow:none!important
}

/* =========================================================
   V8.1 — Minimal: noticias mais legiveis e cabecalho respirado
   ========================================================= */
html[data-l2-layout="minimal-interlude"] .mi-news-box > h2{
  min-height:44px!important;
  height:auto!important;
  padding:10px 13px!important;
  gap:9px!important;
  font-size:15px!important;
  line-height:1.3!important;
}
html[data-l2-layout="minimal-interlude"] .mi-news-box > h2 i{
  flex:0 0 auto!important;
  margin:0!important;
  font-size:14px!important;
}
html[data-l2-layout="minimal-interlude"] .mi-news-grid .mi-row{
  padding:14px!important;
}
html[data-l2-layout="minimal-interlude"] .mi-news-grid .mi-row b{
  margin:4px 0 6px!important;
  font-size:16px!important;
  line-height:1.38!important;
}
html[data-l2-layout="minimal-interlude"] .mi-news-meta{
  display:block!important;
  font-size:13px!important;
  line-height:1.4!important;
}
html[data-l2-layout="minimal-interlude"] .mi-news-excerpt{
  margin:0!important;
  font-size:15px!important;
  line-height:1.65!important;
}
html[data-l2-layout="minimal-interlude"] .mi-read-more{
  margin-top:9px!important;
  font-size:13px!important;
}

html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .mi-news-box > h2{
  color:#684516!important;
}
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .mi-news-grid .mi-row b{
  color:#302b25!important;
}
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .mi-news-meta{
  color:#62594e!important;
}
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .mi-news-excerpt{
  color:#4f4941!important;
}

@media(max-width:720px){
  html[data-l2-layout="minimal-interlude"] .mi-news-box > h2{
    min-height:42px!important;
    padding:9px 12px!important;
    gap:8px!important;
    font-size:15px!important;
  }
  html[data-l2-layout="minimal-interlude"] .mi-news-grid .mi-row{
    padding:13px!important;
  }
  html[data-l2-layout="minimal-interlude"] .mi-news-grid .mi-row b{
    font-size:16px!important;
  }
  html[data-l2-layout="minimal-interlude"] .mi-news-excerpt{
    font-size:15px!important;
    line-height:1.62!important;
  }
}

/* =========================================================
   V8.2 — Minimal: corpo das noticias maior + agenda respirada
   ========================================================= */
html[data-l2-layout="minimal-interlude"] .mi-news-excerpt{
  font-size:17px!important;
  line-height:1.72!important;
  letter-spacing:.01em!important;
}

html[data-l2-layout="minimal-interlude"] .mi-boss-box > h2{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:44px!important;
  height:auto!important;
  padding:10px 13px!important;
  font-size:15px!important;
  line-height:1.3!important;
}
html[data-l2-layout="minimal-interlude"] .mi-boss-box > h2 i{
  flex:0 0 auto!important;
  margin:0!important;
  font-size:14px!important;
}

@media(max-width:720px){
  html[data-l2-layout="minimal-interlude"] .mi-news-excerpt{
    font-size:16px!important;
    line-height:1.68!important;
  }
  html[data-l2-layout="minimal-interlude"] .mi-boss-box > h2{
    min-height:42px!important;
    padding:9px 12px!important;
    gap:8px!important;
    font-size:15px!important;
  }
}

/* =========================================================
   V8.3 — Minimal: sidebar respirada + hero informativo
   ========================================================= */
html[data-l2-layout="minimal-interlude"] .mi-sidebar .mi-side-title{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
html[data-l2-layout="minimal-interlude"] .mi-sidebar .mi-side-title i{
  width:16px!important;
  min-width:16px!important;
  margin:0!important;
  text-align:center!important;
}
html[data-l2-layout="minimal-interlude"] .mi-sidebar .mi-side-links a{
  gap:9px!important;
}
html[data-l2-layout="minimal-interlude"] .mi-sidebar .mi-side-links a i{
  width:16px!important;
  min-width:16px!important;
  margin:0!important;
}

html[data-l2-layout="minimal-interlude"] .mi-welcome{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:230px!important;
  height:auto!important;
  padding:30px 32px!important;
}
html[data-l2-layout="minimal-interlude"] .mi-online-state{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 10px!important;
  font-size:12px!important;
  line-height:1.3!important;
  letter-spacing:.08em!important;
}
html[data-l2-layout="minimal-interlude"] .mi-online-state > i{
  width:auto!important;
  font-size:7px!important;
  color:#66b980!important;
  text-shadow:0 0 8px rgba(102,185,128,.45)!important;
}
html[data-l2-layout="minimal-interlude"] .mi-online-state > span{
  padding-left:8px!important;
  margin-left:2px!important;
  border-left:1px solid rgba(216,194,145,.28)!important;
  color:#b9ad99!important;
}
html[data-l2-layout="minimal-interlude"] .mi-online-age{
  display:flex!important;
  align-items:baseline!important;
  gap:9px!important;
  margin:0!important;
  font-size:clamp(30px,4vw,46px)!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
}
html[data-l2-layout="minimal-interlude"] .mi-online-age strong{
  font-size:1.18em!important;
  font-weight:800!important;
  color:#e2c88d!important;
}
html[data-l2-layout="minimal-interlude"] .mi-online-age span{
  font-size:.58em!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
}
html[data-l2-layout="minimal-interlude"] .mi-online-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:9px!important;
  margin:12px 0 0!important;
  font-size:14px!important;
  line-height:1.45!important;
}
html[data-l2-layout="minimal-interlude"] .mi-online-meta > i{
  width:3px!important;
  height:3px!important;
  border-radius:50%!important;
  background:currentColor!important;
  opacity:.45!important;
}
html[data-l2-layout="minimal-interlude"] .mi-welcome .mi-buttons{
  margin-top:16px!important;
}
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .mi-online-state > span,
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .mi-online-meta{
  color:#f1e7d5!important;
}
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .mi-online-age strong{
  color:#f0d28f!important;
  text-shadow:0 1px 5px rgba(0,0,0,.5)!important;
}

@media(max-width:720px){
  html[data-l2-layout="minimal-interlude"] .mi-welcome{
    min-height:220px!important;
    padding:24px 18px!important;
  }
  html[data-l2-layout="minimal-interlude"] .mi-online-state{font-size:11px!important;gap:7px!important}
  html[data-l2-layout="minimal-interlude"] .mi-online-age{font-size:34px!important;gap:7px!important}
  html[data-l2-layout="minimal-interlude"] .mi-online-meta{font-size:13px!important;gap:7px!important}
}


/* ==========================================================
   V129 — Rankings dropdown em lista
   - Todas as categorias em uma única coluna.
   - Melhor leitura no desktop e no mobile.
   - Categoria atual destacada.
   ========================================================== */
html[data-l2-layout="classic-hybrid"] .cr-submenu.l2-rank-submenu,
html[data-l2-layout="classic-portal"] .cp-submenu.l2-rank-submenu,
html[data-l2-layout="minimal-interlude"] .mi-submenu.l2-rank-submenu{
  width:286px!important;
  grid-template-columns:1fr!important;
  gap:2px!important;
  padding:7px!important;
  max-height:min(72vh,430px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border-radius:10px!important;
}

html[data-l2-layout] .l2-rank-submenu a{
  min-height:43px!important;
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr) 14px!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 10px!important;
  border:0!important;
  border-bottom:1px solid rgba(199,154,74,.10)!important;
  border-radius:6px!important;
  background:transparent!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.25!important;
  white-space:normal!important;
  text-align:left!important;
}
html[data-l2-layout] .l2-rank-submenu a:last-child{border-bottom:0!important}
html[data-l2-layout] .l2-rank-submenu a i{
  width:26px!important;
  height:26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(199,154,74,.16)!important;
  border-radius:5px!important;
  background:rgba(199,154,74,.055)!important;
  color:#c79a4a!important;
  font-size:12px!important;
}
html[data-l2-layout] .l2-rank-submenu a::after{
  content:'›'!important;
  display:block!important;
  justify-self:end!important;
  color:rgba(199,154,74,.48)!important;
  font-size:18px!important;
  line-height:1!important;
  transition:transform .16s ease,color .16s ease!important;
}
html[data-l2-layout] .l2-rank-submenu a:hover{
  background:rgba(199,154,74,.075)!important;
  color:#f0d7a1!important;
  border-bottom-color:rgba(199,154,74,.20)!important;
}
html[data-l2-layout] .l2-rank-submenu a:hover::after{transform:translateX(2px)!important;color:#d9b66d!important}
html[data-l2-layout] .l2-rank-submenu a.is-active{
  background:linear-gradient(90deg,rgba(199,154,74,.18),rgba(199,154,74,.055))!important;
  color:#f3dfb3!important;
  box-shadow:inset 2px 0 0 #c79a4a!important;
}
html[data-l2-layout] .l2-rank-submenu a.is-active i{
  border-color:rgba(199,154,74,.42)!important;
  background:rgba(199,154,74,.14)!important;
  color:#f1d28a!important;
}

html[data-l2-theme="light"] .l2-rank-submenu a{
  background:transparent!important;
  color:#4d4337!important;
  border-bottom-color:rgba(82,61,35,.12)!important;
}
html[data-l2-theme="light"] .l2-rank-submenu a i{
  background:#eee2d0!important;
  border-color:#cbb895!important;
  color:#6f4b1e!important;
}
html[data-l2-theme="light"] .l2-rank-submenu a::after{color:#9b7a4b!important}
html[data-l2-theme="light"] .l2-rank-submenu a:hover{
  background:#e7dac7!important;
  color:#4f310d!important;
}
html[data-l2-theme="light"] .l2-rank-submenu a.is-active{
  background:linear-gradient(90deg,#dfcba9,#eee4d5)!important;
  color:#4d2f0c!important;
  box-shadow:inset 3px 0 0 #8f652d!important;
}
html[data-l2-theme="light"] .l2-rank-submenu a.is-active i{
  background:#d8bf96!important;
  border-color:#aa8551!important;
  color:#4f310d!important;
}

/* ==========================================================
   V130 — Rankings dropdown: lista simples
   - Apenas texto, uma opção por linha.
   - Sem caixas de ícone, setas ou efeitos pesados.
   ========================================================== */
html[data-l2-layout="classic-hybrid"] .cr-submenu.l2-rank-submenu,
html[data-l2-layout="classic-portal"] .cp-submenu.l2-rank-submenu,
html[data-l2-layout="minimal-interlude"] .mi-submenu.l2-rank-submenu{
  width:238px!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  padding:4px!important;
  border-radius:7px!important;
}

html[data-l2-layout] .l2-rank-submenu a{
  min-height:36px!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  padding:8px 11px!important;
  border:0!important;
  border-bottom:1px solid rgba(199,154,74,.10)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1.25!important;
  text-align:left!important;
  white-space:normal!important;
}
html[data-l2-layout] .l2-rank-submenu a:last-child{border-bottom:0!important}
html[data-l2-layout] .l2-rank-submenu a i{display:none!important}
html[data-l2-layout] .l2-rank-submenu a::after{display:none!important;content:none!important}
html[data-l2-layout] .l2-rank-submenu a:hover{
  background:rgba(199,154,74,.07)!important;
  color:#ecd39d!important;
}
html[data-l2-layout] .l2-rank-submenu a.is-active{
  background:rgba(199,154,74,.11)!important;
  color:#f1d89f!important;
  font-weight:700!important;
  box-shadow:none!important;
}

html[data-l2-theme="light"] .l2-rank-submenu a{
  color:#51483d!important;
  border-bottom-color:rgba(82,61,35,.11)!important;
}
html[data-l2-theme="light"] .l2-rank-submenu a:hover{
  background:#e8dece!important;
  color:#563b17!important;
}
html[data-l2-theme="light"] .l2-rank-submenu a.is-active{
  background:#dfd0b9!important;
  color:#51330f!important;
  font-weight:700!important;
}

/* ==========================================================
   V131 — Rankings dropdown: bordas naturais/quadradas
   - Mantém a lista simples da V130.
   - Remove arredondamentos do menu e dos itens.
   ========================================================== */
html[data-l2-layout="classic-hybrid"] .cr-submenu.l2-rank-submenu,
html[data-l2-layout="classic-portal"] .cp-submenu.l2-rank-submenu,
html[data-l2-layout="minimal-interlude"] .mi-submenu.l2-rank-submenu,
html[data-l2-layout] .l2-rank-submenu{
  border-radius:0!important;
}
html[data-l2-layout] .l2-rank-submenu a{
  border-radius:0!important;
}

/* =========================================================
   v2.1.76 — Minimal Home: hover vivo e discreto nos links da sidebar
   ========================================================= */
html[data-l2-layout="minimal-interlude"] body.l2-home-v3 .mi-sidebar .mi-side-links a{
  position:relative!important;
  overflow:hidden!important;
  transition:background .16s ease,color .16s ease,padding-left .16s ease,box-shadow .16s ease!important;
}
html[data-l2-layout="minimal-interlude"] body.l2-home-v3 .mi-sidebar .mi-side-links a::before{
  content:"";
  position:absolute;
  left:0;
  top:6px;
  bottom:6px;
  width:2px;
  border-radius:2px;
  background:#b89355;
  opacity:0;
  transform:scaleY(.35);
  transform-origin:center;
  transition:opacity .16s ease,transform .16s ease;
}
html[data-l2-layout="minimal-interlude"] body.l2-home-v3 .mi-sidebar .mi-side-links a i{
  transition:color .16s ease,transform .16s ease!important;
}
html[data-l2-layout="minimal-interlude"] body.l2-home-v3 .mi-sidebar .mi-side-links a:hover,
html[data-l2-layout="minimal-interlude"] body.l2-home-v3 .mi-sidebar .mi-side-links a:focus-visible{
  padding-left:13px!important;
  background:linear-gradient(90deg,rgba(184,147,85,.16),rgba(184,147,85,.035))!important;
  color:#e4cfaa!important;
  box-shadow:inset 0 0 0 1px rgba(184,147,85,.12)!important;
  outline:none!important;
}
html[data-l2-layout="minimal-interlude"] body.l2-home-v3 .mi-sidebar .mi-side-links a:hover::before,
html[data-l2-layout="minimal-interlude"] body.l2-home-v3 .mi-sidebar .mi-side-links a:focus-visible::before{
  opacity:1;
  transform:scaleY(1);
}
html[data-l2-layout="minimal-interlude"] body.l2-home-v3 .mi-sidebar .mi-side-links a:hover i,
html[data-l2-layout="minimal-interlude"] body.l2-home-v3 .mi-sidebar .mi-side-links a:focus-visible i{
  color:#c8a265!important;
  transform:translateX(1px);
}

html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] body.l2-home-v3 .mi-sidebar .mi-side-links a:hover,
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] body.l2-home-v3 .mi-sidebar .mi-side-links a:focus-visible{
  background:linear-gradient(90deg,#eadfce,#f5efe6)!important;
  color:#5c431f!important;
  box-shadow:inset 0 0 0 1px rgba(122,88,43,.14)!important;
}
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] body.l2-home-v3 .mi-sidebar .mi-side-links a::before{
  background:#8c6835;
}
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] body.l2-home-v3 .mi-sidebar .mi-side-links a:hover i,
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] body.l2-home-v3 .mi-sidebar .mi-side-links a:focus-visible i{
  color:#785525!important;
}

@media (prefers-reduced-motion:reduce){
  html[data-l2-layout="minimal-interlude"] body.l2-home-v3 .mi-sidebar .mi-side-links a,
  html[data-l2-layout="minimal-interlude"] body.l2-home-v3 .mi-sidebar .mi-side-links a::before,
  html[data-l2-layout="minimal-interlude"] body.l2-home-v3 .mi-sidebar .mi-side-links a i{
    transition:none!important;
  }
}


/* ==========================================================
   v2.1.193 — Rankings
   - Restaura o dropdown original em uma coluna.
   - Corrige as linhas inferiores dos itens que estavam falhando.
   ========================================================== */

/* Mantém o dropdown de Rankings no formato clássico/original. */
html[data-l2-layout] .l2-rank-submenu{
    grid-template-columns:1fr!important;
}

/* Mantém os itens com a mesma estrutura simples de antes. */
html[data-l2-layout] .l2-rank-submenu>a{
    width:100%!important;
    border-left:0!important;
    border-right:0!important;
    border-top:0!important;
}

/* Linhas inferiores explicitamente corrigidas. */
html[data-l2-layout] .l2-rank-submenu>a[href*="type=oly"],
html[data-l2-layout] .l2-rank-submenu>a[href*="type=heroes"],
html[data-l2-layout] .l2-rank-submenu>a[href*="type=castle"],
html[data-l2-layout] .l2-rank-submenu>a[href*="type=online"]{
    border-bottom:1px solid rgba(199,154,74,.14)!important;
    box-shadow:inset 0 -1px 0 rgba(199,154,74,.08)!important;
}

/* O último item continua com acabamento de menu, mas sem parecer cortado. */
html[data-l2-layout] .l2-rank-submenu>a:last-child{
    border-bottom:1px solid rgba(199,154,74,.14)!important;
}

/* Hover / ativo preservam a linha. */
html[data-l2-layout] .l2-rank-submenu>a[href*="type=oly"]:hover,
html[data-l2-layout] .l2-rank-submenu>a[href*="type=heroes"]:hover,
html[data-l2-layout] .l2-rank-submenu>a[href*="type=castle"]:hover,
html[data-l2-layout] .l2-rank-submenu>a[href*="type=online"]:hover,
html[data-l2-layout] .l2-rank-submenu>a[href*="type=oly"].is-active,
html[data-l2-layout] .l2-rank-submenu>a[href*="type=heroes"].is-active,
html[data-l2-layout] .l2-rank-submenu>a[href*="type=castle"].is-active,
html[data-l2-layout] .l2-rank-submenu>a[href*="type=online"].is-active{
    border-bottom-color:rgba(199,154,74,.28)!important;
}

/* Light */
html[data-l2-theme="light"] .l2-rank-submenu>a[href*="type=oly"],
html[data-l2-theme="light"] .l2-rank-submenu>a[href*="type=heroes"],
html[data-l2-theme="light"] .l2-rank-submenu>a[href*="type=castle"],
html[data-l2-theme="light"] .l2-rank-submenu>a[href*="type=online"],
html[data-l2-theme="light"] .l2-rank-submenu>a:last-child{
    border-bottom-color:rgba(82,61,35,.15)!important;
    box-shadow:inset 0 -1px 0 rgba(82,61,35,.07)!important;
}

/* Mobile também permanece em uma coluna. */
html[data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>.l2-rank-submenu{
    grid-template-columns:1fr!important;
}


/* ==========================================================
   v2.1.194 — Rankings dropdown: volta definitiva ao estilo
   simples em linhas + divisórias #E8E2D9
   ========================================================== */

/* Dropdown clássico: uma coluna, compacto, sem cards. */
html[data-l2-layout="classic-hybrid"] .cr-submenu.l2-rank-submenu,
html[data-l2-layout="classic-portal"] .cp-submenu.l2-rank-submenu,
html[data-l2-layout="minimal-interlude"] .mi-submenu.l2-rank-submenu{
    width:238px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:4px!important;
}

/* Cada opção volta a ser apenas uma linha simples. */
html[data-l2-layout] .l2-rank-submenu>a{
    min-height:36px!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:8px 11px!important;

    border:0!important;
    border-bottom:1px solid #E8E2D9!important;
    border-radius:0!important;

    background:transparent!important;
    box-shadow:none!important;

    font-size:12.5px!important;
    font-weight:600!important;
    line-height:1.25!important;
    text-align:left!important;
    white-space:normal!important;
}

/* Inclusive o último item mantém a linha inferior solicitada. */
html[data-l2-layout] .l2-rank-submenu>a:last-child{
    border-bottom:1px solid #E8E2D9!important;
}

/* Sem caixas de ícone ou enfeites no dropdown. */
html[data-l2-layout] .l2-rank-submenu>a i{
    display:none!important;
}

html[data-l2-layout] .l2-rank-submenu>a::before,
html[data-l2-layout] .l2-rank-submenu>a::after{
    display:none!important;
    content:none!important;
}

/* Hover continua discreto, sem transformar o item em card. */
html[data-l2-layout] .l2-rank-submenu>a:hover{
    border-bottom-color:#E8E2D9!important;
    background:rgba(199,154,74,.07)!important;
    box-shadow:none!important;
}

html[data-l2-layout] .l2-rank-submenu>a.is-active{
    border-bottom-color:#E8E2D9!important;
    background:rgba(199,154,74,.11)!important;
    box-shadow:none!important;
}

/* O mesmo desenho no modo claro. */
html[data-l2-theme="light"] .l2-rank-submenu>a,
html[data-l2-theme="light"] .l2-rank-submenu>a:hover,
html[data-l2-theme="light"] .l2-rank-submenu>a.is-active,
html[data-l2-theme="light"] .l2-rank-submenu>a:last-child{
    border-bottom:1px solid #E8E2D9!important;
    box-shadow:none!important;
}

/* Mobile também fica como lista simples vertical. */
html[data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>.l2-rank-submenu{
    grid-template-columns:1fr!important;
    gap:0!important;
}

html[data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>.l2-rank-submenu>a{
    border:0!important;
    border-bottom:1px solid #E8E2D9!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}


/* ==========================================================
   v2.1.195 — Rankings dropdown
   Paleta alinhada ao restante do site, mantendo lista simples.
   ========================================================== */

/* ---------- DARK ---------- */
html[data-l2-theme="dark"] .l2-rank-submenu,
html:not([data-l2-theme="light"]) .l2-rank-submenu{
    background:#0d0b09!important;
    border:1px solid #433729!important;
    box-shadow:0 16px 34px rgba(0,0,0,.42)!important;
}

html[data-l2-theme="dark"] .l2-rank-submenu>a,
html:not([data-l2-theme="light"]) .l2-rank-submenu>a{
    color:#a99e8e!important;
    background:transparent!important;
    border:0!important;
    border-bottom:1px solid rgba(232,226,217,.11)!important;
    box-shadow:none!important;
}

html[data-l2-theme="dark"] .l2-rank-submenu>a:last-child,
html:not([data-l2-theme="light"]) .l2-rank-submenu>a:last-child{
    border-bottom:1px solid rgba(232,226,217,.11)!important;
}

html[data-l2-theme="dark"] .l2-rank-submenu>a:hover,
html:not([data-l2-theme="light"]) .l2-rank-submenu>a:hover{
    color:#ead5aa!important;
    background:#17130f!important;
    border-bottom-color:rgba(232,226,217,.16)!important;
}

html[data-l2-theme="dark"] .l2-rank-submenu>a.is-active,
html:not([data-l2-theme="light"]) .l2-rank-submenu>a.is-active{
    color:#f1d89f!important;
    background:rgba(199,154,74,.11)!important;
    border-bottom-color:rgba(232,226,217,.16)!important;
    box-shadow:none!important;
}

/* ---------- LIGHT ---------- */
html[data-l2-theme="light"] .l2-rank-submenu{
    background:#f2eadf!important;
    border:1px solid #b9a78f!important;
    box-shadow:0 18px 40px rgba(64,47,28,.18)!important;
}

html[data-l2-theme="light"] .l2-rank-submenu>a{
    color:#453d34!important;
    background:transparent!important;
    border:0!important;
    border-bottom:1px solid #E8E2D9!important;
    box-shadow:none!important;
}

html[data-l2-theme="light"] .l2-rank-submenu>a:last-child{
    border-bottom:1px solid #E8E2D9!important;
}

html[data-l2-theme="light"] .l2-rank-submenu>a:hover{
    color:#4f310d!important;
    background:#e7dccd!important;
    border-bottom-color:#E8E2D9!important;
    box-shadow:none!important;
}

html[data-l2-theme="light"] .l2-rank-submenu>a.is-active{
    color:#51330f!important;
    background:#dfd0b9!important;
    border-bottom-color:#E8E2D9!important;
    box-shadow:none!important;
}

/* Mantém o desenho simples: nada de cards, ícones ou setas. */
html[data-l2-layout] .l2-rank-submenu>a{
    border-left:0!important;
    border-right:0!important;
    border-top:0!important;
    border-radius:0!important;
}

html[data-l2-layout] .l2-rank-submenu>a i{
    display:none!important;
}

html[data-l2-layout] .l2-rank-submenu>a::before,
html[data-l2-layout] .l2-rank-submenu>a::after{
    display:none!important;
    content:none!important;
}

/* Mobile herda exatamente a paleta do tema e continua em lista. */
html[data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>.l2-rank-submenu{
    grid-template-columns:1fr!important;
    gap:0!important;
}

/* ==========================================================
   v2.1.222 — Rankings do menu principal
   Ordem editorial fixa + contraste dark/mobile aprimorado.
   ========================================================== */
@media (max-width:1180px){

    /* Bloco Rankings: cria hierarquia visual sem virar um card pesado. */
    html[data-l2-theme="dark"][data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank),
    html:not([data-l2-theme="light"])[data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank){
        border-color:#403326!important;
        background:#0d0b09!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
    }

    html[data-l2-theme="dark"][data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>button,
    html:not([data-l2-theme="light"])[data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>button{
        min-height:43px!important;
        border:0!important;
        border-bottom:1px solid rgba(194,154,91,.13)!important;
        background:
            linear-gradient(90deg,rgba(194,154,91,.075),rgba(194,154,91,.018) 58%,transparent)!important;
        color:#d5c4a4!important;
        font-weight:800!important;
    }

    html[data-l2-theme="dark"][data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>button i,
    html:not([data-l2-theme="light"])[data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>button i{
        color:#c49a5b!important;
    }

    /* Submenu escuro mais separado do menu principal. */
    html[data-l2-theme="dark"][data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>.l2-rank-submenu,
    html:not([data-l2-theme="light"])[data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>.l2-rank-submenu{
        padding:3px 0!important;
        border:0!important;
        border-top:1px solid rgba(255,255,255,.025)!important;
        background:#090806!important;
        box-shadow:
            inset 0 10px 18px rgba(0,0,0,.20),
            inset 3px 0 0 rgba(194,154,91,.08)!important;
    }

    html[data-l2-theme="dark"][data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>.l2-rank-submenu>a,
    html:not([data-l2-theme="light"])[data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>.l2-rank-submenu>a{
        min-height:40px!important;
        padding:9px 13px 9px 15px!important;
        border-bottom:1px solid rgba(232,226,217,.075)!important;
        background:transparent!important;
        color:#b8ad9e!important;
        font-size:12.5px!important;
        font-weight:650!important;
        line-height:1.25!important;
        transition:background .15s ease,color .15s ease,border-color .15s ease!important;
    }

    html[data-l2-theme="dark"][data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>.l2-rank-submenu>a:last-child,
    html:not([data-l2-theme="light"])[data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>.l2-rank-submenu>a:last-child{
        border-bottom:0!important;
    }

    html[data-l2-theme="dark"][data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>.l2-rank-submenu>a:hover,
    html:not([data-l2-theme="light"])[data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>.l2-rank-submenu>a:hover{
        color:#ead8b5!important;
        background:rgba(194,154,91,.055)!important;
        border-bottom-color:rgba(194,154,91,.12)!important;
    }

    /* Ranking atual: destaque dourado discreto e barra lateral. */
    html[data-l2-theme="dark"][data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>.l2-rank-submenu>a.is-active,
    html:not([data-l2-theme="light"])[data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>.l2-rank-submenu>a.is-active{
        position:relative!important;
        color:#f0d7a3!important;
        background:
            linear-gradient(90deg,rgba(194,154,91,.14),rgba(194,154,91,.035) 72%,transparent)!important;
        border-bottom-color:rgba(194,154,91,.16)!important;
        box-shadow:none!important;
    }

    html[data-l2-theme="dark"][data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>.l2-rank-submenu>a.is-active::before,
    html:not([data-l2-theme="light"])[data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>.l2-rank-submenu>a.is-active::before{
        content:""!important;
        display:block!important;
        position:absolute!important;
        left:0!important;
        top:7px!important;
        bottom:7px!important;
        width:2px!important;
        background:#c29a5b!important;
        box-shadow:0 0 8px rgba(194,154,91,.28)!important;
    }
}

@media (max-width:430px){
    html[data-l2-theme="dark"][data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>.l2-rank-submenu>a,
    html:not([data-l2-theme="light"])[data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank)>.l2-rank-submenu>a{
        min-height:39px!important;
        padding-left:14px!important;
        padding-right:10px!important;
        font-size:12px!important;
    }
}


/* ==========================================================
   v2.1.245 — Ícones no dropdown principal de Rankings
   - Reativa os ícones já definidos no catálogo do menu.
   - Mantém a lista simples, sem caixas ou setas adicionais.
   - Reserva espaço fixo para evitar texto sobre o ícone.
   ========================================================== */
html[data-l2-layout] .l2-rank-submenu > a{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
}

html[data-l2-layout] .l2-rank-submenu > a > i{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 17px!important;
    width:17px!important;
    height:17px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#b58b4a!important;
    font-size:11px!important;
    line-height:1!important;
    text-align:center!important;
}

html[data-l2-layout] .l2-rank-submenu > a > span{
    min-width:0!important;
    flex:1 1 auto!important;
}

html[data-l2-layout] .l2-rank-submenu > a:hover > i{
    color:#d9b66d!important;
}

html[data-l2-layout] .l2-rank-submenu > a.is-active > i{
    color:#f0d39a!important;
}

html[data-l2-theme="light"][data-l2-layout] .l2-rank-submenu > a > i{
    color:#76501f!important;
}

html[data-l2-theme="light"][data-l2-layout] .l2-rank-submenu > a:hover > i,
html[data-l2-theme="light"][data-l2-layout] .l2-rank-submenu > a.is-active > i{
    color:#4f310d!important;
}

@media (max-width:800px){
    html[data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank) > .l2-rank-submenu > a{
        gap:10px!important;
        padding-left:14px!important;
    }
    html[data-l2-layout] :is(.cr-mobile-rank,.cp-mobile-rank,.mi-mobile-rank) > .l2-rank-submenu > a > i{
        flex-basis:18px!important;
        width:18px!important;
        font-size:11.5px!important;
    }
}