/*
 * Mu Comando — Fortaleza de Cristal Nocturna
 * Premium visual layer for WebEngine CMS 1.2.6.
 */

:root {
	--mc-void: #06080d;
	--mc-ink: #0c1017;
	--mc-panel: #121923;
	--mc-panel-deep: #0d131d;
	--mc-panel-lift: #192333;
	--mc-steel: #546476;
	--mc-text: #edf2f5;
	--mc-muted: #8e9dab;
	--mc-gold: #d5a642;
	--mc-gold-light: #f2cf78;
	--mc-blue: #4b9ee8;
	--mc-border: rgba(162, 188, 210, .15);
	--mc-border-gold: rgba(213, 166, 66, .42);
	--mc-shadow: rgba(0, 0, 0, .58);
	--mc-display: 'Cinzel', Georgia, serif;
	--mc-condensed: 'Barlow Condensed', Arial Narrow, sans-serif;
	--mc-sans: 'Source Sans 3', Arial, sans-serif;

	--webenginebg1: var(--mc-void);
	--webenginebg2: var(--mc-panel);
	--webenginebg3: #080b10;
	--webenginecolor1: var(--mc-gold);
	--webenginecolor2: var(--mc-text);
	--webenginecolor3: #c5d7e7;
	--webenginecolor4: var(--mc-gold-light);
	--webenginecolor5: #182231;
	--webenginecolor6: var(--mc-text);
	--webenginecolor7: var(--mc-gold);
	--webenginecolor8: #233143;
	--webenginecolor9: var(--mc-text);
	--webenginecolor10: #526b85;
	--webenginecolor11: var(--mc-gold);
	--webenginecolor12: #11151b;
	--webenginecolor13: var(--mc-gold-light);
	--webenginecolor14: var(--mc-muted);
	--webenginecolor63: rgba(162, 188, 210, .15);
	--webenginecolor15: #0b111a;
	--webenginecolor16: rgba(162, 188, 210, .18);
	--webenginecolor17: var(--mc-text);
	--webenginecolor18: var(--mc-blue);
	--webenginecolor19: #cad7e2;
	--webenginecolor20: var(--mc-gold-light);
	--webenginecolor21: rgba(162, 188, 210, .14);
	--webenginecolor22: #111925;
	--webenginecolor23: var(--mc-muted);
	--webenginecolor24: #111925;
	--webenginecolor25: var(--mc-muted);
	--webenginecolor26: var(--mc-gold);
	--webenginecolor27: #111925;
	--webenginecolor28: #162131;
	--webenginecolor29: #172235;
	--webenginecolor30: var(--mc-gold);
	--webenginecolor31: #0e1723;
	--webenginecolor32: var(--mc-gold-light);
	--webenginecolor33: #dce7ee;
	--webenginecolor34: rgba(5, 8, 13, .9);
	--webenginecolor35: var(--mc-muted);
	--webenginecolor36: #ee7777;
	--webenginecolor37: #a8b7c5;
	--webenginecolor38: var(--mc-gold-light);
	--webenginecolor39: #192434;
	--webenginecolor40: #c6d5df;
	--webenginecolor41: #fff7df;
	--webenginecolor42: rgba(7, 13, 21, .82);
	--webenginecolor43: rgba(152, 193, 231, .2);
	--webenginecolor44: #b3c4d2;
	--webenginecolor45: rgba(0, 0, 0, .58);
	--webenginecolor46: #000;
	--webenginecolor47: #fff8e2;
	--webenginecolor48: #9fb0be;
	--webenginecolor49: #78d6ad;
	--webenginecolor50: rgba(4, 8, 13, .75);
	--webenginecolor51: rgba(118, 164, 203, .38);
	--webenginecolor52: var(--mc-blue);
	--webenginecolor53: #070b10;
	--webenginecolor54: #151e2a;
	--webenginecolor55: rgba(0, 0, 0, .48);
	--webenginecolor56: #06080d;
	--webenginecolor57: var(--mc-muted);
	--webenginecolor58: rgba(5, 9, 14, .75);
	--webenginecolor59: #fff;
	--webenginecolor60: var(--mc-gold-light);
	--webenginecolor61: var(--mc-text);
	--webenginecolor62: rgba(0, 0, 0, .6);
}

