:root {
  --msc-bg: #03070d;
  --msc-bg-2: #07111d;
  --msc-panel: rgba(8, 17, 27, .9);
  --msc-panel-2: rgba(13, 25, 38, .96);
  --msc-panel-3: rgba(4, 8, 14, .88);
  --msc-line: rgba(214, 176, 91, .28);
  --msc-line-2: rgba(112, 211, 232, .22);
  --msc-text: #f5ead2;
  --msc-muted: rgba(245, 234, 210, .66);
  --msc-gold: #c99234;
  --msc-gold-2: #f2d280;
  --msc-cyan: #70d3e8;
  --msc-green: #58d38f;
  --msc-red: #e05252;
  --msc-shadow: 0 18px 54px rgba(0, 0, 0, .34);
}

html,
body {
  color: var(--msc-text);
  font-family: "Segoe UI", Arial, sans-serif;
  background:
    radial-gradient(circle at 50% 18%, rgba(112, 211, 232, .16), transparent 31%),
    radial-gradient(circle at 18% 80%, rgba(201, 146, 52, .12), transparent 28%),
    linear-gradient(120deg, #03070d, #07111d 48%, #020509);
}

body.bg-light-dark {
  background:
    linear-gradient(90deg, rgba(3, 7, 13, .95), rgba(3, 7, 13, .72) 54%, rgba(3, 7, 13, .92)),
    linear-gradient(180deg, rgba(3, 7, 13, .25), rgba(3, 7, 13, .94)),
    url("../images/muserver-header.jpg") center top / cover fixed,
    var(--msc-bg) !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(216, 172, 78, .1), transparent 15%, transparent 82%, rgba(112, 211, 232, .08)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px, transparent 1px, transparent 4px);
}

* { scrollbar-color: rgba(216,172,78,.74) rgba(3,7,13,.92); scrollbar-width: thin; }
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: rgba(3, 7, 13, .96); border: 1px solid rgba(216, 172, 78, .2); }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(255,230,145,.96), rgba(200,139,44,.94) 56%, rgba(111,70,22,.96));
  border: 2px solid rgba(3, 7, 13, .96);
  border-radius: 999px;
}

