/*
 * Template "mukorea" para WebEngine 1.2.7 - ObsidianMU
 * Medidas y colores tomados del Mu Korea / MuWeb SKD original (976 px, Arial 11 px, dorado #bea479).
 */

html, body { background: #000; }
body {
	margin: 0;
	min-width: 1000px;
	background: #000 url(../img/main_bg_body.jpg) center top no-repeat;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.45;
	color: #bea479;
	cursor: url(../img/cur.cur), auto;
}
a, a:visited { color: #d9b77e; text-decoration: none; }
a:hover, a:focus { color: #ff9900; text-decoration: none; }
img { border: 0; }
a, button, summary, input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: url(../img/cur2.cur), pointer; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 1px solid #e08a2c; outline-offset: 3px; }

body::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 640px; background: url(../img/main_bg_footer.png?v=20261101-1) center bottom / 1920px 640px no-repeat; mask-image: linear-gradient(to bottom, transparent, #000 22%); pointer-events: none; }
#mk-wrap { position: relative; width: 976px; margin: 0 auto; }

/* ---------- Visual + menú (antes navi_top.swf) ---------- */
#mk-visual { position: relative; height: 465px; background: url(../img/main_bg_visual.jpg) no-repeat; }
#mk-gnb { position: absolute; top: 12px; left: 0; width: 976px; height: 92px; }
#mk-gnb::before {
	content: ""; position: absolute; left: 0; top: 16px; width: 976px; height: 60px;
	background: url(../img/nav/navi_bar.png) no-repeat;
}
#mk-gnb ul { position: absolute; top: 16px; height: 60px; margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: space-around; }
#mk-gnb .mk-gnb-left { left: 40px; width: 380px; }
#mk-gnb .mk-gnb-right { right: 40px; width: 380px; }
#mk-gnb li { position: relative; }
#mk-gnb li a {
	position: relative; display: block; padding: 6px 12px; isolation: isolate;
	font: bold 16px/22px Georgia, 'Times New Roman', serif;
	color: #e9a65c;
	text-shadow: 1px 1px 0 #2a1204, 2px 2px 3px #000;
	transition: color .15s;
}
#mk-gnb li a::before {
	content: ""; position: absolute; left: 50%; top: 50%; width: 114px; height: 34px;
	margin: -17px 0 0 -57px;
	background: radial-gradient(ellipse at center, rgba(255, 170, 70, .55) 0%, rgba(255, 90, 10, .22) 50%, rgba(0, 0, 0, 0) 75%), url(../img/nav/navi_hover.png) no-repeat;
	mix-blend-mode: screen;
	opacity: 0; transform: scaleX(.6); transition: opacity .2s, transform .2s; z-index: -1;
	border-radius: 3px;
}
#mk-gnb li a:hover { color: #fff1cf; }
#mk-gnb li a:hover::before { opacity: .9; transform: scaleX(1); }
#mk-gnb .mk-gnb-emblem { position: absolute; left: 430px; top: 0; width: 116px; height: 92px; z-index: 2; transition: filter .2s, transform .2s; }
#mk-gnb .mk-gnb-emblem:hover { filter: brightness(1.08); }
/* Logo con alas (hoja L01): sobre el visual, entre la espada y el borde derecho; la sombra lo despega del fondo */
/* Lo más abajo posible sin pisar el medallón CLIENT DOWNLOAD (empieza en y≈318) */
#mk-visualbanner { position: absolute; left: 485px; top: 196px; z-index: 1; width: 500px; height: 168px; } /* opción B (02/11): a la derecha, sobre las columnas, alineado con la medalla */
#mk-visualbanner img { position: relative; z-index: 2; display: block; filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .85)); }
#mk-visualbanner:hover img { filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .85)) brightness(1.06); }
/* Destello que recorre solo el dibujo del logo (máscara con la misma imagen) */
.mk-logo-shine { position: absolute; z-index: 3; inset: 0; pointer-events: none; mix-blend-mode: screen;
	background: linear-gradient(105deg, rgba(255, 230, 180, 0) 42%, rgba(255, 236, 196, .65) 50%, rgba(255, 230, 180, 0) 58%) no-repeat; background-size: 260% 100%; background-position: 160% 0;
	-webkit-mask: url(../img/logo_mu_obsidian.png) center / 100% 100% no-repeat; mask: url(../img/logo_mu_obsidian.png) center / 100% 100% no-repeat;
	animation: mk-logo-shine 7s ease-in-out infinite 1.5s; }
/* Brasas que suben desde la base del logo */
.mk-logo-embers { position: absolute; z-index: 3; left: 0; right: 0; bottom: 4px; height: 0; pointer-events: none; }
.mk-logo-embers i { position: absolute; bottom: 0; width: 4px; height: 4px; border-radius: 50%; background: #ffe08a; box-shadow: 0 0 6px 2px rgba(255, 120, 20, .95), 0 0 12px 3px rgba(255, 80, 0, .45); opacity: 0; animation: mk-ember 4.2s linear infinite; }
.mk-logo-embers i:nth-child(1) { left: 12%; animation-delay: 0s; }
.mk-logo-embers i:nth-child(2) { left: 19%; animation-delay: 1.9s; animation-duration: 5s; }
.mk-logo-embers i:nth-child(3) { left: 26%; animation-delay: .8s; width: 3px; height: 3px; }
.mk-logo-embers i:nth-child(4) { left: 33%; animation-delay: 3.1s; animation-duration: 4.6s; }
.mk-logo-embers i:nth-child(5) { left: 40%; animation-delay: 1.3s; }
.mk-logo-embers i:nth-child(6) { left: 46%; animation-delay: 2.6s; width: 3px; height: 3px; animation-duration: 3.8s; }
.mk-logo-embers i:nth-child(7) { left: 52%; animation-delay: .4s; animation-duration: 5.2s; }
.mk-logo-embers i:nth-child(8) { left: 58%; animation-delay: 3.6s; }
.mk-logo-embers i:nth-child(9) { left: 64%; animation-delay: 1.6s; width: 3px; height: 3px; animation-duration: 4.8s; }
.mk-logo-embers i:nth-child(10) { left: 70%; animation-delay: 2.2s; }
.mk-logo-embers i:nth-child(11) { left: 76%; animation-delay: .2s; animation-duration: 4.4s; }
.mk-logo-embers i:nth-child(12) { left: 82%; animation-delay: 2.9s; width: 3px; height: 3px; }
.mk-logo-embers i:nth-child(13) { left: 88%; animation-delay: 1.1s; animation-duration: 5.4s; }
.mk-logo-embers i:nth-child(14) { left: 48%; animation-delay: 3.9s; animation-duration: 4s; }
@keyframes mk-logo-shine { 0%, 70% { background-position: 160% 0; } 100% { background-position: -60% 0; } }
@keyframes mk-ember {
	0% { opacity: 0; transform: translate(0, 0); }
	10% { opacity: 1; }
	50% { opacity: .9; transform: translate(8px, -80px); }
	100% { opacity: 0; transform: translate(-6px, -160px) scale(.6); }
}
@media (prefers-reduced-motion: reduce) {
	.mk-logo-shine { animation: none; }
	.mk-logo-embers { display: none; }
}

/* ---------- Marco de piedra: sombra sutil en los bordes, sobre el fondo ---------- */
#mk-frame { position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, .65), 0 8px 28px 2px rgba(0, 0, 0, .7); }

/* ---------- Barra superior del contenido ---------- */
#mk-contents-top { position: relative; height: 53px; background: url(../img/main_bg_content_top.jpg) no-repeat; z-index: 5; }
#mk-download { position: absolute; left: 330px; top: -147px; width: 360px; height: 210px; z-index: 20; }
#mk-download img { position: relative; display: block; }
#mk-download::after {
	content: ""; position: absolute; left: 101px; top: 72px; width: 112px; height: 112px; border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 163, 89, .32) 0%, rgba(255, 91, 30, .12) 50%, transparent 72%);
	mix-blend-mode: screen; pointer-events: none; animation: mk-pulse 3.8s ease-in-out infinite;
}
#mk-download:hover::after, #mk-download:focus-visible::after { animation: none; opacity: .85; }
@keyframes mk-pulse { 0%, 100% { opacity: .12; } 50% { opacity: .55; } }