html { min-width: 320px; background: var(--mc-void); }
body.site-body {
	min-width: 320px;
	margin: 0;
	color: var(--mc-text);
	font: 16px/1.55 var(--mc-sans);
	background: linear-gradient(180deg, rgba(5, 8, 13, .15) 0, var(--mc-void) 33rem), var(--mc-void) url('../img/hero.jpg') no-repeat center top / max(100%, 1600px) auto;
	background-attachment: fixed;
}
body.site-body::before {
	content: '';
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	opacity: .18;
	background-image: radial-gradient(circle at 15% 15%, rgba(72, 145, 225, .28) 0, transparent 25%), radial-gradient(circle at 85% 25%, rgba(213, 166, 66, .12) 0, transparent 22%), linear-gradient(115deg, rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(25deg, rgba(255,255,255,.02) 1px, transparent 1px);
	background-size: auto, auto, 5px 5px, 7px 7px;
}
* { box-sizing: border-box; }
a { color: #c1d9ef; text-decoration: none; transition: color .18s ease, border-color .18s ease, transform .18s cubic-bezier(.23,1,.32,1), box-shadow .18s ease; }
a:hover, a:focus { color: var(--mc-gold-light); text-decoration: none; }
img { max-width: 100%; height: auto; border: 0; }
:focus-visible { outline: 2px solid var(--mc-gold-light); outline-offset: 3px; }

/* Global bar */
.global-top-bar { position: relative; z-index: 30; min-height: 32px; padding: 6px 0 5px; background: var(--webenginecolor34); border-bottom: 1px solid rgba(151, 185, 214, .11); font: 600 12px/1.4 var(--mc-condensed); letter-spacing: .08em; text-transform: uppercase; }
.global-top-bar-content { width: min(1200px, calc(100% - 40px)); margin: 0 auto; }
.global-top-bar-content .row { margin: 0; }
.global-top-bar-nopadding { padding: 0 !important; }
.global-top-bar a { color: var(--webenginecolor37) !important; }
.global-top-bar a:hover { color: var(--mc-gold-light) !important; }
.global-top-bar a.logout { color: var(--webenginecolor36) !important; }
.global-top-bar-separator { padding: 0 8px; color: rgba(213, 166, 66, .55); }
.webengine-language-switcher { display: inline-flex; align-items: center; gap: 3px; overflow: hidden; width: 47px; max-width: 330px; height: 20px; margin: 0 !important; padding: 0 !important; list-style: none; transition: width .24s cubic-bezier(.23,1,.32,1); }
.webengine-language-switcher:hover, .webengine-language-switcher:focus-within { width: 330px; }
.webengine-language-switcher li { display: inline-block; padding: 1px 6px 2px; border: 1px solid rgba(139, 175, 204, .2); background: rgba(25, 36, 52, .9); white-space: nowrap; }
.webengine-language-switcher li a { color: var(--webenginecolor40) !important; }
.webengine-language-switcher li img { position: relative; top: -1px; width: 14px; margin-right: 3px; }

/* Main navigation */
#navbar { position: sticky; top: 0; z-index: 25; border-bottom: 1px solid rgba(213, 166, 66, .4); background: rgba(7, 11, 18, .84); box-shadow: 0 12px 30px rgba(0,0,0,.18); backdrop-filter: blur(16px); }
.nav-frame { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: stretch; width: min(1280px, calc(100% - 40px)); min-height: 66px; margin: 0 auto; }
.nav-symbol { display: grid; place-items: center; width: 36px; opacity: .92; }
.nav-symbol img { width: 29px; height: 29px; object-fit: contain; filter: drop-shadow(0 0 8px rgba(213,166,66,.25)); }
#navbar ul { display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; min-height: 66px; margin: 0; padding: 0; list-style: none; }
#navbar ul li { display: flex; list-style: none; }
#navbar ul li a { position: relative; display: grid; place-items: center; padding: 0 18px; color: var(--webenginecolor19) !important; font: 700 14px/1 var(--mc-condensed); letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
#navbar ul li a::after { content: ''; position: absolute; right: 18px; bottom: 0; left: 18px; height: 2px; transform: scaleX(0); background: linear-gradient(90deg, transparent, var(--mc-gold), transparent); transition: transform .22s cubic-bezier(.23,1,.32,1); }
#navbar ul li a:hover, #navbar ul li a:focus, #navbar ul li a:active { color: var(--mc-gold-light) !important; }
#navbar ul li a:hover::after, #navbar ul li a:focus::after { transform: scaleX(1); }
.nav-account { display: flex; min-width: 100px; padding-left: 19px; border-left: 1px solid rgba(163, 192, 215, .14); flex-direction: column; align-items: flex-start; justify-content: center; }
.nav-account__eyebrow { color: var(--mc-muted); font: 600 10px/1 var(--mc-condensed); letter-spacing: .12em; text-transform: uppercase; }
.nav-account__label { color: var(--mc-gold-light); font: 700 14px/1.3 var(--mc-condensed); letter-spacing: .06em; text-transform: uppercase; }

/* Hero and online status */
#header.site-hero { position: relative; min-height: 580px; overflow: hidden; isolation: isolate; }
#header.site-hero::before { content: ''; position: absolute; z-index: -3; inset: 0; background: linear-gradient(90deg, rgba(6,8,13,.9) 0%, rgba(6,8,13,.61) 44%, rgba(6,8,13,.14) 100%), linear-gradient(0deg, var(--mc-void) 0%, rgba(6,8,13,.06) 34%), url('../img/hero.jpg') no-repeat center center / cover; }
#header.site-hero::after { content: ''; position: absolute; z-index: -1; right: 0; bottom: -1px; left: 0; height: 170px; background: linear-gradient(transparent, var(--mc-void)); }
.site-hero__grain { position: absolute; z-index: -1; inset: 0; opacity: .16; background-image: radial-gradient(rgba(255,255,255,.35) .55px, transparent .55px); background-size: 5px 5px; mask-image: linear-gradient(to bottom, black, transparent 75%); pointer-events: none; }
.site-hero__inner { position: relative; width: min(1200px, calc(100% - 40px)); min-height: 580px; margin: 0 auto; padding: 68px 0 110px; }
.site-brand { display: inline-block; max-width: 345px; }
.site-brand__logo { display: block; width: 100%; max-height: 168px; object-fit: contain; object-position: left center; mix-blend-mode: screen; filter: drop-shadow(0 14px 22px rgba(0,0,0,.48)); transition: filter .2s ease, transform .2s cubic-bezier(.23,1,.32,1); }
.site-brand:hover .site-brand__logo { transform: translateY(-2px); filter: drop-shadow(0 16px 25px rgba(0,0,0,.65)) brightness(1.08); }
.site-hero__copy { max-width: 560px; margin-top: 26px; }
.eyebrow { margin: 0 0 12px; color: var(--mc-gold-light); font: 700 13px/1 var(--mc-condensed); letter-spacing: .17em; text-transform: uppercase; }
.site-hero h1 { max-width: 540px; margin: 0; color: #f8f7f0; font: 700 clamp(33px, 4.25vw, 58px)/1.11 var(--mc-display); letter-spacing: -.035em; text-shadow: 0 4px 20px rgba(0,0,0,.55); }
.site-hero__lead { max-width: 510px; margin: 20px 0 27px; color: #d1dce5; font-size: 18px; line-height: 1.62; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; align-items: center; }
.btn { border-radius: 0; }
.btn-premium, .btn.btn-premium { position: relative; display: inline-flex; min-height: 45px; align-items: center; justify-content: center; gap: 9px; padding: 12px 20px; overflow: hidden; border: 1px solid #e7bc56; color: #14110b !important; background: linear-gradient(115deg, #e6bd5d 0%, #d5a642 47%, #b47c21 100%); box-shadow: 0 8px 20px rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.34); font: 700 15px/1 var(--mc-condensed); letter-spacing: .09em; text-transform: uppercase; }
.btn-premium::before { content: ''; position: absolute; inset: 0 auto 0 -65%; width: 46%; transform: skewX(-20deg); background: rgba(255,255,255,.26); transition: left .36s cubic-bezier(.23,1,.32,1); }
.btn-premium:hover, .btn-premium:focus { color: #090a0d !important; background: linear-gradient(115deg, #f3d57d 0%, #dfb54e 47%, #c78d26 100%); box-shadow: 0 10px 28px rgba(213,166,66,.2); transform: translateY(-2px); }
.btn-premium:hover::before { left: 128%; }
.btn-premium:active { transform: translateY(0) scale(.98); }
.btn-premium__sigil { font: 700 20px/0 var(--mc-display); }
.btn-ghost { display: inline-flex; min-height: 45px; align-items: center; gap: 10px; padding: 12px 18px; border: 1px solid rgba(204, 224, 240, .35); color: #d7e6ef !important; background: rgba(7,12,18,.34); font: 700 15px/1 var(--mc-condensed); letter-spacing: .09em; text-transform: uppercase; }
.btn-ghost:hover, .btn-ghost:focus { border-color: var(--mc-gold); color: var(--mc-gold-light) !important; background: rgba(24, 35, 49, .68); transform: translateY(-2px); }
.header-info-container { position: absolute; right: 0; bottom: 76px; width: min(355px, 32vw); margin: 0; text-align: left; }
.header-info { padding: 18px; border: 1px solid var(--webenginecolor43); border-left: 2px solid var(--mc-gold); background: var(--webenginecolor42); box-shadow: 0 18px 40px var(--webenginecolor45); backdrop-filter: blur(12px); }
.server-pulse__head { display: flex; align-items: center; gap: 7px; color: #d8e5ee; font: 700 12px/1 var(--mc-condensed); letter-spacing: .12em; text-transform: uppercase; }
.server-pulse__marker { display: grid; width: 10px; height: 10px; place-items: center; }
.server-pulse__marker span { width: 6px; height: 6px; border-radius: 50%; background: #76d5a5; box-shadow: 0 0 0 0 rgba(118,213,165,.65); animation: mcPulse 2.3s infinite; }
.server-pulse__status { margin-left: auto; color: #78d6ad; font-size: 11px; }
.server-pulse__number-row { display: flex; align-items: baseline; gap: 7px; margin-top: 13px; color: var(--mc-muted); font: 600 13px/1 var(--mc-condensed); letter-spacing: .06em; text-transform: uppercase; }
.server-pulse__number-row strong { margin-left: auto; color: #f6f9fa; font: 700 27px/1 var(--mc-display); }
.server-pulse__limit { color: #7790a3; font-size: 13px; }
.webengine-online-bar { height: 5px; margin: 10px 0 15px; overflow: hidden; border: 1px solid rgba(142, 188, 224, .26); border-radius: 0; background: rgba(4,8,13,.7); }
.webengine-online-bar-progress { height: 100%; min-width: 2px; background: linear-gradient(90deg, #347ab6, #6cb4ee, #d5a642); box-shadow: 0 0 12px rgba(97, 173, 234, .75); }
.server-pulse__times { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; padding-top: 13px; border-top: 1px solid rgba(172, 204, 229, .13); }
.server-pulse__times > div { display: grid; gap: 4px; }
.server-pulse__times span { color: var(--mc-muted); font: 600 11px/1 var(--mc-condensed); letter-spacing: .07em; text-transform: uppercase; }
.server-pulse__times strong { display: flex; align-items: baseline; gap: 5px; color: #e7eef3; font: 700 14px/1 var(--mc-condensed); }
.server-pulse__times small { color: #8fa4b5; font: 600 9px/1 var(--mc-condensed); letter-spacing: .02em; }
.site-hero--compact { min-height: 300px !important; }
.site-hero--compact .site-hero__inner { min-height: 300px; padding: 44px 0 72px; }
.site-hero--compact .site-brand { max-width: 260px; }
.site-hero--compact .header-info-container { bottom: 59px; }

/* Content, panels and native home output */
.site-shell { position: relative; z-index: 2; width: min(1240px, calc(100% - 40px)); margin: -42px auto 0; }
.command-destinations { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 0 0 12px; }
.command-destination { position: relative; display: flex; min-height: 152px; overflow: hidden; padding: 19px; flex-direction: column; justify-content: flex-end; border: 1px solid rgba(163,192,215,.22); background-color: #101722; background-repeat: no-repeat; background-position: center; background-size: cover; box-shadow: 0 16px 28px rgba(0,0,0,.25); color: #edf3f7 !important; isolation: isolate; }
.command-destination--download { background-image: url('../img/feature-download.jpg'); }
.command-destination--news { background-image: url('../img/feature-news.jpg'); }
.command-destination--rankings { background-image: url('../img/feature-rankings.jpg'); }
.command-destination::before { content: ''; position: absolute; inset: 0; z-index: -2; background: linear-gradient(0deg, rgba(6,10,15,.96) 5%, rgba(7,12,19,.56) 59%, rgba(7,12,19,.12) 100%); }
.command-destination__shade { position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; width: 3px; background: var(--mc-gold); box-shadow: 0 0 12px rgba(213,166,66,.75); }
.command-destination--news .command-destination__shade { background: #8bc6f1; box-shadow: 0 0 12px rgba(139,198,241,.72); }
.command-destination--rankings .command-destination__shade { background: #e1b65a; }
.command-destination__label { margin-bottom: 7px; color: #d5e5f0; font: 700 10px/1 var(--mc-condensed); letter-spacing: .14em; text-transform: uppercase; }
.command-destination strong { color: #f6f3e9; font: 700 20px/1.15 var(--mc-display); letter-spacing: -.02em; }
.command-destination__action { margin-top: 12px; color: #b6cbd9; font: 700 11px/1 var(--mc-condensed); letter-spacing: .09em; text-transform: uppercase; }
.command-destination__action b { margin-left: 5px; color: var(--mc-gold-light); font-size: 15px; }
.command-destination:hover, .command-destination:focus { border-color: var(--mc-gold); color: #fff !important; box-shadow: 0 20px 36px rgba(0,0,0,.38); transform: translateY(-3px); }
.command-destination:hover .command-destination__action { color: var(--mc-gold-light); }
#container { width: 100%; min-height: 480px; margin: 0 auto; padding: 0; background: transparent; }
#content.content-frame { min-height: 490px; padding: 31px 30px 36px; overflow: auto; border: 1px solid var(--mc-border); border-top-color: var(--mc-border-gold); border-radius: 2px; background: linear-gradient(145deg, rgba(20,28,39,.96), rgba(10,16,24,.96)); box-shadow: 0 24px 68px var(--mc-shadow), inset 0 1px rgba(255,255,255,.025); }
#content.content-frame > .col-xs-12, #content.content-frame > .col-xs-8, #content.content-frame > .col-xs-4 { padding-right: 10px; padding-left: 10px; }
.usercp-sidebar { padding-left: 20px !important; }
.page-title { margin: 0 0 24px; color: #f0d083; font: 700 clamp(28px, 3vw, 38px)/1.18 var(--mc-display); letter-spacing: -.025em; text-align: left; text-shadow: 0 2px 13px rgba(0,0,0,.44); }
.page-title::after { content: ''; display: block; width: 84px; height: 2px; margin-top: 12px; background: linear-gradient(90deg, var(--mc-gold), transparent); }
.alt { color: var(--mc-muted); }
.panel { margin-bottom: 25px; border: 1px solid var(--mc-border); border-radius: 1px; background: rgba(16, 24, 35, .93); box-shadow: 0 14px 30px rgba(0,0,0,.18); }
.panel > .panel-heading { min-height: 47px; padding: 14px 16px 12px; border: 0; border-bottom: 1px solid var(--mc-border-gold); border-radius: 0; background: linear-gradient(90deg, rgba(29,42,58,.98), rgba(18,27,39,.94)); }
.panel .panel-title { display: flex; align-items: center; min-height: 20px; margin: 0; color: #f0e7ce; font: 700 16px/1.15 var(--mc-condensed); letter-spacing: .1em; text-transform: uppercase; }
.panel-title__mark { margin-right: 8px; color: var(--mc-gold); font-size: 10px; }
.panel-heading__action { margin-left: auto; color: #a5c8e5 !important; font-size: 11px; }
.panel > .panel-body { padding: 16px; color: var(--mc-text); }
.panel-news { margin-bottom: 28px; border: 1px solid var(--mc-border); background: rgba(13,20,30,.72); box-shadow: none; }
.panel-news .panel-heading { background: transparent; }
.panel-news .panel-title { color: var(--mc-gold-light); font: 700 24px/1.2 var(--mc-display); letter-spacing: -.015em; text-transform: none; }
.panel-news .panel-body { padding: 18px 20px; }
.panel-news .panel-footer { min-height: 38px; padding: 10px 16px; border-top-color: var(--mc-border); background: transparent; color: var(--mc-muted); }
.home-news-block { padding-right: 24px !important; }
.home-news-block-header { display: flex; align-items: center; margin-bottom: 11px; border-bottom: 1px solid var(--mc-border-gold); }
.home-news-block .home-news-block-header h2 { margin: 0 !important; padding: 0 0 12px !important; color: #f1d384; font: 700 29px/1.15 var(--mc-display); font-style: normal; letter-spacing: -.025em; }
.home-news-block .home-news-block-header a { padding-top: 0; color: #b9d9ef; font: 700 13px/1 var(--mc-condensed); font-style: normal; letter-spacing: .1em; text-transform: uppercase; }
.home-news-block .home-news-block-header a:hover { color: var(--mc-gold-light); }
.home-news-block-article { position: relative; margin-top: 0; padding: 12px 0; border-bottom: 1px solid rgba(164,192,213,.11); }
.home-news-block-article::before { content: ''; position: absolute; top: 50%; left: 1px; width: 4px; height: 4px; transform: rotate(45deg) translateY(-50%); background: var(--mc-blue); box-shadow: 0 0 8px var(--mc-blue); }
.home-news-block-article:hover { background: linear-gradient(90deg, rgba(75,158,232,.085), transparent); }
.home-news-block-article-type { display: inline-block; padding: 4px 7px; border: 1px solid rgba(213,166,66,.55); color: var(--mc-gold-light); font: 700 10px/1 var(--mc-condensed); letter-spacing: .09em; text-transform: uppercase; }
.home-news-block-article .home-news-block-article-title, .home-news-block-article .home-news-block-article-date { line-height: 27px; }
.home-news-block-article-title a { color: #dae6ee; font-weight: 600; }
.home-news-block-article-title a:hover { color: var(--mc-gold-light); }
.home-news-block-article-date { color: #8093a3; font: 600 12px/1 var(--mc-condensed); letter-spacing: .06em; }

/* Tables, rankings and forms */
.table { color: #d9e2e9; }
.table > thead > tr > th { border-bottom: 1px solid var(--mc-border-gold); color: var(--mc-gold-light); font: 700 12px/1.25 var(--mc-condensed); letter-spacing: .09em; text-transform: uppercase; }
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { border-top-color: rgba(164, 192, 213, .11); }
.table-hover > tbody > tr:hover { background-color: rgba(75, 158, 232, .075); }
.table a { color: #d3e9f8; }
.table a:hover { color: var(--mc-gold-light); }
.rankings-table { width: 100%; border-collapse: collapse; }
.rankings-table tr td { padding: 12px 9px; border-bottom: 1px solid rgba(164,192,213,.12); color: #dce8ef; font-size: 16px; text-align: center; vertical-align: middle !important; }
.rankings-table tr:first-child td { border-bottom: 1px solid var(--mc-gold); color: var(--mc-gold-light); }
.rankings-table tr:hover td { background: rgba(75, 158, 232, .07); }
.rankings-table-place { color: var(--mc-gold) !important; font: 700 24px/1 var(--mc-display); }
.rankings-class-image { border: 1px solid rgba(213,166,66,.36); border-radius: 50%; box-shadow: 0 0 0 3px rgba(0,0,0,.18); }
.rankings-update-time { color: var(--mc-muted); }
.rankings_menu { margin-bottom: 22px; padding: 14px; border: 1px solid var(--mc-border); background: rgba(7,12,19,.35); text-align: left; }
.rankings_menu span { padding: 0 0 9px; color: var(--mc-gold-light); font: 700 19px/1.2 var(--mc-display); }
.rankings_menu a { width: auto; min-width: 128px; margin: 3px; padding: 8px 11px; border: 1px solid rgba(162,188,210,.19); border-radius: 0; background: rgba(27,39,54,.7); color: var(--mc-muted); font: 700 12px/1 var(--mc-condensed); letter-spacing: .06em; text-transform: uppercase; }
.rankings_menu a:hover, .rankings_menu a.active { border-color: var(--mc-gold); color: var(--mc-gold-light); background: rgba(213,166,66,.1); }
.rankings-class-filter { margin: 8px auto 16px; padding: 10px; border: 1px solid var(--mc-border); border-radius: 0; background: rgba(6,10,16,.3); }
.rankings-class-filter-selection { color: var(--mc-text); }
.rankings-class-filter-selection:hover { color: var(--mc-gold-light) !important; }
.rankings-class-filter-selection img { border: 1px solid rgba(213,166,66,.3); box-shadow: 0 0 15px rgba(0,0,0,.35); }
.form-control, input[type=text], input[type=password], input[type=number], select.form-control, textarea.form-control { height: 42px; border: 1px solid rgba(158,188,211,.22); border-radius: 0; color: var(--mc-text); background: rgba(6,11,18,.84); box-shadow: inset 0 1px rgba(255,255,255,.02); }
textarea.form-control { height: auto; min-height: 100px; }
.form-control::placeholder { color: #718292; }
.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=number]:focus { border-color: var(--mc-blue); outline: 0; box-shadow: 0 0 0 3px rgba(75,158,232,.12); background: rgba(8,14,22,.96); }
.btn-default, .btn-primary, input[type=submit], button[type=submit] { border: 1px solid rgba(153,185,209,.32); border-radius: 0; color: #eaf0f4; background: #263649; font: 700 12px/1 var(--mc-condensed); letter-spacing: .08em; text-transform: uppercase; }
.btn-default:hover, .btn-default:focus, .btn-primary:hover, .btn-primary:focus, input[type=submit]:hover, button[type=submit]:hover { border-color: var(--mc-gold); color: #11151a; background: var(--mc-gold); }
.btn-xs { padding: 4px 7px; font-size: 10px; }
.myaccount-table, .general-table-ui { border: 1px solid var(--mc-border); background: rgba(11,18,27,.72); }
.myaccount-table tr td, .general-table-ui tr td { border-bottom-color: rgba(164,192,213,.12); }
.general-table-ui tr:nth-child(2n+2) td { background: rgba(28,42,58,.42); }
.general-table-ui tr:first-child td { color: var(--mc-gold-light); }
.myaccount-table tr td:first-child { color: var(--mc-muted); }
.myaccount-character-block { border-color: rgba(213,166,66,.45); border-radius: 0; background: #111925; }
.myaccount-character-block img { border-radius: 0; }
.myaccount-character-name a { color: var(--mc-gold-light); }

/* Sidebar and stock module surfaces */
.panel-sidebar { border-color: var(--mc-border); background: rgba(14,22,33,.94); box-shadow: 0 16px 30px rgba(0,0,0,.21); }
.panel-sidebar > .panel-heading { background: linear-gradient(90deg, #192536, #111a26) !important; border-bottom: 1px solid var(--mc-gold) !important; }
.panel-login .panel-body { padding: 18px; }
.panel-login__recovery { display: inline-block; margin-top: 12px; color: #a8c6dd; font: 600 12px/1 var(--mc-condensed); letter-spacing: .06em; text-transform: uppercase; }
.panel-usercp { background: linear-gradient(145deg, rgba(20,33,48,.94), rgba(10,16,25,.96)); }
.panel-usercp ul { margin: 0; padding: 0; list-style: none; }
.panel-usercp ul li { display: flex; align-items: center; width: 100%; min-height: 37px; border-bottom: 1px solid rgba(164,192,213,.1); }
.panel-usercp ul li:last-child { border-bottom: 0; }
.panel-usercp ul li a { color: #d3e2ec !important; font-weight: 600; }
.panel-usercp ul li a:hover { color: var(--mc-gold-light) !important; }
.panel-usercp ul li img { width: 23px; height: 23px; margin-right: 8px; filter: brightness(1.2) saturate(.7); }
.sidebar-banner { position: relative; display: grid; min-height: 118px; grid-template-columns: 34px 1fr 18px; align-items: center; gap: 10px; margin: 20px 0; padding: 17px; overflow: hidden; border: 1px solid rgba(213,166,66,.32); background: linear-gradient(125deg, rgba(29,45,63,.92), rgba(9,15,23,.96)); box-shadow: 0 12px 26px rgba(0,0,0,.2); }
.sidebar-banner::before { content: ''; position: absolute; inset: 0; opacity: .25; background: linear-gradient(135deg, transparent 48%, rgba(75,158,232,.5) 49%, transparent 50%); background-size: 16px 16px; pointer-events: none; }
.sidebar-banner--join { border-color: rgba(213,166,66,.56); }
.sidebar-banner--download { border-color: rgba(75,158,232,.43); }
.sidebar-banner__rune { position: relative; z-index: 1; display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid currentColor; color: var(--mc-gold-light); font: 700 15px/1 var(--mc-display); }
.sidebar-banner--download .sidebar-banner__rune { color: #a5d9fb; }
.sidebar-banner__eyebrow, .sidebar-banner strong, .sidebar-banner__arrow { position: relative; z-index: 1; }
.sidebar-banner__eyebrow { grid-column: 2; margin-bottom: -24px; color: var(--mc-muted); font: 700 10px/1 var(--mc-condensed); letter-spacing: .12em; text-transform: uppercase; }
.sidebar-banner strong { grid-column: 2; color: #f0ecdf; font: 700 16px/1.1 var(--mc-condensed); letter-spacing: .05em; text-transform: uppercase; }
.sidebar-banner__arrow { grid-column: 3; grid-row: 1 / span 2; color: var(--mc-gold-light); font-size: 19px; }
.sidebar-banner:hover { border-color: var(--mc-gold-light); box-shadow: 0 15px 30px rgba(0,0,0,.31), 0 0 24px rgba(213,166,66,.08); transform: translateY(-2px); }
.sidebar-banner--download:hover { border-color: #9edbff; }
.panel-server-info .table { margin: 0; font-size: 14px; }
.panel-server-info .table > tbody > tr > td { padding: 8px 0; border-top-color: rgba(164,192,213,.1); }
.panel-server-info .table > tbody > tr > td:last-child { color: #f2f5f7; font-weight: 700; text-align: right; }
.panel-server-info__online td:last-child { color: #77d5a5 !important; }
.castle-owner-widget { background: linear-gradient(145deg, rgba(23,34,49,.95), rgba(10,15,22,.95)); }
.panel-downloads, .panel-addstats, .panel-general { border: 1px solid var(--mc-border); border-radius: 0; color: var(--mc-text); background: rgba(14,22,33,.87); }
.panel-body .panel-title, .panel-addstats .character-name { border-bottom-color: var(--mc-border); color: var(--mc-gold-light); font-family: var(--mc-condensed); letter-spacing: .07em; text-transform: uppercase; }
.paypal-gateway-content { border-color: var(--mc-gold); border-radius: 0; background: linear-gradient(145deg, #192538, #0e1722); }
.paypal-gateway-logo { border-radius: 0; background-color: #f5f5f5; }
.paypal-gateway-form input[type=text] { border-color: var(--mc-gold); border-radius: 0; color: var(--mc-gold-light); background: #0a1018; }
.download-description, .module-requirements { color: var(--mc-muted); }
.event-schedule-open { color: #78d6ad; }
.event-schedule-inprogress { color: var(--mc-gold-light); }

/* Footer */
.site-footer.footer { width: min(1240px, calc(100% - 40px)); margin: 0 auto 72px; padding: 38px 40px 28px; overflow: hidden; border: 1px solid var(--mc-border); border-top: 1px solid var(--mc-border-gold); border-radius: 0 0 2px 2px; color: var(--mc-muted); background: linear-gradient(135deg, rgba(14,22,32,.98), rgba(6,10,16,.98)); font-family: var(--mc-sans); font-size: 14px; }
/* Signature refinement: every major WebEngine surface carries a sword-cut edge, metallic trim or arcane trace. */
#content.content-frame, .panel, .panel-sidebar, .rankings_menu, .sidebar-banner, .site-footer.footer, .command-destination { clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 13px 100%, 0 calc(100% - 13px)); }
.panel, .panel-sidebar, .site-footer.footer { position: relative; isolation: isolate; }
.panel::after, .panel-sidebar::after, .site-footer.footer::after { content: ''; position: absolute; z-index: 3; inset: 5px; pointer-events: none; border: 1px solid rgba(138,177,209,.1); clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)); }
.panel { background: linear-gradient(145deg, rgba(26,36,49,.97), rgba(9,16,24,.98)); }
.panel-sidebar { border-color: rgba(75,158,232,.25); background: linear-gradient(145deg, rgba(17,32,47,.98), rgba(8,15,24,.98)); }
.panel-news { background: linear-gradient(145deg, rgba(24,34,47,.94), rgba(8,14,22,.98)); }
.panel > .panel-heading { position: relative; background: linear-gradient(90deg, rgba(34,54,72,.98), rgba(12,23,35,.98)); }
.panel > .panel-heading::after { content: ''; position: absolute; right: 0; bottom: -1px; width: 38%; height: 1px; background: linear-gradient(90deg, transparent, var(--mc-blue)); box-shadow: 0 0 9px rgba(75,158,232,.56); }
.panel > .panel-heading::before { content: '✦'; position: absolute; top: 11px; right: 14px; display: grid; width: 19px; height: 19px; place-items: center; border: 1px solid rgba(213,166,66,.52); border-radius: 50%; color: var(--mc-gold-light); background: rgba(6,11,17,.55); font-size: 9px; }
.panel-title { padding-right: 28px; }
.panel-usercp .panel-title, .panel-server-info .panel-title { color: #e7eff5; }
.webengine-online-bar-progress { background: linear-gradient(90deg, #27699e, #5da9e1, #9fd9f8); box-shadow: 0 0 12px rgba(97,173,234,.9); }
.command-destination { border-color: rgba(75,158,232,.24); }
.command-destination::after { content: ''; position: absolute; right: 0; bottom: 0; width: 42%; height: 1px; background: linear-gradient(90deg, transparent, var(--mc-blue)); box-shadow: 0 0 8px rgba(75,158,232,.5); }
.command-destination--download { border-color: rgba(213,166,66,.4); }
.command-destination--download::after { background: linear-gradient(90deg, transparent, var(--mc-gold)); box-shadow: 0 0 8px rgba(213,166,66,.45); }
.rankings-table tr:hover td { background: linear-gradient(90deg, rgba(75,158,232,.12), transparent); }
.rankings_menu { border-color: rgba(75,158,232,.25); background: linear-gradient(135deg, rgba(12,24,38,.86), rgba(6,12,19,.7)); }
.rankings_menu span::after { content: ' ✦'; color: var(--mc-blue); font-size: 12px; vertical-align: middle; }
.sidebar-banner { background: linear-gradient(125deg, rgba(21,42,61,.95), rgba(7,14,23,.99)); }
.site-footer.footer { background: linear-gradient(135deg, rgba(15,28,41,.99), rgba(5,10,16,.99)); }
.footer-brand-row { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding-bottom: 26px; border-bottom: 1px solid var(--mc-border); }
.footer-brand { display: flex; align-items: center; gap: 12px; }
.footer-brand img { width: 38px; height: 38px; object-fit: contain; filter: drop-shadow(0 0 8px rgba(213,166,66,.22)); }
.footer-brand__name, .footer-brand__tagline { display: block; }
.footer-brand__name { color: var(--mc-gold-light); font: 700 17px/1 var(--mc-display); letter-spacing: .08em; }
.footer-brand__tagline { margin-top: 5px; color: #7e94a5; font: 600 11px/1 var(--mc-condensed); letter-spacing: .075em; text-transform: uppercase; }
.footer-socials { display: flex; gap: 8px; }
.footer .footer-social-link { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(162,188,210,.22); filter: none; }
.footer .footer-social-link:hover { border-color: var(--mc-gold); background: rgba(213,166,66,.09); }
.footer .footer-social-link img { width: 17px; height: 17px; opacity: .72; filter: invert(1); }
.footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 32px; padding: 30px 0; }
.footer-column { display: grid; align-content: start; gap: 8px; }
.footer-column__label { margin-bottom: 4px; color: var(--mc-gold-light); font: 700 12px/1 var(--mc-condensed); letter-spacing: .13em; text-transform: uppercase; }
.footer-column p { max-width: 330px; margin: 0; color: #95a7b5; line-height: 1.65; }
.footer-column a { width: fit-content; color: #b6cbd9; }
.footer-column a:hover { color: var(--mc-gold-light); }
.footer-legal-row { display: flex; justify-content: space-between; gap: 22px; padding-top: 22px; border-top: 1px solid var(--mc-border); font-size: 12px; }
.footer-legal-row p { margin: 0 0 3px; }
.footer-powered { align-self: end; text-align: right; }
.webengine-powered { color: #7893aa !important; }
.webengine-powered:hover { color: var(--mc-gold-light) !important; }

@keyframes mcPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(118,213,165,.0); } 40% { box-shadow: 0 0 0 6px rgba(118,213,165,.15); } }
@media (prefers-reduced-motion: no-preference) { .site-hero__copy, .header-info { animation: mcEnter .58s cubic-bezier(.23,1,.32,1) both; } .header-info { animation-delay: .08s; } }
@keyframes mcEnter { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }

/* Live Mu Comando compatibility: Marketplace, Warehouse, DataTables, tooltips and VIP. */
.dataTables_wrapper { padding: 15px; border: 1px solid rgba(75,158,232,.22); background: linear-gradient(145deg, rgba(12,23,35,.8), rgba(5,10,16,.66)); color: var(--mc-text); }
.dataTables_wrapper .row { margin-right: -8px; margin-left: -8px; }
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info { color: var(--mc-muted) !important; font: 700 12px/1.35 var(--mc-condensed); letter-spacing: .07em; text-transform: uppercase; }
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select { height: 33px; margin-left: 7px; border: 1px solid rgba(88,168,225,.36); border-radius: 0; color: var(--mc-text); background: rgba(4,9,15,.82); }
.dataTables_wrapper .dataTables_filter input:focus, .dataTables_wrapper .dataTables_length select:focus { border-color: var(--mc-blue); box-shadow: 0 0 0 3px rgba(75,158,232,.12); outline: 0; }
.dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .pagination > li > a { margin: 0 2px; border: 1px solid rgba(121,159,187,.28) !important; border-radius: 0 !important; color: #c6ddeb !important; background: rgba(17,31,45,.9) !important; font: 700 11px/1 var(--mc-condensed); letter-spacing: .05em; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .pagination > .active > a { border-color: var(--mc-gold) !important; color: #161109 !important; background: var(--mc-gold) !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .pagination > li > a:hover { border-color: var(--mc-blue) !important; color: #dff2ff !important; background: rgba(75,158,232,.18) !important; }
.tableMarket, .tableMarketSnt { margin-top: 14px !important; border: 1px solid rgba(162,188,210,.18); background: rgba(5,10,16,.4); }
.tableMarket > tbody > tr > td, .tableMarketSnt > tbody > tr > td { min-height: 54px; color: #dce8ef; text-align: center !important; vertical-align: middle !important; }
.tableMarket > tbody > tr:hover > td, .tableMarketSnt > tbody > tr:hover > td { background: linear-gradient(90deg, rgba(75,158,232,.11), transparent); }
.tableMarket img, .tableMarketSnt img { max-width: 42px; max-height: 42px; padding: 2px; border: 1px solid rgba(213,166,66,.32); background: rgba(4,8,13,.8); }
.market-item-summary { display: flex; min-width: 176px; align-items: center; justify-content: center; gap: 9px; padding: 8px; border-left: 2px solid var(--mc-blue); background: rgba(20,37,54,.42); color: #d9ebf8; }
.market-item-summary img { flex: 0 0 auto; }
.filter-dt, .market-option-filter, .market-option-clear { display: inline-flex; min-height: 35px; align-items: center; justify-content: center; margin: 3px; padding: 7px 11px; border: 1px solid rgba(120,158,187,.31); border-radius: 0; color: #c5d8e6; background: rgba(15,28,42,.88); font: 700 12px/1 var(--mc-condensed); letter-spacing: .06em; text-transform: uppercase; transition: border-color .18s ease, color .18s ease, background .18s ease, transform .18s cubic-bezier(.23,1,.32,1); }
.filter-dt:hover, .market-option-filter:hover, .market-option-clear:hover { border-color: var(--mc-blue); color: #dff3ff; background: rgba(75,158,232,.13); transform: translateY(-1px); }
.market-category-active { border-color: var(--mc-gold) !important; color: #17110a !important; background: var(--mc-gold) !important; }
.market-option-active { border-color: var(--mc-blue) !important; color: #ddf2ff !important; background: rgba(75,158,232,.2) !important; box-shadow: inset 0 0 12px rgba(75,158,232,.11); }
#loadingOverlay { display: grid !important; place-items: center; padding-top: 0 !important; color: #e8f5fd !important; background: rgba(3,8,13,.83) !important; font: 700 20px/1.2 var(--mc-condensed) !important; letter-spacing: .1em; text-transform: uppercase; backdrop-filter: blur(7px); }
#WzTtDiV { z-index: 12000 !important; max-width: min(400px, calc(100vw - 24px)); border: 1px solid rgba(213,166,66,.55) !important; box-shadow: 0 16px 34px rgba(0,0,0,.65), 0 0 18px rgba(75,158,232,.16); }
.item-box { border-color: rgba(75,158,232,.45); background: rgba(4,9,15,.92); color: var(--mc-text); }
.panel-vip { overflow: hidden; border-color: rgba(213,166,66,.46) !important; box-shadow: 0 18px 35px rgba(0,0,0,.4), inset 0 0 0 1px rgba(75,158,232,.1) !important; }
.panel-vip::after { border-color: rgba(213,166,66,.16); }
.panel-vip > .panel-heading { background: linear-gradient(90deg, rgba(9,13,20,.76), rgba(9,13,20,.2)) !important; }
.vip-table-container { border: 1px solid rgba(152,192,220,.17); background: rgba(3,8,13,.48) !important; }