::selection { color: #061014; background: var(--msc-gold-2); }

a,
.link-secondary { color: var(--msc-gold-2); }
a:hover,
.link-secondary:hover { color: #fff7df; text-decoration: none; }

.container,
.vs-container {
  width: min(1240px, calc(100% - 28px));
  max-width: 1240px;
}

.muserver-logo {
  object-fit: contain;
  filter: drop-shadow(0 0 20px rgba(112, 211, 232, .28));
}

.preloader,
.sticky-header,
.header-wrapper,
.vs-menu-area {
  background: rgba(3, 7, 13, .96) !important;
}

.sticky-header-wrap {
  border-top: 1px solid rgba(242, 210, 128, .34);
  border-bottom: 1px solid rgba(112, 211, 232, .26);
  background: linear-gradient(180deg, rgba(11, 18, 29, .98), rgba(4, 7, 12, .98)) !important;
  box-shadow: 0 14px 42px rgba(0,0,0,.42);
  backdrop-filter: blur(14px);
}

.sticky-header-wrap .container,
.header-layout4 .container {
  max-width: 1320px;
}

.sticky-header-wrap .logo img,
.mobile-logo img {
  max-height: 54px !important;
  max-width: 116px !important;
}

.header-layout4 {
  border-bottom: 1px solid var(--msc-line);
  background: rgba(3, 7, 13, .92) !important;
}

.animate-line {
  min-height: 36px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(216, 172, 78, .22);
  background:
    linear-gradient(90deg, rgba(3,7,13,.94), rgba(3,7,13,.62), rgba(3,7,13,.94)),
    url("../images/muserver-header.jpg") center 34% / cover !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.bg-light-gray,
.bg-light-dark,
.bg-dark,
.bg-black,
.bg-major-black {
  background-color: rgba(3, 7, 13, .9) !important;
}

.main-menu ul li a,
.vs-mobile-menu ul li a {
  color: rgba(245, 234, 210, .76);
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.main-menu > ul > li > a {
  min-height: 60px;
  display: inline-flex;
  align-items: center;
  padding-left: 13px;
  padding-right: 13px;
  border-left: 1px solid rgba(255,255,255,.04);
}

.main-menu ul li a:hover,
.main-menu ul li.active > a,
.vs-mobile-menu ul li a:hover {
  color: #fff7df;
}

.main-menu > ul > li > a:hover {
  background: rgba(216, 172, 78, .1);
  box-shadow: inset 0 -3px 0 var(--msc-cyan);
}

.mega-menu,
.dropdown-menu {
  border: 1px solid var(--msc-line) !important;
  border-radius: 3px !important;
  background: var(--msc-panel-2) !important;
  box-shadow: var(--msc-shadow);
}

.mega-menu a,
.dropdown-menu a {
  color: rgba(245, 234, 210, .78) !important;
}

.mega-menu a:hover,
.dropdown-menu a:hover {
  color: #fff7df !important;
  background: rgba(216, 172, 78, .12) !important;
}

.header-info-box {
  min-height: 62px;
  display: grid;
  align-content: center;
  padding: 8px 18px;
  border-left: 1px solid rgba(216, 172, 78, .22);
  background: rgba(0,0,0,.12);
}

.frcms-langIcon { filter: sepia(1) saturate(1.4) hue-rotate(350deg) brightness(1.3); }

.vs-hero-wrapper,
.bg-header {
  position: relative;
  overflow: hidden;
  min-height: 430px;
  border-bottom: 1px solid var(--msc-line);
  background:
    linear-gradient(90deg, rgba(3, 7, 13, .96) 0%, rgba(3, 7, 13, .62) 48%, rgba(3, 7, 13, .34) 100%),
    linear-gradient(180deg, rgba(3, 7, 13, .18), rgba(3, 7, 13, .92)),
    url("../images/muserver-header.jpg") center 42% / cover no-repeat !important;
}

.vs-hero-wrapper::after,
.breadcumb-wrapper::after,
.vs-video-area::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  background: linear-gradient(110deg, transparent 0 30%, rgba(255,255,255,.18) 42%, transparent 56%);
  animation: mscSlowSweep 7s ease-in-out infinite;
}

.vs-hero-wrapper > *,
.breadcumb-wrapper > *,
.vs-video-area > * { position: relative; z-index: 1; }

.vs-hero-wrapper video {
  opacity: .16;
  filter: saturate(.85) contrast(1.08);
}

.vs-hero-carousel {
  max-width: 1240px;
  margin: 0 auto;
}

.ls-l img[src*="logo-h2"],
.dh-top-header img {
  max-width: min(460px, 62vw);
  filter: drop-shadow(0 18px 32px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(112,211,232,.22));
}

.vs-btn,
.vs-btn2,
.gradient-btn,
.black-skew,
button,
input[type="submit"] {
  position: relative;
  overflow: hidden;
  min-height: 38px;
  border: 1px solid rgba(216, 172, 78, .42) !important;
  border-radius: 3px !important;
  color: var(--msc-text) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  text-shadow: none !important;
  transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.vs-btn::after,
.vs-btn2::after,
.gradient-btn::after,
.black-skew::after,
button::after,
input[type="submit"]::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 0 28%, rgba(255,255,255,.2) 44%, transparent 58% 100%);
  transform: translateX(-130%);
}

.vs-btn:hover,
.vs-btn2:hover,
.gradient-btn:hover,
.black-skew:hover,
button:hover,
input[type="submit"]:hover {
  border-color: var(--msc-gold-2) !important;
  color: #fff7df !important;
  background: linear-gradient(180deg, rgba(216, 172, 78, .2), rgba(255,255,255,.04)) !important;
  box-shadow: 0 0 24px rgba(216, 172, 78, .16);
  transform: translateY(-1px);
}

.vs-btn:hover::after,
.vs-btn2:hover::after,
.gradient-btn:hover::after,
.black-skew:hover::after,
button:hover::after,
input[type="submit"]:hover::after { animation: mscSheen 1.1s ease; }

.outline3,
.gradient-btn {
  color: #061014 !important;
  font-weight: 900;
  background: linear-gradient(180deg, #8df7ff, #20cce1) !important;
  border-color: #9cf7ff !important;
}

.black-skew {
  color: var(--msc-cyan) !important;
  background: rgba(112, 211, 232, .08) !important;
  border-color: rgba(112, 211, 232, .35) !important;
}

.space,
.space-top,
.space-bottom,
.space-secpages,
.space-top-3 {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

.vs-blog-wrapper,
.vs-streams-wrapper,
.vs-video-area {
  background: rgba(3, 7, 13, .76) !important;
}

.vs-blog-wrapper .row,
.vs-streams-wrapper .row {
  row-gap: 14px;
}

.sidebox,
.sidebox2,
.vs-sidebox,
.vs-sidebox-v2,
.widget,
.blog,
.vs-blog,
.blog-single,
.blog-card,
.vs-comments-layout1,
.form-style1,
.contact-form,
.market-item,
.shop-item,
.rank-table,
.table,
.modal-content,
.inner-wrapper,
.profile-box,
.account-panel,
.warehouse,
.ranking-table,
.download-box {
  color: var(--msc-text);
  border: 1px solid var(--msc-line) !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, var(--msc-panel), rgba(4, 8, 14, .9)) !important;
  box-shadow: var(--msc-shadow);
}

.vs-blog,
.blog-content,
.vs-sidebox,
.vs-sidebox-v2 {
  overflow: hidden;
}

.blog-meta,
.blog-content,
.sidebox-title,
.widget_title,
.section-title2,
.sec-title2 {
  text-shadow: none !important;
}

.blog-meta,
.cat-list,
.sidebox-title,
.widget_title {
  border-color: rgba(216, 172, 78, .22) !important;
}

.blog-meta {
  background: linear-gradient(90deg, rgba(216, 172, 78, .16), rgba(112, 211, 232, .07)) !important;
}

.section-title2 {
  margin-bottom: 16px;
}

.sub-title2,
.sub-title3,
.text-default,
.text-info,
.cat-number {
  color: var(--msc-cyan) !important;
}

.breadcumb-wrapper {
  position: relative;
  min-height: 190px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-bottom: 1px solid var(--msc-line);
  background:
    linear-gradient(90deg, rgba(3,7,13,.9), rgba(3,7,13,.42), rgba(3,7,13,.88)),
    url("../images/muserver-header.jpg") center 38% / cover !important;
}

.breadcumb-content {
  display: grid;
  gap: 8px;
}

.breadcumb-title {
  font-size: clamp(30px, 4vw, 52px) !important;
  line-height: 1 !important;
}

.breadcumb-bg-title {
  opacity: .08 !important;
}

.breadcumb-menu-style1 {
  width: fit-content;
  padding: 8px 12px !important;
  border: 1px solid rgba(216, 172, 78, .24);
  background: rgba(0,0,0,.18);
}

.breadcumb-bg-title,
.blog-title,
.widget_title,
.sidebox-title,
h1,
h2,
h3,
h4,
h5 {
  color: var(--msc-gold-2) !important;
  letter-spacing: 0 !important;
}

p,
small,
.text-mist-blue,
.text-white-50,
.contact-info,
.blog-content p,
.vs-cat-list1 a {
  color: var(--msc-muted) !important;
}

.form-control,
input,
textarea,
select {
  color: var(--msc-text) !important;
  background: rgba(3, 8, 12, .78) !important;
  border: 1px solid rgba(216, 172, 78, .3) !important;
  border-radius: 3px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: var(--msc-cyan) !important;
  box-shadow: 0 0 0 3px rgba(112, 211, 232, .12) !important;
}

table,
.table {
  color: var(--msc-text) !important;
  background: rgba(3,8,12,.42) !important;
}

table th,
.table th {
  color: var(--msc-gold-2) !important;
  background: rgba(216, 172, 78, .1) !important;
  text-transform: uppercase;
  font-size: 12px;
}

table td,
table th,
.table td,
.table th {
  border-color: rgba(255,255,255,.08) !important;
}

.rankings-table img,
.table img,
.warehouse img,
.market-item img,
.shop-item img {
  object-fit: contain;
}

.alert,
.notice {
  color: #fff5d5 !important;
  background: rgba(216, 172, 78, .12) !important;
  border-color: rgba(216, 172, 78, .42) !important;
  text-shadow: none !important;
}

.alert-info,
.notice.info {
  color: #d8fbff !important;
  background: rgba(112, 211, 232, .1) !important;
  border-color: rgba(112, 211, 232, .38) !important;
}

.alert-danger,
.alert-error,
.notice.error {
  color: #ffe5e5 !important;
  background: rgba(224, 82, 82, .16) !important;
  border-color: rgba(224, 82, 82, .55) !important;
}

.events-table,
.vs-cat-list1,
.footer-widget ul {
  margin-bottom: 0;
}

.events-table li,
.vs-cat-list1 li,
.footer-widget li {
  border-color: rgba(255,255,255,.08) !important;
}

#timer_div_time {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.timmer_inner_block {
  min-height: 62px;
  display: grid;
  align-content: center;
  border: 1px solid rgba(216, 172, 78, .22);
  background: rgba(0,0,0,.2);
}

.timmer_inner_block .count {
  color: var(--msc-gold-2);
  font-weight: 900;
}

.footer-wrapper,
.footer-copyright {
  background: rgba(0,0,0,.86) !important;
  border-top: 1px solid var(--msc-line);
}

.footer-widget-wrapper {
  padding-top: 34px !important;
  padding-bottom: 18px !important;
}

.footer-widget a:hover { color: var(--msc-cyan) !important; }

.vs-newsletter-wrapper .inner-wrapper {
  border-color: rgba(112, 211, 232, .28) !important;
  background:
    linear-gradient(90deg, rgba(7, 16, 24, .94), rgba(7, 16, 24, .74)),
    url("../images/muserver-header.jpg") center 36% / cover !important;
}

.side-promotion {
  border: 1px solid var(--msc-line);
  background: var(--msc-panel-2);
  box-shadow: var(--msc-shadow);
}

.side-promotion img {
  filter: saturate(.96) contrast(1.05);
}

.scrollToTop {
  border-color: var(--msc-line) !important;
  background: rgba(8,13,17,.9) !important;
}

#overlay,
#loading {
  background: rgba(3, 7, 13, .78) !important;
}

#select_server,
#captchaModal {
  color: var(--msc-text);
  border: 1px solid var(--msc-line);
  background: var(--msc-panel-2);
}

