/* Replica de la propuesta 5: arte original sin regeneracion. */
:root{--fd:"Russo One","Barlow",sans-serif;}
body.mi .mi-nav .mi-wordmark{font-family:"Russo One",sans-serif!important;font-size:29px!important;letter-spacing:0;}
body.mi .mi-nav .mi-wordmark small{font-family:var(--fb);font-size:8px!important;letter-spacing:4.5px;margin-top:7px;}
.mi-nav .mi-nav-inner{max-width:1586px;padding:15px 3.5%;min-height:76px;gap:30px;}
body.mi .mi-nav .mi-flat-link{font:500 14px var(--fb)!important;min-height:36px;padding:0 12px!important;}
body.mi .mi-nav .mi-flat-register{border:0!important;color:#ff3157!important;}
body.mi .mi-nav .mi-nav-cta>a:first-child{color:#39d6f5!important;border-right:1px solid #28465a;border-radius:0!important;}
body.mi .mi-nav .mi-nav-cta>a::before{display:inline-block!important;content:'♙';font-size:24px;margin-right:8px;}
body.mi .mi-hero{height:35.2vw;min-height:500px;max-height:650px;padding:4.5vw 3.6% 0;align-items:flex-start;isolation:isolate;}
body.mi .mi-hero-bg{background-image:url('../images/mi/doble-energia-referencia.png')!important;background-size:100vw auto!important;background-position:center -7vw!important;background-repeat:no-repeat!important;}
body.mi .mi-hero-bg::before{background:linear-gradient(90deg,#030f1b 0%,#030f1b 32%,#030f1bf0 36%,#030f1b30 43%,transparent 48%)!important;}
body.mi .mi-hero-bg::before,body.mi .mi-hero-bg::after{display:block!important;}
body.mi .mi-hero-bg::after{height:12px;background:linear-gradient(transparent,#06101c)!important;}
body.mi .mi-hero-center{max-width:1470px;}
.de-eyebrow{font-size:9px;letter-spacing:4px;margin:0 0 23px 0;}.de-eyebrow::before{content:'';display:inline-block;width:27px;height:2px;background:#ff3157;margin-right:18px;vertical-align:middle;}
body.mi .mi-hero-h1{font-family:"Russo One",sans-serif!important;font-size:clamp(45px,4.45vw,76px)!important;line-height:1.03;letter-spacing:0;max-width:650px;font-weight:400;}
body.mi .mi-hero-tag{font-family:var(--fb);font-size:18px;letter-spacing:4px;white-space:nowrap;max-width:650px!important;margin:22px 0 35px!important;color:#eef5fc;}
.mi-hero-btns{gap:18px;}
.de-button{min-height:52px;border-radius:2px;min-width:210px;font-size:17px;gap:12px;font-weight:600;}.de-primary{background:#ff174b;box-shadow:0 0 19px #ff174b30;border-color:#ff174b;color:#020b14!important;}.de-primary span:last-child{margin-left:auto;font-size:30px;}.de-secondary{background:#03101c9c;border-color:#18c9eb;color:#5ce7fc!important;}
body.mi .mi-live{display:none!important;}.de-hero-caption{font-size:9px;letter-spacing:2px;color:#38617b;margin-top:25px;}.de-hero-caption::before{content:'';display:inline-block;width:24px;height:1px;background:#38617b;margin-right:14px;vertical-align:middle;}
body.mi-home .mi-wrap{max-width:1586px;margin:0 auto 55px;padding:0 2.3%;position:relative;z-index:2;}
body.mi-home .mi-layout{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:none;gap:24px;align-items:start;}
body.mi-home .mi-side-left,body.mi-home .mi-side-right,body.mi-home .mi-main{display:contents!important;}
body.mi-home .mi-layout>.mi-main>*,body.mi-home .mi-side>*{order:8;grid-column:auto;}
body.mi-home .mi-main>.mi-block{grid-column:1/-1;order:5;}
body.mi-home .mi-side-left>.de-server-panel{order:0!important;grid-column:1;}
body.mi-home .mi-side-right>.mi-events-panel{order:1!important;grid-column:2;}
body.mi-home .mi-side-right>.de-ranking-panel{order:2!important;grid-column:3;}
body.mi-home .de-server-panel,body.mi-home .mi-events-panel,body.mi-home .de-ranking-panel{position:relative;height:248px;overflow:hidden;border:1px solid #28485f!important;border-radius:0!important;background:#06121e!important;margin:0 0 10px;clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);}
body.mi-home .de-server-panel::after,body.mi-home .mi-events-panel::after,body.mi-home .de-ranking-panel::after{content:'';position:absolute;right:0;top:54px;width:32%;height:194px;pointer-events:none;z-index:0;background-image:url('../images/mi/doble-energia-referencia.png');background-repeat:no-repeat;background-size:1427px 893px;opacity:.72;}
body.mi-home .de-server-panel::after{background-position:-380px -735px;}
body.mi-home .mi-events-panel::after{background-position:-900px -735px;}
body.mi-home .de-ranking-panel::after{background-position:-1420px -735px;}
body.mi-home .de-server-panel::after,body.mi-home .mi-events-panel::after,body.mi-home .de-ranking-panel::after{background-size:1586px 992px;top:60px;height:165px;mask-image:linear-gradient(#000 75%,transparent);}
body.mi-home .de-server-panel>*,body.mi-home .mi-events-panel>*,body.mi-home .de-ranking-panel>*{position:relative;z-index:1;}
body.mi .de-server-panel .mi-plate,body.mi .mi-events-panel .mi-kb-head,body.mi .de-ranking-panel .mi-kb-head{height:57px!important;min-height:57px!important;align-items:center;padding:12px 23px!important;gap:16px;background:transparent!important;}
body.mi .de-server-panel .mi-plate::before,body.mi .mi-events-panel .mi-kb-head::before,body.mi .de-ranking-panel .mi-kb-head::before{display:none!important;}
body.mi .de-server-panel .mi-plate span,body.mi .mi-events-panel .de-control-label,body.mi .de-ranking-panel .de-control-label{font:400 19px "Russo One",sans-serif!important;color:#eef4ff!important;}
.de-server-panel .mi-ico,.mi-events-panel .mi-kb-head .mi-ico,.de-ranking-panel .mi-kb-head .mi-ico{width:30px;height:30px;color:#37d2f2;flex:none;}
.de-online{margin-left:auto;color:#05d7a2;font:600 12px var(--fb);}.de-online i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#05d7a2;margin-right:7px;}
.de-today{background:#ff174b;color:#07111c;font:700 11px var(--fb);letter-spacing:1px;border-radius:3px;padding:4px 6px;margin-left:auto;}
.de-panel-arrow{font-size:28px;color:#37d2f2;margin-left:auto;}
body.mi-home .de-server-panel .mi-panel-b,body.mi-home .mi-events-panel .mi-panel-b,body.mi-home .de-ranking-panel .mi-panel-b{padding:6px 22px;}
body.mi-home .de-server-panel .mi-kv li{padding:5px 0;font:12px var(--fb);min-height:24px;}.de-server-panel .mi-kv span{font-size:12px!important;text-transform:none!important;letter-spacing:0!important;}.de-server-panel .mi-kv b{font-size:12px!important;}
body.mi-home .mi-events-panel .mi-events{max-height:170px;overflow:auto;}.mi-home .mi-events-panel .mi-events li{padding:9px 0;background:transparent!important;border-left:0!important;}.mi-home .mi-events-panel .ev-n b{font:13px var(--fb)!important;}.mi-home .mi-events-panel .ev-n small{font-size:10px;}.mi-home .mi-events-panel .ev-t span{font-size:12px;}.mi-home .mi-events-panel .ev-t small{font-size:8px;}
body.mi-home .de-ranking-panel #top_players{max-height:153px;overflow:auto;}.mi-home .de-ranking-panel table{margin:0!important;}.mi-home .de-ranking-panel th{display:none;}.mi-home .de-ranking-panel td{padding:6px 3px!important;height:29px!important;border-color:#193042!important;font:12px var(--fb)!important;}.mi-home .de-ranking-panel .mi-portrait{display:none!important;}.mi-home .de-ranking-panel .mi-more{font-size:10px;margin-top:6px;}
.mi-home .mi-block{margin-top:20px;}
body.mi-home .de-ranking-panel .top-table li.table-th{display:none!important;}
body.mi-home .de-ranking-panel .top-table li{min-height:29px!important;height:29px!important;padding:4px 0!important;font-size:12px!important;}
body.mi-home .de-ranking-panel .top-table .td-3,body.mi-home .de-ranking-panel .top-table .td-4,body.mi-home .de-ranking-panel .top-table .td-5{display:none!important;}
body.mi-home .de-ranking-panel .top-table .td-1{width:22px;font-size:12px;}
body.mi-home .de-ranking-panel .top-table .td-2{font-size:12px;}
body.mi-home .de-ranking-panel .top-table .td-2 a{color:#c3d6e7!important;}
body.mi-home .mi-events-panel .ev-n small{display:none;}
body.mi-home .mi-events-panel .mi-events li{height:37px;min-height:37px;}
body.mi-home .mi-events-panel .ev-n b::before{content:'•';color:#ff174b;margin-right:18px;}
@media(min-width:1700px){body.mi .mi-hero-bg{background-size:1700px auto!important;background-position:center -119px!important;}}
@media(max-width:1100px) and (min-width:861px){body.mi .mi-hero{height:43vw;min-height:450px;padding-top:45px;}body.mi .mi-hero-bg{background-size:auto 66vw!important;background-position:58% -7vw!important;}body.mi .mi-hero-h1{font-size:48px!important;}body.mi .mi-hero-tag{font-size:14px;letter-spacing:2px;}.de-button{min-width:175px;font-size:15px;}.mi-nav .mi-nav-inner{padding-left:20px;padding-right:20px;gap:15px;}body.mi .mi-nav .mi-wordmark{font-size:24px!important;}body.mi-home .mi-layout{gap:12px;}body.mi .de-server-panel .mi-plate span,body.mi .mi-events-panel .de-control-label,body.mi .de-ranking-panel .de-control-label{font-size:14px!important;}.de-online{display:none;}}
@media(max-width:860px){body.mi .mi-hero{height:auto;min-height:730px;padding:35px 22px 330px;}body.mi .mi-hero-bg{background-size:1120px auto!important;background-position:78% bottom!important;}.mi-hero-bg::before{background:linear-gradient(180deg,#030f1b 0%,#030f1b 37%,#030f1b80 60%,transparent 85%)!important;}body.mi .mi-hero-h1{font-size:43px!important;}.de-eyebrow{font-size:8px;letter-spacing:2px;}body.mi .mi-hero-tag{font-size:13px;letter-spacing:1px;white-space:normal;margin:20px 0 24px!important;}.de-button{min-width:0;padding:0 17px;font-size:14px;min-height:47px;}.de-hero-caption{font-size:8px;letter-spacing:1px;}body.mi-home .mi-layout{display:flex!important;flex-direction:column;gap:16px;}body.mi-home .mi-side-left,body.mi-home .mi-side-right,body.mi-home .mi-main{display:contents!important;}body.mi-home .mi-layout .mi-panel,body.mi-home .mi-layout .mi-block{width:100%;}.mi-nav .mi-nav-inner{padding:16px;min-height:0;}body.mi .mi-nav .mi-wordmark{font-size:24px!important;}body.mi-home .de-server-panel,body.mi-home .mi-events-panel,body.mi-home .de-ranking-panel{height:248px;}}
/* Mostrar unicamente las ventanas de ilustracion, sin texto incrustado del mockup. */
body.mi .mi-hero-bg{background:#030f1b!important;}
body.mi .mi-hero-bg::after{display:block!important;inset:0 0 0 auto;width:66%;height:100%;background:url('../images/mi/de-original-sprite.svg#personajes') right center/cover no-repeat!important;z-index:0;}
body.mi .mi-hero-bg::before{display:block!important;z-index:1;background:linear-gradient(90deg,#030f1b 0%,#030f1b 31%,transparent 48%)!important;}
body.mi-home .de-server-panel::after{background:url('../images/mi/de-original-sprite.svg#servidor') right bottom/contain no-repeat;}
body.mi-home .mi-events-panel::after{background:url('../images/mi/de-original-sprite.svg#eventos') right bottom/contain no-repeat;}
body.mi-home .de-ranking-panel::after{background:url('../images/mi/de-original-sprite.svg#ranking') right bottom/contain no-repeat;}
body.mi .de-server-panel .mi-kv b{font-family:var(--fb)!important;font-weight:600;}
body.mi .mi-title{font-family:var(--fb)!important;}
body.mi .mi-nav .mi-nav-cta>a::before{display:none!important;}
.mi-nav-cta .mi-flat-link .mi-ico{width:22px;height:22px;margin-right:9px;}
body.mi .de-server-panel .mi-plate span{text-transform:none!important;text-align:left!important;flex:none!important;letter-spacing:0!important;}
@media(max-width:860px){body.mi .mi-hero-bg::after{top:auto;bottom:0;left:0;width:100%;height:420px;background-position:58% bottom!important;background-size:auto 420px!important;}body.mi .mi-hero-bg::before{background:linear-gradient(180deg,#030f1b 0%,#030f1b 45%,transparent 70%)!important;}}
/* Ventanas SVG inline: una sola descarga del PNG original para todas las zonas. */
body.mi .mi-hero-bg::after{display:none!important;}
.de-source-art{position:absolute;right:0;top:0;width:66%;height:100%;overflow:hidden;}
body.mi-home .de-server-panel::after,body.mi-home .mi-events-panel::after,body.mi-home .de-ranking-panel::after{display:none!important;}
body.mi-home .mi-panel>.de-panel-art{position:absolute!important;right:0;bottom:10px;top:auto;width:32%;height:165px;z-index:0;overflow:hidden;opacity:.72;pointer-events:none;mask-image:linear-gradient(#000 75%,transparent);}
.mi-inner .de-panel-art{display:none;}
body.mi-home .de-server-panel::before,body.mi-home .mi-events-panel::before,body.mi-home .de-ranking-panel::before{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;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='%232a5870' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M.5 13 13 .5M427 247.5 439.5 235' fill='none' stroke='%2340cbe7' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat;}
@media(max-width:860px){.de-source-art{top:auto;bottom:0;right:0;width:100%;height:420px;}}

/* Distribucion original solicitada: laterales y contenido central. */
body.mi-home .mi-wrap{max-width:1520px;margin:18px auto 55px;padding:0 22px;}
body.mi-home .mi-layout{display:grid!important;grid-template-columns:280px minmax(0,1fr) 300px;grid-template-areas:'left main right';gap:20px;align-items:start;}
body.mi-home .mi-side-left,body.mi-home .mi-side-right,body.mi-home .mi-main{display:block!important;}
body.mi-home .mi-side-left{grid-area:left;}
body.mi-home .mi-main{grid-area:main;}
body.mi-home .mi-side-right{grid-area:right;}
body.mi-home .mi-side>*,body.mi-home .mi-main>*{order:initial!important;grid-column:auto!important;}
body.mi-home .de-server-panel,body.mi-home .mi-events-panel,body.mi-home .de-ranking-panel{height:auto!important;min-height:0;margin-bottom:24px;}
body.mi-home .mi-main>.mi-block{margin-top:0;margin-bottom:34px;}
body.mi-home .de-server-panel .mi-plate,body.mi-home .mi-events-panel .mi-kb-head,body.mi-home .de-ranking-panel .mi-kb-head{padding:14px 16px!important;gap:10px;}
body.mi-home .de-server-panel .mi-plate span,body.mi-home .mi-events-panel .de-control-label,body.mi-home .de-ranking-panel .de-control-label{font-size:16px!important;}
body.mi-home .de-server-panel .mi-panel-b,body.mi-home .mi-events-panel .mi-panel-b,body.mi-home .de-ranking-panel .mi-panel-b{padding:14px 16px;}
body.mi-home .de-server-panel .mi-kv li{padding:9px 0;min-height:33px;}
body.mi-home .de-ranking-panel #top_players{max-height:none;overflow:visible;}
body.mi-home .de-ranking-panel .top-table li.table-th{display:flex!important;}
body.mi-home .de-ranking-panel .top-table li{height:auto!important;min-height:46px!important;padding:8px 0!important;}
body.mi-home .de-ranking-panel .top-table .td-3{display:flex!important;}
body.mi-home .de-ranking-panel .top-table .td-4,body.mi-home .de-ranking-panel .top-table .td-5{display:block!important;}
body.mi-home .de-ranking-panel .mi-portrait{display:inline-flex!important;}
body.mi-home .de-ranking-panel .top-table .td-2 a{color:var(--blue-bright)!important;}
body.mi-home .mi-events-panel .mi-events{max-height:520px;overflow:auto;}
body.mi-home .mi-events-panel .mi-events li{height:auto;min-height:55px;padding:10px 0;}
body.mi-home .mi-events-panel .ev-n small{display:block;}
body.mi-home .mi-events-panel .ev-n b::before{display:none;}
body.mi-home .mi-events-panel .ev-t span{font-size:14px;}
@media(min-width:861px) and (max-width:1150px){body.mi-home .mi-layout{grid-template-columns:240px minmax(0,1fr);grid-template-areas:'left main' 'right main';}}
@media(max-width:860px){body.mi-home .mi-layout{display:flex!important;flex-direction:column;gap:20px;}body.mi-home .mi-side-left,body.mi-home .mi-side-right,body.mi-home .mi-main{display:block!important;width:100%;}body.mi-home .mi-main{order:0;}body.mi-home .mi-side-left{order:1;}body.mi-home .mi-side-right{order:2;}}

/* Cuenta: iconos cyber angulares, misma semantica y funciones. */
body.mi .mi-ap-ico.de-account-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:9px;background:#0b2537;color:#45d8f3;border:1px solid #28556d;border-radius:0;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);box-shadow:none;}
body.mi .de-account-icon svg{display:block;width:26px;height:26px;overflow:visible;filter:none;}
body.mi .de-account-icon .de-icon-accent{stroke:#ff3157;}
body.mi .de-account-icon-crown,body.mi .de-account-icon-star,body.mi .de-account-icon-coins{color:#ff5371!important;background:#291322!important;border-color:#723049!important;}
body.mi .de-account-icon-crown .de-icon-accent,body.mi .de-account-icon-star .de-icon-accent,body.mi .de-account-icon-coins .de-icon-accent{stroke:#4de1f8;}
body.mi .mi-ap-opt:hover .de-account-icon{background:#123b50;border-color:#45d8f3;color:#8aeeff;box-shadow:none!important;}
body.mi .mi-ap-opt:focus-visible{outline:2px solid #45d8f3;outline-offset:3px;}
@media(max-width:500px){body.mi .mi-ap-ico.de-account-icon{width:40px;height:40px;padding:8px;}body.mi .de-account-icon svg{width:24px;height:24px;}}