#mk-rolling { position: absolute; left: 38px; top: 18px; width: 290px; height: 16px; overflow: hidden; }
#mk-rolling ul { position: relative; height: 16px; margin: 0; padding: 0; list-style: none; }
/* Sin JavaScript se ve el primer mensaje; js/mukorea.js (rolling) los rota con un deslizamiento corto */
#mk-rolling li { position: absolute; left: 0; right: 0; top: 0; height: 16px; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #a18a67; opacity: 0; transform: translateY(8px); transition: opacity .45s ease, transform .45s ease; }
#mk-rolling li:first-child, #mk-rolling li.mk-roll-on { opacity: 1; transform: none; }
#mk-rolling.mk-roll-js li:first-child:not(.mk-roll-on) { opacity: 0; }
#mk-rolling li.mk-roll-off { opacity: 0; transform: translateY(-8px); } /* el que sale se va hacia arriba */
#mk-rolling li a { color: #a18a67; }
#mk-rolling li strong { color: #e0b871; font-weight: bold; text-shadow: 0 1px 1px #000; }
#mk-rolling li a:hover, #mk-rolling li a:focus-visible { color: #d8c49c; }
#mk-rolling li a:hover strong { color: #ffd88a; }
#mk-rolling .mk-roll-tag { display: inline-block; height: 16px; margin-right: 6px; vertical-align: top; }
#mk-rolling .mk-roll-tag-text { height: 14px; padding: 0 5px; border: 1px solid #8a6331; background: #2a1d10; color: #e08a2c; font: bold 9px/14px Tahoma, Verdana, sans-serif; }
#mk-search { position: absolute; right: 34px; top: 15px; display: flex; align-items: center; gap: 7px; margin: 0; }
#mk-search label { margin: 0; }
#mk-search input {
	width: 155px; height: 20px; padding: 0 4px; border: 1px solid #3b3028; background: #0a0503;
	color: #bea479; font: 11px Arial, sans-serif; outline: none;
}
#mk-search input:focus { border-color: #8a6a3a; }
#mk-search button { width: 42px; height: 20px; padding: 0; border: 0; background: url(../img/main_btn_search.gif) no-repeat; font-size: 0; cursor: pointer; }

/* ---------- Cuerpo de 3 columnas ---------- */
#mk-body {
	display: flex; align-items: flex-start; gap: 14px;
	min-height: 420px; padding: 14px 24px 10px;
	background: url(../img/main_bg_content_center.jpg) repeat-y;
}
#mk-left, #mk-right { flex: 0 0 230px; width: 230px; }
#mk-center { flex: 1 1 auto; min-width: 0; padding-top: 24px; }
#mk-body-bottom { height: 23px; background: url(../img/main_bg_content_bottom.gif) left top no-repeat, url(../img/main_bg_content_center.jpg) left bottom repeat-y; }

.mk-box { margin-bottom: 16px; }
.mk-box h3 { height: 12px; margin: 0 0 5px; line-height: 12px; }
.mk-box h3 img { display: block; max-width: 230px; height: 12px; margin: 0 auto; object-fit: contain; object-position: center; }
.mk-box-body {
	position: relative; padding: 9px 12px;
	background: url(../img/main_bg_loginbox.gif) repeat-y;
}
.mk-box-body::before, .mk-box-body::after { content: ""; position: absolute; left: 0; width: 230px; height: 7px; }
.mk-box-body::before { top: -7px; background: url(../img/main_bg_loginbox_top.gif) no-repeat; }
.mk-box-body::after { bottom: -7px; background: url(../img/main_bg_loginbox_bottom.gif) no-repeat; }
.mk-box h3 + .mk-box-body { margin-top: 12px; margin-bottom: 7px; }