.msc-module-notice {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.msc-module-notice .blog-content {
  padding: 24px !important;
}

.msc-module-notice-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

@keyframes mscSheen {
  to { transform: translateX(130%); }
}

@keyframes mscSlowSweep {
  0%, 48% { transform: translateX(-120%); opacity: 0; }
  60% { opacity: .2; }
  100% { transform: translateX(120%); opacity: 0; }
}

@media (max-width: 1199px) {
  .main-menu > ul > li > a {
    min-height: 48px;
    padding-left: 9px;
    padding-right: 9px;
    font-size: 12px;
  }

  .header-info-box {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (max-width: 991px) {
  .container,
  .vs-container {
    width: min(100% - 20px, 100%);
  }

  .space,
  .space-top,
  .space-bottom,
  .space-secpages,
  .space-top-3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .breadcumb-wrapper {
    min-height: 150px;
  }

  .vs-hero-wrapper,
  .bg-header {
    min-height: 330px;
  }

  .sticky-header-wrap .row,
  .header-layout4 .row {
    row-gap: 8px;
  }
}

@media (max-width: 640px) {
  .vs-hero-wrapper,
  .bg-header {
    min-height: 250px;
  }

  .ls-l img[src*="logo-h2"],
  .dh-top-header img {
    max-width: 82vw;
  }

  #timer_div_time {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer-widget-wrapper .row {
    row-gap: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}

.item_rank_tooltip {
  display: grid;
  gap: 5px;
  min-width: 230px;
  margin-top: 7px;
  padding: 8px 9px;
  border-top: 1px solid rgba(216, 172, 78, .55);
  background: linear-gradient(135deg, rgba(3, 18, 25, .92), rgba(13, 10, 4, .82));
  box-shadow: inset 0 1px 0 rgba(125, 211, 252, .18);
}

.item_rank_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #f6d889;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.item_rank_badge {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 1px 6px;
  border: 1px solid;
  background: rgba(255, 255, 255, .04);
  font-size: 10px;
  font-weight: 900;
}

.item_rank_option {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 10px;
  padding: 5px 0;
  border-top: 1px solid rgba(255, 255, 255, .08);
}

.item_rank_name {
  grid-column: 1 / -1;
  color: #dff6ff;
  font-size: 12px;
  font-weight: 700;
}

.item_rank_value,
.item_rank_rank,
.item_rank_muted {
  color: rgba(245, 234, 210, .78);
  font-size: 11px;
}

.item_rank_rank {
  font-weight: 800;
  text-align: right;
}

.muserver-referral-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.muserver-referral-summary div {
  padding: 12px;
  border: 1px solid rgba(211, 169, 89, .26);
  background: rgba(6, 14, 21, .72);
}

.muserver-referral-summary strong {
  display: block;
  color: #e8c779;
  font-size: 22px;
}

.muserver-referral-summary span {
  color: rgba(232, 239, 246, .68);
  font-size: 12px;
  text-transform: uppercase;
}

.muserver-referral-table-wrap {
  overflow-x: auto;
}

.muserver-referral-table {
  min-width: 880px;
}

.muserver-referral-status {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 8px;
  border: 1px solid rgba(211, 169, 89, .28);
  background: rgba(255,255,255,.06);
  color: #e8c779;
  font-size: 12px;
  font-weight: 800;
}

.muserver-referral-status.status-3,
.muserver-referral-status.status-4 {
  border-color: rgba(77, 211, 143, .45);
  color: #6be0a0;
}

.muserver-referral-status.status-2,
.muserver-referral-status.status-5 {
  border-color: rgba(224, 82, 82, .45);
  color: #ff9b9b;
}

.muserver-referral-progress {
  width: 100%;
  height: 8px;
  margin-bottom: 5px;
  border: 1px solid rgba(93, 213, 232, .24);
  background: rgba(0, 0, 0, .35);
}

.muserver-referral-progress span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #25c7dc, #e8c779);
}

.muserver-game-market {
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid rgba(199, 166, 87, .28);
}

.muserver-game-market .alert-info {
  background: rgba(5, 28, 36, .78);
  border-color: rgba(51, 211, 238, .28);
  color: #bfeef4;
}

.muserver-game-market table td,
.muserver-game-market table th {
  vertical-align: middle;
}

.muserver-game-market span[id^="game_market_item_"] {
  cursor: help;
}

@media (max-width: 767px) {
  .muserver-referral-summary {
    grid-template-columns: 1fr 1fr;
  }
}

/* MuServer.net portal layout for MuServerCMS default template */
.sticky-header-wrap,
.header-wrapper {
  display: none !important;
}

.msc-shell {
  width: min(1370px, calc(100% - 32px));
  margin: 0 auto;
}

.msc-public-header {
  position: sticky;
  top: 0;
  z-index: 90;
  color: #f4ead6;
  background: rgba(2, 6, 9, .96);
  border-bottom: 1px solid rgba(199, 166, 87, .24);
  box-shadow: 0 16px 44px rgba(0, 0, 0, .42);
  backdrop-filter: blur(14px);
}

.msc-public-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(17, 215, 233, .78), rgba(240, 212, 138, .78), transparent);
  opacity: .72;
  animation: mscHeaderEnergy 5.6s ease-in-out infinite;
}

