/* ==================================================================
   MODO OSCURO · WIKI  ("noche MineCub")

   Contraparte oscura del bloque WIKI de custom.css y de las dos
   aplicaciones portadas (Meta del dia e Historial). Se carga DESPUES
   de custom.css y TODO va bajo html[data-theme="dark"]: el atributo lo
   pone el script del sitio, aqui no se consulta prefers-color-scheme.

   No se apoya en los tokens --mc-* del tema claro: llevan nombre de
   color y no de funcion (--mc-white es superficie pero tambien texto
   sobre boton verde; --mc-black es texto pero tambien el fondo de los
   <pre>), asi que darles la vuelta rompe usos. La wiki declara sus
   propios tokens --mcw-* con la paleta comun y pinta cada propiedad a
   mano. Todo lo que va sobre fosforito (#00ff34) lleva SIEMPRE texto
   oscuro explicito: el fosfo es la marca y no cambia con el tema.

   Especificidad: el prefijo html[data-theme="dark"] suma (0,1,1) a cada
   selector, asi que una copia del selector de custom.css con el prefijo
   gana siempre. Donde custom.css usa !important, aqui tambien.
   ================================================================== */

html[data-theme="dark"]{
    --mcw-fondo:       #0f1411;   /* fondo de pagina                      */
    --mcw-sup:         #161c18;   /* superficie: articulo, lateral, caja  */
    --mcw-sup2:        #1c241f;   /* superficie elevada: tarjetas, hover  */
    --mcw-texto:       #e9eee9;
    --mcw-apagado:     #9aa69d;
    --mcw-linea:       #26312a;
    --mcw-linea-f:     #364336;
    --mcw-verde:       #3fbf5a;   /* el verde legible sobre oscuro        */
    --mcw-verde-d:     #2f9a45;
    --mcw-fosfo:       #00ff34;   /* la marca: igual que en claro         */
    --mcw-fosfo-d:     #00cc2a;
    --mcw-tinte:       #14301c;
    --mcw-sobre-fosfo: #06210c;   /* texto sobre boton fosforito          */
    --mcw-sombra-sm:   0 6px 18px rgba(0,0,0,.55);
    --mcw-sombra-md:   0 18px 40px rgba(0,0,0,.7);
    --mcw-pixel:       rgba(0,0,0,.55);   /* sombra dura de los cubitos  */
    /* Los otros cinco tonos del indice lateral y de los tono-*: mismo
       matiz que en claro, un par de pasos mas claros para leer sobre
       oscuro (en claro son #9a6608, #2c5da8, #6d3fa9, #b3372b, #0e7d74). */
    --mcw-ambar:       #d9a441;
    --mcw-azul:        #7fa6e6;
    --mcw-morado:      #b08ae6;
    --mcw-rojo:        #e8756a;
    --mcw-teal:        #3fbfb2;
}

/* ------------------------------------------------------------------
   Cabecera, migas y buscador
   ------------------------------------------------------------------ */
html[data-theme="dark"] .mc-wiki-hero{
    background:
        radial-gradient(ellipse 620px 280px at 6% 0%, rgba(0,255,52,.10), transparent 72%),
        linear-gradient(180deg, var(--mcw-sup2), var(--mcw-sup));
    border-color:var(--mcw-linea);
    border-left-color:var(--mcw-fosfo);
    box-shadow:var(--mcw-sombra-md);
}
html[data-theme="dark"] .mc-wiki-eyebrow{color:var(--mcw-verde);}
html[data-theme="dark"] .mc-wiki-titulo{color:var(--mcw-texto);}
html[data-theme="dark"] .mc-wiki-intro,
html[data-theme="dark"] .mc-wiki-migas{color:var(--mcw-apagado);}
html[data-theme="dark"] .mc-wiki-migas a{color:var(--mcw-verde);}
html[data-theme="dark"] .mc-wiki-sep{color:var(--mcw-linea-f);}

/* El campo va hundido (fondo de pagina) para que se lea como campo y no
   como otra tarjeta; el foco conserva el halo fosfo, algo mas denso. */
