/* Paleta muestreada de la propuesta 3: panel #090909, nav #060606, rojo #fa1b2b. */
:root{--bg:#060606;--bg-2:#090909;--surface:#090909;--surface-2:#121212;--line:#562027;--line-soft:#202020;--blue:#fa1b2b;--blue-bright:#fa1b2b;--blue-deep:#70111b;--blue-glow:#fa1b2b26;--gold:#fa1b2b;--gold-bright:#ff4350;--gold-glow:#fa1b2b20;--text:#c2c2c2;--muted:#888;--white:#f7f7f7;}
body.mi{background:#060606!important;background-image:none!important;color:#c2c2c2;}
body.mi .mi-nav{background:#060606f5!important;border-bottom:1px solid #242424!important;}
body.mi .mi-nav .mi-wordmark{color:#fff!important;}
body.mi .mi-nav .mi-wordmark strong,body.mi .mi-hero-h1 em{color:#fa1b2b;}
body.mi .mi-nav .mi-wordmark small{color:#a6a6a6;}
body.mi .mi-nav .mi-flat-link{color:#c2c2c2!important;}
body.mi .mi-nav .mi-flat-link:hover{background:#181818!important;color:#fa1b2b!important;}
body.mi .mi-nav .mi-flat-link.on{color:#fa1b2b!important;border-color:#fa1b2b!important;}
body.mi .mi-nav .mi-flat-register{border:1px solid #fa1b2b!important;color:#fa1b2b!important;}
body.mi .mi-nav .mi-nav-cta>a:first-child{color:#c2c2c2!important;border-color:#343434;}
.mi-nav .mi-nav-cta .mi-ico{color:inherit;}
.mi-nav .mi-dominant-brand{display:flex!important;align-items:center;flex:none;}
.mi-dominant-logo{display:block;width:280px;height:56px;overflow:hidden;}
body.mi .mi-hero,body.mi .mi-hero-bg{background:#060606!important;}
body.mi .mi-hero-bg::before{background:linear-gradient(90deg,#060606 0%,#060606 31%,transparent 48%)!important;}
body.mi .de-source-art{filter:url('#de-red-dominant-tone');}
body.mi .de-source-art.de-blue-wizard-art{filter:none;}
.de-mobile-hero-art{display:none;}
@media(max-width:860px){.de-desktop-hero-art{display:none;}.de-mobile-hero-art{display:block;}}
@media(min-width:861px){
    body.mi .mi-nav .mi-nav-inner,body.mi-home .mi-wrap{max-width:1840px;width:94%;padding-left:0;padding-right:0;}
    body.mi .mi-hero{width:100%;max-width:none;margin:0;height:clamp(540px,31.25vw,760px);min-height:540px;max-height:760px;padding:54px max(3vw,calc((100vw - 1840px)/2)) 0;}
    body.mi .mi-hero-center{max-width:none;}
    body.mi .de-source-art.de-blue-wizard-art{width:100%;mask-image:linear-gradient(180deg,#000 0%,#000 76%,transparent 100%);mask-composite:add;}
    body.mi .mi-hero-bg::before{background:linear-gradient(90deg,#060606 0%,#060606 36%,#060606e6 40%,transparent 49%)!important;}
    body.mi-home .mi-wrap{margin-top:-50px;}
    body.mi .mi-hero-h1{font-size:64px!important;}
    body.mi .mi-hero::before{content:"";position:absolute;inset:0 auto 0 0;width:43%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 18% 85%,#7d13272b,transparent 65%),radial-gradient(ellipse at 58% 38%,#55555517,transparent 58%),radial-gradient(circle at 12% 23%,#cf384a66 0 1px,transparent 2px),radial-gradient(circle at 61% 16%,#bcbcbc30 0 1px,transparent 2px),radial-gradient(circle at 32% 69%,#e642523d 0 1px,transparent 2px),radial-gradient(circle at 71% 77%,#e6425255 0 1px,transparent 2px),repeating-linear-gradient(132deg,transparent 0 65px,#c4a3a305 66px,transparent 68px 133px);mask-image:linear-gradient(90deg,#000 0%,#000 66%,transparent 100%);}
}
@media(min-width:861px) and (max-width:1150px){body.mi .mi-hero{padding-top:45px;}body.mi .mi-hero-h1{font-size:48px!important;}}
@media(min-width:1586px){
    body.mi .mi-hero-h1{font-size:64px!important;}
}
@media(max-width:860px){body.mi .de-source-art.de-blue-wizard-art{mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%);}}
body.mi .de-source-art.de-closeup-art{width:100%;filter:none;}
@media(max-width:860px){body.mi .de-source-art.de-closeup-art{width:100%;height:420px;}}
body.mi .mi-hero-tag{color:#c2c2c2!important;}
.de-eyebrow,.de-hero-caption{color:#999;}.de-eyebrow span{color:#fa1b2b;}
.de-eyebrow::before{background:#fa1b2b;}.de-hero-caption::before{background:#76212a;}
body.mi .de-primary{background:#fa1b2b!important;border-color:#fa1b2b!important;color:#fff!important;box-shadow:0 0 16px #fa1b2b20;}
body.mi .de-secondary{background:#080808b0!important;border-color:#fa1b2b!important;color:#eee!important;}
body.mi .de-secondary .mi-ico{color:#fa1b2b;}
body.mi .de-button:hover{background:#c70f20!important;color:white!important;}
body.mi .mi-panel,body.mi .mi-card,body.mi .mi-stat,body.mi .mi-feat,body.mi .mi-dl-card,body.mi .mi-guide-card,body.mi .mi-guide-panel,body.mi .mi-cs-owner-card,body.mi .mi-cs-info,body.mi .mi-cs-reg,body.mi .mi-cs-rules,body.mi .mi-cs-req{background:#090909!important;border-color:#562027!important;}
body.mi .mi-panel-h,body.mi .mi-plate,body.mi .mi-kb-head,body.mi .dmn-page-title{background:#090909!important;border-bottom-color:#242424!important;color:#f7f7f7!important;}
body.mi .mi-panel-h .mi-ico,body.mi .mi-plate .mi-ico,body.mi .mi-kb-head .mi-ico,body.mi .mi-feat .mi-ico,body.mi .mi-download .mi-ico,body.mi .mi-cs-crown,body.mi .de-panel-arrow{color:#fa1b2b!important;}
body.mi .mi-feat h3{color:#f3f3f3!important;}
body.mi .mi-panel .mi-kv li,body.mi .mi-panel .top-table li,body.mi .mi-panel .mi-events li,body.mi .mi-news li,body.mi .mi-cs-steps li,body.mi .mi-cs-kv li{border-color:#202020!important;}
body.mi .mi-panel .mi-kv b,body.mi .mi-panel .ev-t span,body.mi .mi-panel .top-table .td-4,body.mi .mi-panel .top-table .td-5{color:#e7e7e7!important;}
body.mi .mi-panel .mi-more,body.mi .mi-title-link,body.mi .mi-title em,body.mi .mi-panel .mi-plate::before,body.mi .mi-panel .mi-kb-head::before{color:#fa1b2b!important;}
body.mi .mi-panel .mi-kv span,body.mi .mi-panel .lbl,body.mi .mi-panel label,body.mi .mi-cs-lbl,body.mi .mi-cs-sub,body.mi .mi-cs-steps li span,body.mi .mi-cs-req,body.mi .mi-cs-req span{color:#aaa!important;}
body.mi .mi-events li.next,body.mi .mi-cs-battle-box{background:#111!important;border-color:#3b2326!important;}
body.mi .mi-cs-battle-box b{color:#fa1b2b;}.mi-cs-battle-box small span{color:#ddd!important;}
body.mi input:not([type=checkbox]):not([type=radio]),body.mi select,body.mi textarea{background:#070707!important;border-color:#4e2429!important;color:#eee!important;}
body.mi input:focus,body.mi select:focus,body.mi textarea:focus{outline-color:#fa1b2b!important;}
body.mi .mi-panel .mi-kb:has(.de-control-label),body.mi .mi-download,body.mi .custom_button,body.mi .mi-btn:not(.mi-discord-float .mi-btn){background:#121212!important;border-color:#84232d!important;color:#eee!important;}
body.mi .mi-panel .de-control-label{color:#eee!important;}
body.mi .mi-empty{background:#111!important;color:#aaa!important;}
body.mi .mi-event-guides{--guide-gold:#fa1b2b;--guide-edge:#482126;color:#c2c2c2;}
body.mi .mi-guide-hero,body.mi .mi-guide-intro,body.mi .mi-guide-facts section,body.mi .mi-guide-notes,body.mi .mi-guide-anchors a{background:#0d0d0d!important;border-color:#482126!important;}
body.mi .mi-guide-anchors a{color:#ddd!important;}
body.mi .mi-guide-anchors a:hover,body.mi .mi-guide-table th{background:#1b0e10!important;color:#eee;}
body.mi .mi-guide-card-image,body.mi .mi-guide-example{background:#070707!important;}
body.mi .mi-panel>.de-panel-art{display:none!important;}
body.mi-home .de-server-panel,body.mi-home .mi-events-panel,body.mi-home .de-ranking-panel{background:#090909!important;border-color:#80232c!important;}
body.mi-home .de-server-panel::before,body.mi-home .mi-events-panel::before,body.mi-home .de-ranking-panel::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 248' preserveAspectRatio='none'%3E%3Cpath d='M.5 13 13 .5H427L439.5 13V235L427 247.5H13L.5 235Z' fill='none' stroke='%2380232c' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M.5 13 13 .5M427 247.5 439.5 235' fill='none' stroke='%23fa1b2b' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat;}
body.mi .mi-ap-opt.de-manga-button,body.mi .mi-ap-info.de-manga-info{background:#090909!important;border-color:#562027!important;}
body.mi .mi-ap-opt.de-manga-button{border-left-color:#fa1b2b!important;}
body.mi .de-manga-copy b,body.mi .de-manga-info .val{color:#eee!important;}
body.mi .de-manga-copy>span,body.mi .de-manga-info .lbl{color:#999!important;}
body.mi .de-manga-arrow,body.mi .de-manga-info .mi-ap-link{color:#fa1b2b!important;}
body.mi a.de-manga-button:hover{background:#1b0d10!important;border-color:#fa1b2b!important;}
body.mi .mi-footer{background:#060606!important;border-color:#242424!important;}
body.mi .mi-footer .mi-wordmark strong{color:#fa1b2b;}
body.mi .mi-footer .mi-copy{color:#777;}
@media(max-width:860px){body.mi .mi-nav .mi-links{background:#090909;}body.mi .mi-hero-bg::before{background:linear-gradient(180deg,#060606 0%,#060606 45%,transparent 70%)!important;}.mi-dominant-logo{width:235px;height:48px;}}

/* Controles de descargas, donaciones y filtros que conservaban colores anteriores. */
body.mi .mi-kb-dl:has(.de-control-label),body.mi .dmn-download-button,body.mi .dmn-donate-button,body.mi .btn-primary,body.mi .mi-buy,body.mi .mi-wbuy{background:#fa1b2b!important;background-image:none!important;border:1px solid #ff4350!important;color:#fff!important;border-radius:4px!important;box-shadow:none!important;}
body.mi .mi-kb-dl .de-control-label{color:white!important;}
body.mi .mi-buy:hover,body.mi .mi-wbuy:hover,body.mi .btn-primary:hover,body.mi .mi-kb-dl:hover{background:#c91424!important;border-color:#fa1b2b!important;}
body.mi .mi-wfilter button,body.mi .mi-wtabs .mi-wtab,body.mi .mi-wlvls .mi-wlvl{background:#111!important;border-color:#582127!important;color:#ccc!important;}
body.mi .mi-wfilter button.on,body.mi .mi-wtabs .mi-wtab.on,body.mi .mi-wlvls .mi-wlvl.on{background:#fa1b2b!important;color:white!important;border-color:#fa1b2b!important;}
body.mi .mi-paybox-card,body.mi .mi-wmodal-card{background:#090909!important;border-color:#75222b!important;}
body.mi .mi-paybox-head,body.mi .mi-paybox-head b{color:#eee!important;}
body.mi .selectTop .select{background:#111!important;border:1px solid #60252c!important;color:#ddd!important;}
body.mi .selectTop .select_value{color:#eee!important;}
body.mi .select_dropdown{background:#0c0c0c!important;border-color:#60252c!important;max-height:360px;overflow-y:auto;z-index:50;}
body.mi .select_dropdown .select_option{color:#ddd!important;}
body.mi .select_dropdown .select_option:hover{background:#3c1018!important;color:#ff4655!important;}
body.mi .mi-pay,body.mi .mi-pay.mp,body.mi .mi-pay.bn,body.mi .btn.btn-primary{background:#151515!important;background-image:none!important;border-color:#a32835!important;color:#fff!important;box-shadow:none!important;}
body.mi .mi-pay:hover,body.mi .btn.btn-primary:hover{background:#fa1b2b!important;}
body.mi .selectTop{flex-wrap:wrap;gap:8px;justify-content:flex-start;}
body.mi .selectTop .select{flex:1;min-width:150px;max-width:none;}
@media(max-width:640px){body.mi .selectTop .select{flex-basis:100%;}}

/* Indicador visible en desplegables personalizados y nativos. */
.mi-character-profile{padding-bottom:24px;}
.mi-character-heading{display:flex;align-items:center;gap:16px;padding:24px;}
.mi-character-heading img{border:1px solid #84232d;border-radius:6px;object-fit:cover;}
.mi-character-heading h1{font:26px 'Russo One',sans-serif;color:#fff;margin:0 0 7px;overflow-wrap:anywhere;}
.mi-character-heading p,.mi-character-note{color:#999;font-size:13px;}
.mi-character-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 24px;margin:0 0 24px;}
.mi-character-stats>div{background:#111;border:1px solid #3c2024;padding:14px;border-radius:4px;}
.mi-character-stats dt{font-size:12px;color:#aaa;font-weight:400;margin-bottom:5px;}
.mi-character-stats dd{font-size:18px;color:#fff;margin:0;overflow-wrap:anywhere;}
.mi-character-profile>.mi-btn,.mi-character-note{margin-left:24px;margin-right:24px;}
@media(max-width:480px){.mi-character-stats{padding:0 16px;gap:8px;}.mi-character-heading{padding:20px 16px;}}
body.mi .selectTop .select{position:relative;padding-right:34px!important;cursor:pointer;}
body.mi .selectTop .select::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:2px solid #fa1b2b;border-bottom:2px solid #fa1b2b;transform:translateY(-70%) rotate(45deg);pointer-events:none;}
body.mi select:not([multiple]):not([size]){appearance:none;padding-right:34px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23fa1b2b' stroke-width='2'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:12px 8px!important;}