.msc-header-strip {
  min-height: 32px;
  background-position: center 32%;
  background-size: cover;
  border-top: 2px solid rgba(199, 166, 87, .62);
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.msc-header-strip::before {
  content: "";
  position: absolute;
}

.msc-strip-inner {
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-size: 12px;
  color: rgba(244, 234, 214, .74);
}

.msc-strip-inner a {
  margin-left: 12px;
  color: #e7c46f;
  font-weight: 800;
}

.msc-header-inner {
  min-height: 86px;
  display: grid;
  grid-template-columns: minmax(210px, 280px) 128px minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
}

.msc-brand {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  color: #fff4cc !important;
}

.msc-brand img {
  width: 62px;
  height: 62px;
  object-fit: contain;
  filter: drop-shadow(0 0 18px rgba(17, 215, 233, .32));
  animation: mscLogoBreath 4.8s ease-in-out infinite;
}

.msc-brand strong {
  display: block;
  color: #fff4cc;
  font-size: 22px;
  line-height: 1;
  overflow-wrap: anywhere;
}

.msc-brand small {
  display: block;
  margin-top: 5px;
  color: #11d7e9;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.msc-online-card {
  display: grid;
  place-items: center;
  min-height: 62px;
  padding: 8px 10px;
  border-left: 1px solid rgba(255, 255, 255, .07);
  border-right: 1px solid rgba(255, 255, 255, .07);
  text-align: center;
}

.msc-online-card span,
.msc-online-card small {
  color: rgba(244, 234, 214, .62);
  font-size: 11px;
}

.msc-online-card strong {
  color: #fff;
  font-size: 26px;
  line-height: 1;
  text-shadow: 0 0 22px rgba(255, 255, 255, .28);
}

.msc-main-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2px;
}

.msc-main-nav a {
  position: relative;
  overflow: hidden;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  color: #d8c89e;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 12px;
  border: 1px solid transparent;
}

.msc-main-nav a::before {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 4px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #11d7e9, #f0d48a, transparent);
  transition: left .22s ease, right .22s ease;
}

.msc-main-nav a:hover {
  color: #fff6d6;
  border-color: rgba(17, 215, 233, .32);
  background: rgba(17, 215, 233, .08);
  box-shadow: inset 0 -2px 0 #11d7e9;
}

.msc-main-nav a:hover::before {
  left: 12px;
  right: 12px;
}

.msc-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.msc-login-form {
  display: grid;
  grid-template-columns: 150px 150px 48px;
  gap: 8px;
  margin: 0;
}

.msc-login-form label {
  position: relative;
  display: block;
  margin: 0;
}

.msc-login-form i {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  color: #b86254;
}

.msc-login-form input {
  width: 100%;
  height: 40px;
  padding: 0 10px 0 34px;
  color: #fff4cc;
  border: 1px solid rgba(201, 164, 93, .16);
  background: rgba(6, 13, 18, .78);
}

.msc-button,
.msc-mini-button,
.msc-icon-button {
  position: relative;
  overflow: hidden;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 15px;
  color: #fff4cc !important;
  border: 1px solid rgba(201, 164, 93, .45);
  background: rgba(8, 13, 17, .88);
  font-weight: 900;
  text-transform: uppercase;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.msc-button::before,
.msc-mini-button::before,
.msc-icon-button::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  opacity: 0;
  background: linear-gradient(135deg, rgba(17, 215, 233, .55), rgba(240, 212, 138, .72), rgba(17, 215, 233, .45));
  filter: blur(10px);
  transition: opacity .2s ease;
}

.msc-mini-button {
  min-height: 24px;
  padding: 0 10px;
  color: #061014 !important;
  border-color: #72f3ff;
  background: linear-gradient(180deg, #4af0fb, #12bdd4);
}

.msc-icon-button {
  width: 42px;
  padding: 0;
}

.msc-button-primary {
  color: #061014 !important;
  border-color: #72f3ff;
  background: linear-gradient(180deg, #4af0fb, #12bdd4);
  box-shadow: 0 0 24px rgba(17, 215, 233, .22);
}

.msc-button::after,
.msc-mini-button::after,
.msc-icon-button::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 0 28%, rgba(255, 255, 255, .24) 44%, transparent 58% 100%);
  transform: translateX(-130%);
}

.msc-button:hover,
.msc-mini-button:hover,
.msc-icon-button:hover {
  border-color: #f0d48a;
  transform: translateY(-1px);
}

.msc-button:hover::before,
.msc-mini-button:hover::before,
.msc-icon-button:hover::before {
  opacity: .62;
}

.msc-button:hover::after,
.msc-mini-button:hover::after,
.msc-icon-button:hover::after {
  animation: mscSheen 1.2s ease;
}

.msc-lang-menu {
  position: relative;
}

.msc-lang-dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  min-width: 190px;
  display: none;
  padding: 8px;
  border: 1px solid rgba(201, 164, 93, .32);
  background: rgba(3, 8, 12, .98);
  box-shadow: 0 18px 36px rgba(0, 0, 0, .44);
}

.msc-lang-menu:hover .msc-lang-dropdown {
  display: grid;
  gap: 4px;
}

.msc-lang-dropdown a {
  padding: 8px 10px;
  color: #d8c89e;
}

.msc-cms-hero {
  position: relative;
  min-height: 460px;
  display: grid;
  align-items: center;
  overflow: hidden;
  background-position: center 42%;
  background-size: cover;
  border-bottom: 1px solid rgba(199, 166, 87, .24);
  animation: mscHeroCamera 18s ease-in-out infinite alternate;
}

.msc-cms-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(2, 6, 9, .96) 0%, rgba(2, 6, 9, .70) 44%, rgba(2, 6, 9, .22) 100%),
    linear-gradient(180deg, rgba(2, 6, 9, .08), rgba(2, 6, 9, .88));
}

.msc-cms-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .22;
  background:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .035) 0, rgba(255, 255, 255, .035) 1px, transparent 1px, transparent 76px),
    linear-gradient(110deg, transparent 0 34%, rgba(255, 255, 255, .22) 48%, transparent 62%);
  animation: mscSlowSweep 7s ease-in-out infinite;
}

.msc-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 760px) minmax(300px, 430px);
  gap: 36px;
  align-items: center;
}

.msc-eyebrow {
  margin: 0 0 10px;
  color: #11d7e9;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.msc-hero-copy h1,
.msc-section-heading h2 {
  margin: 0;
  color: #fff4cc;
  font-weight: 900;
  letter-spacing: 0;
  text-shadow: 0 3px 28px rgba(0, 0, 0, .62);
}

.msc-hero-copy h1 {
  font-size: clamp(42px, 5vw, 74px);
  line-height: .96;
  animation: mscTitleIn .8s cubic-bezier(.22, 1, .36, 1) both;
}

.msc-lead {
  max-width: 720px;
  margin: 18px 0 24px;
  color: #d8cfbc;
  font-size: 18px;
}

.msc-hero-badges,
.msc-system-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.msc-hero-badges {
  margin-top: 16px;
}

.msc-hero-badges span {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 11px;
  color: #061014;
  border: 1px solid rgba(240, 212, 138, .72);
  background: linear-gradient(180deg, #f0d48a, #bb7a2a);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .25);
}

.msc-system-strip {
  max-width: 720px;
  margin-top: 22px;
}

.msc-system-strip a {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0 13px;
  color: rgba(244, 234, 214, .82);
  border: 1px solid rgba(17, 215, 233, .22);
  background: rgba(4, 11, 17, .68);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
  transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
}

.msc-system-strip i {
  color: #11d7e9;
}

.msc-system-strip a:hover {
  color: #fff6d6;
  border-color: rgba(240, 212, 138, .62);
  background: rgba(17, 215, 233, .1);
  transform: translateY(-1px);
}

.msc-button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.msc-status-stack {
  display: grid;
  gap: 12px;
}

.msc-metric,
.msc-panel,
.msc-feature-card,
.msc-news-card,
.msc-guide-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(199, 166, 87, .24);
  background:
    linear-gradient(135deg, rgba(8, 18, 27, .92), rgba(4, 9, 14, .92));
  box-shadow: 0 18px 40px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .04);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease;
}