html[data-theme="dark"] .mc-wiki-buscador input{
    background:var(--mcw-fondo); border-color:var(--mcw-linea-f); color:var(--mcw-texto);
}
html[data-theme="dark"] .mc-wiki-buscador input::placeholder{color:var(--mcw-apagado);}
html[data-theme="dark"] .mc-wiki-buscador input:focus{
    border-color:var(--mcw-fosfo); box-shadow:0 0 0 4px rgba(0,255,52,.22);
}
html[data-theme="dark"] .mc-wiki-buscador button{background:var(--mcw-fosfo); color:var(--mcw-sobre-fosfo);}
html[data-theme="dark"] .mc-wiki-buscador button:hover{background:var(--mcw-fosfo-d);}

/* ------------------------------------------------------------------
   Cuerpo comun, avisos y sello
   ------------------------------------------------------------------ */
html[data-theme="dark"] .mc-wiki-cuerpo{
    background:var(--mcw-sup); border-color:var(--mcw-linea);
    box-shadow:var(--mcw-sombra-md); color:var(--mcw-texto);
}
html[data-theme="dark"] .mc-wiki-vacio{background:var(--mcw-tinte); border-color:rgba(63,191,90,.35);}
html[data-theme="dark"] .mc-wiki-vacio b{color:var(--mcw-texto);}
html[data-theme="dark"] .mc-wiki-vacio p,
html[data-theme="dark"] .mc-wiki-sello,
html[data-theme="dark"] .mc-wiki-nada{color:var(--mcw-apagado);}

/* ------------------------------------------------------------------
   Portada: tarjetas de apartado
   ------------------------------------------------------------------ */
html[data-theme="dark"] .mc-wiki-tarjeta{
    background:var(--mcw-sup2); border-color:var(--mcw-linea); border-left-color:var(--mcw-fosfo);
}
html[data-theme="dark"] .mc-wiki-tarjeta:hover{
    box-shadow:var(--mcw-sombra-sm); border-color:var(--mcw-linea-f); border-left-color:var(--mcw-fosfo);
}
html[data-theme="dark"] .mc-wiki-tarjeta h2{color:var(--mcw-texto);}
html[data-theme="dark"] .mc-wiki-tarjeta:hover h2{color:var(--mcw-verde);}
html[data-theme="dark"] .mc-wiki-tarjeta p{color:var(--mcw-apagado);}
html[data-theme="dark"] .mc-wiki-cuantas{color:var(--mcw-verde);}

/* ------------------------------------------------------------------
   Indice de apartado y etiquetas de visibilidad
   ------------------------------------------------------------------ */
html[data-theme="dark"] .mc-wiki-lista li{border-bottom-color:var(--mcw-linea);}
html[data-theme="dark"] .mc-wiki-lista a{color:var(--mcw-texto);}
html[data-theme="dark"] .mc-wiki-lista a:hover{color:var(--mcw-verde);}

html[data-theme="dark"] .mc-wiki-etq-publico{
    background:var(--mcw-tinte); color:var(--mcw-verde); border-color:rgba(63,191,90,.4);
}
html[data-theme="dark"] .mc-wiki-etq-miembros{
    background:rgba(127,166,230,.14); color:var(--mcw-azul); border-color:rgba(127,166,230,.35);
}
html[data-theme="dark"] .mc-wiki-etq-staff{
    background:rgba(232,117,106,.14); color:var(--mcw-rojo); border-color:rgba(232,117,106,.35);
}

/* ------------------------------------------------------------------
   Resultados de busqueda
   ------------------------------------------------------------------ */
html[data-theme="dark"] .mc-wiki-resultados li{border-bottom-color:var(--mcw-linea);}
html[data-theme="dark"] .mc-wiki-res-tit{color:var(--mcw-texto);}
html[data-theme="dark"] .mc-wiki-res-tit:hover{color:var(--mcw-verde);}
html[data-theme="dark"] .mc-wiki-res-esp,
html[data-theme="dark"] .mc-wiki-res-sec{color:var(--mcw-apagado);}
html[data-theme="dark"] .mc-wiki-res-sec a{color:var(--mcw-verde);}

/* ------------------------------------------------------------------
   Pantalla "Inicia sesion"
   El boton ya lleva texto oscuro explicito en custom.css (#06210c) y su
   sombra usa el fosfo oscuro, que no cambia: solo se oscurece la tarjeta.
   ------------------------------------------------------------------ */
