/* Xephiron Season 6 - blue redesign for WebEngine default template */
:root {
	--webenginebg1: #020710;
	--webenginebg2: #081321;
	--webenginebg3: #050d17;
	--webenginecolor1: #1598ff;
	--webenginecolor2: #dcecff;
	--webenginecolor3: #70cfff;
	--webenginecolor4: #ffffff;
	--webenginecolor5: #101e2f;
	--webenginecolor6: #e7f5ff;
	--webenginecolor7: #1598ff;
	--webenginecolor8: #15304a;
	--webenginecolor9: #dcecff;
	--webenginecolor10: #315a7c;
	--webenginecolor11: #087fd1;
	--webenginecolor12: #ffffff;
	--webenginecolor13: #58d7ff;
	--webenginecolor14: #8fa8bf;
	--webenginecolor15: #0a1725;
	--webenginecolor16: #263e56;
	--webenginecolor17: #e7f3ff;
	--webenginecolor18: #1598ff;
	--webenginecolor19: #b3cce2;
	--webenginecolor20: #58d7ff;
	--webenginecolor21: #263e56;
	--webenginecolor22: #0b1725;
	--webenginecolor23: #8fa8bf;
	--webenginecolor24: #0d1b2a;
	--webenginecolor25: #91abc2;
	--webenginecolor26: #58d7ff;
	--webenginecolor27: #0d1927;
	--webenginecolor28: #101f30;
	--webenginecolor33: #c9e4f8;
	--webenginecolor34: #030913;
	--webenginecolor35: #8098ad;
	--webenginecolor36: #58d7ff;
	--webenginecolor37: #a8c2d8;
	--webenginecolor38: #ffffff;
	--webenginecolor39: #122337;
	--webenginecolor40: #a8c2d8;
	--webenginecolor41: #58d7ff;
	--webenginecolor42: rgba(4, 13, 24, .88);
	--webenginecolor43: rgba(88, 215, 255, .18);
	--webenginecolor44: #a9c2d8;
	--webenginecolor45: rgba(0, 0, 0, .75);
	--webenginecolor46: #000000;
	--webenginecolor47: #ffffff;
	--webenginecolor48: #a7bfd5;
	--webenginecolor49: #4de59a;
	--webenginecolor50: #020710;
	--webenginecolor51: #284a67;
	--webenginecolor52: #1598ff;
	--webenginecolor54: #122337;
	--webenginecolor55: rgba(0, 0, 0, .55);
	--webenginecolor57: #a7bfd5;
	--webenginecolor59: #ffffff;
	--webenginecolor60: #e7f5ff;
	--webenginecolor61: #dcecff;
	--webenginecolor63: #263e56;
}