.msc-metric::before,
.msc-panel::before,
.msc-feature-card::before,
.msc-news-card::before,
.msc-guide-card::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  background:
    radial-gradient(420px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(17, 215, 233, .16), transparent 42%),
    linear-gradient(135deg, rgba(240, 212, 138, .1), transparent 40%);
  transition: opacity .22s ease;
}

.msc-metric::after,
.msc-panel::after,
.msc-feature-card::after,
.msc-news-card::after,
.msc-guide-card::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  top: 0;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(17, 215, 233, .6), rgba(240, 212, 138, .52), transparent);
  opacity: .34;
}

.msc-metric:hover,
.msc-panel:hover,
.msc-feature-card:hover,
.msc-news-card:hover,
.msc-guide-card:hover {
  border-color: rgba(240, 212, 138, .58);
  box-shadow: 0 22px 48px rgba(0, 0, 0, .32), 0 0 34px rgba(17, 215, 233, .08), inset 0 1px 0 rgba(255, 255, 255, .08);
  transform: translateY(-2px);
}

.msc-metric:hover::before,
.msc-panel:hover::before,
.msc-feature-card:hover::before,
.msc-news-card:hover::before,
.msc-guide-card:hover::before {
  opacity: 1;
}

.msc-metric > *,
.msc-panel > *,
.msc-feature-card > *,
.msc-news-card > *,
.msc-guide-card > * {
  position: relative;
  z-index: 1;
}

.msc-metric {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
}

.msc-metric span,
.msc-stat-line span,
.msc-panel p,
.msc-feature-card p,
.msc-guide-card p {
  color: rgba(244, 234, 214, .68);
}

.msc-metric strong,
.msc-stat-line strong {
  color: #23d27c;
  font-weight: 900;
}

.msc-home {
  background:
    radial-gradient(circle at 50% 16%, rgba(17, 215, 233, .12), transparent 26%),
    linear-gradient(180deg, #020609, #071017 54%, #020609);
}

.msc-band {
  padding: 56px 0;
  border-bottom: 1px solid rgba(199, 166, 87, .16);
}

.msc-band-tight {
  padding-top: 30px;
  padding-bottom: 30px;
}

.msc-band-alt {
  background: rgba(255, 255, 255, .018);
}

.msc-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
}

.msc-quick-grid {
  margin-top: -76px;
  position: relative;
  z-index: 2;
}

.msc-feature-card {
  display: block;
  min-height: 150px;
  padding: 22px;
  color: #f4ead6 !important;
}

.msc-feature-card:hover span {
  animation: mscChipPulse .8s ease;
}

.msc-feature-card span {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  padding: 0 9px;
  margin-bottom: 14px;
  color: #061014;
  background: #11d7e9;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.msc-feature-card h2,
.msc-panel h3,
.msc-news-card h3,
.msc-guide-card h3 {
  color: #fff4cc;
  font-weight: 900;
  letter-spacing: 0;
}

.msc-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 390px);
  gap: 22px;
  align-items: start;
}

.msc-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.msc-news-list {
  display: grid;
  gap: 14px;
}

.msc-news-card {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  overflow: hidden;
}

.msc-news-card-no-image {
  grid-template-columns: 1fr;
}

.msc-news-image img {
  width: 100%;
  height: 100%;
  min-height: 160px;
  object-fit: cover;
  transition: transform .35s ease, filter .35s ease;
}

.msc-news-card:hover .msc-news-image img,
.msc-guide-card:hover .msc-guide-image img {
  filter: saturate(1.12) contrast(1.06);
  transform: scale(1.045);
}

.msc-news-body,
.msc-panel,
.msc-guide-card {
  padding: 20px;
}

.msc-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
  color: #e7c46f;
  font-size: 12px;
  font-weight: 800;
}

.msc-news-card p {
  margin-bottom: 0;
  color: rgba(244, 234, 214, .70);
}

.msc-side-column {
  display: grid;
  gap: 14px;
}

.msc-panel-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.msc-panel-title-row select,
.msc-panel select {
  width: auto;
  min-width: 120px;
  color: #f4ead6;
  border-color: rgba(199, 166, 87, .28);
  background: rgba(4, 10, 15, .92);
}

.msc-link-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.msc-link-list a,
.msc-stat-line {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  color: #f4ead6;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.msc-link-list span {
  color: #11d7e9;
  white-space: nowrap;
}

.msc-events-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.msc-ranking-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.msc-ranking-grid .top-table,
.msc-ranking-grid table,
.msc-panel table {
  width: 100%;
}

.msc-guide-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.msc-guide-card {
  display: grid;
  gap: 14px;
}

.msc-guide-image img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border: 1px solid rgba(199, 166, 87, .24);
  transition: transform .35s ease, filter .35s ease;
}

.msc-reveal {
  opacity: 0;
  transform: translateY(18px);
}

.msc-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
  transition: opacity .58s ease, transform .58s cubic-bezier(.22, 1, .36, 1), border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.msc-card-grid .msc-reveal:nth-child(2) { transition-delay: .05s; }
.msc-card-grid .msc-reveal:nth-child(3) { transition-delay: .1s; }
.msc-card-grid .msc-reveal:nth-child(4) { transition-delay: .15s; }

@keyframes mscHeaderEnergy {
  0%, 100% { opacity: .42; transform: scaleX(.72); }
  50% { opacity: .9; transform: scaleX(1); }
}

@keyframes mscLogoBreath {
  0%, 100% { filter: drop-shadow(0 0 14px rgba(17, 215, 233, .24)); transform: translateY(0); }
  50% { filter: drop-shadow(0 0 24px rgba(17, 215, 233, .42)) drop-shadow(0 0 12px rgba(240, 212, 138, .16)); transform: translateY(-1px); }
}

@keyframes mscHeroCamera {
  0% { background-position: center 42%; }
  100% { background-position: center 48%; }
}

@keyframes mscTitleIn {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes mscChipPulse {
  0%, 100% { box-shadow: none; }
  45% { box-shadow: 0 0 24px rgba(17, 215, 233, .38); }
}

.msc-button-small {
  min-height: 34px;
  padding: 0 12px;
  font-size: 12px;
}

@media (max-width: 1280px) {
  .msc-header-inner {
    grid-template-columns: minmax(210px, 280px) 118px minmax(0, 1fr);
  }

  .msc-header-actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
    padding-bottom: 12px;
  }
}