html[data-theme="dark"] .mc-wiki-entrar{
    background:var(--mcw-sup); border-color:var(--mcw-linea); border-top-color:var(--mcw-fosfo);
    box-shadow:var(--mcw-sombra-md);
}
html[data-theme="dark"] .mc-wiki-entrar > .fa-lock{color:var(--mcw-verde); opacity:.7;}
html[data-theme="dark"] .mc-wiki-entrar h2{color:var(--mcw-texto);}
html[data-theme="dark"] .mc-wiki-entrar p{color:var(--mcw-apagado);}

/* ------------------------------------------------------------------
   Lateral: indice de la pagina y paginas hermanas
   ------------------------------------------------------------------ */
html[data-theme="dark"] .mc-wiki-lado{
    background:var(--mcw-sup); border-color:var(--mcw-linea); color:var(--mcw-texto);
}
html[data-theme="dark"] .mc-wiki-lado h3{color:var(--mcw-verde);}
html[data-theme="dark"] .mc-wiki-lado-t2{border-top-color:var(--mcw-linea);}
html[data-theme="dark"] .mc-wiki-toc a,
html[data-theme="dark"] .mc-wiki-hermanas a{color:var(--mcw-apagado);}
html[data-theme="dark"] .mc-wiki-toc a:hover,
html[data-theme="dark"] .mc-wiki-hermanas a:hover{
    color:var(--mcw-verde); background:var(--mcw-sup2); border-left-color:var(--mcw-fosfo);
}
html[data-theme="dark"] .mc-wiki-hermanas a.activa{
    color:var(--mcw-texto); background:var(--mcw-sup2); border-left-color:var(--mcw-fosfo);
}
html[data-theme="dark"] .mc-wiki-toc .mc-wiki-toc-n1,
html[data-theme="dark"] .mc-wiki-toc .mc-wiki-toc-n2{border-top-color:var(--mcw-linea);}
html[data-theme="dark"] .mc-wiki-toc .mc-wiki-toc-n3{border-left-color:var(--mcw-linea-f);}

/* Los seis grupos de color del indice: mismo matiz que en claro, mas
   claro. El filo de las hijas repite el tono a media opacidad y el color
   completo solo al pasar, igual que en custom.css. */
html[data-theme="dark"] .mc-wiki-toc .mc-toc-g1{color:var(--mcw-verde);}
html[data-theme="dark"] .mc-wiki-toc .mc-wiki-toc-n3.mc-toc-g1{color:var(--mcw-apagado); border-left-color:rgba(63,191,90,.5);}
html[data-theme="dark"] .mc-wiki-toc .mc-wiki-toc-n3.mc-toc-g1:hover{color:var(--mcw-verde);}

html[data-theme="dark"] .mc-wiki-toc .mc-toc-g2{color:var(--mcw-ambar);}
html[data-theme="dark"] .mc-wiki-toc .mc-wiki-toc-n3.mc-toc-g2{color:var(--mcw-apagado); border-left-color:rgba(217,164,65,.5);}
html[data-theme="dark"] .mc-wiki-toc .mc-wiki-toc-n3.mc-toc-g2:hover{color:var(--mcw-ambar);}

html[data-theme="dark"] .mc-wiki-toc .mc-toc-g3{color:var(--mcw-azul);}
html[data-theme="dark"] .mc-wiki-toc .mc-wiki-toc-n3.mc-toc-g3{color:var(--mcw-apagado); border-left-color:rgba(127,166,230,.5);}
html[data-theme="dark"] .mc-wiki-toc .mc-wiki-toc-n3.mc-toc-g3:hover{color:var(--mcw-azul);}

html[data-theme="dark"] .mc-wiki-toc .mc-toc-g4{color:var(--mcw-morado);}
html[data-theme="dark"] .mc-wiki-toc .mc-wiki-toc-n3.mc-toc-g4{color:var(--mcw-apagado); border-left-color:rgba(176,138,230,.5);}
html[data-theme="dark"] .mc-wiki-toc .mc-wiki-toc-n3.mc-toc-g4:hover{color:var(--mcw-morado);}

html[data-theme="dark"] .mc-wiki-toc .mc-toc-g5{color:var(--mcw-rojo);}
html[data-theme="dark"] .mc-wiki-toc .mc-wiki-toc-n3.mc-toc-g5{color:var(--mcw-apagado); border-left-color:rgba(232,117,106,.5);}
html[data-theme="dark"] .mc-wiki-toc .mc-wiki-toc-n3.mc-toc-g5:hover{color:var(--mcw-rojo);}