.mk-menu { margin: 0; padding: 0; list-style: none; }
.mk-menu li { padding: 2px 0 2px 16px; position: relative; }
/* Viñeta original de mumaniac: un mini Jewel of Chaos (chaos.gif, 5×10) */
.mk-menu li::before {
	content: ""; position: absolute; left: 3px; top: 50%; width: 5px; height: 10px; margin-top: -5px;
	background: url(../img/chaos.gif) no-repeat;
}
.mk-menu li a { color: #e6dccb; }
.mk-menu li a:hover { color: #ff9900; }
.mk-menu li a[aria-current="page"] { color: #e08a2c; }
.mk-usercp li { padding-left: 0; }
.mk-usercp li::before { display: none; }
.mk-usercp .mk-ico { position: relative; display: inline-block; width: 20px; height: 20px; margin-right: 6px; vertical-align: -6px; filter: drop-shadow(0 1px 2px #000); }
.mk-usercp .mk-ico img { position: absolute; left: 0; top: 0; }
.mk-usercp .mk-ico-hover { opacity: 0; }
.mk-usercp a:hover .mk-ico-hover, .mk-usercp a:focus-visible .mk-ico-hover, .mk-usercp a[aria-current="page"] .mk-ico-hover { opacity: 1; }

.mk-login { display: flex; align-items: center; gap: 6px; margin: 0; }
.mk-login-fields { flex: 1; }
.mk-login-fields input {
	display: block; width: 100%; height: 22px; margin: 2px 0; padding: 0 5px;
	border: 1px solid #3b3028; background: #0a0503; color: #bea479; font: 11px Arial, sans-serif;
}
.mk-login button { position: relative; padding: 0; border: 0; background: none; cursor: pointer; }
/* Botón ENTRAR (H15): dos imágenes; la de hover trae horneado el efecto de la barra */
.mk-login-btn img { display: block; }
.mk-login-btn .mk-login-btn-hover { position: absolute; left: 0; top: 0; opacity: 0; transition: opacity .15s; }
.mk-login-btn:hover .mk-login-btn-hover, .mk-login-btn:focus-visible .mk-login-btn-hover { opacity: 1; }
.mk-login-links, .mk-logout { margin: 8px 0 0; color: #8f7a5c; }
.mk-logout { padding-top: 6px; border-top: 1px dotted #3b3028; }

.mk-tab { height: 21px; margin-top: 12px; }
.mk-tab span {
	display: inline-block; width: 114px; height: 21px; padding-left: 6px;
	background: url(../img/main_tab_server_01_on.gif) no-repeat;
	font: 12px/21px Arial, sans-serif; color: #fff;
}

.mk-table { width: 100%; border: 1px solid #b26c1f; border-collapse: collapse; margin-top: -1px; }
.mk-table th { padding: 5px 3px; background: #1a1611; color: #e2c48e; text-align: center; font-weight: bold; }
.mk-table td { padding: 3px; background: #393027; color: #ccc; }
.mk-table tr:nth-child(even) td { background: #1a1611; }
.mk-table td:first-child { color: #bea479; }
.mk-status td:first-child { font-weight: bold; }
.mk-status td:last-child { text-align: right; }
/* Estado del servidor: ícono chico de un color por fila, valores destacados y nota VIP en chico */
.mk-status td { padding: 4px 6px; vertical-align: middle; }
.mk-status td:last-child { color: #fff; font-weight: bold; white-space: nowrap; }
.mk-st-ico { display: inline-block; width: 12px; height: 12px; margin-right: 7px; vertical-align: -1px; color: #bea479; }
.mk-st-ico.mk-st-exp { color: #ff9f40; }
.mk-st-ico.mk-st-online { color: #7cff4e; }
.mk-status td:first-child { white-space: nowrap; }
.mk-status td small { margin-left: 3px; color: #bea479; font-size: 10px; font-weight: normal; }
.mk-status td.mk-st-hot { color: #ff9f40; }
.mk-status td.mk-st-on { color: #7cff4e; }
.mk-status th { padding: 5px 6px; border-top: 1px solid #3b2d1c; color: #ffd88a; }
.mk-online { color: #7cff4e; }
.mk-empty { text-align: center; color: #8f7a5c !important; font-style: italic; }
.mk-label { color: #bea479; font-weight: bold; }
/* Top de personajes y de clanes: medallas para los tres primeros y fila destacada */
.mk-content .mk-top td, .mk-top td { padding: 4px 3px; vertical-align: middle; }
.mk-top .mk-left { text-align: left; }
.mk-top td:first-child { width: 22px; text-align: center; }
.mk-rank { display: inline-block; min-width: 16px; height: 16px; color: #8f7a5c; font: bold 11px/16px Arial, sans-serif; text-align: center; }
.mk-top-1 .mk-rank, .mk-top-2 .mk-rank, .mk-top-3 .mk-rank { border: 1px solid #000; box-shadow: inset 0 1px 0 #ffffff55; color: #1a0f05; }
.mk-top-1 .mk-rank { background: linear-gradient(#ffe39a, #c98a2a); }
.mk-top-2 .mk-rank { background: linear-gradient(#f2f5f9, #9aa3ae); }
.mk-top-3 .mk-rank { background: linear-gradient(#f0b27a, #9a5a26); }
.mk-table.mk-top tr.mk-top-1 td { background: #3a2a14; }
.mk-table.mk-top tr.mk-top-2 td { background: #2c2620; }
.mk-table.mk-top tr.mk-top-3 td { background: #2e2216; }
.mk-top-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-top-name img { display: inline-block; margin-right: 5px; vertical-align: middle; border: 1px solid #000; }
.mk-top-1 .mk-top-name a { color: #ffd88a; font-weight: bold; }
/* Castle Siege (templateCastleSiegeWidget) */
.mk-cs td { vertical-align: middle; }
.mk-table.mk-cs td.mk-cs-owner { padding: 8px; background: radial-gradient(ellipse at 20% 50%, #3a2610 0%, #140e08 80%); }
.mk-cs-owner-box { display: flex; align-items: center; gap: 9px; }
.mk-cs-mark { flex: 0 0 auto; line-height: 0; }
.mk-cs-mark img { display: block; border: 1px solid #000; outline: 1px solid #d6a04c; box-shadow: 0 2px 6px #000; image-rendering: pixelated; }
.mk-cs-who { min-width: 0; }
.mk-cs-who small { display: block; color: #8f7a5c; font-size: 10px; }
.mk-cs-who small a { color: #bea479; }
.mk-cs-who strong, .mk-cs-who strong a { display: block; color: #ffd88a; font-size: 13px; line-height: 1.3; }
.mk-table.mk-cs td.mk-cs-key { width: 42%; padding: 5px 6px; color: #bea479; font-weight: bold; }
.mk-table.mk-cs td.mk-cs-val { padding: 5px 6px; color: #fff; }
.mk-table.mk-cs td.mk-cs-count { color: #ff9f40; font-weight: bold; }
.mk-table.mk-cs td.mk-cs-more { padding: 7px 6px; background: #1a1611; text-align: center; }
.mk-events td span.mk-ev-time { float: right; color: #ffcf7a; }
.mk-events td small { display: block; color: #8f7a5c; }
/* Pestañas Eventos / Invasiones con las imágenes de pestaña originales */
.mk-tab-switch { display: flex; gap: 0; }
.mk-tab-switch button { width: 114px; height: 21px; padding: 0 0 0 6px; border: 0; background: url(../img/main_tab_server_01_off.png) no-repeat; color: #bfae93; font: 12px/21px Arial, sans-serif; text-align: left; cursor: url(../img/cur2.cur), pointer; }
.mk-tab-switch button:hover { color: #fff; }
.mk-tab-switch button.mk-tab-on { background-image: url(../img/main_tab_server_01_on.gif); color: #fff; }
.mk-tab-switch button:focus-visible { outline: 1px solid #e08a2c; outline-offset: -2px; }

.mk-links { display: flex; justify-content: space-between; margin-top: 10px; }
.mk-links a { position: relative; display: block; height: 59px; }
.mk-links img { display: block; }
.mk-links .mk-link-hover { position: absolute; left: 0; top: 0; opacity: 0; transition: opacity .15s; }
.mk-links a:hover .mk-link-hover, .mk-links a:focus-visible .mk-link-hover { opacity: 1; }
.mk-promos { margin-top: 12px; }
.mk-promos a, .mk-promos .mk-promo-soon { position: relative; display: block; width: 230px; height: 115px; margin-bottom: 8px; }
.mk-promos-left a, .mk-promos-left .mk-promo-soon { height: 100px; } /* Discord: 230×100 */
.mk-promo-soon { cursor: default; }
.mk-promos img { display: block; }
.mk-promos .mk-promo-hover { position: absolute; left: 0; top: 0; opacity: 0; transition: opacity .15s; }
.mk-promos a:hover .mk-promo-hover, .mk-promos a:focus-visible .mk-promo-hover, .mk-promos .mk-promo-soon:hover .mk-promo-hover { opacity: 1; }


/* ---------- Contenido central ---------- */
.mk-where { margin-bottom: 10px; font-weight: bold; color: #bea479; text-transform: uppercase; font-size: 10px; }
.mk-where img { vertical-align: -1px; }
.mk-where a { color: #e0a64f; }
.mk-title {
	min-height: 22px; margin: 0 0 14px; padding: 0 0 7px;
	border-bottom: 1px solid #4b3a24;
	font: italic bold 14px/1.5 Arial, Helvetica, sans-serif; color: #bea479; text-shadow: 1px 1px 1px #17110a;
}
.mk-title-prefix { color: #bd943d; margin-right: 6px; }
.mk-content { color: #cfc4b2; min-width: 0; overflow-wrap: break-word; }
.mk-content > .page-title:first-child, .mk-content .page-title.mk-title-source { display: none; }
.mk-content .page-title { color: #e08a2c; font: italic bold 13px/1.5 Arial, sans-serif; border-bottom: 1px solid #4b3a24; margin: 18px 0 10px; padding-bottom: 5px; }
#mk-body.mk-wide #mk-center { padding-top: 24px; }

/* ---------- Ajustes de Bootstrap 3 / módulos WebEngine al estilo SKD ---------- */
.mk-content h1, .mk-content h2, .mk-content h3, .mk-content h4 { color: #e2a24a; font-family: Arial, sans-serif; }
.mk-content h2 { font-size: 15px; font-style: italic; font-weight: bold; }
.mk-content p { margin-bottom: 8px; }
.mk-content .panel, .mk-content .panel-default { background: rgba(10, 6, 3, .55); border: 1px solid #3b3028; border-radius: 0; box-shadow: none; }
.mk-content .panel-heading { background: #1a1611; border-bottom: 1px solid #3b3028; border-radius: 0; color: #e2c48e; }
.mk-content .panel-title { font-size: 12px; font-weight: bold; color: #e2c48e; }
.mk-content .panel-body { color: #cfc4b2; }
.mk-content .panel-footer { background: #1a1611; border-top: 1px solid #3b3028; border-radius: 0; color: #8f7a5c; }
.mk-content .table { background: transparent; color: #ccc; margin-bottom: 12px; font-size: 11px; }
.mk-content .table > thead > tr > th, .mk-content .table > tbody > tr > th { background: #1a1611; color: #e2c48e; border-color: #3b3028; }
.mk-content .table > tbody > tr > td, .mk-content .table > thead > tr > td { border-color: #3b3028; vertical-align: middle; }
.mk-content .table-striped > tbody > tr:nth-of-type(odd) { background: #241e17; }
.mk-content .table-hover > tbody > tr:hover { background: #3a2f22; }
.mk-content .table-bordered, .mk-content .table-bordered > tbody > tr > td, .mk-content .table-bordered > thead > tr > th { border-color: #3b3028; }
.mk-content .form-control {
	height: 26px; padding: 3px 6px; border: 1px solid #3b3028; border-radius: 0; background: #0a0503;
	color: #e6dccb; font-size: 11px; box-shadow: none;
}
.mk-content .form-control:focus { border-color: #b26c1f; box-shadow: 0 0 4px rgba(178, 108, 31, .6); }
.mk-content select.form-control { height: 26px; }
.mk-content textarea.form-control { height: auto; }
.mk-content .control-label { color: #bea479; font-size: 11px; }
.mk-content .help-block { color: #8f7a5c; font-size: 11px; }
.mk-content .btn { border-radius: 0; font-size: 11px; font-weight: bold; }
.mk-content .btn-primary, .mk-content .btn-success, .btn-primary.admincp-button {
	border: 1px solid #b26c1f; background: linear-gradient(#e08a2c, #9a4e10); color: #fff; text-shadow: 1px 1px 0 #4a2306;
}
.mk-content .btn-primary:hover, .mk-content .btn-success:hover { background: linear-gradient(#f5a040, #b25e16); color: #fff; }
.mk-content .btn-default { border: 1px solid #3b3028; background: #1a1611; color: #bea479; }
.mk-content .alert { border-radius: 0; font-size: 11px; }
.mk-content .alert-danger { background: #3a0d0a; border-color: #7a1e16; color: #ffb8a8; }
.mk-content .alert-success { background: #0f2a0c; border-color: #2f6a20; color: #b9f0a0; }
.mk-content .alert-info, .mk-content .alert-warning { background: #2a210f; border-color: #6a5220; color: #f0d79a; }
.mk-content .label { border-radius: 0; }
.mk-content .text-muted, .mk-content .smalltext { color: #8f7a5c; }
.mk-content .nav-tabs { border-bottom-color: #3b3028; }
.mk-content .nav-tabs > li > a { border-radius: 0; color: #bea479; }
.mk-content .nav-tabs > li.active > a, .mk-content .nav-tabs > li > a:hover { background: #1a1611; border-color: #3b3028 #3b3028 transparent; color: #ff9900; }
.mk-content .pagination > li > a, .mk-content .pagination > li > span { background: #1a1611; border-color: #3b3028; color: #bea479; }
.mk-content .pagination > .active > a { background: #9a4e10; border-color: #b26c1f; }
.mk-content .well { background: rgba(10, 6, 3, .55); border-color: #3b3028; border-radius: 0; box-shadow: none; }
.mk-content hr { border-top-color: #3b3028; }
.mk-content .row { margin-left: -8px; margin-right: -8px; }
.mk-content [class*="col-"] { padding-left: 8px; padding-right: 8px; }

/* Rankings nativos */
.mk-content .rankings_menu { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 12px; }
.mk-content .rankings_menu a {
	padding: 3px 10px; border: 1px solid #3b3028; background: #1a1611; color: #bea479; font-weight: bold;
}
.mk-content .rankings_menu a:hover, .mk-content .rankings_menu a.active {
	border-color: #b26c1f; background: linear-gradient(#e08a2c, #9a4e10); color: #fff;
}
.mk-content .rankings-class-filter { display: block; margin: 0 0 12px; padding: 0; list-style: none; text-align: center; }
.mk-content .rankings-class-filter li { display: inline-block; margin: 0 2px 6px; }
.mk-content .rankings-class-filter-selection { display: inline-block; width: 64px; color: #bea479; font-size: 10px; text-align: center; cursor: pointer; transition: filter .2s; }
.mk-content .rankings-class-filter-selection img { display: block; width: 36px; height: 36px; margin: 0 auto 3px; border: 1px solid #b26c1f; border-radius: 50%; object-fit: cover; }
.mk-content .rankings-class-filter-selection:hover { color: #ff9900; filter: none; }
.mk-content .rankings-class-filter-grayscale { filter: grayscale(100%) brightness(.8); }
.mk-content .rankings-table { width: 100%; border: 1px solid #b26c1f; border-collapse: collapse; }
.mk-content .rankings-table tr td { padding: 4px 6px; border-bottom: 1px solid #2a2219; text-align: center; vertical-align: middle; background: #241e17; color: #ccc; }
.mk-content .rankings-table tr:nth-child(even) td { background: #1a1611; }
.mk-content .rankings-table tr:first-child td { background: #1a1611; color: #e2c48e; font-weight: bold; border-bottom: 1px solid #b26c1f; }
.mk-content .rankings-class-image { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; border: 1px solid #5a4630; }
.mk-content .rankings-table-place { color: #ff9900; font-weight: bold; font-size: 13px; }
.mk-content .rankings-update-time { color: #6f563e; font-size: 10px; text-align: right; }
.mk-content .online-status-indicator { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #5c5c5c; }

/* Noticias en el inicio (módulo home nativo) */
.mk-content .home-news-block { width: 100%; float: none; }
.mk-content .home-news-block-header h2 { margin: 0 0 8px; }
.mk-content .home-news-block-article { padding: 5px 0; border-bottom: 1px dotted #3b3028; }
.mk-content .home-news-block-article-type { color: #ff9900; font-weight: bold; }
.mk-content .home-news-block-article-title a { color: #e6dccb; }
.mk-content .home-news-block-article-date { color: #8f7a5c; }

/* Botón AdminCP que agrega WebEngine al final de la página */
.admincp-button { position: fixed; top: 10px; right: 10px; z-index: 100; }

/* ---------- Pie ---------- */
#mk-footer { min-height: 330px; padding: 110px 24px 80px; text-align: center; color: #bea479; font-size: 11px; text-shadow: 0 1px 3px #000, 0 0 5px #000; }
#mk-footer p { margin: 0 0 8px; }
#mk-footer a { color: #d7bc8f; }
#mk-footer a:hover { color: #ff9900; }
#mk-footer .mk-hl { color: #c0392b; }
#mk-footer .mk-credits { color: #aa9270; }
.mk-r { color: #ff4a3a; margin-left: 2px; }

/* Trampa anti-bots del registro: debe quedar invisible */
.auth-bot-trap { position: absolute !important; left: -10000px !important; top: 0; width: 1px; height: 1px; overflow: hidden; pointer-events: none; }

/* Botones .button que usan mercado y tienda (en raven venían de components.css) */
.mk-content .button, .mk-content a.button, .mk-content button.button {
	display: inline-block; min-width: 120px; padding: 7px 16px; border: 1px solid #b26c1f; border-radius: 0;
	background: linear-gradient(#e08a2c, #9a4e10); color: #fff; font: bold 11px/1.4 Arial, sans-serif;
	text-align: center; text-shadow: 1px 1px 0 #4a2306; cursor: pointer;
}
.mk-content .button:hover { background: linear-gradient(#f5a040, #b25e16); color: #fff; }
.mk-content .om-marketplace { color: #e6dccb; }

/* Perfiles de personaje y guild */
.mk-content .profiles_player_card { display: flex; gap: 0; border: 1px solid #b26c1f; background: #120d09; }
.mk-content .ra-profile-art { flex: 0 0 34%; max-height: 300px; overflow: hidden; }
.mk-content .ra-profile-art img { display: block; width: 100%; height: 300px; object-fit: cover; object-position: center 20%; }
.mk-content .profiles_player_content { flex: 1; min-width: 0; float: none; width: auto; padding: 10px; color: #e6dccb; }
.mk-content .profiles_player_table { width: 100%; }
.mk-content .profiles_player_table .cname { padding-bottom: 2px; text-align: center; font: bold 20px Georgia, serif; color: #f0c070; text-shadow: 1px 1px 2px #000; }
.mk-content .profiles_player_table .cclass { text-align: center; color: #bea479; }
.mk-content .profiles_player_table_info { margin-top: 10px; border: 1px solid #3b3028; }
.mk-content .profiles_player_table_info tr td { padding: 3px 8px; background: #241e17; }
.mk-content .profiles_player_table_info tr:nth-child(even) td { background: #1a1611; }
.mk-content .profiles_player_table_info tr td:first-child { width: 45%; color: #bea479; font-weight: bold; text-align: right; }
.mk-content .isoffline { color: #ff4a3a; }
.mk-content .isonline { color: #7cff4e; }
.mk-content .profiles_guild_card { padding: 12px; border: 1px solid #6b4c2b; background: rgba(18, 13, 9, .75); color: #e6dccb; text-shadow: 1px 1px 1px #000; overflow: auto; }
.mk-content .profiles_guild_card .guild_name, .mk-content .profiles_guild_card .guild_members { font: bold 18px Georgia, serif; color: #f0c070; }
.mk-content .profiles_guild_card hr { margin: 14px 0; border-top-color: #3b3028; }

/* ---------- Reglas comunes para el centro SKD de 440 px ---------- */
.mk-content > *, .mk-content fieldset, .mk-content form { min-width: 0; max-width: 100%; }
.mk-content img { max-width: 100%; }
.mk-content h1 { font: italic bold 16px/1.4 Arial, sans-serif; margin: 0 0 10px; }
.mk-content h3 { font: bold 13px/1.45 Arial, sans-serif; }
.mk-content h4 { font: bold 12px/1.45 Arial, sans-serif; }
.mk-content fieldset { border: 0; padding: 0; margin: 0 0 16px; }
.mk-content legend { font: bold 12px/1.5 Arial, sans-serif; color: #bea479; padding: 4px 0; margin: 0 0 10px; border-bottom: 1px solid #5c442a; }
.mk-content form .form-group { margin: 0 0 12px; }
.mk-content form [class*="col-"] { float: none; width: 100%; margin-left: 0; padding: 0; }
.mk-content form .control-label { text-align: left; padding: 0 0 4px; }
.mk-content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), .mk-content select, .mk-content textarea { max-width: 100%; box-sizing: border-box; }
.mk-content input[type="checkbox"], .mk-content input[type="radio"] { accent-color: #b77525; }
.mk-content .panel-body { padding: 12px; }
.mk-content .panel-footer { padding: 7px 10px; }
.mk-content :is(.table, .rankings-table, .myaccount-table) { max-width: 100%; }
.mk-content .rankings-table { display: block; overflow-x: auto; }
.mk-content .rankings-table tbody { display: table; width: 100%; }
.mk-content .rankings-table tr td { padding: 4px; font-size: 11px; }
.mk-content .rankings-class-filter-selection { width: 60px; }
.mk-content .rankings-class-filter-selection img, .mk-content .rankings-class-image { border-radius: 0; }
.mk-content .rankings_menu a, .mk-content .pagination > li > a, .mk-content .pagination > li > span { padding: 4px 7px; }
.mk-content :is(.btn, .button, a.button, button.button) { min-height: 25px; height: auto; min-width: 0; max-width: 100%; padding: 5px 10px; font: bold 11px/1.4 Arial, sans-serif; border: 1px solid #7d592b; border-radius: 0; background: linear-gradient(#493620, #21170e); color: #e4c798; box-shadow: inset 0 1px #a47a3b55, inset 0 0 0 2px #120d08; text-shadow: 0 1px #000; white-space: normal; }
.mk-content :is(.btn, .button, a.button, button.button):hover { background: linear-gradient(#66401e, #38200e); border-color: #c48a39; color: #ffe3b4; }
.mk-content :is(.btn, .button, button):disabled { opacity: .5; cursor: not-allowed; }
.mk-content .btn-primary, .mk-content .btn-success { border-color: #aa6c24; }
.mk-content .profiles_player_table .cname { font-size: 18px; overflow-wrap: anywhere; }
.mk-content .profiles_player_table_info tr td { padding: 4px; }
.mk-content .profiles_guild_card .guild_name, .mk-content .profiles_guild_card .guild_members { font: bold 15px Arial, sans-serif; }
.mk-content :is(.table, .myaccount-table) td { overflow-wrap: anywhere; }


/* ---------- Mercado público: lista y filtros propios de Mu Korea ---------- */
.mk-content .om-marketplace { --om-line:#574128; --om-muted:#b6a185; --om-gold:#d9b77e; font: 11px/1.5 Arial,sans-serif; color:#cfc4b2; }
.mk-content .om-marketplace :is(h1,h2,h3) { font: italic bold 14px/1.4 Arial,sans-serif; color:#d2ac6b; text-transform:none; text-shadow:none; }
.mk-content .om-marketplace .om-market-heading { padding:0 0 10px; margin:0 0 10px; gap:8px; border:0; border-bottom:1px solid #4b3a24; flex-wrap:wrap; }
.mk-content .om-market-heading::before { display:none; }
.mk-content .om-market-heading > a { font-size:11px; }
.mk-content .om-sale-eyebrow { font-size:10px; letter-spacing:.5px; margin-bottom:4px; }
.mk-content .om-market-tabs { gap:5px; margin:0 0 12px; }
.mk-content .om-market-tabs a { padding:5px 8px; font:bold 11px Arial,sans-serif; border:1px solid #624625; background:linear-gradient(#352719,#1a130c); }
.mk-content .om-market-tabs a[aria-current="page"] { border-color:#be812e; color:#f1c784; background:#3b2815; }
.mk-content .om-catalog-trail { margin-bottom:8px; font-size:10px; }
.mk-content .om-catalog-toolbar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.mk-content .om-filter-actions { grid-column:1/-1; display:flex; align-items:center; gap:10px; }
.mk-content .om-market-panel { padding:10px; margin:10px 0; background:#17120dbb; border:1px solid #4b3a24; }
.mk-content .om-market-panel form { gap:8px; }
.mk-content .om-market-panel label { font-size:11px; margin-bottom:4px; }
.mk-content .om-market-panel :is(input,select) { height:27px; padding:3px 6px; background:#0a0503; border:1px solid #624625; font:11px Arial,sans-serif; }
.mk-content .om-market-panel .button { height:auto; min-height:27px; width:auto; font: bold 11px/1.4 Arial,sans-serif; }
.mk-content .om-catalog-ranges { margin-top:8px; }
.mk-content .om-catalog-range-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding-top:8px; }
.mk-content .om-catalog-ranges summary { cursor:pointer; color:#d9b77e; }
.mk-content .om-catalog-ranges summary span { display:block; color:#b6a185; font-size:10px; }
.mk-content .om-catalog-results { display:flex; justify-content:space-between; gap:8px; margin:14px 0 8px; }
.mk-content .om-marketplace .om-sale-grid, .mk-content .om-marketplace .om-sale-grid:not(.om-sale-strip) { display:grid; grid-template-columns:1fr; gap:10px; }
.mk-content .om-marketplace .om-sale-card { display:grid; grid-template-columns:100px minmax(0,1fr); gap:0; border:1px solid #624625; background:#17120dbb; box-shadow:none; transform:none; }
.mk-content .om-sale-card:hover, .mk-content .om-sale-card:focus-within { transform:none; border-color:#bc8134; box-shadow:none; }
.mk-content .om-sale-art { height:100%; min-height:190px; background:#100d09; }
.mk-content .om-sale-art img, .mk-content .om-sale-card:hover .om-sale-art img { object-fit:cover; transform:none; }
.mk-content .om-sale-tag { font-size:9px; padding:2px 4px; top:5px; left:5px; }
.mk-content .om-marketplace .om-sale-body { padding:10px; }
.mk-content .om-marketplace .om-sale-body h3 { font:bold 15px/1.3 Arial,sans-serif; margin:2px 0 8px; }
.mk-content .om-marketplace .om-sale-body > small { font-size:10px; }
.mk-content .om-marketplace .om-sale-body dl.om-sale-stats { display:block; margin-bottom:6px; }
.mk-content .om-marketplace .om-sale-stats > div, .mk-content .om-marketplace .om-sale-stats .om-sale-resets { display:flex; flex-direction:row; justify-content:space-between; padding:3px 0; border:0; border-bottom:1px dotted #4b3a24; margin:0; background:none; box-shadow:none; }
.mk-content .om-marketplace .om-sale-stats dt { font:11px/1.4 Arial,sans-serif; color:#bea479; }
.mk-content .om-marketplace .om-sale-stats dd { font:bold 12px/1.4 Arial,sans-serif; color:#ddd0b9; text-shadow:none; }
.mk-content .om-marketplace .om-sale-price { padding-top:6px; }
.mk-content .om-marketplace .om-sale-price strong { font:bold 16px/1.4 Arial,sans-serif; }
.mk-content .om-sale-price img { width:20px; height:20px; }
.mk-content .om-marketplace .om-sale-total { margin:4px 0 7px; font-size:10px; }
.mk-content .om-marketplace .om-sale-button { height:auto; padding:5px 9px; font:bold 11px/1.4 Arial,sans-serif; }
.mk-content .om-market-rules { display:block; margin-top:14px; }
.mk-content .om-market-rules > div { border:0; border-top:1px dotted #4b3a24; padding:9px 0; background:none; }
.mk-content .om-market-rules :is(h3,p) { font-size:11px; margin:0 0 4px; }
.mk-content :is(.om-market-note,.om-market-notice) { padding:9px; margin:10px 0; font-size:11px; background:#211a10; border-color:#6a5220; }
.mk-content .om-sale-empty { display:block; padding:12px; background:#17120dbb; box-shadow:none; }
.mk-content .om-sale-empty-art { min-width:0; margin-bottom:10px; }
.mk-content .om-sale-empty-art img, .mk-content .om-sale-empty-art img:nth-child(2) { width:60px; height:80px; clip-path:none; }
.mk-content .om-market-history { max-width:100%; overflow-x:auto; }
.mk-content .om-market-history :is(td,th) { padding:6px; font-size:11px; }

/* ---------- Equipo compartido: ficha pública y panel privado ---------- */
.mk-content .om-market { --om-line:#574128; --om-muted:#b6a185; font:11px/1.5 Arial,sans-serif; color:#cfc4b2; min-width:0; }
.mk-content .om-market :is(h1,h2,h3) { font:bold 13px/1.4 Arial,sans-serif; color:#d2ac6b; margin:0 0 7px; text-transform:none; }
.mk-content .om-heading { display:block; padding-bottom:10px; border-bottom:1px solid #574128; }
.mk-content .om-eyebrow, .mk-content .om-preview-badge { font:10px/1.5 Arial,sans-serif; color:#bea479; }
.mk-content .om-preview-badge { display:inline-block; padding:3px 5px; border:1px solid #574128; margin-top:5px; }
.mk-content .om-characters { display:flex; flex-wrap:wrap; gap:5px; margin:10px 0; }
.mk-content .om-character-link { display:flex; align-items:center; gap:6px; padding:5px 7px; border:1px solid #574128; background:#17120d; }
.mk-content .om-character-link.is-active { border-color:#d69943; background:#3b2815; }
.mk-content .om-character-link img { width:26px; height:26px; object-fit:contain; }
.mk-content .om-character-link small { display:block; font-size:10px; color:#b6a185; }
.mk-content .om-identity { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:10px; border:1px solid #624625; background:#17120dbb; }
.mk-content .om-portrait { width:54px; height:60px; flex:none; border:1px solid #624625; }
.mk-content .om-portrait img { width:100%; height:100%; object-fit:contain; }
.mk-content .om-market .om-name h2 { font:bold 17px/1.3 Arial,sans-serif; margin:0 0 5px; }
.mk-content .om-name p { margin:0; font-size:11px; }
.mk-content .om-key-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; width:100%; border-top:1px dotted #574128; padding-top:8px; }
.mk-content .om-key-stats > div { text-align:center; }
.mk-content .om-key-stats small { display:block; color:#bea479; font-size:10px; }
.mk-content .om-key-stats strong { font:bold 14px/1.5 Arial,sans-serif; color:#e0bc7c; }
.mk-content .om-statusbar { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:8px 0; color:#b6a185; }
.mk-content .om-auto { display:flex; gap:4px; margin:0; font-weight:normal; }
.mk-content .om-refresh { padding:4px 8px; border:1px solid #7d592b; background:#2a1e11; color:#e4c798; }
.mk-content .om-workbench { display:grid; grid-template-columns:1fr; gap:10px; }
.mk-content .om-panel { min-width:0; padding:10px; border:1px solid #574128; background:#17120dcc; }
.mk-content .om-panel-heading { display:flex; align-items:center; gap:8px; border-bottom:1px solid #574128; padding-bottom:5px; margin-bottom:8px; }
.mk-content .om-panel-heading small { margin-left:auto; font-size:10px; }
.mk-content .om-panel-heading h2 { margin:0; }
.mk-content .om-attributes dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 14px; margin:0; }
.mk-content .om-attribute { display:flex; justify-content:space-between; gap:6px; position:relative; padding-bottom:5px; }
.mk-content .om-attribute dt { font-weight:normal; color:#bea479; }
.mk-content .om-attribute dd { color:#e0bc7c; }
.mk-content .om-stat-line { position:absolute; bottom:0; left:0; right:0; height:2px; background:#0b0805; }
.mk-content .om-stat-line i { display:block; height:2px; max-width:100%; background:#a06e2e; }
.mk-content .om-secondary-stats { display:flex; flex-wrap:wrap; gap:8px 14px; margin-top:10px; }
.mk-content .om-secondary-stats strong { margin-left:5px; }
.mk-content .om-board-wrap { max-width:340px; margin:0 auto; }
.mk-content .om-board { position:relative; width:100%; aspect-ratio:256/224; background:radial-gradient(ellipse,#51402a55,transparent 70%); }
.mk-content .om-equip-slot { position:absolute; display:flex; justify-content:center; align-items:center; min-width:0; min-height:0; padding:15px 4px 3px; border:1px solid #78603c; background:linear-gradient(#30271a,#100d09); box-shadow:inset 0 0 0 2px #0a0805; color:#bea479; }
.mk-content .om-equip-slot img { max-width:100%; max-height:100%; object-fit:contain; }
.mk-content .om-equip-slot:hover, .mk-content .om-equip-slot.is-selected { border-color:#d69943; background:#4b3218; }
.mk-content .om-equip-slot.empty { opacity:.6; }
.mk-content .om-slot-label { position:absolute; top:3px; left:2px; right:2px; font:8px/1.1 Arial,sans-serif; text-align:center; }
.mk-content .om-level { position:absolute; bottom:2px; right:3px; color:#e0bc7c; font-size:9px; }
.mk-content .om-equip-slot:is([data-slot="9"],[data-slot="10"],[data-slot="11"]) { padding:2px; }
.mk-content .om-equip-slot:is([data-slot="9"],[data-slot="10"],[data-slot="11"]) .om-slot-label { display:none; }
.mk-content .om-board-hint { text-align:center; color:#b6a185; margin:7px 0; font-size:10px; }
.mk-content .om-legend { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; font-size:10px; }
.mk-content .om-zen { display:flex; align-items:center; gap:7px; padding:7px; margin-top:10px; border-top:1px solid #574128; }
.mk-content .om-zen img { width:20px; height:20px; }
.mk-content .om-zen strong { margin-left:auto; color:#e0bc7c; }
.mk-content .om-item-art { height:90px; max-width:120px; margin:0 auto 8px; display:flex; align-items:center; justify-content:center; }
.mk-content .om-item-art img { max-width:100%; max-height:100%; object-fit:contain; }
.mk-content .om-detail-slot, .mk-content .om-item-type { font-size:10px; color:#bea479; }
.mk-content .om-options { list-style:none; padding:7px 0 0; margin:8px 0 0; border-top:1px solid #574128; }
.mk-content .om-options li { margin:4px 0; overflow-wrap:anywhere; }
.mk-content [data-item-type="normal"] { --om-item-color:#ded7c8; }
.mk-content [data-item-type="excellent"] { --om-item-color:#8bda99; }
.mk-content [data-item-type="ancient"] { --om-item-color:#e5c568; }
.mk-content [data-item-type="harmony"] { --om-item-color:#c5a4e0; }
.mk-content .om-market [data-item-type] { color:var(--om-item-color); }
.mk-content .om-backpack { margin:10px 0; padding:10px; border:1px solid #574128; background:#17120d; }
.mk-content .om-backpack summary { color:#d2ac6b; cursor:pointer; }
.mk-content .om-backpack summary small { display:block; font-size:10px; color:#b6a185; }
.mk-content .om-bag-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; margin-top:8px; }
.mk-content .om-bag-list button { display:flex; align-items:center; gap:5px; padding:6px; border:1px solid #574128; background:#241a10; font-size:11px; text-align:left; }
.mk-content .om-bag-list img { width:30px; height:35px; object-fit:contain; }
.mk-content .om-bag-list small { display:block; font-size:9px; }
.mk-content .om-sale-panel, .mk-content .om-purchase { padding:10px; border:1px solid #624625; background:#21180f; margin-top:10px; }
.mk-content .om-price-form { display:grid; grid-template-columns:1fr; gap:7px; }
.mk-content .om-price-input { display:flex; gap:5px; align-items:center; }
.mk-content .om-price-input input { min-width:0; width:100%; background:#0a0503; border:1px solid #624625; padding:5px; color:#dec188; }
.mk-content .om-totals, .mk-content .om-purchase-totals { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:10px 0; }
.mk-content .om-totals > div, .mk-content .om-purchase-totals > div { padding:6px; border:1px solid #574128; background:#17120d; }
.mk-content .om-totals :is(small,strong,span), .mk-content .om-purchase-totals :is(dt,dd) { display:block; margin:0; font-size:11px; }
.mk-content .om-totals strong, .mk-content .om-purchase-totals dd { font:bold 14px/1.4 Arial,sans-serif; color:#dec188; }
.mk-content .om-publish-controls { margin-top:10px; padding-top:10px; border-top:1px solid #574128; }
.mk-content .om-publish-confirm { display:flex; gap:7px; align-items:flex-start; font:11px/1.5 Arial,sans-serif; }
.mk-content .om-publish-confirm input { flex:none; }
.mk-content .om-purchase-heading { display:flex; align-items:center; gap:8px; }
.mk-content .om-purchase-heading > img { width:28px; height:28px; }
.mk-content .om-purchase-actions { display:flex; flex-wrap:wrap; gap:7px; align-items:center; }
.mk-content .om-purchase-terms { margin:10px 0; }
.mk-content .om-footnote, .mk-content .om-sale-status { color:#b6a185; font-size:10px; margin:8px 0; }
.mk-content .om-error { padding:8px; border:1px solid #7a1e16; background:#3a0d0a; color:#ffb8a8; }

/* ---------- Cuenta: registros y acciones, sin tarjetas de otro template ---------- */
.mk-content .ra-control-heading { margin:0 0 10px; padding-bottom:7px; border-bottom:1px solid #574128; }
.mk-content .ra-control-heading h2 { font:italic bold 14px/1.4 Arial,sans-serif; margin:0 0 4px; }
.mk-content .ra-control-heading > span { color:#b6a185; }
.mk-content .ra-dashboard-actions { border:1px solid #574128; }
.mk-content .ra-dashboard-action { display:flex; align-items:center; gap:9px; padding:8px; color:#d9b77e; background:#17120dcc; border-bottom:1px solid #3b3028; }
.mk-content .ra-dashboard-action:nth-child(even) { background:#2b2218bb; }
.mk-content .ra-dashboard-action:last-child { border-bottom:0; }
.mk-content .ra-action-icon img { width:26px; height:26px; object-fit:contain; }
.mk-content .ra-action-copy { flex:1; min-width:0; }
.mk-content .ra-action-copy strong { display:block; font:bold 11px/1.5 Arial,sans-serif; }
.mk-content .ra-action-copy :is(small,p) { display:block; font:10px/1.45 Arial,sans-serif; color:#b6a185; margin:2px 0 0; }
.mk-content .ra-action-arrow { color:#e08a2c; }
.mk-content .ra-character-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
.mk-content .ra-characters { display:grid; grid-template-columns:1fr; gap:10px; }
.mk-content .ra-character { display:grid; grid-template-columns:100px 1fr; position:relative; border:1px solid #624625; background:#17120dcc; }
.mk-content .ra-character-art { width:100px; height:100%; min-height:170px; max-height:230px; object-fit:cover; object-position:center 20%; }
.mk-content .ra-character-info { padding:10px; min-width:0; }
.mk-content .ra-character-info h3 { margin:0 0 4px; font:bold 15px Arial,sans-serif; }
.mk-content .ra-character-info p { font-size:11px; }
.mk-content .ra-character-level { display:flex; justify-content:space-between; padding:5px 0; border-block:1px dotted #574128; }
.mk-content .ra-character-map { padding:6px 0; }
.mk-content .ra-character-map small { margin-left:6px; color:#b6a185; }
.mk-content .ra-character-sale { margin-top:7px; }
.mk-content .ra-status { position:absolute; top:5px; left:5px; padding:2px 4px; font-size:9px; background:#100c08dd; border:1px solid #574128; }
.mk-content .ra-online { color:#8bda99; }
.mk-content .ra-offline { color:#d4a08d; }

/* ---------- Información: mismos datos y anclas, composición clásica ---------- */
.mk-content .raven-guide { --rg-line:#574128; --rg-muted:#b6a185; --rg-blue:#d9b77e; --rg-gold:#bea479; color:#cfc4b2; font:11px/1.55 Arial,sans-serif; }
.mk-content .raven-guide h2 { font:italic bold 15px/1.4 Arial,sans-serif; color:#d2ac6b; }
.mk-content .raven-guide h3 { font:bold 12px/1.5 Arial,sans-serif; color:#d2ac6b; margin-bottom:8px; }
.mk-content .raven-guide h4 { font:bold 11px/1.5 Arial,sans-serif; color:#d2ac6b; }
.mk-content .rg-notice { gap:8px; padding:8px; margin-bottom:12px; font-size:11px; flex-wrap:wrap; }
.mk-content .rg-notice p strong { font-size:12px; }
.mk-content .rg-notice-mark { display:none; }
.mk-content .rg-badge { font-size:9px; padding:2px 5px; }
.mk-content .rg-nav { padding:4px; gap:2px; border:1px solid #574128; background:#17120d; }
.mk-content .rg-nav a { padding:4px 6px; font-size:11px; }
.mk-content .rg-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:14px 0 0; padding-bottom:12px; }
.mk-content .rg-stats > div, .mk-content .rg-stats > div:first-child { padding:0 8px; border-right:0; border-left:2px solid #624625; }
.mk-content .rg-stats strong { font-size:19px; margin:3px 0; }
.mk-content .rg-stats strong :is(span,i) { font-size:12px; }
.mk-content .rg-section { margin-top:22px; scroll-margin-top:12px; }
.mk-content .rg-section-head { gap:8px; margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid #574128; flex-wrap:wrap; }
.mk-content .rg-section-number { flex-basis:25px; height:25px; font-size:12px; box-shadow:none; }
.mk-content .rg-eyebrow { font-size:9px; letter-spacing:.5px; margin-bottom:3px; }
.mk-content .rg-two-col { grid-template-columns:1fr; gap:10px; }
.mk-content .rg-panel { padding:10px; background:#17120dbb; }
.mk-content .raven-guide .rg-panel > .rg-muted, .mk-content .rg-muted { font-size:11px; margin-bottom:8px; }
.mk-content .rg-facts > div { padding:6px 0; gap:10px; font-size:11px; }
.mk-content .raven-guide .rg-story h3 { font:bold 13px Arial,sans-serif; }
.mk-content .rg-story > p { font-size:11px; }
.mk-content .rg-class-grid, .mk-content .rg-classes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.mk-content .rg-class-card { min-width:0; background:#17120dbb; border:1px solid #574128; }
.mk-content .rg-class-card img { height:150px; width:100%; object-fit:cover; object-position:top; }
.mk-content .rg-class-card :is(p,small,span) { font-size:11px; }
.mk-content .rg-class-body { padding:9px; }
.mk-content .rg-events, .mk-content .rg-event-grid, .mk-content .rg-start-grid { grid-template-columns:1fr; gap:8px; }
.mk-content .rg-event, .mk-content .rg-start-step { padding:10px; background:#17120dbb; }
.mk-content .raven-guide :is(table,td,th,summary) { font-size:11px; }
.mk-content .raven-guide :is(td,th) { padding:6px; }
.mk-content .rg-faq details { padding:9px 0; border-bottom:1px solid #574128; background:none; }
.mk-content .rg-faq summary { color:#d9b77e; cursor:pointer; }
.mk-content .rg-faq details p { font-size:11px; margin-top:6px; }
.mk-content .rg-footer { margin-top:18px; font-size:10px; }

@media (prefers-reduced-motion: reduce) {
	#mk-download::after { animation:none; }
	#mk-rolling li { transition: none; }
	#mk-gnb *, .mk-content *, .mk-links img, .mk-promos img { transition:none !important; }
}

/* Selectores completos de las vistas compartidas; prioridad sobre CSS generado. */
#mk-center .raven-guide .rg-nav { display:flex; flex-wrap:wrap; gap:3px; padding:5px; background:#17120d; box-shadow:none; }
#mk-center .raven-guide .rg-nav a { padding:5px 7px; min-width:0; flex:initial; font-size:11px; background:none; border:0; box-shadow:none; }
#mk-center .raven-guide .rg-nav .rg-raven-icon { display:none; }
#mk-center .raven-guide .rg-section-head { padding:0 0 7px; background:none; box-shadow:none; border:0; border-bottom:1px solid #574128; }
#mk-center .raven-guide .rg-section-head::before, #mk-center .raven-guide .rg-section-head::after { display:none; }
#mk-center .raven-guide .rg-section-head h2 { font:italic bold 14px/1.5 Arial,sans-serif; text-shadow:none; }
#mk-center .raven-guide .rg-section-emblem { display:none; }
#mk-center .raven-guide .rg-panel > h3 { font:bold 12px/1.5 Arial,sans-serif; }
#mk-center .raven-guide .rg-rate-row { margin:12px 0; gap:8px; }
#mk-center .raven-guide .rg-rate-label { font-size:11px; margin-bottom:5px; }
#mk-center .raven-guide .rg-rate-label strong { font-size:14px; }
#mk-center .raven-guide :is(.rg-class-card,.rg-event-card) { padding:10px; background:#17120dbb; border:1px solid #574128; box-shadow:none; transform:none; }
#mk-center .raven-guide :is(.rg-class-card,.rg-event-card)::before { display:none; }
#mk-center .raven-guide .rg-class-heading { display:block; margin:0 0 8px; }
#mk-center .raven-guide .rg-portrait { float:left; width:32px; height:32px; transform:none; margin:0 7px 3px 0; padding:1px; border:1px solid #78603c; background:#17120d; box-shadow:none; }
#mk-center .raven-guide .rg-portrait .rg-avatar { transform:none; width:100%; height:100%; object-fit:contain; }
#mk-center .raven-guide :is(.rg-class-heading,.rg-event-heading) h3 { font:bold 12px/1.4 Arial,sans-serif; text-shadow:none; }
#mk-center .raven-guide .rg-class-card > p, #mk-center .raven-guide .rg-event-card > p { font-size:11px; min-height:0; }
#mk-center .raven-guide .rg-class-attributes { font-size:10px; padding-top:6px; margin-top:6px; }
#mk-center .raven-guide .rg-currency { gap:8px; padding:8px 0; }
#mk-center .raven-guide .rg-currency-icon { flex-basis:25px; height:25px; font-size:14px; }
#mk-center .raven-guide .rg-currency p { font-size:11px; }
#mk-center .raven-guide .rg-table :is(th,td) { padding:6px; font-size:11px; }
#mk-center .raven-guide .rg-steps { display:block; }
#mk-center .raven-guide .rg-steps li { padding:10px 0; border:0; border-top:1px dotted #574128; background:none; }
#mk-center .raven-guide .rg-steps :is(h3,p) { font-size:11px; min-height:0; margin-bottom:6px; }
#mk-center .raven-guide .rg-steps a { min-width:0; min-height:25px; padding:5px 9px; border:1px solid #7d592b; background:linear-gradient(#493620,#21170e); font:bold 11px/1.4 Arial,sans-serif; }
#mk-center .raven-guide .rg-guide-end { margin-top:16px; padding-top:9px; gap:8px; flex-wrap:wrap; letter-spacing:0; }