@media (max-width: 980px) {
  .msc-header-inner,
  .msc-hero-grid,
  .msc-content-grid {
    grid-template-columns: 1fr;
  }

  .msc-online-card {
    display: none;
  }

  .msc-main-nav {
    justify-content: flex-start;
  }

  .msc-login-form {
    width: 100%;
    grid-template-columns: 1fr 1fr 48px;
  }

  .msc-quick-grid {
    margin-top: 0;
  }

  .msc-cms-hero {
    min-height: auto;
    padding: 64px 0;
  }

  .msc-system-strip a {
    flex: 1 1 150px;
  }
}

@media (max-width: 640px) {
  .msc-shell {
    width: min(100% - 20px, 100%);
  }

  .msc-strip-inner,
  .msc-section-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .msc-login-form,
  .msc-news-card {
    grid-template-columns: 1fr;
  }

  .msc-header-actions {
    justify-content: stretch;
  }

  .msc-button,
  .msc-login-form button {
    width: 100%;
  }

  .msc-system-strip {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .msc-system-strip a {
    min-height: 46px;
    justify-content: center;
    padding: 0 8px;
  }
}

/* MuServer.net full default-template redesign layer */
:root {
  --msc-bg: #020609;
  --msc-bg-2: #061015;
  --msc-panel: rgba(7, 16, 24, .88);
  --msc-panel-2: rgba(12, 25, 36, .96);
  --msc-line: rgba(199, 170, 102, .24);
  --msc-line-strong: rgba(17, 215, 233, .42);
  --msc-text: #f2ead8;
  --msc-muted: #a79e8b;
  --msc-cyan: #11d7e9;
  --msc-green: #23d27c;
  --msc-gold: #c8a45d;
  --msc-red: #ff6874;
}

html,
body.msc-modern-default {
  min-height: 100%;
  background:
    radial-gradient(circle at 50% 22%, rgba(17, 215, 233, .15), transparent 24%),
    radial-gradient(circle at 18% 78%, rgba(145, 24, 22, .16), transparent 26%),
    linear-gradient(120deg, #020609, #071015 46%, #020609);
  color: var(--msc-text);
}

body.msc-modern-default::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .16;
  background:
    repeating-linear-gradient(90deg, transparent 0 88px, rgba(255, 255, 255, .035) 89px, transparent 90px),
    repeating-linear-gradient(0deg, transparent 0 76px, rgba(17, 215, 233, .028) 77px, transparent 78px);
  mask-image: radial-gradient(circle at 50% 38%, #000 0 34%, transparent 74%);
}

.msc-shell {
  width: min(1370px, calc(100% - 32px));
  margin: 0 auto;
}

.msc-page {
  padding: 44px 0 72px;
  border-bottom: 1px solid rgba(199, 170, 102, .12);
}

.msc-page-grid,
.msc-content-grid,
.msc-module-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}

.msc-page-content {
  min-width: 0;
}

.msc-subhero {
  position: relative;
  overflow: hidden;
  padding: 66px 0 52px;
  background:
    linear-gradient(90deg, rgba(2, 6, 9, .96) 0%, rgba(2, 6, 9, .62) 48%, rgba(2, 6, 9, .2) 100%),
    linear-gradient(180deg, rgba(2, 6, 9, .12), rgba(2, 6, 9, .9)),
    url("../images/muserver-header.jpg") center 42% / cover no-repeat;
  border-bottom: 1px solid var(--msc-line);
}

.msc-subhero::before,
.msc-cms-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .22;
  background: linear-gradient(110deg, transparent 0 30%, rgba(255, 255, 255, .18) 42%, transparent 56%);
  animation: mscSlowSweep 7.5s ease-in-out infinite;
}

.msc-subhero > *,
.msc-cms-hero > * {
  position: relative;
}

.msc-subhero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
  gap: 28px;
  align-items: end;
}

.msc-subhero h1 {
  margin: 0 0 14px;
  color: #fff7dd;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1;
  letter-spacing: 0;
  text-shadow: 0 3px 28px rgba(0, 0, 0, .62);
}

.msc-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  color: var(--msc-muted);
  font-weight: 800;
}

.msc-breadcrumbs a {
  color: var(--msc-cyan);
}

.msc-breadcrumbs span::before {
  content: "/";
  margin-right: 10px;
  color: rgba(199, 170, 102, .68);
}

.msc-subhero-status {
  display: grid;
  gap: 10px;
}

.msc-card,
.msc-panel,
.msc-empty,
.msc-module-notice,
.msc-news-card,
.vs-blog,
.vs-sidebox,
.blog-content,
.panel,
.well,
.table-responsive,
.list-group,
.alert {
  border-radius: 0 !important;
}

.msc-card,
.msc-panel,
.msc-empty,
.msc-module-notice,
.msc-news-card,
.vs-blog,
.vs-sidebox,
.blog-content,
.panel,
.well {
  color: var(--msc-text);
  border: 1px solid var(--msc-line) !important;
  background: var(--msc-panel) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .24) !important;
}

.vs-blog {
  margin: 0 !important;
}