html[data-theme="dark"] .mc-wiki-toc .mc-toc-g6{color:var(--mcw-teal);}
html[data-theme="dark"] .mc-wiki-toc .mc-wiki-toc-n3.mc-toc-g6{color:var(--mcw-apagado); border-left-color:rgba(63,191,178,.5);}
html[data-theme="dark"] .mc-wiki-toc .mc-wiki-toc-n3.mc-toc-g6:hover{color:var(--mcw-teal);}

/* ------------------------------------------------------------------
   El documento (.mc-wiki-md)
   ------------------------------------------------------------------ */
html[data-theme="dark"] .mc-wiki-md{
    background:var(--mcw-sup); border-color:var(--mcw-linea); border-top-color:var(--mcw-fosfo);
    box-shadow:var(--mcw-sombra-md); color:var(--mcw-texto);
}
html[data-theme="dark"] .mc-wiki-meta{border-bottom-color:var(--mcw-linea);}
html[data-theme="dark"] .mc-wiki-fuente{color:var(--mcw-apagado);}
html[data-theme="dark"] .mc-wiki-fuente code{background:var(--mcw-sup2);}

/* titulos: la banda verde del h2 y el cubito del h3 con sombra dura */
html[data-theme="dark"] .mc-wiki-md .mc-wiki-h,
html[data-theme="dark"] .mc-wiki-md h4,
html[data-theme="dark"] .mc-wiki-md h5,
html[data-theme="dark"] .mc-wiki-md h6{color:var(--mcw-texto);}
html[data-theme="dark"] .mc-wiki-md .mc-wiki-h1{border-left-color:var(--mcw-fosfo);}
html[data-theme="dark"] .mc-wiki-md .mc-wiki-h2{
    background:linear-gradient(90deg, var(--mcw-tinte), transparent 78%);
    border-left-color:var(--mcw-fosfo);
}
html[data-theme="dark"] .mc-wiki-md .mc-wiki-h3{color:var(--mcw-verde);}
html[data-theme="dark"] .mc-wiki-md .mc-wiki-h3::before{
    background:var(--mcw-fosfo); box-shadow:2px 2px 0 var(--mcw-pixel);
}
html[data-theme="dark"] .mc-wiki-ancla{color:var(--mcw-linea-f) !important;}
html[data-theme="dark"] .mc-wiki-ancla:hover{color:var(--mcw-verde) !important;}

/* texto corrido */
html[data-theme="dark"] .mc-wiki-md p,
html[data-theme="dark"] .mc-wiki-md strong,
html[data-theme="dark"] .mc-wiki-md b{color:var(--mcw-texto);}
html[data-theme="dark"] .mc-wiki-md a{color:var(--mcw-verde);}
html[data-theme="dark"] .mc-wiki-md hr{border-top-color:var(--mcw-linea);}
html[data-theme="dark"] .mc-wiki-md ul li::marker,
html[data-theme="dark"] .mc-wiki-md ol li::marker{color:var(--mcw-verde);}
html[data-theme="dark"] .mc-wiki-md blockquote{background:var(--mcw-tinte); border-left-color:var(--mcw-fosfo);}
html[data-theme="dark"] .mc-wiki-md code{
    background:var(--mcw-sup2); border-color:var(--mcw-linea); color:var(--mcw-texto);
}
/* El <pre> ya era oscuro en claro (fondo --mc-black). Aqui baja al fondo de
   pagina, mas oscuro que el articulo, y el borde pasa de invisible a linea
   fuerte para que la caja se distinga de la superficie. El code de dentro
   se vuelve a dejar limpio: la regla generica de code de arriba, con el
   prefijo, le ganaria a la de custom.css que lo despoja. */