body {
	background-color: #020710;
	background-image: linear-gradient(rgba(1, 8, 18, .58), rgba(1, 8, 18, .94)), url('../img/background.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	color: #dcecff;
}

@media only screen and (min-width: 2000px) {
	body { background-image: linear-gradient(rgba(1, 8, 18, .58), rgba(1, 8, 18, .94)), url('../img/background-2600.jpg') !important; }
}

a { color: #70cfff; }
a:hover, a:focus { color: #ffffff !important; }

.global-top-bar {
	background: rgba(2, 8, 17, .96);
	border-bottom: 1px solid rgba(88, 215, 255, .14);
	box-shadow: 0 5px 18px rgba(0, 0, 0, .35);
}

#navbar {
	background: linear-gradient(180deg, rgba(13, 28, 45, .96), rgba(4, 13, 24, .96));
	border-top: 1px solid rgba(88, 215, 255, .12);
	border-bottom: 1px solid rgba(21, 152, 255, .5);
	box-shadow: 0 8px 28px rgba(0, 0, 0, .45), inset 0 -1px 0 rgba(88, 215, 255, .1);
}

#navbar ul li a { position: relative; color: #b7cde0 !important; font-weight: 700; letter-spacing: .3px; }
#navbar ul li a:after { content: ""; position: absolute; right: 30px; bottom: 13px; left: 30px; height: 2px; background: #58d7ff; transform: scaleX(0); transition: transform .2s ease; box-shadow: 0 0 9px #1598ff; }
#navbar ul li a:hover { color: #ffffff !important; background: rgba(21, 152, 255, .08); }
#navbar ul li a:hover:after { transform: scaleX(1); }

#header { padding-top: 68px; }
.webengine-mu-logo { filter: drop-shadow(0 0 16px rgba(21, 152, 255, .42)); }

.header-info { border-color: rgba(88, 215, 255, .22) !important; box-shadow: 0 12px 30px rgba(0, 0, 0, .5) !important; }
.webengine-online-bar { border-color: #315a7c !important; background: #020710 !important; }
.webengine-online-bar-progress { background: linear-gradient(90deg, #087fd1, #58d7ff) !important; box-shadow: 0 0 8px rgba(88, 215, 255, .5); }

.header-info-container .header-info {
	position: relative;
	width: 400px;
	padding: 0 !important;
	background: linear-gradient(155deg, rgba(13, 29, 46, .97), rgba(4, 13, 24, .97));
	border: 1px solid #2b526f !important;
	border-radius: 6px;
	box-shadow: 0 15px 38px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(88, 215, 255, .07) !important;
	overflow: hidden;
	text-shadow: none;
}

.header-home-widgets { display:flex; width:100%; align-items:stretch; justify-content:flex-end; gap:8px; }
/* Separacion visual entre los widgets superiores del Home y el contenido principal. */
/* Separación superior de 3 mm entre el logo/header y Castle Siege + Estado del servidor */
.header-info-container.xe-home-header-spacing {
    margin-top: 3mm !important;
    margin-bottom: 3mm !important;
}
.home-castle-status { position:relative; width:632px; min-height:112px; overflow:hidden; background:radial-gradient(circle at 88% 26%,rgba(22,153,255,.15),transparent 42%),linear-gradient(145deg,#0d2235,#06111e 72%); border:1px solid #294d69; border-radius:6px; color:#c9dceb; box-shadow:0 15px 38px rgba(0,0,0,.55),inset 0 1px rgba(88,215,255,.06); text-align:left; }
.home-castle-status:before { content:""; position:absolute; z-index:1; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,#1598ff,#60dcff,transparent); }
.home-castle-status:after { content:""; position:absolute; right:-28px; bottom:-52px; width:150px; height:150px; border:1px solid rgba(67,170,230,.08); border-radius:50%; box-shadow:0 0 0 18px rgba(67,170,230,.025),0 0 0 38px rgba(67,170,230,.018); pointer-events:none; }
.home-castle-title { position:relative; z-index:2; display:flex; height:37px; align-items:center; gap:8px; padding:0 14px; background:rgba(18,43,64,.82); border-bottom:1px solid #2c506b; color:#f0f8ff; font-size:12px; font-weight:700; letter-spacing:.55px; text-transform:uppercase; }
.home-castle-title>span { color:#5edbff; font-size:14px; text-shadow:0 0 9px rgba(88,215,255,.72); }
.home-castle-title a { margin-left:auto; padding:3px 7px; border:1px solid #315a78; border-radius:3px; color:#83d8ff!important; font-size:9px; font-weight:600; letter-spacing:0; text-transform:none; transition:.2s; }
.home-castle-title a:hover { background:#123553; border-color:#20aaff; color:#fff!important; }
.home-castle-content { position:relative; z-index:2; display:flex; height:74px; padding:8px 14px; align-items:center; gap:13px; }
.home-castle-mark { display:flex; width:56px; height:56px; flex:0 0 56px; align-items:center; justify-content:center; border:1px solid #3a617e; background:linear-gradient(145deg,#091c2c,#030a12); box-shadow:inset 0 0 14px rgba(0,0,0,.65),0 0 13px rgba(26,164,238,.1); }
.home-castle-mark img { display:block; width:48px!important; height:48px!important; image-rendering:pixelated; }
.home-castle-mark>span { display:flex; width:38px; height:38px; align-items:center; justify-content:center; border:1px solid #315a76; border-radius:50%; color:#50cfff; font-family:Georgia,serif; font-size:13px; font-weight:700; letter-spacing:1px; text-shadow:0 0 10px rgba(47,191,255,.55); }
.home-castle-data { display:grid; width:250px; min-width:0; grid-template-columns:108px minmax(0,1fr); column-gap:7px; row-gap:5px; align-items:center; }
.home-castle-data small,.home-castle-next small { color:#7792a7; font-size:9px; letter-spacing:.25px; text-transform:uppercase; }
.home-castle-data strong,.home-castle-data b { overflow:hidden; color:#eef8ff; font-size:11px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.home-castle-data a { color:#69d5ff!important; }
.home-castle-country { width:18px!important; height:auto!important; margin-right:6px; vertical-align:-1px; border:0!important; }
.home-castle-empty-text { color:#94aabc!important; font-weight:600; }
.home-castle-next { display:flex; min-width:210px; height:48px; margin-left:auto; padding-left:17px; flex-direction:column; align-items:flex-end; justify-content:center; border-left:1px solid #2a4b65; text-align:right; }
.home-castle-next strong { margin-top:5px; color:#49efa2; font-size:12px; text-shadow:0 0 8px rgba(73,239,162,.25); }
.home-castle-unavailable { min-height:95px; }
.home-castle-unavailable .home-castle-content { color:#89a0b4; font-size:11px; }
@media(max-width:900px){.header-home-widgets{display:block}.header-info-container .header-info,.home-castle-status{width:100%!important}.header-info-container .header-info{margin-top:8px}.header-info-container{width:94%!important}.home-castle-content{height:auto;min-height:85px}.home-castle-next{min-width:170px}}

.header-info-container .header-info:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 42%;
	height: 1px;
	background: linear-gradient(90deg, #58d7ff, transparent);
	box-shadow: 0 0 8px rgba(88, 215, 255, .45);
}

.header-info-container .header-info .header-info-block { padding: 0 !important; }

.server-status-title {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 11px 18px;
	background: rgba(20, 41, 61, .72);
	border-bottom: 1px solid #294a64;
	color: #e8f6ff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .65px;
	text-transform: uppercase;
}

.server-status-title span {
	display: inline-block;
	width: 9px;
	height: 9px;
	background: #43e698;
	border: 2px solid #173d33;
	border-radius: 50%;
	box-shadow: 0 0 8px rgba(67, 230, 152, .8);
}

.server-status-online {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 !important;
	padding: 15px 20px 10px;
	color: #b8ccdc;
	font-size: 14px;
}

.server-status-label { font-weight: 600; }

.header-info-container .header-info .online-count {
	color: #49efa2 !important;
	font-size: 24px;
	font-weight: 800;
	line-height: 24px;
	text-shadow: 0 0 10px rgba(73, 239, 162, .32);
}

.header-info-container .webengine-online-bar {
	height: 7px;
	margin: 0 20px 16px;
	width: calc(100% - 40px);
	background: #020912 !important;
	border: 1px solid #315b78 !important;
	border-radius: 10px;
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, .65);
	overflow: hidden;
}

.header-info-container .webengine-online-bar-progress {
	position: relative;
	height: 100%;
	min-width: 2px;
	background: linear-gradient(90deg, #087fd1 0%, #20b8f3 62%, #75e4ff 100%) !important;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(88, 215, 255, .55);
}

.header-info-container .webengine-online-bar-progress:after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent);
	transform: translateX(-100%);
	animation: xephiron-server-bar 2.8s ease-in-out infinite;
}

@keyframes xephiron-server-bar {
	0%, 35% { transform: translateX(-110%); }
	72%, 100% { transform: translateX(110%); }
}

#container {
	background: rgba(7, 17, 30, .97);
	border: 1px solid #213c55;
	border-bottom: 0;
	box-shadow: 0 18px 55px rgba(0, 0, 0, .58), inset 0 1px 0 rgba(255, 255, 255, .025);
}

#content { color: #dcecff; }
.page-title { color: #58d7ff !important; text-shadow: 0 0 14px rgba(21, 152, 255, .3); }

.panel, .panel-general, .panel-addstats, .panel-downloads, .panel-sidebar, .panel-news {
	background: #0d1927;
	color: #dcecff;
	border: 1px solid #263e56;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
}

.panel-heading, .panel-sidebar > .panel-heading {
	background: linear-gradient(180deg, #14263a, #0d1927) !important;
	color: #eef8ff !important;
	border-bottom: 2px solid #1598ff !important;
}

.panel-title, .panel-news .panel-title { color: #eef8ff !important; }
.panel-body .panel-title { color: #9dc4df !important; border-color: #263e56; }
.panel-footer, .panel-news .panel-footer { background: #091522 !important; border-color: #263e56 !important; color: #8fa8bf !important; }

.panel-usercp { position: relative; background-color: #0d1927; background-blend-mode: luminosity; }
.panel-usercp:before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8, 19, 33, .28), rgba(8, 19, 33, .8)); pointer-events: none; }
.panel-usercp > * { position: relative; }
.panel-usercp ul li a { color: #d7e9f7 !important; }
.panel-usercp ul li a:hover { color: #58d7ff !important; padding-left: 4px; }

/* Main user control panel */
.xephiron-usercp-hub { position:relative; min-height:440px; padding:28px 30px 34px; overflow:hidden; background:radial-gradient(circle at 92% 8%,rgba(20,145,230,.11),transparent 35%),linear-gradient(145deg,rgba(9,24,40,.98),rgba(5,14,26,.98)); border:1px solid #284b67; border-radius:5px; box-shadow:0 15px 38px rgba(0,0,0,.35),inset 0 1px rgba(98,217,255,.045); }
.xephiron-usercp-hub:before { content:""; position:absolute; left:0; top:0; width:42%; height:2px; background:linear-gradient(90deg,#28b7ff,transparent); box-shadow:0 0 10px rgba(40,183,255,.5); }
.xephiron-usercp-header { position:relative; margin-bottom:25px; padding:0 0 19px 72px; border-bottom:1px solid #27445d; }
.xephiron-usercp-header:before { content:""; position:absolute; left:7px; top:2px; width:46px; height:46px; background:linear-gradient(145deg,#153a57,#071522); border:1px solid #367397; border-radius:50%; box-shadow:0 0 18px rgba(31,168,239,.18),inset 0 0 14px rgba(0,0,0,.45); }
.xephiron-usercp-header:after { content:"◆"; position:absolute; left:21px; top:14px; color:#58d7ff; font-size:17px; text-shadow:0 0 9px rgba(88,215,255,.75); }
.xephiron-usercp-header>span { display:block; margin-bottom:2px; color:#67cdf7; font-size:10px; font-weight:700; letter-spacing:1.35px; text-transform:uppercase; }
.xephiron-usercp-header h1 { margin:0!important; color:#f1f9ff!important; font-family:"PT Sans",Arial,sans-serif!important; font-size:28px!important; font-weight:700!important; line-height:33px!important; text-shadow:0 0 15px rgba(53,177,255,.17)!important; }
.xephiron-usercp-header p { margin:3px 0 0; color:#8ea6b9; font-size:11px; line-height:16px; }
.xephiron-usercp-grid { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.xephiron-usercp-card { position:relative; display:flex; min-height:90px; padding:12px 42px 12px 12px; align-items:center; overflow:hidden; background:linear-gradient(135deg,#10283d,#091827); border:1px solid #2b506d; border-radius:4px; color:#dceeff!important; text-decoration:none!important; box-shadow:0 5px 14px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025); transition:transform .2s,border-color .2s,box-shadow .2s; }
.xephiron-usercp-card:before { content:""; position:absolute; left:0; top:15%; width:2px; height:70%; background:linear-gradient(transparent,#20aaff,transparent); opacity:.55; }
.xephiron-usercp-card:hover { z-index:2; transform:translateY(-2px); background:linear-gradient(135deg,#14324c,#0a1d30); border-color:#249fe3; color:#fff!important; box-shadow:0 9px 20px rgba(0,0,0,.34),0 0 14px rgba(31,164,235,.11); }
.xephiron-usercp-icon { display:flex; width:64px; height:64px; flex:0 0 64px; align-items:center; justify-content:center; background:#081421; border:1px solid #31546e; border-radius:4px; box-shadow:inset 0 0 12px rgba(0,0,0,.55); }
.xephiron-usercp-icon img { display:block; width:54px!important; height:54px!important; object-fit:contain; }
.xephiron-usercp-copy { display:flex; min-width:0; padding-left:13px; flex-direction:column; }
.xephiron-usercp-copy strong { overflow:hidden; color:#63d5ff; font-size:13px; line-height:18px; text-overflow:ellipsis; white-space:nowrap; }
.xephiron-usercp-copy small { display:block; margin-top:3px; color:#90a6b8; font-size:10px; font-weight:400; line-height:14px; }
.xephiron-usercp-arrow { position:absolute; right:14px; color:#4fbde9; font-size:17px; transition:transform .2s,color .2s; }
.xephiron-usercp-card:hover .xephiron-usercp-arrow { transform:translateX(3px); color:#fff; }
@media(max-width:700px){.xephiron-usercp-hub{min-height:0;padding:20px 14px 25px}.xephiron-usercp-header{padding-left:62px}.xephiron-usercp-header h1{font-size:23px!important}.xephiron-usercp-grid{grid-template-columns:1fr}.xephiron-usercp-card{min-height:82px}.xephiron-usercp-icon{width:56px;height:56px;flex-basis:56px}.xephiron-usercp-icon img{width:47px!important;height:47px!important}}

.form-control, input[type=text], input[type=password], input[type=number], select, textarea {
	background: #081522 !important;
	border: 1px solid #2a4862 !important;
	color: #e7f3ff !important;
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, .35) !important;
}
.form-control:focus, input:focus, select:focus, textarea:focus { border-color: #1598ff !important; box-shadow: 0 0 0 2px rgba(21, 152, 255, .14) !important; }
.form-control::placeholder, input::placeholder, textarea::placeholder { color: #6f879c; }

.btn, button, input[type=submit] { border-radius: 3px; transition: all .18s ease; }
.btn-primary {
	background: linear-gradient(180deg, #1598ff, #0875be) !important;
	border-color: #35baff !important;
	color: #ffffff !important;
	box-shadow: 0 4px 12px rgba(0, 117, 190, .25);
}
.btn-primary:hover, .btn-primary:focus { background: linear-gradient(180deg, #35baff, #0b88dc) !important; border-color: #72ddff !important; box-shadow: 0 6px 18px rgba(21, 152, 255, .36); }
.btn-default { background: #14263a; border-color: #315a7c; color: #dcecff; }
.btn-default:hover { background: #1c3854; border-color: #58d7ff; color: #fff !important; }
.btn-success { background: #25a760; border-color: #4dde8d; }

.table, .myaccount-table, .general-table-ui { background: #0d1927; color: #dcecff; border-color: #263e56; }
.table > thead > tr > th, .table > tbody > tr > td, .myaccount-table td, .general-table-ui td { border-color: #263e56 !important; }
.table-striped > tbody > tr:nth-of-type(odd), .general-table-ui tr:nth-child(2n+2) td { background: #101f30; }
.table-hover > tbody > tr:hover { background: #14283c; }
.rankings-table tr td { border-color: #263e56; }
.rankings-table tr:first-child td { color: #58d7ff; border-color: #1598ff; }
.rankings_menu a { background: #0d1b2a; border-color: #2b4861; color: #9db4c8; }
.rankings_menu a:hover, .rankings_menu a.active { color: #58d7ff !important; border-color: #1598ff; background: #12283d; }

.alert-info { background: #0b2940; border-color: #176da6; color: #bde8ff; }
.alert-success { background: #0d3025; border-color: #268b60; color: #baf4d6; }
.alert-warning { background: #382c12; border-color: #9c7621; color: #ffe3a2; }
.alert-danger { background: #381720; border-color: #a33a55; color: #ffc5d2; }

.home-news-block .home-news-block-header h2, .home-news-block .home-market-title-row h2, .home-market-title-row h2 { color: #f3f9ff !important; text-shadow: 0 0 12px rgba(21, 152, 255, .2); }
.home-news-block .home-news-block-header a { color: #7ca7c5 !important; }
.home-news-block-article { border-bottom-color: #263e56; }
.home-news-block-article .home-news-block-article-type { color: #58d7ff; border-color: #1598ff; }
.home-news-block-article .home-news-block-article-title { color: #dcecff; }

.home-market-compact .home-market-item { background: linear-gradient(155deg, #0e1c2c, #07111f) !important; border-color: #294a6d !important; box-shadow: 0 5px 14px rgba(0, 0, 0, .32); }
.home-market-compact .home-market-item:hover { border-color: #58d7ff !important; box-shadow: 0 8px 20px rgba(21, 152, 255, .2); }

.footer {
	background: linear-gradient(180deg, #07111c, #030911);
	color: #839cb2;
	border: 1px solid #213c55;
	border-top: 1px solid rgba(88, 215, 255, .18);
	box-shadow: 0 22px 55px rgba(0, 0, 0, .55);
}
.footer a { color: #a8c8df; }
.footer a:hover { color: #58d7ff !important; }
.footer hr { border-color: #21384d; }
.footer .footer-social-link { filter: grayscale(100%) brightness(1.5) sepia(1) hue-rotate(155deg) saturate(3); opacity: .76; }
.footer .footer-social-link:hover { filter: none; opacity: 1; }

.sidebar-banner img { box-shadow: 0 8px 22px rgba(0, 0, 0, .45); border: 1px solid #263e56; }
.thumbnail { background: #0d1927; border-color: #263e56; }
.dropdown-menu { background: #0d1927; border-color: #263e56; }
.dropdown-menu > li > a { color: #c8dcec; }
.dropdown-menu > li > a:hover { background: #14283c; color: #58d7ff !important; }
.pagination > li > a, .pagination > li > span { background: #0d1927; border-color: #263e56; color: #70cfff; }
.pagination > .active > a, .pagination > .active > span { background: #087fd1; border-color: #35baff; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #030913; }
::-webkit-scrollbar-thumb { background: #1b4667; border: 2px solid #030913; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #1598ff; }

/* Rankings Xephiron: tabla estilo MMORPG */
.page-title + .rankings_menu,
.rankings_menu {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 5px;
	margin: 0 0 12px;
	padding: 9px;
	background: linear-gradient(180deg, rgba(13, 27, 42, .96), rgba(7, 18, 31, .96));
	border: 1px solid #274861;
	border-radius: 4px;
	box-shadow: 0 8px 22px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(88, 215, 255, .05);
	overflow: visible;
}

.rankings_menu a {
	flex: 1 1 135px;
	width: auto;
	max-width: 185px;
	margin: 0;
	padding: 7px 10px;
	background: #0b1927;
	border: 1px solid #31506a;
	border-radius: 3px;
	color: #9eb5c9;
	font-size: 13px;
	line-height: 17px;
	white-space: nowrap;
}

.rankings_menu a:hover {
	background: #10283d;
	border-color: #1598ff;
	color: #eaf8ff !important;
	box-shadow: inset 0 0 14px rgba(21, 152, 255, .08);
}

.rankings_menu a.active {
	background: linear-gradient(180deg, #10314c, #0a2237);
	border-color: #35baff;
	color: #58d7ff !important;
	box-shadow: inset 0 0 18px rgba(21, 152, 255, .13), 0 0 9px rgba(21, 152, 255, .12);
}

.rankings-table {
	width: 100%;
	margin: 0;
	background: rgba(8, 20, 33, .97);
	border: 1px solid #29465e;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .34);
}

.rankings-table tr td {
	height: 66px;
	padding: 8px 12px;
	background: rgba(12, 27, 42, .83);
	border: 0 !important;
	border-bottom: 1px solid #29465e !important;
	color: #d7e8f7;
	font-size: 16px;
	text-align: center;
	transition: background .18s ease, color .18s ease;
}

.rankings-table tr:nth-child(odd):not(:first-child) td { background: rgba(15, 32, 49, .92); }
.rankings-table tr:last-child td { border-bottom: 0 !important; }
.rankings-table tr:not(:first-child):hover td { background: #132d44; color: #ffffff; }

.rankings-table tr:first-child td {
	height: 43px;
	padding: 10px 12px;
	background: linear-gradient(180deg, #14283b, #0c1d2d);
	border-bottom: 2px solid #2d5877 !important;
	color: #58d7ff;
	font-size: 14px;
	font-weight: 700 !important;
	letter-spacing: .25px;
	text-transform: uppercase;
}

.rankings-table-place {
	position: relative;
	width: 76px;
	color: #a9c1d5 !important;
	font-size: 18px !important;
	font-weight: 700;
}

.rankings-table tr:nth-child(2) .rankings-table-place,
.rankings-table tr:nth-child(3) .rankings-table-place,
.rankings-table tr:nth-child(4) .rankings-table-place {
	font-size: 0 !important;
}

.rankings-table tr:nth-child(2) .rankings-table-place:before,
.rankings-table tr:nth-child(3) .rankings-table-place:before,
.rankings-table tr:nth-child(4) .rankings-table-place:before {
	display: inline-flex;
	width: 34px;
	height: 34px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 16px;
	font-weight: 800;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 0 12px rgba(0,0,0,.35);
}

.rankings-table tr:nth-child(2) .rankings-table-place:before { content: "1"; background: linear-gradient(145deg, #ffe38a, #a96908); border: 1px solid #ffe59b; color: #2b1900; box-shadow: 0 0 14px rgba(255, 193, 44, .3); }
.rankings-table tr:nth-child(3) .rankings-table-place:before { content: "2"; background: linear-gradient(145deg, #f0f7ff, #8293a2); border: 1px solid #eaf6ff; color: #1a2630; }
.rankings-table tr:nth-child(4) .rankings-table-place:before { content: "3"; background: linear-gradient(145deg, #f0a46a, #844321); border: 1px solid #ffc08d; color: #2b1308; }

.rankings-class-image {
	width: 48px;
	height: 48px;
	object-fit: cover;
	background: #06101b;
	border: 2px solid #3c6c8e;
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(21, 152, 255, .1), 0 4px 12px rgba(0,0,0,.48);
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.rankings-table tr:nth-child(2) .rankings-class-image { border-color: #e5ba43; box-shadow: 0 0 0 3px rgba(229,186,67,.13), 0 0 12px rgba(229,186,67,.25); }
.rankings-table tr:not(:first-child):hover .rankings-class-image { transform: scale(1.08); border-color: #58d7ff; box-shadow: 0 0 0 3px rgba(21,152,255,.16), 0 0 16px rgba(21,152,255,.28); }

.rankings-table a {
	color: #66d2ff !important;
	font-weight: 700;
	text-shadow: 0 0 10px rgba(21, 152, 255, .12);
}
.rankings-table a:hover { color: #ffffff !important; }

.rankings-table .online-status-indicator {
	position: relative;
	top: -1px;
	width: 9px;
	height: 9px;
	margin-left: 7px;
	border-radius: 50%;
	box-shadow: 0 0 7px currentColor;
}

.rankings-table td img:not(.rankings-class-image):not(.online-status-indicator):not(.rankings-gens-img) {
	max-width: 26px;
	max-height: 20px;
	filter: drop-shadow(0 2px 3px rgba(0,0,0,.4));
}

.rankings-update-time {
	padding: 12px 4px;
	color: #7894aa;
	font-size: 11px;
	letter-spacing: .2px;
}

/* Home: combates PvP en vivo */
.home-ranking-panel { overflow:hidden; height:435px; min-height:435px; border-color:#29465d; background:linear-gradient(180deg,#0d1e2d 0%,#091522 100%); }
.home-ranking-panel .panel-heading { height:44px; padding:0 14px !important; background:linear-gradient(90deg,#122a40,#0d1c2b) !important; }
.home-ranking-panel .panel-title { display:flex; height:42px; align-items:center; gap:8px; font-size:14px; font-weight:700; letter-spacing:.2px; }
.home-ranking-title-icon { color:#59d9ff; font-size:16px; text-shadow:0 0 9px rgba(88,215,255,.55); }
.home-ranking-more { display:flex; width:24px; height:24px; margin-left:auto; align-items:center; justify-content:center; border:1px solid #39baff; border-radius:4px; background:linear-gradient(180deg,#1598ff,#0875be); color:#fff !important; font-size:14px; line-height:1; box-shadow:0 3px 10px rgba(21,152,255,.28); }
.home-ranking-more:hover { background:#37b9ff; transform:translateY(-1px); text-decoration:none; }
.home-ranking-body { height:389px; min-height:389px; padding:9px 12px 13px !important; }
.home-ranking-table { width:100%; margin:0 !important; border-collapse:separate; border-spacing:0 3px; color:#dcecff; }
.home-ranking-table thead th { padding:7px 6px 8px !important; border:0 !important; border-bottom:1px solid #34536d !important; color:#9db7cb; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.35px; }
.home-ranking-table tbody tr { background:rgba(18,39,57,.56); transition:background .18s ease,transform .18s ease,box-shadow .18s ease; }
.home-ranking-table tbody tr:hover { background:rgba(21,152,255,.11); transform:translateX(2px); box-shadow:inset 3px 0 0 #1598ff; }
.home-ranking-table tbody td { height:30px; padding:4px 6px !important; vertical-align:middle !important; border:0 !important; border-bottom:1px solid rgba(48,78,102,.42) !important; font-size:11px; }
.home-ranking-place { width:29px; text-align:center; }
.home-ranking-country { width:34px; text-align:center; }
.home-ranking-country img { display:inline-block; width:18px; height:12px; object-fit:cover; border:1px solid #456178; box-shadow:0 2px 5px rgba(0,0,0,.4); }
.home-ranking-place span { display:inline-flex; width:20px; height:20px; align-items:center; justify-content:center; border:1px solid #35556e; border-radius:50%; background:#081522; color:#8eaabd; font-size:9px; font-weight:700; }
.home-ranking-table tbody tr:nth-child(1) .home-ranking-place span { border-color:#e8bd45; color:#ffd86a; box-shadow:0 0 9px rgba(232,189,69,.25); }
.home-ranking-table tbody tr:nth-child(2) .home-ranking-place span { border-color:#9eb4c6; color:#d8e5ef; }
.home-ranking-table tbody tr:nth-child(3) .home-ranking-place span { border-color:#bb7549; color:#e8a376; }
.home-ranking-name a { color:#62d5ff !important; font-weight:700; }
.home-ranking-name a:hover { color:#fff !important; }
.home-ranking-value { color:#fff; font-weight:700; }
.home-ranking-guildmark img { width:28px; height:28px; padding:2px; border:1px solid #385a74; background:#06111c; box-shadow:0 0 8px rgba(21,152,255,.15); }
@media(max-width:700px) { .home-ranking-panel { height:auto; min-height:0; } .home-ranking-body { height:auto; min-height:0; } }

.panel-kill-feed .panel-heading { position: relative; }
.panel-kill-feed .panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; letter-spacing: .35px; }
.kill-feed-title-icon { color: #58d7ff; font-size: 14px; text-shadow: 0 0 8px rgba(88,215,255,.55); }
.kill-feed-body { min-height: 400px; padding: 0 !important; background: linear-gradient(180deg, rgba(10,24,38,.98), rgba(5,14,24,.98)); }
.kill-feed-list { min-height: 355px; }
.kill-feed-entry { display: flex; min-height: 43px; align-items: center; padding: 8px 12px; border-bottom: 1px solid #263f56; transition: background .2s ease, box-shadow .2s ease; }
.kill-feed-entry:hover { background: rgba(21,152,255,.08); box-shadow: inset 3px 0 0 #1598ff; }
.kill-feed-entry.is-new { animation: kill-feed-new 1.4s ease-out; }
.kill-feed-content { display: block; min-width: 0; flex: 1; }
.kill-feed-names { display: block; overflow: hidden; min-width: 0; font-size: 10px; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; }
.kill-feed-row-icon { margin-right: 7px; color: #7f9dff; font-size: 10px; text-shadow: 0 0 6px rgba(127,157,255,.4); }
.kill-feed-killer { color: #58d7ff; font-weight: 700; }
.kill-feed-action { color: #b2c5d4; }
.kill-feed-victim { color: #eef7ff; font-weight: 700; }
.kill-feed-time { color: #7f98ac; font-weight: 400; }
.kill-feed-loading, .kill-feed-empty { padding: 75px 18px; color: #718ba0; font-size: 11px; text-align: center; }
.kill-feed-footer { display: flex; height: 37px; align-items: center; justify-content: center; gap: 7px; border-top: 1px solid #29465d; color: #688297; font-size: 9px; text-transform: uppercase; letter-spacing: .45px; }
.kill-feed-footer span { width: 6px; height: 6px; background: #45e794; border-radius: 50%; box-shadow: 0 0 6px rgba(69,231,148,.7); }
@keyframes kill-feed-new { 0% { background:rgba(21,152,255,.3); box-shadow:inset 4px 0 0 #58d7ff; } 100% { background:transparent; box-shadow:inset 0 0 0 transparent; } }

/* Current winner of the custom Rey del MU guild event */
.king-mu-widget { position:relative; display:flex; min-height:112px; margin-top:12px; padding:15px 14px; align-items:center; overflow:hidden; border:1px solid #29465d; background:radial-gradient(circle at 88% 30%,rgba(21,152,255,.18),transparent 42%),linear-gradient(135deg,#0d2234,#07111f); box-shadow:0 8px 22px rgba(0,0,0,.38); color:#eaf5ff; }
.king-mu-widget:before { content:""; position:absolute; left:0; right:0; top:0; height:2px; background:linear-gradient(90deg,transparent,#1598ff,#58d7ff,transparent); }
.king-mu-crown { flex:0 0 34px; color:#f3c95b; font-size:27px; line-height:1; text-shadow:0 0 12px rgba(243,201,91,.45); }
.king-mu-copy { display:flex; min-width:0; flex:1; flex-direction:column; padding:0 9px; }
.king-mu-label { color:#76dfff; font-size:10px; font-weight:700; letter-spacing:1.1px; }
.king-mu-guild { overflow:hidden; margin:3px 0 2px; color:#fff; font-family:Cinzel,serif; font-size:18px; line-height:22px; text-overflow:ellipsis; white-space:nowrap; text-shadow:0 0 10px rgba(88,215,255,.25); }
.king-mu-master { overflow:hidden; color:#91a9bd; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.king-mu-mark { display:flex; width:72px; height:72px; flex:0 0 72px; align-items:center; justify-content:center; border:1px solid #36566f; background:rgba(1,8,15,.62); box-shadow:inset 0 0 16px rgba(0,0,0,.5),0 0 12px rgba(21,152,255,.12); }
.king-mu-mark img { image-rendering:auto; }
.king-mu-empty .king-mu-crown { color:#60798d; text-shadow:none; }
@media(max-width:700px) { .king-mu-widget { margin-bottom:20px; } }

/* =========================================================
   Mu Xephiron - UserCP cards larger (2026-08-26)
   Scope: only main User Control Panel action cards.
   ========================================================= */
.xephiron-usercp-grid {
    gap: 16px !important;
}
.xephiron-usercp-card {
    min-height: 112px !important;
    padding: 16px 50px 16px 16px !important;
}
.xephiron-usercp-icon {
    width: 76px !important;
    height: 76px !important;
    flex: 0 0 76px !important;
}
.xephiron-usercp-icon img {
    width: 66px !important;
    height: 66px !important;
}
.xephiron-usercp-copy {
    padding-left: 16px !important;
}
.xephiron-usercp-copy strong {
    font-size: 15px !important;
    line-height: 21px !important;
}
.xephiron-usercp-copy small {
    margin-top: 5px !important;
    font-size: 11px !important;
    line-height: 17px !important;
}
.xephiron-usercp-arrow {
    right: 18px !important;
    font-size: 20px !important;
}
@media (max-width: 700px) {
    .xephiron-usercp-grid { gap: 12px !important; }
    .xephiron-usercp-card { min-height: 98px !important; padding: 13px 42px 13px 13px !important; }
    .xephiron-usercp-icon { width: 66px !important; height: 66px !important; flex-basis: 66px !important; }
    .xephiron-usercp-icon img { width: 57px !important; height: 57px !important; }
    .xephiron-usercp-copy { padding-left: 13px !important; }
    .xephiron-usercp-copy strong { font-size: 14px !important; }
    .xephiron-usercp-copy small { font-size: 10.5px !important; line-height: 16px !important; }
}

/* =========================================================
   BOTON REGISTRO DESTACADO EN BARRA SUPERIOR
   Solo afecta el enlace Registro cuando el usuario no ha iniciado sesion.
   ========================================================= */
.global-top-bar .text-right > a[href$="register/"],
.global-top-bar .text-right > a[href*="/register/"] {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 30px;
    padding: 5px 15px 5px 12px !important;
    margin: 3px 8px 3px 0;
    border: 1px solid #ffd84a !important;
    border-radius: 5px;
    background:
        linear-gradient(180deg, #ffe66a 0%, #ffc928 46%, #d99600 100%) !important;
    color: #1b1300 !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    letter-spacing: .35px;
    text-transform: uppercase;
    text-decoration: none !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.45);
    box-shadow:
        0 0 0 1px rgba(255,214,49,.12),
        0 0 15px rgba(255,191,0,.26),
        0 5px 14px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.72),
        inset 0 -1px 0 rgba(117,70,0,.35);
    overflow: hidden;
    vertical-align: middle;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.global-top-bar .text-right > a[href$="register/"]::before,
.global-top-bar .text-right > a[href*="/register/"]::before {
    content: "✦";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1px solid rgba(74,45,0,.42);
    background: rgba(255,255,255,.2);
    color: #5a3800;
    font-size: 9px;
    line-height: 1;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
}
.global-top-bar .text-right > a[href$="register/"]::after,
.global-top-bar .text-right > a[href*="/register/"]::after {
    content: "";
    position: absolute;
    top: -90%;
    left: -35%;
    width: 23%;
    height: 280%;
    background: rgba(255,255,255,.42);
    transform: rotate(20deg);
    pointer-events: none;
    transition: left .5s ease;
}
.global-top-bar .text-right > a[href$="register/"]:hover,
.global-top-bar .text-right > a[href*="/register/"]:hover {
    color: #100b00 !important;
    filter: brightness(1.08);
    transform: translateY(-1px) scale(1.025);
    box-shadow:
        0 0 0 1px rgba(255,223,76,.22),
        0 0 24px rgba(255,196,0,.42),
        0 7px 18px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.82),
        inset 0 -1px 0 rgba(117,70,0,.35);
}
.global-top-bar .text-right > a[href$="register/"]:hover::after,
.global-top-bar .text-right > a[href*="/register/"]:hover::after {
    left: 120%;
}
.global-top-bar .text-right > a[href$="register/"]:focus,
.global-top-bar .text-right > a[href*="/register/"]:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(255,215,49,.28), 0 0 20px rgba(255,194,0,.36);
}

@media (max-width: 600px) {
    .global-top-bar .text-right > a[href$="register/"],
    .global-top-bar .text-right > a[href*="/register/"] {
        min-height: 28px;
        padding: 4px 10px !important;
        margin-right: 5px;
        font-size: 10px !important;
        letter-spacing: .2px;
    }
    .global-top-bar .text-right > a[href$="register/"]::before,
    .global-top-bar .text-right > a[href*="/register/"]::before {
        width: 15px;
        height: 15px;
        font-size: 8px;
    }
}

/* =========================================================
   BOTON INICIAR SESION DESTACADO EN BARRA SUPERIOR
   Complementa el boton Registro dorado sin tocar otros enlaces.
   ========================================================= */
.global-top-bar .text-right > a[href$="login/"],
.global-top-bar .text-right > a[href*="/login/"] {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 30px;
    padding: 5px 15px 5px 12px !important;
    margin: 3px 0 3px 2px;
    border: 1px solid #43cfff !important;
    border-radius: 5px;
    background:
        linear-gradient(180deg, #25c8ff 0%, #138ee9 47%, #0758a8 100%) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    letter-spacing: .35px;
    text-transform: uppercase;
    text-decoration: none !important;
    text-shadow: 0 1px 1px rgba(0,35,76,.65);
    box-shadow:
        0 0 0 1px rgba(67,207,255,.10),
        0 0 15px rgba(26,164,255,.26),
        0 5px 14px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.48),
        inset 0 -1px 0 rgba(0,50,104,.45);
    overflow: hidden;
    vertical-align: middle;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.global-top-bar .text-right > a[href$="login/"]::before,
.global-top-bar .text-right > a[href*="/login/"]::before {
    content: "◆";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1px solid rgba(0,62,116,.55);
    background: rgba(255,255,255,.16);
    color: #eafaff;
    font-size: 7px;
    line-height: 1;
    text-shadow: 0 0 7px rgba(255,255,255,.85);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.38);
}
.global-top-bar .text-right > a[href$="login/"]::after,
.global-top-bar .text-right > a[href*="/login/"]::after {
    content: "";
    position: absolute;
    top: -90%;
    left: -35%;
    width: 23%;
    height: 280%;
    background: rgba(255,255,255,.38);
    transform: rotate(20deg);
    pointer-events: none;
    transition: left .5s ease;
}
.global-top-bar .text-right > a[href$="login/"]:hover,
.global-top-bar .text-right > a[href*="/login/"]:hover {
    color: #fff !important;
    filter: brightness(1.10);
    transform: translateY(-1px) scale(1.025);
    box-shadow:
        0 0 0 1px rgba(104,224,255,.20),
        0 0 24px rgba(24,177,255,.42),
        0 7px 18px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.58),
        inset 0 -1px 0 rgba(0,50,104,.42);
}
.global-top-bar .text-right > a[href$="login/"]:hover::after,
.global-top-bar .text-right > a[href*="/login/"]:hover::after {
    left: 120%;
}
.global-top-bar .text-right > a[href$="login/"]:focus,
.global-top-bar .text-right > a[href*="/login/"]:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(67,207,255,.25), 0 0 20px rgba(21,157,255,.38);
}

/* Disimula el separador solamente entre Registro e Iniciar sesion. */
.global-top-bar .text-right > a[href*="/register/"] + .global-top-bar-separator {
    color: transparent !important;
    display: inline-block;
    width: 2px;
    margin: 0 1px;
}

@media (max-width: 600px) {
    .global-top-bar .text-right > a[href$="login/"],
    .global-top-bar .text-right > a[href*="/login/"] {
        min-height: 28px;
        padding: 4px 10px !important;
        margin-left: 1px;
        font-size: 10px !important;
        letter-spacing: .2px;
    }
    .global-top-bar .text-right > a[href$="login/"]::before,
    .global-top-bar .text-right > a[href*="/login/"]::before {
        width: 15px;
        height: 15px;
        font-size: 6px;
    }
}

/* ===== Xephiron Discord Home Widget ===== */
.xephiron-discord-widget{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:92px;margin:13px 0 0;padding:15px 14px;overflow:hidden;background:linear-gradient(135deg,rgba(46,54,120,.96),rgba(14,24,49,.97) 52%,rgba(8,18,31,.99));border:1px solid #5865f2;border-radius:5px;box-shadow:0 9px 24px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.05),0 0 18px rgba(88,101,242,.13)}
.xephiron-discord-widget:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#8ea1ff 22%,#5865f2 50%,#8ea1ff 78%,transparent);box-shadow:0 0 12px rgba(102,119,255,.75)}
.xephiron-discord-widget:after{content:"";position:absolute;right:-40px;bottom:-70px;width:170px;height:170px;border:1px solid rgba(133,146,255,.12);border-radius:50%;box-shadow:0 0 0 25px rgba(88,101,242,.035),0 0 0 50px rgba(88,101,242,.02)}
.xephiron-discord-glow{position:absolute;left:22px;top:50%;width:85px;height:85px;transform:translateY(-50%);background:radial-gradient(circle,rgba(112,129,255,.22),transparent 68%);filter:blur(3px);pointer-events:none}
.xephiron-discord-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(145deg,#6472ff,#3f49b9);border:1px solid #9aa5ff;border-radius:15px;box-shadow:0 7px 18px rgba(32,42,130,.42),inset 0 1px rgba(255,255,255,.25)}
.xephiron-discord-icon svg{width:34px;height:34px;fill:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}
.xephiron-discord-copy{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;line-height:1.2}
.xephiron-discord-copy .xephiron-discord-kicker{margin-bottom:4px;color:#aeb7ff;font-size:8px;font-weight:800;letter-spacing:1.15px;text-transform:uppercase}
.xephiron-discord-copy strong{color:#fff;font-size:14px;font-weight:800;letter-spacing:.2px;text-shadow:0 0 12px rgba(123,137,255,.28)}
.xephiron-discord-copy small{display:block;margin-top:5px;color:#bcc9dc;font-size:9px;line-height:14px}
.xephiron-discord-btn{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:74px;padding:9px 10px;background:linear-gradient(#7481ff,#4e5bea);border:1px solid #9ca6ff;border-radius:4px;color:#fff!important;font-size:9px;font-weight:900;letter-spacing:.55px;text-decoration:none!important;box-shadow:0 5px 14px rgba(40,50,165,.33),inset 0 1px rgba(255,255,255,.2);transition:.2s ease}
.xephiron-discord-btn span{font-size:14px;line-height:8px;transition:transform .2s ease}
.xephiron-discord-btn:hover{transform:translateY(-1px);background:linear-gradient(#8792ff,#5f6df4);box-shadow:0 8px 18px rgba(54,65,190,.42),0 0 13px rgba(104,119,255,.23);color:#fff!important}
.xephiron-discord-btn:hover span{transform:translateX(2px)}
.xephiron-discord-widget.is-disabled{opacity:.72;filter:saturate(.7)}
.xephiron-discord-btn.is-off{cursor:default}
@media(max-width:700px){.xephiron-discord-widget{grid-template-columns:50px minmax(0,1fr);padding:13px}.xephiron-discord-icon{width:48px;height:48px;border-radius:13px}.xephiron-discord-icon svg{width:29px;height:29px}.xephiron-discord-btn{grid-column:1/-1;width:100%;margin-top:2px}.xephiron-discord-copy strong{font-size:13px}.xephiron-discord-copy small{font-size:9px}}