.vs-blog > [class*="col-"] {
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.blog-meta,
.panel-heading,
.box-header,
.sidebox-title,
.list-group-item:first-child {
  border: 0 !important;
  border-bottom: 1px solid var(--msc-line) !important;
  background:
    linear-gradient(90deg, rgba(201, 164, 93, .14), rgba(17, 215, 233, .08)),
    rgba(12, 25, 36, .96) !important;
}

.blog-title,
.blog-title h2,
.panel-title,
.box-header h2,
.sidebox-title,
.widget_title,
.msc-panel h2,
.msc-panel h3 {
  color: #fff2c6 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.blog-title,
.blog-meta {
  margin: 0 !important;
  padding: 0 !important;
}

.blog-title h2,
.panel-title,
.sidebox-title {
  margin: 0 !important;
  padding: 16px 20px !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

.blog-content {
  padding: 22px !important;
  min-height: 0 !important;
}

.blog-content .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.blog-content [class*="col-"] {
  min-width: 0;
}

.msc-card-grid,
.msc-feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
}

.msc-feature-card,
.msc-card,
.msc-panel,
.msc-news-card,
.msc-guide-card {
  position: relative;
  overflow: hidden;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.msc-feature-card::before,
.msc-card::before,
.msc-panel::before,
.msc-news-card::before,
.msc-guide-card::before,
.vs-blog::before,
.panel::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(circle at 70% 20%, rgba(17, 215, 233, .18), transparent 34%);
  transition: opacity .22s ease;
}

.msc-feature-card:hover,
.msc-card:hover,
.msc-news-card:hover,
.msc-guide-card:hover,
.vs-cat-list1 a:hover,
.list-group-item:hover {
  border-color: var(--msc-line-strong) !important;
  background-color: rgba(12, 25, 36, .98) !important;
  transform: translateY(-1px);
}

.msc-feature-card:hover::before,
.msc-card:hover::before,
.msc-panel:hover::before,
.msc-news-card:hover::before,
.msc-guide-card:hover::before,
.panel:hover::before {
  opacity: 1;
}

.msc-feature-card > *,
.msc-card > *,
.msc-panel > *,
.msc-news-card > *,
.msc-guide-card > *,
.panel > * {
  position: relative;
}

.msc-status-chip,
.msc-badge,
.tag,
.label,
.badge {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 9px;
  border: 1px solid rgba(201, 164, 93, .34);
  border-radius: 0 !important;
  color: #f0d48a !important;
  background: rgba(201, 164, 93, .08) !important;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.msc-status-chip.is-live,
.label-success,
.badge-success {
  border-color: rgba(35, 210, 124, .38) !important;
  color: #23d27c !important;
  background: rgba(35, 210, 124, .1) !important;
}

.msc-empty {
  padding: 22px;
  color: var(--msc-muted);
}

.msc-action-row,
.button-row,
.form-actions,
.controls {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.msc-button,
.vs-btn,
.vs-btn2,
.gradient-btn,
.btn,
button,
input[type="submit"],
input[type="button"] {
  position: relative;
  overflow: hidden;
  min-height: 38px;
  border: 1px solid rgba(201, 164, 93, .46) !important;
  border-radius: 0 !important;
  background: rgba(8, 13, 17, .84) !important;
  color: #fff2c6 !important;
  font-weight: 900 !important;
  text-shadow: none !important;
  transition: border-color .18s ease, color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.msc-button-primary,
.btn-primary,
.btn-success,
.gradient-btn {
  border-color: #71f4ff !important;
  color: #061014 !important;
  background: linear-gradient(180deg, #37eff7, #0cbdd6) !important;
  box-shadow: 0 0 24px rgba(17, 215, 233, .24), inset 0 0 0 2px rgba(255, 255, 255, .18) !important;
}

.msc-button::after,
.vs-btn::after,
.vs-btn2::after,
.btn::after,
button::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 0 28%, rgba(255, 255, 255, .22) 44%, transparent 58% 100%);
  transform: translateX(-130%);
}

.msc-button:hover,
.vs-btn:hover,
.vs-btn2:hover,
.btn:hover,
button:hover,
input[type="submit"]:hover {
  border-color: #f0d48a !important;
  color: #fff5d5 !important;
  background: rgba(201, 164, 93, .16) !important;
  transform: translateY(-1px);
}

.msc-button-primary:hover,
.btn-primary:hover,
.btn-success:hover,
.gradient-btn:hover {
  color: #061014 !important;
  background: linear-gradient(180deg, #76f8ff, #18cee4) !important;
}

.msc-button:hover::after,
.vs-btn:hover::after,
.vs-btn2:hover::after,
.btn:hover::after,
button:hover::after {
  animation: mscSheen 1.2s ease;
}

input,
textarea,
select,
.form-control {
  color: var(--msc-text) !important;
  border: 1px solid rgba(201, 164, 93, .28) !important;
  border-radius: 0 !important;
  background: rgba(3, 8, 12, .72) !important;
  box-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
  outline: 1px solid rgba(17, 215, 233, .78) !important;
  outline-offset: 2px;
  border-color: rgba(17, 215, 233, .78) !important;
  box-shadow: 0 0 0 3px rgba(17, 215, 233, .1) !important;
}

label,
.control-label {
  color: #d8caa5 !important;
  font-weight: 800;
}

.table-responsive,
.msc-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--msc-line) !important;
  background: rgba(4, 10, 16, .72) !important;
}

table,
.table,
.dmn-rankings-table {
  width: 100%;
  color: var(--msc-text) !important;
  border-collapse: collapse !important;
  background: transparent !important;
}

table th,
table td,
.table th,
.table td,
.dmn-rankings-table th,
.dmn-rankings-table td {
  padding: 12px 14px !important;
  color: var(--msc-text) !important;
  border-color: rgba(199, 170, 102, .16) !important;
  vertical-align: middle !important;
}

table th,
.table th,
.dmn-rankings-table th {
  color: #fff2c6 !important;
  background:
    linear-gradient(90deg, rgba(201, 164, 93, .12), rgba(17, 215, 233, .08)),
    rgba(12, 25, 36, .96) !important;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .04em;
}

.table-striped > tbody > tr:nth-of-type(odd),
.table-striped tbody tr:nth-child(odd) {
  background: rgba(255, 255, 255, .025) !important;
}

.table-hover tbody tr:hover,
table tbody tr:hover {
  background: rgba(17, 215, 233, .055) !important;
}

.alert {
  padding: 13px 15px;
  color: var(--msc-text) !important;
  background: rgba(12, 25, 36, .94) !important;
  border: 1px solid var(--msc-line) !important;
}

.alert-info {
  color: #d9fbff !important;
  border-color: rgba(17, 215, 233, .38) !important;
  background: rgba(17, 215, 233, .11) !important;
}

.alert-danger,
.alert-error {
  color: #ffe1e4 !important;
  border-color: rgba(255, 104, 116, .44) !important;
  background: rgba(255, 104, 116, .12) !important;
}

.alert-success {
  color: #d8ffe9 !important;
  border-color: rgba(35, 210, 124, .38) !important;
  background: rgba(35, 210, 124, .1) !important;
}

.vs-cat-list1,
.list-group,
.menu,
.footer-widget ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: transparent !important;
  border: 0 !important;
}

.vs-cat-list1 li,
.list-group-item {
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.vs-cat-list1 a,
.list-group-item,
.footer-widget a {
  display: flex !important;
  justify-content: space-between;
  gap: 12px;
  min-height: 42px;
  align-items: center;
  padding: 0 13px !important;
  color: #d8caa5 !important;
  border: 1px solid rgba(199, 170, 102, .18) !important;
  background: rgba(255, 255, 255, .035) !important;
  font-weight: 900;
  text-decoration: none !important;
}

.vs-cat-list1 a:hover,
.list-group-item:hover,
.footer-widget a:hover {
  color: #fff2c6 !important;
  box-shadow: inset 3px 0 0 var(--msc-cyan);
}

.pagination,
.pagination ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.pagination a,
.pagination span,
.pagination li a,
.pagination li span {
  display: inline-flex;
  min-width: 36px;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  color: #fff2c6 !important;
  border: 1px solid rgba(199, 170, 102, .32) !important;
  background: rgba(7, 16, 24, .88) !important;
}

.pagination .active a,
.pagination .active span,
.pagination a:hover {
  color: #061014 !important;
  border-color: var(--msc-cyan) !important;
  background: var(--msc-cyan) !important;
}

.msc-search-band {
  position: relative;
  z-index: 2;
  padding: 34px 0;
  border-top: 1px solid rgba(199, 170, 102, .16);
  border-bottom: 1px solid rgba(199, 170, 102, .16);
  background:
    linear-gradient(90deg, rgba(2, 6, 9, .94), rgba(7, 24, 32, .86)),
    url("../images/muserver-header.jpg") center 55% / cover no-repeat;
}

.msc-search-panel {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(320px, 620px);
  gap: 20px;
  align-items: center;
  padding: 24px;
  border: 1px solid var(--msc-line);
  background: rgba(7, 16, 24, .84);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .24);
}

.msc-search-panel h2 {
  margin: 0;
  color: #fff7dd;
}

.msc-search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px;
  gap: 10px;
}

.msc-footer {
  color: var(--msc-muted);
  background: #05080d;
  border-top: 1px solid var(--msc-line);
}

.msc-footer-grid {
  display: grid;
  grid-template-columns: minmax(260px, 1.35fr) repeat(4, minmax(150px, 1fr));
  gap: 28px;
  padding: 42px 0;
}

.msc-footer-grid section,
.msc-footer-grid nav,
.msc-footer-brand {
  display: grid;
  gap: 9px;
  align-content: start;
}

.msc-footer-grid strong {
  color: #fff2c6;
  font-size: 14px;
  text-transform: uppercase;
}

.msc-footer-grid a {
  color: var(--msc-muted);
}

.msc-footer-grid a:hover,
.msc-footer-bottom a {
  color: var(--msc-cyan);
}

.msc-footer-brand > span {
  display: inline-flex;
  width: fit-content;
  min-height: 26px;
  align-items: center;
  padding: 0 9px;
  color: #061014;
  background: var(--msc-cyan);
  font-weight: 900;
  text-transform: uppercase;
}

.msc-footer-bottom {
  padding: 14px 0;
  background: #020406;
  border-top: 1px solid rgba(199, 170, 102, .14);
}

.msc-footer-bottom .msc-shell {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.msc-news-card {
  border: 1px solid var(--msc-line);
  background: var(--msc-panel);
}

.msc-news-full {
  display: grid;
  gap: 18px;
}

.msc-news-hero-image {
  width: 100%;
  max-height: 440px;
  object-fit: cover;
  border: 1px solid var(--msc-line);
}

.msc-news-content {
  color: #d8cfbc;
  font-size: 15px;
  line-height: 1.75;
}

.msc-news-content img,
.blog-content img {
  max-width: 100%;
  height: auto;
}

.msc-server-online-list {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--msc-line);
  background: rgba(7, 16, 24, .82);
}

.msc-server-online-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 12px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid rgba(199, 170, 102, .14);
}