html[data-theme="dark"] .mc-wiki-pre{background:var(--mcw-fondo); border-color:var(--mcw-linea-f);}
html[data-theme="dark"] .mc-wiki-md .mc-wiki-pre code{background:none; border:none; color:#e8f2ea;}
html[data-theme="dark"] .mc-wiki-pre[data-lenguaje]::before{color:var(--mcw-fosfo);}

/* tablas: cabecera verde y cebra con la superficie elevada */
html[data-theme="dark"] .mc-wiki-tabla-caja{border-color:var(--mcw-linea);}
html[data-theme="dark"] .mc-wiki-tabla th,
html[data-theme="dark"] .mc-wiki-tabla td{border-bottom-color:var(--mcw-linea);}
html[data-theme="dark"] .mc-wiki-tabla thead th{
    background:var(--mcw-tinte); color:var(--mcw-verde); border-bottom-color:var(--mcw-fosfo);
}
html[data-theme="dark"] .mc-wiki-tabla tbody tr:nth-child(even) td{background:var(--mcw-sup2);}

/* Imagenes: sombra proyectada para despegarlas de la superficie. Los
   iconos de item y los slots NO la llevan (emborrona el pixel art), y los
   iconos de kit conservan su sombra dura, mas negra. Estas excepciones
   van con mas especificidad que la regla general de img. */
html[data-theme="dark"] .mc-wiki-md img{filter:drop-shadow(0 8px 18px rgba(0,0,0,.55));}
html[data-theme="dark"] .mc-wiki-md img.mc-wiki-icono,
html[data-theme="dark"] .mc-wiki-md img.mc-icon,
html[data-theme="dark"] .mc-wiki-md .mc-wiki-slot img{filter:none;}
html[data-theme="dark"] .mc-wiki-md img.mc-kit-icono{filter:drop-shadow(3px 3px 0 var(--mcw-pixel));}
html[data-theme="dark"] .mc-wiki-md .mc-kit-carta img{filter:drop-shadow(2px 2px 0 rgba(0,0,0,.5));}
html[data-theme="dark"] .mc-wiki-foto{border-color:var(--mcw-linea); box-shadow:var(--mcw-sombra-sm);}
html[data-theme="dark"] .mc-mapa img{border-color:var(--mcw-linea);}

html[data-theme="dark"] .mc-wiki-md .mc-wiki-enlace-interno,
html[data-theme="dark"] .mc-wiki-md .mc-wiki-enlace-muerto{
    color:var(--mcw-apagado); border-bottom-color:var(--mcw-linea-f);
}

/* ------------------------------------------------------------------
   Piezas del contenido portado: cards, avisos, slots, kicker, pills
   ------------------------------------------------------------------ */
html[data-theme="dark"] .mc-wiki-card{
    background:var(--mcw-sup2); border-color:var(--mcw-linea); border-left-color:var(--mcw-fosfo);
}
html[data-theme="dark"] .mc-wiki-card:hover{box-shadow:var(--mcw-sombra-sm);}
html[data-theme="dark"] .mc-wiki-card .mc-kit-sub,
html[data-theme="dark"] .mc-wiki-card > h3{color:var(--mcw-verde);}
html[data-theme="dark"] .mc-wiki-card .mc-kit-sub::before,
html[data-theme="dark"] .mc-wiki-card > h3::before{
    background:var(--mcw-fosfo); box-shadow:2px 2px 0 var(--mcw-pixel);
}
html[data-theme="dark"] .mc-wiki-avisin{
    background:var(--mcw-tinte); border-color:rgba(63,191,90,.35); border-left-color:var(--mcw-fosfo);
}
html[data-theme="dark"] .mc-wiki-slot{
    background:var(--mcw-fondo); border-color:var(--mcw-linea-f);
    box-shadow:inset 0 -3px 0 rgba(0,0,0,.5);
}

html[data-theme="dark"] .mc-wiki-kicker{color:var(--mcw-verde);}
html[data-theme="dark"] .mc-wiki-acento,
html[data-theme="dark"] .mc-wiki-tono-acento,
html[data-theme="dark"] .mc-wiki-tono-bien{color:var(--mcw-verde);}
html[data-theme="dark"] .mc-wiki-fuerte{color:var(--mcw-texto);}
html[data-theme="dark"] .mc-wiki-tono-warn{color:var(--mcw-ambar);}
html[data-theme="dark"] .mc-wiki-tono-mal{color:var(--mcw-rojo);}
html[data-theme="dark"] .mc-wiki-tono-morado{color:var(--mcw-morado);}

html[data-theme="dark"] .mc-wiki-pill-acento,
html[data-theme="dark"] .mc-wiki-pill-bien{
    background:var(--mcw-tinte); color:var(--mcw-verde); border-color:rgba(63,191,90,.4);
}
html[data-theme="dark"] .mc-wiki-pill-warn{
    background:rgba(217,164,65,.14); color:var(--mcw-ambar); border-color:rgba(217,164,65,.4);
}
html[data-theme="dark"] .mc-wiki-pill-mal{
    background:rgba(232,117,106,.14); color:var(--mcw-rojo); border-color:rgba(232,117,106,.4);
}
html[data-theme="dark"] .mc-wiki-pill-morado{
    background:rgba(176,138,230,.14); color:var(--mcw-morado); border-color:rgba(176,138,230,.4);
}

/* accesos destacados y boton de tienda: fondo fosfo, texto oscuro fijo */
html[data-theme="dark"] .mc-wiki-destacados a{background:var(--mcw-fosfo); color:var(--mcw-sobre-fosfo) !important;}
html[data-theme="dark"] .mc-wiki-destacados a:hover{background:var(--mcw-fosfo-d); box-shadow:var(--mcw-sombra-sm);}
html[data-theme="dark"] .mc-vip-tienda a{background:var(--mcw-fosfo); color:var(--mcw-sobre-fosfo) !important;}
html[data-theme="dark"] .mc-vip-tienda a:hover{background:var(--mcw-fosfo-d);}

/* ------------------------------------------------------------------
   Fichas de kit, rejilla de kits y mapas
   ------------------------------------------------------------------ */
html[data-theme="dark"] .mc-kit-cabecera{
    background:linear-gradient(90deg, var(--mcw-tinte), transparent 82%);
    border-left-color:var(--mcw-fosfo);
}
html[data-theme="dark"] .mc-kit-rol,
html[data-theme="dark"] .mc-kit-vias small,
html[data-theme="dark"] .mc-kit-carta span{color:var(--mcw-apagado);}
html[data-theme="dark"] .mc-kit-resumen,
html[data-theme="dark"] .mc-kit-sub,
html[data-theme="dark"] .mc-kit-carta b{color:var(--mcw-texto);}
html[data-theme="dark"] .mc-kit-fase-etq,
html[data-theme="dark"] .mc-mapa-meta{color:var(--mcw-verde);}
/* las etiquetas van hundidas (superficie base) dentro de la tarjeta elevada */
html[data-theme="dark"] .mc-kit-tag{
    background:var(--mcw-sup); color:var(--mcw-apagado); border-color:var(--mcw-linea-f);
}
html[data-theme="dark"] .mc-kit-tag-ability{
    background:var(--mcw-tinte); color:var(--mcw-verde); border-color:rgba(63,191,90,.45);
}
html[data-theme="dark"] .mc-kit-vias li{background:var(--mcw-sup2); border-color:var(--mcw-linea);}
html[data-theme="dark"] .mc-kit-carta{background:var(--mcw-sup2); border-color:var(--mcw-linea);}
html[data-theme="dark"] .mc-kit-carta:hover{box-shadow:var(--mcw-sombra-sm); border-color:var(--mcw-fosfo);}
html[data-theme="dark"] .mc-kit-carta:hover b{color:var(--mcw-verde);}

/* ==================================================================
   APLICACIONES PORTADAS (Meta del dia e Historial)

   Dos capas conviven dentro de .mc-wiki-app:
     1. Las reglas de custom.css que visten el motor (tarjeta blanca,
        cajas hueso, match-card, chip de duracion, botones): van con
        colores del tema claro y aqui se les da su contraparte.
     2. Las utilidades de Tailwind. Las dark:* de gris (gray-700/800/900
        de Tailwind son azuladas) se REMAPEAN a la paleta; las de color
        (gl, emerald, amber, purple, red, yellow) se dejan tal cual.

   Tailwind (Play CDN) inyecta su <style> al final del <head>, o sea
   DESPUES de este fichero: a igual especificidad gana el. Por eso:
     - Las remapeadas van con el prefijo completo, (0,2,1), que gana a
       ".dark .dark\:x" (0,2,0). Como eso tambien gana a los hover:/focus:
       de Tailwind (0,2,0), esos estados se restauran a mano mas abajo.
     - Las que solo son red de seguridad (un text-gray-600 sin pareja
       dark:) van con :where() para quedarse en (0,2,0): ganan a la
       utilidad base (0,1,0) y EMPATAN con la dark:*, que al ir despues
       manda. Asi el dark:text-gray-300 de Tailwind sigue haciendo su
       trabajo donde existe.
   ================================================================== */
html[data-theme="dark"] .mc-wiki-app{
    background:var(--mcw-sup); border-color:var(--mcw-linea); border-top-color:var(--mcw-fosfo);
    box-shadow:var(--mcw-sombra-md); color:var(--mcw-texto);
}

/* El preflight minimo de custom.css pone border-color:var(--mc-line) a
   todo. Con :where() se queda en (0,1,0): gana al de custom.css por ir
   despues y pierde ante CUALQUIER utilidad border-* de Tailwind, que es
   justo lo que hace el original. */
:where(html[data-theme="dark"]) .mc-wiki-app *,
:where(html[data-theme="dark"]) .mc-wiki-app *::before,
:where(html[data-theme="dark"]) .mc-wiki-app *::after{border-color:var(--mcw-linea);}

/* --- superficies: blanco -> elevada; gris claro -> linea; campos -> fondo --- */
html[data-theme="dark"] .mc-wiki-app .bg-white,
html[data-theme="dark"] .mc-wiki-app .dark\:bg-gray-900\/40,
html[data-theme="dark"] .mc-wiki-app .dark\:bg-gray-900\/50,
html[data-theme="dark"] .mc-wiki-app .dark\:bg-gray-900\/60{background-color:var(--mcw-sup2);}
/* la seccion plegable de la meta: apenas un velo sobre la superficie */
html[data-theme="dark"] .mc-wiki-app .bg-white\/40,
html[data-theme="dark"] .mc-wiki-app .dark\:bg-gray-900\/30{background-color:rgba(28,36,31,.6);}
html[data-theme="dark"] .mc-wiki-app .bg-gray-100,
html[data-theme="dark"] .mc-wiki-app .bg-gray-200,
html[data-theme="dark"] .mc-wiki-app .dark\:bg-gray-800,
html[data-theme="dark"] .mc-wiki-app .dark\:bg-gray-800\/60{background-color:var(--mcw-linea);}
html[data-theme="dark"] .mc-wiki-app .dark\:bg-gray-700{background-color:var(--mcw-linea-f);}
html[data-theme="dark"] .mc-wiki-app .bg-gray-50,
html[data-theme="dark"] .mc-wiki-app input.bg-white{background-color:var(--mcw-fondo);}

/* --- bordes grises -> lineas de la casa --- */
html[data-theme="dark"] .mc-wiki-app .border-gray-100,
html[data-theme="dark"] .mc-wiki-app .border-gray-200,
html[data-theme="dark"] .mc-wiki-app .dark\:border-gray-800{border-color:var(--mcw-linea);}
html[data-theme="dark"] .mc-wiki-app .border-gray-300,
html[data-theme="dark"] .mc-wiki-app .dark\:border-gray-700{border-color:var(--mcw-linea-f);}

/* --- textos --- */
html[data-theme="dark"] .mc-wiki-app .dark\:text-white{color:var(--mcw-texto);}
/* los rotulos "// seccion" de la meta salian en gray-600 sobre oscuro: no se leian */
html[data-theme="dark"] .mc-wiki-app .dark\:text-gray-500,
html[data-theme="dark"] .mc-wiki-app .dark\:text-gray-600,
html[data-theme="dark"] .mc-wiki-app .dark\:text-gray-700{color:var(--mcw-apagado);}
/* red de seguridad (ver cabecera del bloque): solo manda donde no hay dark:* */
:where(html[data-theme="dark"]) .mc-wiki-app .text-gray-400,
:where(html[data-theme="dark"]) .mc-wiki-app .text-gray-500{color:var(--mcw-apagado);}
:where(html[data-theme="dark"]) .mc-wiki-app .text-gray-600,
:where(html[data-theme="dark"]) .mc-wiki-app .text-gray-700,
:where(html[data-theme="dark"]) .mc-wiki-app .text-gray-800,
:where(html[data-theme="dark"]) .mc-wiki-app .text-gray-900{color:var(--mcw-texto);}
html[data-theme="dark"] .mc-wiki-app .placeholder-gray-400::placeholder{color:var(--mcw-apagado);}

/* --- estados de Tailwind que las remapeadas de arriba pisarian --- */
html[data-theme="dark"] .mc-wiki-app .hover\:border-gl-500:hover{border-color:#12c93f;}
html[data-theme="dark"] .mc-wiki-app .hover\:border-gl-500\/40:hover{border-color:rgba(18,201,63,.4);}
html[data-theme="dark"] .mc-wiki-app .hover\:border-red-500:hover{border-color:#ef4444;}
html[data-theme="dark"] .mc-wiki-app .focus\:border-gl-500:focus{border-color:#12c93f;}
html[data-theme="dark"] .mc-wiki-app .focus\:border-gl-500\/60:focus{border-color:rgba(18,201,63,.6);}
html[data-theme="dark"] .mc-wiki-app .hover\:text-gl-500:hover{color:#12c93f;}
html[data-theme="dark"] .mc-wiki-app .hover\:text-red-500:hover{color:#ef4444;}

/* --- estilos propios del fragmento: pestanas de la meta --- */
/* con :where() para no ganarle a .meta-tab.tab-on ni a .meta-tab:hover del fragmento */
:where(html[data-theme="dark"]) .mc-wiki-app .meta-tab{
    border-color:rgba(154,166,157,.35); color:var(--mcw-apagado);
}

/* --- match-card (lista, destacados) --- */
html[data-theme="dark"] .mc-wiki-app .match-card{
    background:var(--mcw-sup2); border-color:var(--mcw-linea); border-left-color:var(--mcw-fosfo);
}
html[data-theme="dark"] .mc-wiki-app .match-card:hover{
    background:var(--mcw-sup2); box-shadow:var(--mcw-sombra-sm);
    border-color:var(--mcw-linea-f); border-left-color:var(--mcw-fosfo);
}
html[data-theme="dark"] .mc-wiki-app .match-card .truncate{color:var(--mcw-texto) !important;}
/* chip de duracion */
html[data-theme="dark"] .mc-wiki-app .match-card > div:nth-child(2) > span.font-mono{
    background:var(--mcw-tinte); color:var(--mcw-verde) !important; border-color:rgba(63,191,90,.35);
}
/* pie del MVP */
html[data-theme="dark"] .mc-wiki-app .match-card > div:nth-child(3){border-top-color:var(--mcw-linea) !important;}
html[data-theme="dark"] .mc-wiki-app .match-card img[src*="mc-heads"]{filter:drop-shadow(1.5px 1.5px 0 rgba(0,0,0,.6));}

/* --- rotulos "// ..." de las vistas (view-fade) --- */
html[data-theme="dark"] .mc-wiki-app .view-fade > div:first-child,
html[data-theme="dark"] .mc-wiki-app .view-fade div.font-mono.uppercase{color:var(--mcw-verde) !important;}
/* la raya sigue siendo el degradado fosfo de custom.css: sobre oscuro va bien */

/* --- cajas del detalle (equipos, destacados, resumen del jugador) ---
   custom.css las pinta hueso con (0,3,1): hay que repetir el selector. El
   borde de color de equipo lo pone el motor en linea y sigue mandando. */
html[data-theme="dark"] .mc-wiki-app .view-fade div.bg-white.rounded-lg,
html[data-theme="dark"] .mc-wiki-app .view-fade div.rounded-lg.border{
    background:var(--mcw-sup2); box-shadow:0 1px 3px rgba(0,0,0,.4);
}

/* --- tabla de jugadores / tablas de la meta --- */
html[data-theme="dark"] .mc-wiki-app .wiki-table th{
    background:var(--mcw-tinte); color:var(--mcw-verde) !important; border-bottom-color:var(--mcw-fosfo);
}
html[data-theme="dark"] .mc-wiki-app .wiki-table td{border-bottom-color:var(--mcw-linea);}
/* la tabla vive en una caja elevada: la cebra baja a la superficie base */
html[data-theme="dark"] .mc-wiki-app .wiki-table tbody tr:nth-child(even) td{background:var(--mcw-sup);}

/* --- botones de navegacion: "Ultimas partidas" y "Volver a la lista" ---
   custom.css los pinta con !important y un hover en verde palido (#d8f0dc)
   que sobre oscuro seria un fogonazo: aqui el hover solo endurece el borde. */
html[data-theme="dark"] .mc-wiki-app #btn-recent,
html[data-theme="dark"] .mc-wiki-app button[onclick="goRecent()"]{
    background:var(--mcw-tinte) !important;
    border-color:rgba(63,191,90,.4) !important;
    color:var(--mcw-verde) !important;
}
html[data-theme="dark"] .mc-wiki-app #btn-recent:hover,
html[data-theme="dark"] .mc-wiki-app button[onclick="goRecent()"]:hover{
    background:var(--mcw-tinte) !important;
    border-color:var(--mcw-verde) !important;
    color:var(--mcw-verde) !important;
}