.msc-server-online-row:last-child {
  border-bottom: 0;
}

.msc-server-online-row strong,
.msc-server-online-row span {
  display: block;
}

.msc-server-online-row strong {
  color: #fff2c6;
}

.msc-server-online-row span {
  color: var(--msc-muted);
  font-size: 12px;
}

.msc-server-online-row em {
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 12px;
}

.msc-server-online-row em.is-online {
  color: var(--msc-green);
}

.msc-server-online-row em.is-offline {
  color: var(--msc-red);
}

.msc-server-online-row small {
  grid-column: 1 / -1;
  height: 6px;
  overflow: hidden;
  background: rgba(0, 0, 0, .48);
  border: 1px solid rgba(199, 170, 102, .18);
}

.msc-server-online-row small i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--msc-cyan), var(--msc-green));
  box-shadow: 0 0 14px rgba(17, 215, 233, .3);
}

.msc-news-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 14px;
}

.msc-news-tile {
  display: grid;
  overflow: hidden;
  border: 1px solid var(--msc-line);
  background: var(--msc-panel);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.msc-news-tile:hover {
  border-color: var(--msc-line-strong);
  background: rgba(12, 25, 36, .98);
  transform: translateY(-2px);
}

.msc-news-tile-image {
  display: block;
  overflow: hidden;
}

.msc-news-tile-image img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transition: transform .35s ease, filter .35s ease;
}

.msc-news-tile:hover img {
  filter: saturate(1.12) contrast(1.06);
  transform: scale(1.045);
}

.msc-news-tile-body {
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 20px;
}

.msc-news-tile h3,
.msc-news-full-header h2 {
  margin: 0;
  color: #fff2c6;
}

.msc-news-tile p {
  margin: 0;
  color: var(--msc-muted);
}

.msc-pagination {
  margin-top: 20px;
}

.msc-auth-layout {
  display: grid;
  grid-template-columns: minmax(260px, 390px) minmax(320px, 560px);
  gap: 16px;
  align-items: stretch;
  justify-content: center;
}

.msc-auth-brand {
  display: grid;
  place-items: center;
  align-content: center;
  padding: 34px;
  border: 1px solid var(--msc-line);
  background:
    linear-gradient(180deg, rgba(7, 16, 24, .72), rgba(7, 16, 24, .94)),
    url("../images/muserver-header.jpg") center / cover no-repeat;
  text-align: center;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .24);
}

.msc-auth-brand img {
  width: 112px;
  height: 112px;
  object-fit: contain;
  margin-bottom: 12px;
  filter: drop-shadow(0 0 22px rgba(17, 215, 233, .42));
}

.msc-auth-brand h2 {
  margin-bottom: 6px;
  color: #fff7dd;
}

.msc-auth-brand p {
  margin: 0;
  color: var(--msc-muted);
}

.msc-auth-feature-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  width: 100%;
  max-width: 270px;
  margin-top: 20px;
}

.msc-auth-feature-list span {
  padding: 9px 10px;
  border: 1px solid rgba(201, 164, 93, .26);
  background: rgba(4, 10, 16, .66);
  color: #d9e6ff;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

.msc-auth-card {
  padding: 26px;
}

.msc-form {
  display: grid;
  gap: 14px;
}

.msc-form label {
  display: grid;
  gap: 8px;
}

.msc-captcha-image {
  max-width: 100%;
  border: 1px solid var(--msc-line);
  background: #fff;
}

.msc-module-notice {
  display: grid;
  gap: 16px;
  padding: 26px;
}

.msc-module-notice-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

#select_server,
#captchaModal {
  color: var(--msc-text);
  border: 1px solid var(--msc-line);
  background: var(--msc-panel-2);
}

#loading {
  z-index: 99999;
}

@keyframes mscSheen {
  to { transform: translateX(130%); }
}

@keyframes mscSlowSweep {
  0%, 48% { transform: translateX(-120%); opacity: 0; }
  60% { opacity: .24; }
  100% { transform: translateX(120%); opacity: 0; }
}

@media (max-width: 1120px) {
  .msc-footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 980px) {
  .msc-subhero-grid,
  .msc-search-panel,
  .msc-auth-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .msc-shell {
    width: min(100% - 20px, 100%);
  }

  .msc-search-form,
  .msc-footer-grid {
    grid-template-columns: 1fr;
  }

  .blog-content {
    padding: 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}