:root {
  --nx-white: #ffffff;
  --nx-paper: #f6fbff;
  --nx-ink: #0b0f14;
  --nx-muted: #5d6b78;
  --nx-line: #d8edf8;
  --nx-line-strong: #9ed9f7;
  --nx-blue: #8fd3ff;
  --nx-blue-soft: #eaf8ff;
  --nx-orange: #ffb066;
  --nx-orange-strong: #ff9842;
  --nx-shadow: 0 14px 34px rgba(11, 15, 20, .08);
  --nx-radius: 8px;
}

html {
  min-height: 100%;
  background: #05070d;
}

body.noxvar-modern {
  min-width: 0;
  color: var(--nx-ink);
  background:
    radial-gradient(circle at 70% 0%, rgba(255, 65, 90, .22), transparent 34%),
    linear-gradient(180deg, rgba(5, 7, 13, .18) 0%, rgba(5, 7, 13, .72) 54%, rgba(5, 7, 13, .88) 100%),
    linear-gradient(90deg, rgba(5, 7, 13, .70) 0%, rgba(5, 7, 13, .34) 42%, rgba(5, 7, 13, .62) 100%),
    image-set(url("../images/noxvar-site-bg-20260704.webp") type("image/webp"), url("../images/noxvar-site-bg-20260704.jpg") type("image/jpeg")) center top / cover fixed no-repeat,
    #05070d;
  font: 14px/1.55 "Segoe UI", Arial, Helvetica, sans-serif;
  text-align: left;
}

body.noxvar-modern *,
body.noxvar-modern *::before,
body.noxvar-modern *::after {
  box-sizing: border-box;
  letter-spacing: 0;
  text-shadow: none !important;
}

body.noxvar-modern a,
body.noxvar-modern a:link,
body.noxvar-modern a:active,
body.noxvar-modern a:visited {
  color: #0b5c85;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}

body.noxvar-modern a:hover {
  color: var(--nx-orange-strong);
}

body.noxvar-modern #wrapper {
  position: relative;
  width: 100%;
  min-height: 100vh;
  height: auto !important;
  background: none;
}

body.noxvar-modern #container {
  min-width: 0;
  max-width: 1180px;
  height: auto;
  min-height: 0;
  margin: 0 auto;
  padding: 18px 18px 34px;
}

body.noxvar-modern #top_menu {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 48px;
  padding: 10px 14px;
  color: var(--nx-muted);
  background: var(--nx-white);
  border: 1px solid var(--nx-line);
  border-radius: var(--nx-radius);
  box-shadow: var(--nx-shadow);
  font: 600 13px/1.2 "Segoe UI", Arial, sans-serif;
}

body.noxvar-modern .server-time,
body.noxvar-modern #timer {
  float: none;
  position: static;
  display: inline-flex;
  margin: 0;
  color: var(--nx-muted);
}

body.noxvar-modern #timer {
  color: var(--nx-ink);
  font-weight: 700;
}

body.noxvar-modern #lang {
  display: inline-flex;
  gap: 6px;
  margin-left: auto;
}

body.noxvar-modern #lang button,
body.noxvar-modern #top_menu button {
  min-width: 34px;
  min-height: 30px;
  padding: 4px 8px;
  color: var(--nx-ink) !important;
  background-color: var(--nx-blue-soft);
  border: 1px solid var(--nx-line);
  border-radius: var(--nx-radius);
  font-weight: 700;
}

body.noxvar-modern .logo {
  position: relative;
  display: flex;
  align-items: center;
  width: min(100%, 560px);
  min-height: 154px;
  margin: 18px 0 12px;
  padding: 0;
  color: var(--nx-white);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  opacity: 1;
  font: 800 44px/1 "Segoe UI", Arial, sans-serif;
}

body.noxvar-modern .logo img {
  display: block;
  width: min(100%, 540px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 16px 30px rgba(0, 0, 0, .72));
}

body.noxvar-modern .logo span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

body.noxvar-modern .logo::after {
  content: "Official Season 6 EP3 Realm";
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: max-content;
  margin-top: 8px;
  padding: 5px 10px;
  color: var(--nx-white);
  background: rgba(4, 12, 20, .78);
  border: 1px solid rgba(143, 211, 255, .42);
  border-radius: var(--nx-radius);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

body.noxvar-modern .menu {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 0;
  margin: 0 0 18px;
}

body.noxvar-modern .main_menu_default_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 15px;
  color: var(--nx-ink) !important;
  background: var(--nx-white);
  border: 1px solid var(--nx-line);
  border-radius: var(--nx-radius);
  box-shadow: none;
  font: 800 13px/1 "Segoe UI", Arial, sans-serif;
  text-transform: uppercase;
}

body.noxvar-modern .main_menu_default_button:hover {
  color: var(--nx-ink) !important;
  background: var(--nx-blue-soft);
  border-color: var(--nx-line-strong);
  transform: translateY(-1px);
}

body.noxvar-modern #contents {
  display: flex;
  align-items: flex-start;
  gap: 22px;
  width: 100%;
  min-height: 0;
  padding-top: 0;
}

body.noxvar-modern #panel_left,
body.noxvar-modern #panel_right {
  float: none;
  position: relative;
}

body.noxvar-modern #panel_left {
  flex: 0 0 320px;
  width: 320px;
}

body.noxvar-modern #panel_right {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  margin-right: 0;
  text-align: left;
}

body.noxvar-modern #content {
  min-height: 520px;
  padding: 18px;
  overflow-x: auto;
  color: var(--nx-ink);
  background: var(--nx-white);
  border: 1px solid var(--nx-line);
  border-radius: var(--nx-radius);
  box-shadow: var(--nx-shadow);
}

body.noxvar-modern .social_media_box,
body.noxvar-modern .login_form,
body.noxvar-modern #side_menu,
body.noxvar-modern .panel-group.nav,
body.noxvar-modern .vote_uptime > div,
body.noxvar-modern #news,
body.noxvar-modern #news_new,
body.noxvar-modern .form,
body.noxvar-modern .market_top,
body.noxvar-modern .market_bottom,
body.noxvar-modern .market_bottom_2,
body.noxvar-modern .news_content,
body.noxvar-modern .news_add,
body.noxvar-modern .tema {
  color: var(--nx-ink);
  background: var(--nx-white) !important;
  background-image: none !important;
  border: 1px solid var(--nx-line) !important;
  border-image: none !important;
  border-radius: var(--nx-radius) !important;
  box-shadow: none !important;
}

body.noxvar-modern .social_media_box {
  width: auto;
  height: auto;
  margin: 0 0 12px;
  padding: 10px;
}

body.noxvar-modern .media {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 0;
  margin: 0;
}

body.noxvar-modern .media img {
  width: 42px;
  height: 42px;
  padding: 7px;
  object-fit: contain;
  background: var(--nx-blue-soft);
  border: 1px solid var(--nx-line);
  border-radius: var(--nx-radius);
}

body.noxvar-modern .login_form {
  width: auto;
  height: auto;
  margin-top: 12px;
  padding: 16px;
}

body.noxvar-modern .login_username,
body.noxvar-modern .login_password,
body.noxvar-modern .login_sign_in_btn {
  float: none;
  clear: none;
  display: block;
  width: 100% !important;
  height: 42px;
  margin: 0 0 10px !important;
  padding: 0 12px;
  color: var(--nx-ink) !important;
  background: var(--nx-paper) !important;
  background-image: none !important;
  border: 1px solid var(--nx-line) !important;
  border-radius: var(--nx-radius);
  font: 600 14px/42px "Segoe UI", Arial, sans-serif;
}

body.noxvar-modern .login_sign_in_btn,
body.noxvar-modern input[type="submit"],
body.noxvar-modern input[type="button"],
body.noxvar-modern input[type="reset"],
body.noxvar-modern button,
body.noxvar-modern .button {
  min-height: 38px;
  color: var(--nx-ink) !important;
  background: var(--nx-orange) !important;
  background-image: none !important;
  border: 1px solid var(--nx-orange-strong) !important;
  border-image: none !important;
  border-radius: var(--nx-radius) !important;
  box-shadow: none !important;
  font-weight: 800;
  cursor: pointer;
}

body.noxvar-modern .login_sign_in_btn:hover,
body.noxvar-modern input[type="submit"]:hover,
body.noxvar-modern input[type="button"]:hover,
body.noxvar-modern input[type="reset"]:hover,
body.noxvar-modern button:hover,
body.noxvar-modern .button:hover {
  background: var(--nx-blue) !important;
  border-color: var(--nx-line-strong) !important;
}

body.noxvar-modern .login_checkbox {
  float: none;
  display: block;
  margin: 4px 0 12px;
  color: var(--nx-muted);
  font-size: 13px;
}

body.noxvar-modern .forgot {
  margin: 8px 0 0;
}

body.noxvar-modern input[type="checkbox"] {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: var(--nx-white) !important;
  background-image: none !important;
  border: 1px solid var(--nx-line-strong);
  border-radius: 4px;
}

body.noxvar-modern input[type="checkbox"]:checked {
  background: var(--nx-blue) !important;
  box-shadow: inset 0 0 0 4px var(--nx-white);
}

body.noxvar-modern .login_error,
body.noxvar-modern .error,
body.noxvar-modern .success {
  position: static;
  display: block;
  margin: 8px 0;
  padding: 10px 12px;
  border-radius: var(--nx-radius);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

body.noxvar-modern .error {
  color: #7b2a00;
  background: #fff2e6 !important;
  border: 1px solid #ffd2a3 !important;
}

body.noxvar-modern .success {
  color: #064b2b;
  background: #e8fff4 !important;
  border: 1px solid #a7f0cd !important;
}

body.noxvar-modern .panel-group.nav,
body.noxvar-modern .nav {
  height: auto;
  padding: 10px;
  background: var(--nx-white) !important;
  background-image: none !important;
  border: 1px solid var(--nx-line) !important;
  border-radius: var(--nx-radius);
  font: 600 14px/1.4 "Segoe UI", Arial, sans-serif;
}

body.noxvar-modern .welcome {
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 10px;
  color: var(--nx-muted);
  font-weight: 700;
}

body.noxvar-modern .welcome_user {
  color: var(--nx-ink);
  font-weight: 900;
}

body.noxvar-modern .panel.nav,
body.noxvar-modern .panel-default {
  padding: 0;
  margin: 0 0 10px;
  overflow: hidden;
  background: var(--nx-white);
  border: 1px solid var(--nx-line) !important;
  border-radius: var(--nx-radius);
  box-shadow: none;
}

body.noxvar-modern .tdTitle,
body.noxvar-modern .panel-heading {
  padding: 0;
  background: var(--nx-blue-soft) !important;
  background-image: none !important;
  border: 0;
  border-bottom: 1px solid var(--nx-line);
  font-family: "Segoe UI", Arial, sans-serif;
}

body.noxvar-modern .panel-title a,
body.noxvar-modern a.accordion-toggle {
  display: block;
  padding: 10px 12px;
  color: var(--nx-ink) !important;
  font: 800 13px/1.2 "Segoe UI", Arial, sans-serif;
  text-transform: uppercase;
}

body.noxvar-modern .panel-body {
  padding: 6px;
  color: var(--nx-ink);
  background: var(--nx-white);
}

body.noxvar-modern .nav ul,
body.noxvar-modern .side_menu {
  padding: 0;
  margin: 0;
}

body.noxvar-modern .nav ul li,
body.noxvar-modern .side_menu li {
  padding: 0;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none !important;
}

body.noxvar-modern .nav ul li a,
body.noxvar-modern .side_menu li a {
  display: block;
  padding: 8px 9px;
  color: var(--nx-muted) !important;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
}

body.noxvar-modern .nav ul li a:hover,
body.noxvar-modern .side_menu li a:hover {
  color: var(--nx-ink) !important;
  background: var(--nx-blue-soft);
}

body.noxvar-modern #side_menu {
  width: auto;
  min-height: 0;
  margin-top: 12px;
  padding: 10px;
  cursor: default;
  font: 600 14px/1.4 "Segoe UI", Arial, sans-serif;
}

body.noxvar-modern .half {
  float: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

body.noxvar-modern .tab {
  padding: 0;
  margin-bottom: 8px;
  color: var(--nx-ink);
}

body.noxvar-modern .tab label,
body.noxvar-modern .blue label {
  width: 100%;
  min-height: 42px;
  padding: 12px 44px 12px 12px;
  color: var(--nx-ink);
  background: var(--nx-blue-soft) !important;
  background-image: none !important;
  border: 1px solid var(--nx-line) !important;
  border-image: none !important;
  border-radius: var(--nx-radius);
  font: 800 13px/1.2 "Segoe UI", Arial, sans-serif;
  text-transform: uppercase;
}

body.noxvar-modern .tab-content {
  color: var(--nx-muted);
  background: var(--nx-white) !important;
  border: 1px solid var(--nx-line) !important;
  border-image: none !important;
  border-radius: 0 0 var(--nx-radius) var(--nx-radius);
  font: 600 13px/1.4 "Segoe UI", Arial, sans-serif;
}

body.noxvar-modern .event_timer {
  width: 100%;
  margin: 10px 0 0 !important;
  color: var(--nx-ink);
  font-size: 13px !important;
}

body.noxvar-modern .event_timer td {
  padding: 6px !important;
}

body.noxvar-modern .event_timer span {
  display: inline-block;
  margin-left: 0 !important;
  color: var(--nx-orange-strong) !important;
  font-weight: 800;
}

body.noxvar-modern .vote_uptime {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}

body.noxvar-modern #uptime,
body.noxvar-modern #vote {
  float: none;
  width: auto;
  height: auto;
  min-height: 128px;
  margin: 0;
  padding: 16px;
}

body.noxvar-modern #uptime {
  color: var(--nx-ink);
}

body.noxvar-modern .progress {
  position: static;
  width: 100%;
  height: 22px;
  margin: 0 0 14px;
  overflow: hidden;
  padding-left: 10px;
  color: var(--nx-muted);
  background: var(--nx-blue-soft) !important;
  border: 1px solid var(--nx-line);
  border-radius: 999px;
  box-shadow: none;
  line-height: 20px;
}

body.noxvar-modern .progress-bar {
  background: var(--nx-orange) !important;
  box-shadow: none;
}

body.noxvar-modern .srv-offline,
body.noxvar-modern .srv-online {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 96px;
  height: 34px;
  margin: 14px 0 0;
  padding: 0 12px;
  background: var(--nx-blue-soft) !important;
  background-image: none !important;
  border: 1px solid var(--nx-line-strong) !important;
  border-image: none !important;
  border-radius: var(--nx-radius);
  color: var(--nx-ink);
  font-size: 12px;
  font-weight: 900;
}

body.noxvar-modern .srv-offline::after {
  content: "OFFLINE";
}

body.noxvar-modern .srv-online::after {
  content: "ONLINE";
}

body.noxvar-modern .uptime_online {
  float: none;
  margin: 0;
  color: var(--nx-muted);
}

body.noxvar-modern .vote_text {
  margin: 0 0 14px;
  color: var(--nx-ink);
  font: 800 17px/1.3 "Segoe UI", Arial, sans-serif;
}

body.noxvar-modern .vote_link_left,
body.noxvar-modern .vote_link_right {
  float: none;
  display: inline-block;
  margin: 0 8px 0 0;
  padding: 8px 10px;
  color: var(--nx-ink) !important;
  background: var(--nx-orange);
  border-radius: var(--nx-radius);
  font-size: 13px;
  font-weight: 800;
}

body.noxvar-modern #news,
body.noxvar-modern #news_new {
  float: none;
  width: 100%;
  margin: 16px 0 0 !important;
  padding: 14px;
}

body.noxvar-modern .where_nav {
  margin: 0 0 12px;
  color: var(--nx-ink);
  font: 900 20px/1.2 "Segoe UI", Arial, sans-serif;
}

body.noxvar-modern .tema {
  margin: 8px 0;
  padding: 11px 12px;
  color: var(--nx-ink);
  cursor: pointer;
  font: 800 14px/1.35 "Segoe UI", Arial, sans-serif;
}

body.noxvar-modern .tema:hover {
  border-color: var(--nx-line-strong) !important;
  transform: translateY(-1px);
}

body.noxvar-modern .news_date,
body.noxvar-modern .author,
body.noxvar-modern .author_name {
  color: var(--nx-muted);
  font-size: 12px;
}

body.noxvar-modern .news_content {
  padding: 14px;
  color: var(--nx-ink);
  text-align: left;
}

body.noxvar-modern .table,
body.noxvar-modern .table_reg,
body.noxvar-modern #content table:not(.vaults) {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 14px;
  overflow: hidden;
  color: var(--nx-ink);
  background: var(--nx-white);
  border: 1px solid var(--nx-line) !important;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--nx-radius);
}

body.noxvar-modern .table tbody,
body.noxvar-modern .table tr {
  width: auto;
  border: 0 !important;
  padding: 0;
  color: var(--nx-ink);
  font-size: 14px;
}

body.noxvar-modern .table td,
body.noxvar-modern .table th,
body.noxvar-modern #content table:not(.vaults) td,
body.noxvar-modern #content table:not(.vaults) th {
  padding: 10px 12px !important;
  color: var(--nx-ink);
  border: 0;
  border-top: 1px solid #eef6fb;
  text-align: left !important;
  vertical-align: middle;
}

body.noxvar-modern .table tr:first-child td,
body.noxvar-modern #content table:not(.vaults) tr:first-child td {
  border-top: 0;
}

body.noxvar-modern .title,
body.noxvar-modern tr.title,
body.noxvar-modern .tdTitle,
body.noxvar-modern .full_title,
body.noxvar-modern .waretitle,
body.noxvar-modern .stitle {
  color: var(--nx-ink) !important;
  background: var(--nx-blue-soft) !important;
  background-image: none !important;
  border: 0 !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: 900;
  line-height: 1.3;
  text-align: left !important;
  letter-spacing: 0;
}

body.noxvar-modern .form,
body.noxvar-modern .market_top {
  clear: both;
  padding: 14px;
  border-top-width: 1px !important;
}

body.noxvar-modern td[style*="coins_temp"] {
  width: auto !important;
  min-width: 260px;
  height: auto !important;
  background: var(--nx-blue-soft) !important;
  background-image: none !important;
  border-radius: var(--nx-radius);
}

body.noxvar-modern .coins_text {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 8px 12px;
  color: var(--nx-ink);
  background: var(--nx-white);
  border: 1px solid var(--nx-line);
  border-radius: var(--nx-radius);
  font-weight: 900;
}

body.noxvar-modern input,
body.noxvar-modern select,
body.noxvar-modern textarea,
body.noxvar-modern .form input,
body.noxvar-modern .form select,
body.noxvar-modern .market_top input,
body.noxvar-modern .market_top select,
body.noxvar-modern .bootstrap-select > .dropdown-toggle {
  max-width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  color: var(--nx-ink) !important;
  background: var(--nx-white) !important;
  background-image: none !important;
  border: 1px solid var(--nx-line) !important;
  border-image: none !important;
  border-radius: var(--nx-radius) !important;
  box-shadow: none !important;
  font: 600 14px/1.35 "Segoe UI", Arial, sans-serif;
}

body.noxvar-modern textarea {
  min-height: 120px;
  resize: vertical;
}

body.noxvar-modern select {
  width: auto;
  min-width: 160px;
  appearance: auto;
  -webkit-appearance: menulist;
  text-indent: 0;
}

body.noxvar-modern ::placeholder {
  color: #84919e;
}

body.noxvar-modern .market_bottom,
body.noxvar-modern .market_bottom_2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  margin: 4px;
  padding: 8px 11px;
  color: var(--nx-ink) !important;
  font-weight: 800;
}

body.noxvar-modern .market_bottom_2 {
  background: var(--nx-blue-soft) !important;
}

body.noxvar-modern .market_bottom:hover,
body.noxvar-modern .market_bottom_2:hover {
  background: var(--nx-orange) !important;
}

body.noxvar-modern .market_button input {
  width: auto;
  min-width: 100px;
}

body.noxvar-modern .char_name,
body.noxvar-modern .zen,
body.noxvar-modern .font,
body.noxvar-modern .admin-title span,
body.noxvar-modern .admin_td {
  color: var(--nx-orange-strong) !important;
}

body.noxvar-modern .vaults {
  background: var(--nx-ink) !important;
  border: 1px solid var(--nx-line-strong) !important;
  border-radius: var(--nx-radius);
}

body.noxvar-modern .sell,
body.noxvar-modern .new_sell {
  color: var(--nx-ink);
  background: var(--nx-white) !important;
  border: 1px solid var(--nx-line) !important;
  border-radius: var(--nx-radius);
  box-shadow: var(--nx-shadow);
}

body.noxvar-modern #easyTooltip {
  color: var(--nx-ink);
  background: var(--nx-white) !important;
  border: 1px solid var(--nx-line-strong);
  border-radius: var(--nx-radius);
  box-shadow: var(--nx-shadow);
}

body.noxvar-modern .item_info {
  color: var(--nx-ink);
}

body.noxvar-modern #footer {
  clear: both;
  height: auto;
  min-height: 0;
  margin-top: 24px;
  padding: 18px;
  color: var(--nx-muted);
  background: var(--nx-white);
  border-top: 1px solid var(--nx-line);
}

body.noxvar-modern .footer_links,
body.noxvar-modern .footer_info {
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 6px;
  color: var(--nx-muted);
  background: transparent;
  border-radius: 0;
  text-align: center;
}

body.noxvar-modern .footer_links a {
  color: var(--nx-muted) !important;
}

body.noxvar-modern .footer_links a:hover {
  color: var(--nx-orange-strong) !important;
}

body.noxvar-modern img {
  max-width: 100%;
}

body.noxvar-modern .box_skitter,
body.noxvar-modern .box_skitter_large {
  max-width: 100%;
  border-radius: var(--nx-radius);
  overflow: hidden;
}

@media (max-width: 980px) {
  body.noxvar-modern #container {
    padding: 12px;
  }

  body.noxvar-modern #contents {
    flex-direction: column;
  }

  body.noxvar-modern #panel_left,
  body.noxvar-modern #panel_right {
    width: 100%;
    flex: 1 1 auto;
  }

  body.noxvar-modern .vote_uptime {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  body.noxvar-modern #top_menu {
    flex-wrap: wrap;
  }

  body.noxvar-modern #lang {
    width: 100%;
    margin-left: 0;
  }

  body.noxvar-modern .logo {
    font-size: 34px;
  }

  body.noxvar-modern .menu {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.noxvar-modern .main_menu_default_button {
    width: 100%;
    padding: 10px 8px;
    font-size: 12px;
  }

  body.noxvar-modern #content {
    padding: 12px;
  }

  body.noxvar-modern #content table:not(.vaults),
  body.noxvar-modern #content table:not(.vaults) tbody,
  body.noxvar-modern #content table:not(.vaults) tr,
  body.noxvar-modern #content table:not(.vaults) td,
  body.noxvar-modern #content table:not(.vaults) th {
    display: block;
    width: 100% !important;
    float: none !important;
  }

  body.noxvar-modern #content table:not(.vaults) td,
  body.noxvar-modern #content table:not(.vaults) th {
    text-align: left !important;
  }

  body.noxvar-modern .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
  body.noxvar-modern .bootstrap-select,
  body.noxvar-modern select,
  body.noxvar-modern .bootstrap-select > .dropdown-toggle {
    width: 100% !important;
    min-width: 0;
  }

  body.noxvar-modern td[style*="coins_temp"] {
    min-width: 0;
  }

  body.noxvar-modern .coins_text {
    width: 100%;
    justify-content: center;
  }
}

/* NoxVar game-site pass */
:root {
  --nx-night: #06090e;
  --nx-steel: #101923;
  --nx-blue-glow: rgba(143, 211, 255, .42);
  --nx-orange-glow: rgba(255, 176, 102, .36);
}

html {
  background: var(--nx-night);
}

body.noxvar-modern {
  color: #eef8ff;
  background: #070b11;
}

body.noxvar-modern #wrapper {
  background:
    linear-gradient(180deg, rgba(3, 5, 8, .35) 0, rgba(3, 5, 8, .72) 250px, rgba(7, 11, 17, .96) 430px),
    radial-gradient(circle at 78% 145px, rgba(255, 176, 102, .2), transparent 26%),
    radial-gradient(circle at 16% 520px, rgba(143, 211, 255, .12), transparent 30%),
    linear-gradient(90deg, rgba(5, 8, 13, .95) 0, rgba(5, 8, 13, .54) 48%, rgba(5, 8, 13, .9) 100%),
    url("../../../imgs/banners/banner3.png") center top / cover no-repeat;
}

body.noxvar-modern #container {
  padding-top: 14px;
}

body.noxvar-modern #top_menu {
  color: #dff4ff;
  background: rgba(5, 8, 13, .86) !important;
  border-color: rgba(143, 211, 255, .32) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .34);
}

body.noxvar-modern .server-time,
body.noxvar-modern #timer {
  color: #dff4ff;
}

body.noxvar-modern #lang button,
body.noxvar-modern #top_menu button {
  color: #f8fbff !important;
  background-color: rgba(143, 211, 255, .16) !important;
  border-color: rgba(143, 211, 255, .36) !important;
}

body.noxvar-modern .logo {
  min-height: 138px;
  margin: 18px 0 12px;
  padding-top: 20px;
  color: #ffffff;
  font-size: 56px;
  line-height: .9;
  text-transform: uppercase;
}

body.noxvar-modern .logo::after {
  color: #f8fbff;
  background: rgba(8, 16, 25, .8);
  border-color: rgba(143, 211, 255, .42);
  box-shadow: inset 0 0 0 1px rgba(255, 176, 102, .16);
}

body.noxvar-modern .main_menu_default_button {
  color: #f8fbff !important;
  background: rgba(5, 8, 13, .86) !important;
  border-color: rgba(143, 211, 255, .28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

body.noxvar-modern .main_menu_default_button:hover {
  color: var(--nx-ink) !important;
  background: linear-gradient(180deg, var(--nx-orange), var(--nx-orange-strong)) !important;
  border-color: rgba(255, 176, 102, .78) !important;
}

body.noxvar-modern #content {
  color: #edf8ff;
  background:
    linear-gradient(180deg, rgba(11, 20, 30, .97), rgba(5, 8, 13, .98)) !important;
  border-color: rgba(143, 211, 255, .5) !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, .34), inset 0 3px 0 rgba(143, 211, 255, .3);
}

body.noxvar-modern .social_media_box,
body.noxvar-modern .login_form,
body.noxvar-modern #side_menu,
body.noxvar-modern .panel-group.nav,
body.noxvar-modern .panel.nav,
body.noxvar-modern .panel-default,
body.noxvar-modern #news,
body.noxvar-modern #news_new {
  color: #edf8ff;
  background:
    linear-gradient(180deg, rgba(10, 18, 27, .98), rgba(5, 8, 13, .96)) !important;
  border-color: rgba(143, 211, 255, .42) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, .26) !important;
}

body.noxvar-modern .noxvar-social-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body.noxvar-modern .noxvar-social-link {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px;
  color: #f8fbff !important;
  background: var(--nx-night);
  border: 1px solid rgba(143, 211, 255, .34);
  border-radius: var(--nx-radius);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

body.noxvar-modern .noxvar-social-link i {
  color: var(--nx-blue);
  font-size: 15px;
}

body.noxvar-modern .noxvar-social-link:hover {
  color: var(--nx-ink) !important;
  background: var(--nx-orange);
  border-color: var(--nx-orange-strong);
}

body.noxvar-modern .noxvar-social-link:hover i {
  color: var(--nx-ink);
}

body.noxvar-modern .panel-title img[src*="new1.gif"] {
  display: none;
}

body.noxvar-modern .tdTitle,
body.noxvar-modern .panel-heading,
body.noxvar-modern .title,
body.noxvar-modern tr.title,
body.noxvar-modern .full_title,
body.noxvar-modern .waretitle,
body.noxvar-modern .stitle {
  color: #f8fbff !important;
  background: linear-gradient(90deg, var(--nx-night), #10283a 70%, rgba(255, 176, 102, .86)) !important;
}

body.noxvar-modern tr.title td,
body.noxvar-modern .table tr.title td,
body.noxvar-modern #content table tr.title td {
  color: #f8fbff !important;
  background: transparent !important;
}

body.noxvar-modern .panel-title a,
body.noxvar-modern a.accordion-toggle {
  color: #f8fbff !important;
}

body.noxvar-modern .welcome {
  color: #a8bdce !important;
}

body.noxvar-modern .welcome_user {
  color: #f8fbff !important;
}

body.noxvar-modern .panel-body {
  color: #dff4ff !important;
  background: rgba(5, 8, 13, .54) !important;
}

body.noxvar-modern .nav ul li a,
body.noxvar-modern .side_menu li a {
  position: relative;
  color: #c4d5e2 !important;
  border: 1px solid transparent;
}

body.noxvar-modern .nav ul li a:hover,
body.noxvar-modern .side_menu li a:hover {
  color: #061017 !important;
  background: linear-gradient(90deg, var(--nx-blue), var(--nx-orange)) !important;
  border-color: rgba(255, 255, 255, .38);
  transform: translateX(3px);
}

body.noxvar-modern .nav ul li a::before,
body.noxvar-modern .side_menu li a::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  vertical-align: 1px;
  background: var(--nx-blue);
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(143, 211, 255, .6);
}

body.noxvar-modern .market_bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  justify-content: flex-start;
}

body.noxvar-modern .market_bottom a,
body.noxvar-modern .market_bottom_2,
body.noxvar-modern .button_pagi,
body.noxvar-modern .button_pagi a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 11px;
  color: #f8fbff !important;
  background: var(--nx-steel) !important;
  border: 1px solid rgba(143, 211, 255, .34) !important;
  border-radius: var(--nx-radius);
  font-weight: 900;
}

body.noxvar-modern .market_bottom a:hover,
body.noxvar-modern .market_bottom_2:hover,
body.noxvar-modern .button_pagi a:hover {
  color: var(--nx-ink) !important;
  background: var(--nx-orange) !important;
  border-color: var(--nx-orange-strong) !important;
}

body.noxvar-modern table.items_row {
  color: #f8fbff !important;
  background: #06090e !important;
  border-color: rgba(143, 211, 255, .42) !important;
}

body.noxvar-modern table.items_row tr,
body.noxvar-modern table.items_row tr.market {
  color: #f8fbff !important;
  background: linear-gradient(90deg, #080d14, #121b25) !important;
}

body.noxvar-modern table.items_row tr:nth-child(even):not(.market_bottom_2) {
  background: linear-gradient(90deg, #0c141e, #172331) !important;
}

body.noxvar-modern table.items_row tr.market_bottom_2,
body.noxvar-modern table.items_row tr.market_bottom_2 td {
  color: #f8fbff !important;
  background: linear-gradient(90deg, var(--nx-night), #10283a 72%, rgba(255, 176, 102, .86)) !important;
  border-color: rgba(143, 211, 255, .26) !important;
  font-weight: 900;
}

body.noxvar-modern table.items_row td,
body.noxvar-modern table.items_row th,
body.noxvar-modern table.items_row b {
  color: #f8fbff !important;
}

body.noxvar-modern table.items_row img[src*="imgs/items/"] {
  padding: 8px;
  background: #071018;
  border: 1px solid rgba(143, 211, 255, .35);
  border-radius: 8px;
}

body.noxvar-modern table.items_row .market_button {
  margin-top: 10px;
}

body.noxvar-modern .vaults {
  width: auto !important;
  margin: 14px auto 22px !important;
  padding: 10px !important;
  background:
    linear-gradient(135deg, rgba(143, 211, 255, .08), transparent 38%),
    #071018 !important;
  border: 1px solid rgba(143, 211, 255, .4) !important;
  border-collapse: separate !important;
  border-spacing: 2px !important;
  border-radius: var(--nx-radius);
  box-shadow: 0 20px 42px rgba(0, 0, 0, .22);
}

body.noxvar-modern .vaults td,
body.noxvar-modern .itemblock {
  color: #dff4ff !important;
  background-color: #0b1520 !important;
  border-color: rgba(143, 211, 255, .12) !important;
}

body.noxvar-modern .vaults .noxvar-vault-slot,
body.noxvar-modern .vaults td:not(.itemblock) {
  min-width: 32px;
  min-height: 32px;
  padding: 0 !important;
  vertical-align: middle;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 38%, rgba(143, 211, 255, .12), transparent 58%),
    #0b1520 !important;
  border: 1px solid rgba(143, 211, 255, .18) !important;
}

body.noxvar-modern .vaults .noxvar-vault-item {
  background:
    radial-gradient(circle at 50% 35%, rgba(255, 176, 102, .14), transparent 60%),
    #071018 !important;
}

body.noxvar-modern .vaults .noxvar-vault-empty-cell {
  width: 32px;
  height: 32px;
  background:
    linear-gradient(135deg, transparent 46%, rgba(143, 211, 255, .08) 47%, rgba(143, 211, 255, .08) 53%, transparent 54%),
    linear-gradient(45deg, transparent 46%, rgba(143, 211, 255, .06) 47%, rgba(143, 211, 255, .06) 53%, transparent 54%);
}

body.noxvar-modern .vaults a.someClass {
  display: block;
  outline: 0;
}

body.noxvar-modern .vaults a.someClass:hover {
  filter: drop-shadow(0 0 7px rgba(143, 211, 255, .65));
  transform: translateY(-1px);
}

body.noxvar-modern .vaults img.m,
body.noxvar-modern img[src*="imgs/items/"] {
  image-rendering: auto;
}

body.noxvar-modern .vaults img.m[src*="imgs/items/"] {
  display: block;
  max-width: 100%;
  object-fit: contain;
}

body.noxvar-modern img[src$="imgs/items/no.gif"],
body.noxvar-modern img[src$="/imgs/items/no.gif"] {
  padding: 4px;
  background: #0b1520;
  border: 1px solid var(--nx-orange-strong);
  border-radius: 6px;
}

body.noxvar-modern .sell,
body.noxvar-modern .new_sell {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  width: min(340px, calc(100vw - 28px)) !important;
  min-height: 0 !important;
  max-height: calc(100vh - 40px);
  margin: 0 !important;
  padding: 18px !important;
  overflow: auto;
  transform: translate(-50%, -50%);
  color: #f8fbff;
  background:
    linear-gradient(180deg, rgba(8, 14, 21, .98), rgba(2, 4, 7, .98)) !important;
  border-color: rgba(143, 211, 255, .42) !important;
  box-shadow: 0 30px 86px rgba(0, 0, 0, .62), inset 0 1px 0 rgba(143, 211, 255, .24);
  border-radius: var(--nx-radius);
  z-index: 5000;
}

body.noxvar-modern .sell .form,
body.noxvar-modern .new_sell .form {
  color: #f8fbff;
  background: transparent !important;
}

body.noxvar-modern .new_sell table {
  width: 100%;
  background: transparent !important;
  border: 0 !important;
}

body.noxvar-modern .new_sell td {
  color: #f8fbff !important;
  background: transparent !important;
  border: 0 !important;
}

body.noxvar-modern .noxvar-popup-item {
  display: block;
  max-width: 52px;
  max-height: 52px;
  margin: 0 auto 10px;
  padding: 4px;
  background: #071018;
  border: 1px solid rgba(143, 211, 255, .34);
  border-radius: 6px;
}

body.noxvar-modern .new_sell input[type="submit"],
body.noxvar-modern .new_sell input[type="button"] {
  width: auto !important;
  min-width: 112px;
  margin: 5px;
}

body.noxvar-modern .noxvar-warehouse-action {
  position: absolute;
  float: none;
  margin-left: 27px;
  margin-top: 10px;
}

body.noxvar-modern .noxvar-warehouse-action a {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  padding: 7px 11px;
  color: var(--nx-ink) !important;
  background: var(--nx-orange);
  border: 1px solid var(--nx-orange-strong);
  border-radius: var(--nx-radius);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

body.noxvar-modern .noxvar-warehouse-action a:hover {
  background: var(--nx-blue);
  border-color: var(--nx-line-strong);
}

body.noxvar-modern .noxvar-auction-frame {
  display: block;
  width: 100% !important;
  max-width: 760px;
  margin: 0 auto;
  background: #06090e;
  border: 1px solid rgba(143, 211, 255, .38);
  border-radius: var(--nx-radius);
  box-shadow: 0 18px 44px rgba(11, 15, 20, .18);
}

body.noxvar-modern #easyTooltip,
body.noxvar-modern #tiptip_content {
  color: #f8fbff !important;
  background: #06090e !important;
  border-color: rgba(143, 211, 255, .44) !important;
}

@media (max-width: 640px) {
  body.noxvar-modern #wrapper {
    background:
      linear-gradient(180deg, rgba(3, 5, 8, .62) 0, rgba(3, 5, 8, .82) 250px, var(--nx-paper) 360px),
      url("../../../imgs/banners/banner3.png") center top / auto 260px no-repeat;
  }

  body.noxvar-modern .logo {
    min-height: 102px;
    font-size: 38px;
  }

  body.noxvar-modern .noxvar-social-links {
    grid-template-columns: 1fr;
  }
}

/* NoxVar redesign phase 2: black game shell, white work surfaces, blue status, orange actions. */
:root {
  --nx-white: #ffffff;
  --nx-paper: #f4f9fc;
  --nx-ink: #05070a;
  --nx-black: #030507;
  --nx-panel: #0a1016;
  --nx-muted: #607080;
  --nx-soft: #e9f7ff;
  --nx-baby: #9fdbff;
  --nx-baby-strong: #55bcf4;
  --nx-orange: #ffb166;
  --nx-orange-strong: #ff8f38;
  --nx-line: #d2eaf7;
  --nx-dark-line: rgba(159, 219, 255, .26);
  --nx-shadow: 0 18px 46px rgba(3, 5, 7, .14);
  --nx-radius: 8px;
}

html,
body.noxvar-modern {
  background: var(--nx-paper);
}

body.noxvar-modern {
  color: var(--nx-ink);
  font: 14px/1.55 "Segoe UI", Arial, Helvetica, sans-serif;
}

body.noxvar-modern #wrapper {
  background:
    linear-gradient(180deg, rgba(3, 5, 7, .82) 0, rgba(3, 5, 7, .7) 260px, var(--nx-paper) 560px),
    linear-gradient(90deg, rgba(3, 5, 7, .98) 0, rgba(3, 5, 7, .62) 48%, rgba(3, 5, 7, .94) 100%),
    url("../../../imgs/banners/banner3.png") center top / cover no-repeat;
}

body.noxvar-modern #container {
  max-width: 1240px;
  padding: 16px 18px 40px;
}

body.noxvar-modern #top_menu {
  min-height: 48px;
  color: var(--nx-white);
  background: rgba(3, 5, 7, .9) !important;
  border: 1px solid var(--nx-dark-line) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .24);
  backdrop-filter: blur(10px);
}

body.noxvar-modern .server-time,
body.noxvar-modern #timer {
  color: var(--nx-white);
  font-weight: 800;
}

body.noxvar-modern .server-time {
  color: var(--nx-baby);
}

body.noxvar-modern #lang button,
body.noxvar-modern #top_menu button {
  color: var(--nx-white) !important;
  background: rgba(159, 219, 255, .14) !important;
  border-color: var(--nx-dark-line) !important;
}

body.noxvar-modern #lang button:hover,
body.noxvar-modern #top_menu button:hover {
  color: var(--nx-ink) !important;
  background: var(--nx-orange) !important;
  border-color: var(--nx-orange-strong) !important;
}

body.noxvar-modern .logo {
  width: min(760px, 100%);
  min-height: 142px;
  margin: 22px 0 16px;
  padding-top: 18px;
  color: var(--nx-white);
  font-size: 58px;
  line-height: .92;
  text-transform: uppercase;
}

body.noxvar-modern .logo::after {
  content: "Season 6 Episode 3";
  width: max-content;
  max-width: 100%;
  color: var(--nx-ink);
  background: var(--nx-baby);
  border: 1px solid rgba(255, 255, 255, .52);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .2);
}

body.noxvar-modern .noxvar-quick-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  width: min(780px, 100%);
  margin: 0 0 16px;
}

body.noxvar-modern .noxvar-quick-action {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 12px;
  color: var(--nx-white) !important;
  background: rgba(3, 5, 7, .86);
  border: 1px solid var(--nx-dark-line);
  border-radius: var(--nx-radius);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

body.noxvar-modern .noxvar-quick-action i {
  color: var(--nx-baby);
  font-size: 15px;
}

body.noxvar-modern .noxvar-quick-action:hover,
body.noxvar-modern .noxvar-primary-action {
  color: var(--nx-ink) !important;
  background: var(--nx-orange);
  border-color: var(--nx-orange-strong);
  transform: translateY(-1px);
}

body.noxvar-modern .noxvar-quick-action:hover i,
body.noxvar-modern .noxvar-primary-action i {
  color: var(--nx-ink);
}

body.noxvar-modern .menu {
  width: min(100%, 1040px);
  margin-bottom: 22px;
}

body.noxvar-modern .main_menu_default_button {
  min-height: 38px;
  color: var(--nx-white) !important;
  background: rgba(3, 5, 7, .68) !important;
  border-color: var(--nx-dark-line) !important;
  border-radius: var(--nx-radius) !important;
  font-size: 12px;
}

body.noxvar-modern .main_menu_default_button:hover {
  color: var(--nx-ink) !important;
  background: var(--nx-baby) !important;
  border-color: var(--nx-baby-strong) !important;
}

body.noxvar-modern #contents {
  align-items: flex-start;
  gap: 24px;
}

body.noxvar-modern #panel_left {
  flex: 0 0 310px;
  width: 310px;
  position: sticky;
  top: 14px;
}

body.noxvar-modern #content {
  min-height: 560px;
  padding: 20px;
  color: var(--nx-ink);
  background: var(--nx-white) !important;
  border: 1px solid var(--nx-line) !important;
  box-shadow: var(--nx-shadow);
}

body.noxvar-modern .social_media_box,
body.noxvar-modern .login_form,
body.noxvar-modern #side_menu,
body.noxvar-modern .panel-group.nav,
body.noxvar-modern .panel.nav,
body.noxvar-modern .panel-default,
body.noxvar-modern #news,
body.noxvar-modern #news_new,
body.noxvar-modern .form,
body.noxvar-modern .market_top {
  color: var(--nx-ink);
  background: var(--nx-white) !important;
  border: 1px solid var(--nx-line) !important;
  box-shadow: var(--nx-shadow) !important;
}

body.noxvar-modern .noxvar-social-links {
  grid-template-columns: 1fr;
}

body.noxvar-modern .noxvar-social-link {
  justify-content: flex-start;
  min-height: 42px;
  padding: 9px 12px;
  color: var(--nx-ink) !important;
  background: var(--nx-soft);
  border-color: var(--nx-line);
}

body.noxvar-modern .noxvar-social-link i {
  color: var(--nx-baby-strong);
}

body.noxvar-modern .noxvar-social-link:hover {
  color: var(--nx-ink) !important;
  background: var(--nx-orange);
  border-color: var(--nx-orange-strong);
}

body.noxvar-modern .login_username,
body.noxvar-modern .login_password,
body.noxvar-modern input,
body.noxvar-modern select,
body.noxvar-modern textarea,
body.noxvar-modern .form input,
body.noxvar-modern .form select,
body.noxvar-modern .market_top input,
body.noxvar-modern .market_top select,
body.noxvar-modern .bootstrap-select > .dropdown-toggle {
  color: var(--nx-ink) !important;
  background: var(--nx-paper) !important;
  border: 1px solid var(--nx-line) !important;
}

body.noxvar-modern .login_sign_in_btn,
body.noxvar-modern input[type="submit"],
body.noxvar-modern input[type="button"],
body.noxvar-modern input[type="reset"],
body.noxvar-modern button,
body.noxvar-modern .button {
  color: var(--nx-ink) !important;
  background: var(--nx-orange) !important;
  border-color: var(--nx-orange-strong) !important;
  font-weight: 900;
}

body.noxvar-modern .login_sign_in_btn:hover,
body.noxvar-modern input[type="submit"]:hover,
body.noxvar-modern input[type="button"]:hover,
body.noxvar-modern input[type="reset"]:hover,
body.noxvar-modern button:hover,
body.noxvar-modern .button:hover {
  background: var(--nx-baby) !important;
  border-color: var(--nx-baby-strong) !important;
}

body.noxvar-modern .tdTitle,
body.noxvar-modern .panel-heading,
body.noxvar-modern .title,
body.noxvar-modern tr.title,
body.noxvar-modern .full_title,
body.noxvar-modern .waretitle,
body.noxvar-modern .stitle,
body.noxvar-modern .noxvar-widget-title {
  color: var(--nx-white) !important;
  background: linear-gradient(90deg, var(--nx-black), #10202c 72%, var(--nx-orange)) !important;
  border: 0 !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: 900;
}

body.noxvar-modern .noxvar-widget-title {
  margin: -16px -16px 14px;
  padding: 12px 14px;
  border-radius: var(--nx-radius) var(--nx-radius) 0 0;
  text-transform: uppercase;
}

body.noxvar-modern .panel-title a,
body.noxvar-modern a.accordion-toggle {
  color: var(--nx-white) !important;
}

body.noxvar-modern .panel-body,
body.noxvar-modern .welcome,
body.noxvar-modern .welcome_user {
  color: var(--nx-ink) !important;
  background: var(--nx-white) !important;
}

body.noxvar-modern .nav ul li a,
body.noxvar-modern .side_menu li a {
  color: var(--nx-muted) !important;
}

body.noxvar-modern .nav ul li a:hover,
body.noxvar-modern .side_menu li a:hover {
  color: var(--nx-ink) !important;
  background: var(--nx-soft) !important;
  border-color: var(--nx-line);
}

body.noxvar-modern .nav ul li a::before,
body.noxvar-modern .side_menu li a::before {
  background: var(--nx-baby-strong);
  box-shadow: none;
}

body.noxvar-modern .vote_uptime {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
}

body.noxvar-modern #uptime,
body.noxvar-modern #vote {
  color: var(--nx-ink);
  background: var(--nx-white) !important;
  border: 1px solid var(--nx-line) !important;
  box-shadow: var(--nx-shadow) !important;
}

body.noxvar-modern .progress {
  color: var(--nx-muted);
  background: var(--nx-soft) !important;
  border-color: var(--nx-line);
}

body.noxvar-modern .progress-bar {
  background: var(--nx-orange) !important;
}

body.noxvar-modern .srv-online,
body.noxvar-modern .srv-offline {
  color: var(--nx-ink);
  background: var(--nx-soft) !important;
  border-color: var(--nx-baby-strong) !important;
}

body.noxvar-modern .srv-offline {
  border-color: var(--nx-orange-strong) !important;
}

body.noxvar-modern .vote_link_left,
body.noxvar-modern .vote_link_right,
body.noxvar-modern .market_bottom a,
body.noxvar-modern .market_bottom_2,
body.noxvar-modern .button_pagi,
body.noxvar-modern .button_pagi a {
  color: var(--nx-ink) !important;
  background: var(--nx-orange) !important;
  border: 1px solid var(--nx-orange-strong) !important;
  border-radius: var(--nx-radius);
}

body.noxvar-modern .vote_link_left:hover,
body.noxvar-modern .vote_link_right:hover,
body.noxvar-modern .market_bottom a:hover,
body.noxvar-modern .market_bottom_2:hover,
body.noxvar-modern .button_pagi a:hover {
  background: var(--nx-baby) !important;
  border-color: var(--nx-baby-strong) !important;
}

body.noxvar-modern .noxvar-main-carousel,
body.noxvar-modern .noxvar-fallback-banner,
body.noxvar-modern .box_skitter_large {
  width: 100% !important;
  height: auto !important;
  min-height: 240px;
  margin: 0 0 18px !important;
  overflow: hidden;
  background: var(--nx-black);
  border: 1px solid var(--nx-line);
  border-radius: var(--nx-radius);
  box-shadow: var(--nx-shadow);
}

body.noxvar-modern .box_skitter_large ul,
body.noxvar-modern .box_skitter_large li,
body.noxvar-modern .noxvar-fallback-banner ul,
body.noxvar-modern .noxvar-fallback-banner li {
  min-height: 240px;
}

body.noxvar-modern .box_skitter_large img {
  width: 100% !important;
  height: 260px !important;
  object-fit: cover;
}

body.noxvar-modern .label_text {
  right: 18px !important;
  bottom: 18px !important;
  left: auto !important;
  width: min(440px, calc(100% - 36px)) !important;
  padding: 12px 14px !important;
  color: var(--nx-white) !important;
  background: rgba(3, 5, 7, .86) !important;
  border: 1px solid var(--nx-dark-line) !important;
  border-radius: var(--nx-radius);
}

body.noxvar-modern .noxvar-fallback-banner-inner {
  display: flex;
  min-height: 260px;
  flex-direction: column;
  justify-content: flex-end;
  padding: 28px;
  color: var(--nx-white);
  background:
    linear-gradient(180deg, rgba(3, 5, 7, .28), rgba(3, 5, 7, .92)),
    url("../../../imgs/banners/banner3.png") center / cover no-repeat;
}

body.noxvar-modern .noxvar-fallback-banner-inner span {
  width: max-content;
  max-width: 100%;
  margin-bottom: 8px;
  padding: 5px 9px;
  color: var(--nx-ink);
  background: var(--nx-baby);
  border-radius: var(--nx-radius);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

body.noxvar-modern .noxvar-fallback-banner-inner strong {
  font-size: 34px;
  line-height: 1.05;
  text-transform: uppercase;
}

body.noxvar-modern .noxvar-fallback-banner-inner p {
  margin-top: 8px;
  color: #dff4ff;
  font-weight: 700;
}

body.noxvar-modern #news,
body.noxvar-modern #news_new {
  padding: 16px;
}

body.noxvar-modern .where_nav,
body.noxvar-modern .tema,
body.noxvar-modern .news_content {
  color: var(--nx-ink) !important;
}

body.noxvar-modern .tema {
  background: var(--nx-white) !important;
  border-color: var(--nx-line) !important;
}

body.noxvar-modern .tema:hover {
  background: var(--nx-soft) !important;
  border-color: var(--nx-baby-strong) !important;
}

body.noxvar-modern .table,
body.noxvar-modern .table_reg,
body.noxvar-modern #content table:not(.vaults) {
  color: var(--nx-ink);
  background: var(--nx-white) !important;
  border-color: var(--nx-line) !important;
}

body.noxvar-modern .table td,
body.noxvar-modern .table th,
body.noxvar-modern #content table:not(.vaults) td,
body.noxvar-modern #content table:not(.vaults) th {
  color: var(--nx-ink) !important;
  border-top-color: #edf6fb !important;
}

body.noxvar-modern table.items_row {
  color: var(--nx-ink) !important;
  background: var(--nx-white) !important;
  border-color: var(--nx-line) !important;
}

body.noxvar-modern table.items_row tr,
body.noxvar-modern table.items_row tr.market,
body.noxvar-modern table.items_row tr:nth-child(even):not(.market_bottom_2) {
  color: var(--nx-ink) !important;
  background: var(--nx-white) !important;
}

body.noxvar-modern table.items_row tr.market:hover {
  background: var(--nx-soft) !important;
}

body.noxvar-modern table.items_row tr.market_bottom_2,
body.noxvar-modern table.items_row tr.market_bottom_2 td {
  color: var(--nx-white) !important;
  background: linear-gradient(90deg, var(--nx-black), #10202c 72%, var(--nx-orange)) !important;
}

body.noxvar-modern table.items_row td,
body.noxvar-modern table.items_row th,
body.noxvar-modern table.items_row b {
  color: var(--nx-ink) !important;
}

body.noxvar-modern table.items_row img[src*="imgs/items/"] {
  background: var(--nx-panel);
  border: 1px solid var(--nx-baby-strong);
  border-radius: var(--nx-radius);
}

body.noxvar-modern .vaults {
  background: var(--nx-black) !important;
  border-color: var(--nx-baby-strong) !important;
  box-shadow: var(--nx-shadow), inset 0 0 0 1px rgba(255, 255, 255, .05);
}

body.noxvar-modern .vaults td,
body.noxvar-modern .itemblock {
  color: var(--nx-white) !important;
  background-color: #081018 !important;
}

body.noxvar-modern .vaults .noxvar-vault-slot,
body.noxvar-modern .vaults td:not(.itemblock) {
  background:
    linear-gradient(135deg, transparent 46%, rgba(159, 219, 255, .12) 47%, rgba(159, 219, 255, .12) 53%, transparent 54%),
    #081018 !important;
  border-color: rgba(159, 219, 255, .24) !important;
}

body.noxvar-modern .vaults .noxvar-vault-item {
  background: #0f1720 !important;
}

body.noxvar-modern .vaults a.someClass:hover {
  filter: drop-shadow(0 0 8px rgba(159, 219, 255, .68));
}

body.noxvar-modern .sell,
body.noxvar-modern .new_sell {
  color: var(--nx-white);
  background: var(--nx-black) !important;
  border: 1px solid var(--nx-baby-strong) !important;
}

body.noxvar-modern .sell .form,
body.noxvar-modern .new_sell .form,
body.noxvar-modern .new_sell td {
  color: var(--nx-white) !important;
}

body.noxvar-modern .noxvar-auction-frame {
  max-width: 900px;
  background: var(--nx-black);
  border-color: var(--nx-baby-strong);
}

body.noxvar-modern #easyTooltip,
body.noxvar-modern #tiptip_content {
  max-width: 280px !important;
  color: var(--nx-white) !important;
  background: var(--nx-black) !important;
  border: 1px solid var(--nx-baby-strong) !important;
  border-radius: var(--nx-radius);
  box-shadow: 0 18px 46px rgba(0, 0, 0, .34);
  z-index: 3000;
}

body.noxvar-modern #footer {
  width: min(1240px, calc(100% - 36px));
  margin: 12px auto 24px;
  padding: 18px;
  color: var(--nx-white);
  background: var(--nx-black);
  border: 1px solid var(--nx-dark-line);
  border-radius: var(--nx-radius);
  box-shadow: 0 18px 46px rgba(0, 0, 0, .2);
}

body.noxvar-modern .footer_links,
body.noxvar-modern .footer_info {
  color: #dff4ff;
}

body.noxvar-modern .footer_links a {
  color: var(--nx-baby) !important;
}

body.noxvar-modern .footer_links a:hover {
  color: var(--nx-orange) !important;
}

@media (max-width: 960px) {
  body.noxvar-modern #contents {
    display: block;
  }

  body.noxvar-modern #panel_left {
    position: static;
    width: 100%;
    margin-bottom: 18px;
  }

  body.noxvar-modern .vote_uptime,
  body.noxvar-modern .noxvar-quick-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.noxvar-modern #wrapper {
    background:
      linear-gradient(180deg, rgba(3, 5, 7, .78) 0, rgba(3, 5, 7, .82) 260px, var(--nx-paper) 520px),
      url("../../../imgs/banners/banner3.png") center top / auto 280px no-repeat;
  }

  body.noxvar-modern #container {
    padding: 10px;
  }

  body.noxvar-modern #top_menu {
    flex-wrap: wrap;
  }

  body.noxvar-modern .logo {
    min-height: 104px;
    font-size: 38px;
  }

  body.noxvar-modern .noxvar-quick-actions,
  body.noxvar-modern .vote_uptime {
    grid-template-columns: 1fr;
  }

  body.noxvar-modern .menu {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.noxvar-modern .main_menu_default_button {
    width: 100%;
  }

  body.noxvar-modern #content {
    padding: 12px;
  }

body.noxvar-modern .noxvar-fallback-banner-inner strong {
    font-size: 26px;
  }
}

/* NoxVar 2026 visual system. This final layer intentionally wins over the
   legacy Aion fixed-width/image-button rules without touching PHP behavior. */
:root {
  --nx-black: #020508;
  --nx-graphite: #071019;
  --nx-panel: #0c1721;
  --nx-panel-soft: #122433;
  --nx-white: #ffffff;
  --nx-paper: #f5fbff;
  --nx-ink: #071019;
  --nx-muted: #607384;
  --nx-baby: #a9defd;
  --nx-baby-strong: #56bff6;
  --nx-orange: #ffb260;
  --nx-orange-strong: #ff9138;
  --nx-line: #d7edf9;
  --nx-dark-line: rgba(169, 222, 253, .24);
  --nx-shadow: 0 20px 58px rgba(2, 5, 8, .18);
  --nx-shadow-soft: 0 10px 26px rgba(2, 5, 8, .1);
  --nx-radius: 8px;
}

html {
  background: var(--nx-paper);
}

body.noxvar-modern {
  min-width: 0 !important;
  color: var(--nx-ink);
  background:
    radial-gradient(circle at 76% 82px, rgba(255, 178, 96, .2), transparent 300px),
    linear-gradient(180deg, rgba(2, 5, 8, .88) 0, rgba(2, 5, 8, .72) 292px, var(--nx-paper) 684px),
    url("../../../imgs/banners/banner3.png") center top / cover no-repeat,
    var(--nx-paper);
  font: 14px/1.55 "Segoe UI", Arial, Helvetica, sans-serif;
  letter-spacing: 0;
}

body.noxvar-modern *,
body.noxvar-modern *::before,
body.noxvar-modern *::after {
  box-sizing: border-box;
}

body.noxvar-modern a,
body.noxvar-modern a:link,
body.noxvar-modern a:visited {
  color: #176d96;
}

body.noxvar-modern a:hover,
body.noxvar-modern a:focus {
  color: var(--nx-orange-strong);
  outline: none;
}

body.noxvar-modern #wrapper {
  width: 100% !important;
  min-height: 100vh;
  background:
    linear-gradient(180deg, rgba(2, 5, 8, .18), transparent 360px),
    linear-gradient(90deg, rgba(169, 222, 253, .08), transparent 42%, rgba(255, 178, 96, .08));
}

body.noxvar-modern #container {
  width: min(1240px, calc(100% - 36px)) !important;
  max-width: 1240px !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 18px 0 38px !important;
}

body.noxvar-modern #top_menu {
  display: flex !important;
  align-items: center;
  gap: 10px;
  width: 100% !important;
  min-height: 48px;
  margin: 0 0 18px !important;
  padding: 10px 14px !important;
  color: rgba(255, 255, 255, .82) !important;
  background: rgba(7, 16, 25, .82) !important;
  border: 1px solid var(--nx-dark-line) !important;
  border-radius: var(--nx-radius) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .24);
  backdrop-filter: blur(12px);
}

body.noxvar-modern .server-time,
body.noxvar-modern #timer {
  float: none !important;
  position: static !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, .76) !important;
  font-weight: 700;
}

body.noxvar-modern #timer {
  color: var(--nx-baby) !important;
}

body.noxvar-modern #lang {
  display: inline-flex;
  gap: 8px;
  margin-left: auto !important;
}

body.noxvar-modern #lang button,
body.noxvar-modern #top_menu button {
  min-width: 42px;
  min-height: 36px;
  padding: 6px 10px !important;
  color: var(--nx-white) !important;
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid var(--nx-dark-line) !important;
  border-radius: var(--nx-radius) !important;
}

body.noxvar-modern .logo {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end;
  width: min(760px, 100%);
  min-height: 176px;
  margin: 0 0 16px !important;
  padding: 26px 0 14px !important;
  color: var(--nx-white) !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  font: 900 clamp(40px, 6vw, 72px)/.9 "Segoe UI", Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

body.noxvar-modern .logo::before {
  content: "Official Season 6 Ep3 realm";
  width: max-content;
  max-width: 100%;
  margin-bottom: 12px;
  padding: 7px 12px;
  color: var(--nx-ink);
  background: linear-gradient(90deg, var(--nx-baby), var(--nx-orange));
  border-radius: var(--nx-radius);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

body.noxvar-modern .logo::after {
  content: "PVP, farm, market and account control";
  width: auto;
  margin-top: 12px;
  padding: 0;
  color: rgba(255, 255, 255, .78);
  background: none;
  border: 0;
  font-size: 14px;
  font-weight: 700;
  text-transform: none;
}

body.noxvar-modern .noxvar-quick-actions {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 14px;
}

body.noxvar-modern .noxvar-quick-action {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 48px;
  padding: 12px 14px;
  color: var(--nx-white) !important;
  background: rgba(7, 16, 25, .84) !important;
  border: 1px solid var(--nx-dark-line);
  border-radius: var(--nx-radius);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18);
  font-weight: 900;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.noxvar-modern .noxvar-quick-action i {
  color: var(--nx-baby);
  font-size: 16px;
}

body.noxvar-modern .noxvar-quick-action:hover,
body.noxvar-modern .noxvar-quick-action:focus {
  color: var(--nx-ink) !important;
  background: var(--nx-orange) !important;
  border-color: var(--nx-orange-strong);
  transform: translateY(-2px);
}

body.noxvar-modern .noxvar-quick-action:hover i,
body.noxvar-modern .noxvar-quick-action:focus i {
  color: var(--nx-ink);
}

body.noxvar-modern .menu {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

body.noxvar-modern .main_menu_default_button,
body.noxvar-modern .main_menu_default_button_rank,
body.noxvar-modern .border {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 96px;
  padding: 11px 14px !important;
  color: var(--nx-white) !important;
  background: rgba(7, 16, 25, .74) !important;
  border: 1px solid var(--nx-dark-line) !important;
  border-radius: var(--nx-radius) !important;
  box-shadow: none !important;
  font: 900 12px/1.1 "Segoe UI", Arial, sans-serif !important;
  text-align: center;
  text-transform: uppercase;
}

body.noxvar-modern .main_menu_default_button:hover,
body.noxvar-modern .main_menu_default_button_rank:hover,
body.noxvar-modern .border:hover,
body.noxvar-modern .active {
  color: var(--nx-ink) !important;
  background: var(--nx-baby) !important;
  border-color: var(--nx-baby-strong) !important;
}

body.noxvar-modern #contents {
  display: grid !important;
  grid-template-columns: minmax(280px, 320px) minmax(0, 1fr);
  align-items: start;
  gap: 22px;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
}

body.noxvar-modern #panel_left,
body.noxvar-modern #panel_right {
  float: none !important;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
}

body.noxvar-modern #panel_left {
  display: grid;
  gap: 14px;
}

body.noxvar-modern #content {
  width: 100% !important;
  min-height: 540px;
  padding: 18px !important;
  overflow-x: auto;
  color: var(--nx-ink);
  background: rgba(255, 255, 255, .96) !important;
  border: 1px solid var(--nx-line) !important;
  border-radius: var(--nx-radius) !important;
  box-shadow: var(--nx-shadow) !important;
}

body.noxvar-modern .social_media_box,
body.noxvar-modern .login_form,
body.noxvar-modern #side_menu,
body.noxvar-modern .panel-group.nav,
body.noxvar-modern .panel.nav,
body.noxvar-modern .panel-default,
body.noxvar-modern .vote_uptime > div,
body.noxvar-modern #news,
body.noxvar-modern #news_new,
body.noxvar-modern .form,
body.noxvar-modern .news_content,
body.noxvar-modern .news_add,
body.noxvar-modern .tema,
body.noxvar-modern .market_top,
body.noxvar-modern .market_bottom,
body.noxvar-modern .market_bottom_2 {
  color: var(--nx-ink) !important;
  background: rgba(255, 255, 255, .97) !important;
  background-image: none !important;
  border: 1px solid var(--nx-line) !important;
  border-radius: var(--nx-radius) !important;
  box-shadow: var(--nx-shadow-soft) !important;
}

body.noxvar-modern .social_media_box,
body.noxvar-modern .login_form,
body.noxvar-modern #side_menu,
body.noxvar-modern .panel-group.nav {
  width: 100% !important;
  margin: 0 !important;
  padding: 16px !important;
}

body.noxvar-modern .media {
  display: flex !important;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin: 0 !important;
}

body.noxvar-modern .media img {
  width: 42px;
  height: 42px;
  padding: 8px;
  object-fit: contain;
  background: var(--nx-paper);
  border: 1px solid var(--nx-line);
  border-radius: var(--nx-radius);
}

body.noxvar-modern .login_form form {
  display: grid;
  gap: 10px;
  width: 100%;
}

body.noxvar-modern .login_username,
body.noxvar-modern .login_password,
body.noxvar-modern input,
body.noxvar-modern select,
body.noxvar-modern textarea,
body.noxvar-modern .form input,
body.noxvar-modern .form select,
body.noxvar-modern .market_top input,
body.noxvar-modern .market_top select,
body.noxvar-modern .bootstrap-select > .dropdown-toggle {
  float: none !important;
  width: 100% !important;
  min-height: 44px;
  margin: 0 !important;
  padding: 10px 12px !important;
  color: var(--nx-ink) !important;
  background: var(--nx-paper) !important;
  border: 1px solid var(--nx-line) !important;
  border-radius: var(--nx-radius) !important;
  box-shadow: none !important;
  font: 700 14px/1.2 "Segoe UI", Arial, sans-serif !important;
}

body.noxvar-modern input:focus,
body.noxvar-modern select:focus,
body.noxvar-modern textarea:focus,
body.noxvar-modern .bootstrap-select > .dropdown-toggle:focus {
  border-color: var(--nx-baby-strong) !important;
  outline: 3px solid rgba(86, 191, 246, .24) !important;
}

body.noxvar-modern .login_checkbox {
  display: grid !important;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 8px;
  width: 100% !important;
  margin: 0 !important;
  color: var(--nx-muted);
}

body.noxvar-modern .noxvar-remember {
  display: inline-grid !important;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 28px;
  margin: 0;
  color: var(--nx-muted) !important;
  font: 800 13px/1.35 "Segoe UI", Arial, sans-serif !important;
  cursor: pointer;
}

body.noxvar-modern .noxvar-remember b {
  display: block;
  width: auto !important;
  height: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--nx-muted) !important;
  background: transparent !important;
  font-weight: 800 !important;
  text-shadow: none !important;
  white-space: normal;
}

body.noxvar-modern .login_checkbox .left,
body.noxvar-modern .login_checkbox .right {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.noxvar-modern .login_checkbox .right {
  justify-self: start;
  display: block !important;
  min-width: 0;
  max-width: 100%;
  color: var(--nx-muted) !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 13px;
  line-height: 1.35;
  white-space: normal !important;
  overflow: visible !important;
}

body.noxvar-modern .login_checkbox br {
  display: none !important;
}

body.noxvar-modern .forgot {
  grid-column: 1 / -1;
  margin: 2px 0 0 !important;
  font-weight: 800;
}

body.noxvar-modern input[type="checkbox"] {
  width: 24px !important;
  min-width: 24px;
  height: 24px !important;
  min-height: 24px;
  padding: 0 !important;
  appearance: none;
  background: var(--nx-white) !important;
  border: 1px solid var(--nx-baby-strong) !important;
  border-radius: 6px !important;
}

body.noxvar-modern input[type="checkbox"]:checked {
  background:
    linear-gradient(135deg, transparent 45%, var(--nx-ink) 47% 55%, transparent 57%),
    var(--nx-baby) !important;
}

body.noxvar-modern .login_sign_in_btn,
body.noxvar-modern input[type="submit"],
body.noxvar-modern input[type="button"],
body.noxvar-modern input[type="reset"],
body.noxvar-modern button,
body.noxvar-modern .button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  width: auto !important;
  padding: 11px 18px !important;
  color: var(--nx-ink) !important;
  background: var(--nx-orange) !important;
  border: 1px solid var(--nx-orange-strong) !important;
  border-radius: var(--nx-radius) !important;
  box-shadow: none !important;
  font: 900 14px/1 "Segoe UI", Arial, sans-serif !important;
  text-align: center;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.noxvar-modern .login_sign_in_btn {
  width: 100% !important;
}

body.noxvar-modern .login_sign_in_btn:hover,
body.noxvar-modern input[type="submit"]:hover,
body.noxvar-modern input[type="button"]:hover,
body.noxvar-modern input[type="reset"]:hover,
body.noxvar-modern button:hover,
body.noxvar-modern .button:hover {
  background: var(--nx-baby) !important;
  border-color: var(--nx-baby-strong) !important;
  transform: translateY(-1px);
}

body.noxvar-modern .login_error,
body.noxvar-modern .error,
body.noxvar-modern .success {
  width: 100%;
  margin: 0 0 12px !important;
  padding: 11px 12px !important;
  border-radius: var(--nx-radius) !important;
  font-weight: 800;
}

body.noxvar-modern .vote_uptime {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: 14px;
  width: 100%;
  margin: 0 0 16px !important;
}

body.noxvar-modern .vote_uptime > div {
  min-width: 0;
  min-height: 128px;
  padding: 16px !important;
}

body.noxvar-modern .noxvar-widget-title,
body.noxvar-modern .tdTitle,
body.noxvar-modern .panel-heading,
body.noxvar-modern .title,
body.noxvar-modern .top_rank {
  margin: 0 0 10px !important;
  padding: 10px 12px !important;
  color: var(--nx-white) !important;
  background: linear-gradient(90deg, var(--nx-black), #102436 72%, rgba(255, 178, 96, .84)) !important;
  border: 1px solid var(--nx-dark-line) !important;
  border-radius: var(--nx-radius) !important;
  font-weight: 900 !important;
  text-transform: none;
}

body.noxvar-modern .progress {
  width: 100% !important;
  height: 22px !important;
  margin: 4px 0 12px !important;
  overflow: hidden;
  color: var(--nx-muted);
  background: var(--nx-paper) !important;
  border: 1px solid var(--nx-line) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 3px rgba(2, 5, 8, .08) !important;
}

body.noxvar-modern .progress-bar {
  background: linear-gradient(90deg, var(--nx-orange), var(--nx-baby)) !important;
  box-shadow: none !important;
}

body.noxvar-modern .uptime_online {
  float: none !important;
  margin: 0 0 10px !important;
  color: var(--nx-muted);
  font-weight: 700;
}

body.noxvar-modern .uptime_online span {
  color: var(--nx-ink);
  font-size: 22px !important;
}

body.noxvar-modern .srv-online,
body.noxvar-modern .srv-offline {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  width: auto !important;
  min-width: 118px;
  min-height: 38px;
  margin: 0 !important;
  padding: 9px 12px !important;
  color: var(--nx-ink) !important;
  background: var(--nx-paper) !important;
  border: 1px solid var(--nx-baby-strong) !important;
  border-radius: var(--nx-radius) !important;
  font-weight: 900;
}

body.noxvar-modern .srv-online::before,
body.noxvar-modern .srv-offline::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #21c278;
  box-shadow: 0 0 0 4px rgba(33, 194, 120, .14);
}

body.noxvar-modern .srv-offline {
  border-color: var(--nx-orange-strong) !important;
}

body.noxvar-modern .srv-offline::before {
  background: var(--nx-orange-strong);
  box-shadow: 0 0 0 4px rgba(255, 145, 56, .18);
}

body.noxvar-modern .srv-online::after {
  content: "ONLINE";
}

body.noxvar-modern .srv-offline::after {
  content: "OFFLINE";
}

body.noxvar-modern #vote .vote_text {
  min-height: 42px;
  color: var(--nx-muted);
  font-weight: 700;
}

body.noxvar-modern .vote_link_left,
body.noxvar-modern .vote_link_right {
  float: none !important;
  display: inline-flex !important;
  align-items: center;
  min-height: 36px;
  margin: 6px 8px 0 0 !important;
  padding: 8px 10px;
  color: var(--nx-ink) !important;
  background: var(--nx-baby) !important;
  border: 1px solid var(--nx-baby-strong);
  border-radius: var(--nx-radius);
  font-weight: 900;
}

body.noxvar-modern .box_skitter,
body.noxvar-modern .box_skitter_large,
body.noxvar-modern .noxvar-main-carousel,
body.noxvar-modern .noxvar-fallback-banner {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  display: block !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 250px !important;
  min-height: 250px;
  margin: 0 0 16px !important;
  overflow: hidden;
  background: var(--nx-black) !important;
  border: 1px solid var(--nx-line) !important;
  border-radius: var(--nx-radius) !important;
  box-shadow: var(--nx-shadow) !important;
}

body.noxvar-modern .box_skitter .container_skitter,
body.noxvar-modern .box_skitter .image {
  width: 100% !important;
  height: 100% !important;
}

body.noxvar-modern .box_skitter .image a {
  display: block !important;
  width: 100%;
  height: 100%;
}

body.noxvar-modern .box_skitter_large img,
body.noxvar-modern .noxvar-main-carousel img,
body.noxvar-modern .box_skitter .image img {
  display: block !important;
  width: 100% !important;
  height: 250px !important;
  object-fit: cover;
}

body.noxvar-modern .box_skitter .info_slide {
  top: 12px !important;
  left: 12px !important;
  z-index: 30 !important;
  padding: 4px !important;
  background: rgba(2, 5, 8, .72) !important;
  border: 1px solid var(--nx-dark-line) !important;
  border-image: none !important;
  border-radius: var(--nx-radius) !important;
  opacity: 1 !important;
}

body.noxvar-modern .box_skitter .info_slide .image_number,
body.noxvar-modern .box_skitter .info_slide .image_number_select {
  min-width: 28px;
  min-height: 26px;
  margin: 0 3px 0 0 !important;
  padding: 6px 9px !important;
  color: var(--nx-white) !important;
  background: rgba(255, 255, 255, .1) !important;
  border-radius: 5px !important;
  font-weight: 900;
}

body.noxvar-modern .box_skitter .info_slide .image_number_select,
body.noxvar-modern .box_skitter .info_slide .image_number:hover {
  color: var(--nx-ink) !important;
  background: var(--nx-orange) !important;
}

body.noxvar-modern .noxvar-fallback-banner {
  display: flex;
  align-items: stretch;
  background:
    linear-gradient(90deg, rgba(2, 5, 8, .3), rgba(2, 5, 8, .78)),
    url("../../../imgs/banners/banner3.png") center / cover no-repeat !important;
}

body.noxvar-modern .noxvar-fallback-banner ul,
body.noxvar-modern .noxvar-fallback-banner li {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

body.noxvar-modern .noxvar-fallback-banner-inner {
  max-width: 560px;
  padding: 36px !important;
  color: var(--nx-white);
}

body.noxvar-modern .noxvar-fallback-banner-inner span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 10px;
  color: var(--nx-ink);
  background: var(--nx-baby);
  border-radius: var(--nx-radius);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

body.noxvar-modern .noxvar-fallback-banner-inner strong {
  display: block;
  color: var(--nx-white);
  font-size: clamp(32px, 5vw, 54px);
  line-height: 1;
}

body.noxvar-modern .noxvar-fallback-banner-inner p {
  margin: 10px 0 0;
  color: rgba(255, 255, 255, .82);
  font-size: 16px;
  font-weight: 800;
}

body.noxvar-modern .table,
body.noxvar-modern .table_reg,
body.noxvar-modern #content table:not(.vaults),
body.noxvar-modern table.items_row {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  color: var(--nx-ink) !important;
  background: var(--nx-white) !important;
  border: 1px solid var(--nx-line) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: var(--nx-radius) !important;
  box-shadow: var(--nx-shadow-soft) !important;
}

body.noxvar-modern .table td,
body.noxvar-modern .table th,
body.noxvar-modern #content table:not(.vaults) td,
body.noxvar-modern #content table:not(.vaults) th,
body.noxvar-modern table.items_row td,
body.noxvar-modern table.items_row th {
  min-height: 42px;
  padding: 10px 12px !important;
  color: var(--nx-ink) !important;
  border-color: #e8f4fb !important;
  vertical-align: middle !important;
}

body.noxvar-modern .table tr:first-child td,
body.noxvar-modern #content table:not(.vaults) tr:first-child td,
body.noxvar-modern table.items_row tr.market_bottom_2 td {
  color: var(--nx-white) !important;
  background: linear-gradient(90deg, var(--nx-black), #102436 72%, rgba(255, 178, 96, .86)) !important;
  font-weight: 900;
}

body.noxvar-modern table.items_row tr,
body.noxvar-modern table.items_row tr.market,
body.noxvar-modern table.items_row tr:nth-child(even):not(.market_bottom_2) {
  background: var(--nx-white) !important;
}

body.noxvar-modern table.items_row tr.market:hover {
  background: #eef9ff !important;
}

body.noxvar-modern table.items_row img[src*="imgs/items/"] {
  padding: 6px;
  background: var(--nx-panel) !important;
  border: 1px solid var(--nx-baby-strong) !important;
  border-radius: var(--nx-radius) !important;
}

body.noxvar-modern .noxvar-rank-gr,
body.noxvar-modern .noxvar-rank-rr {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  margin: 2px 3px;
  padding: 4px 7px;
  border-radius: 6px;
  font-weight: 900;
  line-height: 1;
}

body.noxvar-modern .noxvar-rank-gr {
  color: var(--nx-ink);
  background: var(--nx-orange);
}

body.noxvar-modern .noxvar-rank-rr {
  color: var(--nx-ink);
  background: var(--nx-baby);
}

body.noxvar-modern .vaults {
  width: auto !important;
  max-width: 100%;
  margin: 0 auto !important;
  padding: 12px !important;
  background: var(--nx-black) !important;
  border: 1px solid var(--nx-baby-strong) !important;
  border-radius: var(--nx-radius) !important;
  box-shadow: var(--nx-shadow), inset 0 0 0 1px rgba(255, 255, 255, .05) !important;
}

body.noxvar-modern .vaults td,
body.noxvar-modern .itemblock {
  color: var(--nx-white) !important;
  background-color: #081018 !important;
}

body.noxvar-modern .vaults td:not(.itemblock) {
  background:
    linear-gradient(135deg, transparent 46%, rgba(169, 222, 253, .14) 47%, rgba(169, 222, 253, .14) 53%, transparent 54%),
    #081018 !important;
  border-color: rgba(169, 222, 253, .24) !important;
}

body.noxvar-modern .sell,
body.noxvar-modern .new_sell,
body.noxvar-modern .noxvar-auction-frame {
  color: var(--nx-white) !important;
  background: var(--nx-black) !important;
  border: 1px solid var(--nx-baby-strong) !important;
  border-radius: var(--nx-radius) !important;
  box-shadow: var(--nx-shadow) !important;
}

body.noxvar-modern .sell *,
body.noxvar-modern .new_sell *,
body.noxvar-modern .noxvar-auction-frame * {
  color: inherit;
}

body.noxvar-modern #easyTooltip,
body.noxvar-modern #tiptip_content {
  max-width: min(320px, calc(100vw - 28px)) !important;
  padding: 12px !important;
  color: var(--nx-white) !important;
  background: rgba(2, 5, 8, .96) !important;
  border: 1px solid var(--nx-baby-strong) !important;
  border-radius: var(--nx-radius) !important;
  box-shadow: 0 20px 58px rgba(0, 0, 0, .42) !important;
  z-index: 3000 !important;
}

body.noxvar-modern #footer {
  width: min(1240px, calc(100% - 36px)) !important;
  margin: 0 auto 24px !important;
  padding: 18px !important;
  color: var(--nx-white) !important;
  background: var(--nx-black) !important;
  border: 1px solid var(--nx-dark-line) !important;
  border-radius: var(--nx-radius) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .22);
}

body.noxvar-modern .footer_links,
body.noxvar-modern .footer_info {
  color: rgba(255, 255, 255, .72) !important;
}

body.noxvar-modern .footer_links a {
  color: var(--nx-baby) !important;
}

body.noxvar-modern .footer_links a:hover {
  color: var(--nx-orange) !important;
}

body.noxvar-modern .noxvar-character-profile {
  display: grid;
  gap: 18px;
  color: var(--nx-ink);
}

body.noxvar-modern .noxvar-character-hero,
body.noxvar-modern .noxvar-profile-panel {
  border: 1px solid var(--nx-line);
  border-radius: var(--nx-radius);
  background: rgba(255, 255, 255, .94);
  box-shadow: var(--nx-shadow-soft);
}

body.noxvar-modern .noxvar-character-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(160px, 260px);
  align-items: center;
  gap: 18px;
  min-height: 260px;
  overflow: hidden;
  background:
    linear-gradient(105deg, var(--nx-black) 0, #102436 58%, rgba(255, 178, 96, .86) 100%);
}

body.noxvar-modern .noxvar-character-title {
  padding: 28px;
  color: var(--nx-white);
}

body.noxvar-modern .noxvar-character-title > span,
body.noxvar-modern .noxvar-profile-section-title > span {
  display: inline-block;
  color: var(--nx-baby);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.noxvar-modern .noxvar-character-title h1 {
  margin: 6px 0 8px;
  color: var(--nx-white);
  font: 800 42px/1.05 "Segoe UI", Arial, sans-serif;
}

body.noxvar-modern .noxvar-character-title p {
  margin: 0 0 16px;
  color: rgba(255, 255, 255, .78);
}

body.noxvar-modern .noxvar-character-art {
  width: 100%;
  max-height: 270px;
  object-fit: contain;
  align-self: end;
  padding: 18px 18px 0 0;
  filter: drop-shadow(0 18px 30px rgba(0, 0, 0, .36));
}

body.noxvar-modern .noxvar-profile-layout {
  display: grid;
  grid-template-columns: minmax(260px, .9fr) minmax(300px, 1.1fr);
  gap: 18px;
}

body.noxvar-modern .noxvar-profile-panel {
  padding: 18px;
}

body.noxvar-modern .noxvar-profile-panel h2 {
  margin: 0 0 14px;
  color: var(--nx-ink);
  font: 800 18px/1.2 "Segoe UI", Arial, sans-serif;
}

body.noxvar-modern .noxvar-profile-row {
  display: grid;
  grid-template-columns: minmax(112px, .42fr) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 36px;
  padding: 8px 0;
  border-top: 1px solid rgba(215, 237, 249, .78);
}

body.noxvar-modern .noxvar-profile-row:first-of-type {
  border-top: 0;
}

body.noxvar-modern .noxvar-profile-row > span {
  color: var(--nx-muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

body.noxvar-modern .noxvar-profile-row > strong {
  color: var(--nx-ink);
  font-weight: 700;
}

body.noxvar-modern .noxvar-profile-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

body.noxvar-modern .noxvar-profile-badge,
body.noxvar-modern .noxvar-profile-status,
body.noxvar-modern .noxvar-profile-level {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  color: var(--nx-ink);
  background: var(--nx-blue-soft);
  border: 1px solid var(--nx-line-strong);
}

body.noxvar-modern .noxvar-profile-badge.is-vip {
  color: #2a1500;
  background: linear-gradient(90deg, var(--nx-orange), #ffd4a8);
  border-color: var(--nx-orange-strong);
}

body.noxvar-modern .noxvar-profile-badge.is-gm {
  color: var(--nx-white);
  background: #071019;
  border-color: var(--nx-baby-strong);
}

body.noxvar-modern .noxvar-profile-status.is-online {
  color: #063b1b;
  background: #d9ffe8;
  border-color: #84dda7;
}

body.noxvar-modern .noxvar-profile-status.is-offline {
  color: #7b1010;
  background: #ffe5e5;
  border-color: #ffb2b2;
}

body.noxvar-modern .noxvar-profile-note {
  display: inline-block;
  margin-left: 6px;
  color: var(--nx-muted);
  font-size: 12px;
  font-weight: 700;
}

body.noxvar-modern .noxvar-profile-guild-mark {
  vertical-align: middle;
  margin-right: 6px;
}

body.noxvar-modern .noxvar-profile-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

body.noxvar-modern .noxvar-profile-equipment {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(245, 251, 255, .94)),
    radial-gradient(circle at 82% 12%, rgba(255, 178, 96, .18), transparent 280px);
}

body.noxvar-modern .noxvar-equipment-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(122px, 1fr));
  gap: 12px;
}

body.noxvar-modern .noxvar-equipment-slot {
  display: grid;
  grid-template-rows: auto 96px auto;
  gap: 8px;
  min-height: 154px;
  padding: 10px;
  border: 1px solid var(--nx-line);
  border-radius: var(--nx-radius);
  background: rgba(255, 255, 255, .9);
}

body.noxvar-modern .noxvar-equipment-slot > span {
  color: var(--nx-muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

body.noxvar-modern .noxvar-equipment-frame {
  display: grid;
  place-items: center;
  min-height: 96px;
  border-radius: 6px;
  background:
    linear-gradient(135deg, transparent 46%, rgba(169, 222, 253, .22) 47%, rgba(169, 222, 253, .22) 53%, transparent 54%),
    #071019;
  border: 1px solid var(--nx-dark-line);
}

body.noxvar-modern .noxvar-equipment-frame img {
  max-width: 94%;
  max-height: 88px;
  object-fit: contain;
}

body.noxvar-modern .noxvar-equipment-slot > strong {
  min-height: 32px;
  color: var(--nx-ink);
  font-size: 12px;
  line-height: 1.25;
}

body.noxvar-modern .noxvar-equipment-slot.is-empty {
  opacity: .72;
}

body.noxvar-modern .noxvar-equipment-slot.is-empty .noxvar-equipment-frame {
  background:
    linear-gradient(135deg, transparent 46%, rgba(169, 222, 253, .14) 47%, rgba(169, 222, 253, .14) 53%, transparent 54%),
    #0a131d;
}

body.noxvar-modern .noxvar-profile-empty {
  padding: 22px;
  color: var(--nx-muted);
  background: var(--nx-white);
  border: 1px solid var(--nx-line);
  border-radius: var(--nx-radius);
}

body.noxvar-modern .noxvar-gift-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}

body.noxvar-modern .noxvar-gift-form label {
  display: grid;
  gap: 6px;
  color: var(--nx-muted);
  font-weight: 800;
}

body.noxvar-modern .noxvar-gift-form input:not([type="submit"]) {
  width: 100%;
}

body.noxvar-modern .noxvar-gift-form em {
  color: var(--nx-muted);
  font-size: 12px;
  font-style: normal;
}

@media (prefers-reduced-motion: no-preference) {
  body.noxvar-modern #top_menu,
  body.noxvar-modern .logo,
  body.noxvar-modern .noxvar-quick-actions,
  body.noxvar-modern #contents {
    animation: nx-rise .34s ease both;
  }

  body.noxvar-modern .noxvar-quick-actions {
    animation-delay: .04s;
  }

  body.noxvar-modern #contents {
    animation-delay: .08s;
  }
}

@keyframes nx-rise {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 980px) {
  body.noxvar-modern {
    background:
      linear-gradient(180deg, rgba(2, 5, 8, .88) 0, rgba(2, 5, 8, .76) 280px, var(--nx-paper) 600px),
      url("../../../imgs/banners/banner3.png") center top / auto 330px no-repeat,
      var(--nx-paper);
  }

  body.noxvar-modern #container,
  body.noxvar-modern #footer {
    width: min(100% - 22px, 1240px) !important;
  }

  body.noxvar-modern #contents {
    grid-template-columns: 1fr;
  }

  body.noxvar-modern .noxvar-profile-layout,
  body.noxvar-modern .noxvar-character-hero {
    grid-template-columns: 1fr;
  }

  body.noxvar-modern .noxvar-character-art {
    justify-self: center;
    max-width: 260px;
    padding: 0 18px 18px;
  }

  body.noxvar-modern #panel_left {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.noxvar-modern .noxvar-quick-actions,
  body.noxvar-modern .vote_uptime {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  body.noxvar-modern #container {
    padding-top: 10px !important;
  }

  body.noxvar-modern #top_menu {
    flex-wrap: wrap;
  }

  body.noxvar-modern #lang {
    width: 100%;
    margin-left: 0 !important;
  }

  body.noxvar-modern .logo {
    min-height: 138px;
    font-size: clamp(36px, 12vw, 54px) !important;
  }

  body.noxvar-modern .noxvar-quick-actions,
  body.noxvar-modern .vote_uptime,
  body.noxvar-modern #panel_left {
    grid-template-columns: 1fr;
  }

  body.noxvar-modern .menu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.noxvar-modern .main_menu_default_button,
  body.noxvar-modern .main_menu_default_button_rank,
  body.noxvar-modern .border {
    width: 100% !important;
    min-width: 0;
  }

  body.noxvar-modern #content {
    padding: 12px !important;
  }

  body.noxvar-modern .box_skitter_large,
  body.noxvar-modern .noxvar-main-carousel,
  body.noxvar-modern .noxvar-fallback-banner {
    min-height: 220px;
  }

  body.noxvar-modern .box_skitter_large img,
  body.noxvar-modern .noxvar-main-carousel img {
    height: 220px !important;
  }

  body.noxvar-modern .noxvar-fallback-banner-inner {
    padding: 24px !important;
  }

  body.noxvar-modern #content table:not(.vaults) {
    display: block;
    overflow-x: auto;
  }

  body.noxvar-modern .noxvar-character-title {
    padding: 22px;
  }

  body.noxvar-modern .noxvar-character-title h1 {
    font-size: 34px;
  }

  body.noxvar-modern .noxvar-profile-row {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  body.noxvar-modern .noxvar-profile-section-title {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Final desktop layout and market control pass. Keep this layer at the end so it
   wins over the legacy Aion fixed widths and older form rules. */
body.noxvar-modern {
  background:
    radial-gradient(circle at 78% 110px, rgba(255, 65, 90, .20), transparent 360px),
    linear-gradient(180deg, rgba(2, 5, 8, .42) 0, rgba(2, 5, 8, .68) 360px, rgba(246, 251, 255, .92) 760px),
    linear-gradient(90deg, rgba(2, 5, 8, .70) 0%, rgba(2, 5, 8, .28) 46%, rgba(2, 5, 8, .56) 100%),
    image-set(url("../images/noxvar-site-bg-20260704.webp") type("image/webp"), url("../images/noxvar-site-bg-20260704.jpg") type("image/jpeg")) center top / cover fixed no-repeat,
    #05070d !important;
}

body.noxvar-modern #container,
body.noxvar-modern #footer {
  width: min(100% - 44px, 1460px) !important;
  max-width: none !important;
}

body.noxvar-modern #contents {
  grid-template-columns: minmax(300px, 330px) minmax(0, 1fr) !important;
  gap: 32px !important;
}

body.noxvar-modern #panel_left {
  position: relative;
  z-index: 2;
}

body.noxvar-modern #panel_right {
  position: relative;
  z-index: 1;
  min-width: 0 !important;
}

body.noxvar-modern #content {
  min-width: 0 !important;
  overflow: visible !important;
}

body.noxvar-modern .noxvar-social-links {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body.noxvar-modern .noxvar-social-link {
  min-width: 0 !important;
  justify-content: center;
}

body.noxvar-modern .noxvar-social-link img {
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  object-fit: contain;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

body.noxvar-modern .noxvar-wiki-link {
  color: var(--nx-white) !important;
  background: linear-gradient(100deg, #071019, #271342 58%, #5b1fc9) !important;
  border-color: rgba(169, 222, 253, .42) !important;
}

body.noxvar-modern .market_top {
  display: grid !important;
  gap: 14px;
  width: 100% !important;
  margin: 0 0 14px !important;
  padding: 16px !important;
}

body.noxvar-modern .market_top .afix {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  line-height: 1.25;
}

body.noxvar-modern .market_top .afix a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 7px 10px;
  color: #0b5c85 !important;
  background: var(--nx-blue-soft);
  border: 1px solid var(--nx-line);
  border-radius: 7px;
  font-size: 12px;
  font-weight: 800;
}

body.noxvar-modern .market_top .afix a:hover {
  color: var(--nx-ink) !important;
  background: var(--nx-orange);
  border-color: var(--nx-orange-strong);
}

body.noxvar-modern .market_top .market_form {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  align-items: end;
  width: 100%;
  margin: 0 !important;
}

body.noxvar-modern .market_top .market_form > span {
  grid-column: 1 / -1;
  color: var(--nx-muted);
  font-size: 12px;
  font-weight: 900;
  text-align: left;
  text-transform: uppercase;
}

body.noxvar-modern .market_top .market_form br {
  display: none !important;
}

body.noxvar-modern .market_top .market_form input[name="item_name"] {
  grid-column: span 2;
}

body.noxvar-modern .market_top .market_form input[type="submit"] {
  width: auto !important;
  min-width: 108px !important;
  justify-self: start;
}

body.noxvar-modern .market_top .market_bottom {
  padding: 10px !important;
  background: rgba(245, 251, 255, .78) !important;
}

body.noxvar-modern .noxvar-home-news,
body.noxvar-modern #news,
body.noxvar-modern #news_new {
  margin-top: 18px !important;
}

body.noxvar-modern .noxvar-wiki-page {
  display: grid;
  gap: 18px;
}

body.noxvar-modern .noxvar-wiki-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(170px, 260px);
  align-items: center;
  gap: 24px;
  min-height: 280px;
  padding: 28px;
  color: var(--nx-white);
  background:
    radial-gradient(circle at 82% 20%, rgba(112, 44, 210, .38), transparent 260px),
    linear-gradient(105deg, var(--nx-black), #102436 64%, rgba(255, 178, 96, .78));
  border: 1px solid var(--nx-dark-line);
  border-radius: var(--nx-radius);
  box-shadow: var(--nx-shadow);
}

body.noxvar-modern .noxvar-wiki-hero span {
  color: var(--nx-baby);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

body.noxvar-modern .noxvar-wiki-hero h1 {
  margin: 6px 0 10px;
  color: var(--nx-white);
  font: 900 54px/1 "Segoe UI", Arial, sans-serif;
}

body.noxvar-modern .noxvar-wiki-hero p {
  max-width: 660px;
  margin: 0;
  color: rgba(255, 255, 255, .78);
  font-size: 16px;
}

body.noxvar-modern .noxvar-wiki-hero img {
  width: 100%;
  max-height: 260px;
  object-fit: contain;
  filter: drop-shadow(0 22px 36px rgba(112, 44, 210, .46));
}

body.noxvar-modern .noxvar-wiki-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

body.noxvar-modern .noxvar-wiki-actions a,
body.noxvar-modern .noxvar-wiki-grid article {
  border-radius: var(--nx-radius);
}

body.noxvar-modern .noxvar-wiki-actions a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 9px 14px;
  color: var(--nx-ink) !important;
  background: var(--nx-orange);
  border: 1px solid var(--nx-orange-strong);
  font-weight: 900;
}

body.noxvar-modern .noxvar-wiki-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
}

body.noxvar-modern .noxvar-wiki-grid article {
  padding: 18px;
  background: rgba(255, 255, 255, .96);
  border: 1px solid var(--nx-line);
  box-shadow: var(--nx-shadow-soft);
}

body.noxvar-modern .noxvar-wiki-grid h2 {
  margin: 0 0 8px;
  color: var(--nx-ink);
  font: 900 16px/1.2 "Segoe UI", Arial, sans-serif;
}

body.noxvar-modern .noxvar-wiki-grid p {
  margin: 0;
  color: var(--nx-muted);
}

body.noxvar-modern .noxvar-wiki-detail {
  padding: 20px;
  background: rgba(255, 255, 255, .96);
  border: 1px solid var(--nx-line);
  border-radius: var(--nx-radius);
  box-shadow: var(--nx-shadow-soft);
}

body.noxvar-modern .noxvar-wiki-detail h2 {
  margin: 0 0 14px;
  color: var(--nx-ink);
  font: 900 20px/1.2 "Segoe UI", Arial, sans-serif;
}

body.noxvar-modern .noxvar-wiki-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 18px;
}

body.noxvar-modern .noxvar-wiki-columns h3 {
  margin: 0 0 8px;
  color: #0b5c85;
  font: 900 15px/1.2 "Segoe UI", Arial, sans-serif;
}

body.noxvar-modern .noxvar-wiki-columns ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 18px;
  color: var(--nx-muted);
}

body.noxvar-modern .noxvar-wiki-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

body.noxvar-modern .noxvar-wiki-links h2 {
  width: 100%;
}

body.noxvar-modern .noxvar-wiki-links a {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  padding: 8px 12px;
  color: var(--nx-ink) !important;
  background: var(--nx-blue-soft);
  border: 1px solid var(--nx-line);
  border-radius: 7px;
  font-weight: 900;
}

@media (min-width: 1320px) {
  body.noxvar-modern #container,
  body.noxvar-modern #footer {
    width: min(100% - 64px, 1500px) !important;
  }

  body.noxvar-modern #contents {
    grid-template-columns: minmax(310px, 340px) minmax(0, 1fr) !important;
    gap: 36px !important;
  }
}

@media (max-width: 980px) {
  body.noxvar-modern {
    background:
      linear-gradient(180deg, rgba(2, 5, 8, .48) 0, rgba(2, 5, 8, .76) 280px, rgba(246, 251, 255, .94) 640px),
      linear-gradient(90deg, rgba(2, 5, 8, .72), rgba(2, 5, 8, .38)),
      image-set(url("../images/noxvar-site-bg-20260704.webp") type("image/webp"), url("../images/noxvar-site-bg-20260704.jpg") type("image/jpeg")) center top / auto 620px no-repeat,
      #05070d !important;
  }

  body.noxvar-modern #container,
  body.noxvar-modern #footer {
    width: min(100% - 22px, 1240px) !important;
  }

  body.noxvar-modern #contents {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}

@media (max-width: 680px) {
  body.noxvar-modern .market_top .market_form,
  body.noxvar-modern .noxvar-social-links {
    grid-template-columns: 1fr;
  }

  body.noxvar-modern .noxvar-wiki-hero {
    grid-template-columns: 1fr;
    padding: 22px;
  }

  body.noxvar-modern .noxvar-wiki-hero h1 {
    font-size: 40px;
  }

  body.noxvar-modern .noxvar-wiki-hero img {
    max-width: 220px;
    justify-self: center;
  }

  body.noxvar-modern .market_top .market_form input[name="item_name"] {
    grid-column: auto;
  }
}

/* Final logo asset pass. Keep this after the legacy logo rules. */
body.noxvar-modern .logo {
  display: block !important;
  width: min(100%, 620px) !important;
  min-height: 0 !important;
  margin: 10px 0 16px !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: 0 !important;
}

body.noxvar-modern .logo::before,
body.noxvar-modern .logo::after {
  content: none !important;
  display: none !important;
}

body.noxvar-modern .logo img {
  display: block !important;
  width: min(100%, 560px) !important;
  height: auto !important;
  object-fit: contain;
  filter: drop-shadow(0 18px 34px rgba(0, 0, 0, .78));
}

body.noxvar-modern .logo span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

@media (max-width: 680px) {
  body.noxvar-modern .logo {
    margin-top: 14px !important;
  }

  body.noxvar-modern .logo img {
    width: min(100%, 390px) !important;
  }
}

/* Artwork contrast pass for the red/purple NoxVar backgrounds. This keeps
   navigation and chrome dark against the image while leaving data-heavy pages
   on bright, readable surfaces. */
:root {
  --nx-white: #ffffff;
  --nx-paper: #f4f9fc;
  --nx-ink: #071019;
  --nx-muted: #4f6374;
  --nx-black: #02060b;
  --nx-charcoal: #071019;
  --nx-panel-dark: rgba(4, 10, 17, .90);
  --nx-panel-dark-soft: rgba(7, 16, 25, .82);
  --nx-panel-light: rgba(255, 255, 255, .965);
  --nx-panel-light-soft: rgba(246, 251, 255, .94);
  --nx-line: #c9eafd;
  --nx-line-strong: #80ccf7;
  --nx-dark-line: rgba(169, 222, 253, .32);
  --nx-baby: #a9defd;
  --nx-baby-strong: #67c7ff;
  --nx-blue: #8fd3ff;
  --nx-blue-soft: #e8f7ff;
  --nx-orange: #ffad61;
  --nx-orange-strong: #ff8e35;
  --nx-danger: #ff5b73;
  --nx-shadow: 0 22px 54px rgba(0, 0, 0, .28);
  --nx-shadow-soft: 0 14px 34px rgba(0, 0, 0, .14);
}

body.noxvar-modern {
  color: var(--nx-ink);
  background:
    radial-gradient(circle at 74% 7%, rgba(255, 72, 108, .28), transparent 380px),
    radial-gradient(circle at 86% 36%, rgba(111, 46, 203, .24), transparent 420px),
    linear-gradient(180deg, rgba(2, 6, 11, .30) 0, rgba(2, 6, 11, .72) 420px, rgba(3, 8, 14, .84) 760px, rgba(244, 249, 252, .96) 1120px),
    linear-gradient(90deg, rgba(2, 6, 11, .82) 0%, rgba(2, 6, 11, .28) 46%, rgba(2, 6, 11, .70) 100%),
    image-set(url("../images/noxvar-site-bg-20260704.webp") type("image/webp"), url("../images/noxvar-site-bg-20260704.jpg") type("image/jpeg")) center top / cover fixed no-repeat,
    var(--nx-black) !important;
}

body.noxvar-modern *,
body.noxvar-modern *::before,
body.noxvar-modern *::after {
  letter-spacing: 0 !important;
}

body.noxvar-modern #contents {
  display: grid !important;
}

body.noxvar-modern #top_menu,
body.noxvar-modern .main_menu_default_button,
body.noxvar-modern .main_menu_default_button_rank,
body.noxvar-modern .noxvar-quick-action,
body.noxvar-modern .social_media_box,
body.noxvar-modern .login_form,
body.noxvar-modern #side_menu,
body.noxvar-modern .panel-group.nav,
body.noxvar-modern .nav,
body.noxvar-modern #footer {
  color: rgba(255, 255, 255, .88) !important;
  background:
    linear-gradient(135deg, rgba(7, 16, 25, .96), rgba(12, 28, 43, .90)) !important;
  border-color: var(--nx-dark-line) !important;
  box-shadow: var(--nx-shadow-soft) !important;
}

body.noxvar-modern #top_menu,
body.noxvar-modern #footer {
  backdrop-filter: blur(10px);
}

body.noxvar-modern #timer,
body.noxvar-modern .server-time,
body.noxvar-modern .welcome,
body.noxvar-modern .login_checkbox,
body.noxvar-modern .forgot,
body.noxvar-modern .footer_links,
body.noxvar-modern .footer_info {
  color: rgba(255, 255, 255, .72) !important;
}

body.noxvar-modern #timer,
body.noxvar-modern .welcome_user {
  color: var(--nx-white) !important;
}

body.noxvar-modern #content,
body.noxvar-modern #news,
body.noxvar-modern #news_new,
body.noxvar-modern .news_content,
body.noxvar-modern .news_add,
body.noxvar-modern .form,
body.noxvar-modern .market_top,
body.noxvar-modern .market_bottom,
body.noxvar-modern .market_bottom_2,
body.noxvar-modern .tema,
body.noxvar-modern .noxvar-profile-panel,
body.noxvar-modern .noxvar-wiki-grid article,
body.noxvar-modern .noxvar-wiki-detail {
  color: var(--nx-ink) !important;
  background: var(--nx-panel-light) !important;
  border-color: var(--nx-line) !important;
  box-shadow: var(--nx-shadow-soft) !important;
}

body.noxvar-modern #content {
  border-top: 3px solid var(--nx-baby-strong) !important;
}

body.noxvar-modern .panel.nav,
body.noxvar-modern .panel-default,
body.noxvar-modern .panel-body {
  color: rgba(255, 255, 255, .82) !important;
  background: transparent !important;
  border-color: var(--nx-dark-line) !important;
}

body.noxvar-modern .tdTitle,
body.noxvar-modern .panel-heading,
body.noxvar-modern .tab label,
body.noxvar-modern .blue label,
body.noxvar-modern .title,
body.noxvar-modern tr.title,
body.noxvar-modern .full_title,
body.noxvar-modern .waretitle,
body.noxvar-modern .stitle {
  color: var(--nx-white) !important;
  background:
    linear-gradient(100deg, #06101a 0%, #0f2c43 62%, rgba(255, 173, 97, .86) 100%) !important;
  border-color: var(--nx-dark-line) !important;
}

body.noxvar-modern .panel-title a,
body.noxvar-modern a.accordion-toggle,
body.noxvar-modern .nav ul li a,
body.noxvar-modern .side_menu li a,
body.noxvar-modern .footer_links a,
body.noxvar-modern .forgot a {
  color: rgba(255, 255, 255, .84) !important;
}

body.noxvar-modern .panel-title a:hover,
body.noxvar-modern a.accordion-toggle:hover,
body.noxvar-modern .nav ul li a:hover,
body.noxvar-modern .side_menu li a:hover,
body.noxvar-modern .footer_links a:hover,
body.noxvar-modern .forgot a:hover {
  color: var(--nx-white) !important;
  background: rgba(169, 222, 253, .14) !important;
}

body.noxvar-modern .main_menu_default_button,
body.noxvar-modern .main_menu_default_button_rank,
body.noxvar-modern .noxvar-quick-action {
  color: var(--nx-white) !important;
}

body.noxvar-modern .main_menu_default_button:hover,
body.noxvar-modern .main_menu_default_button_rank:hover,
body.noxvar-modern .noxvar-quick-action:hover,
body.noxvar-modern .noxvar-quick-action:focus {
  color: var(--nx-white) !important;
  background:
    linear-gradient(135deg, rgba(15, 44, 67, .98), rgba(39, 19, 66, .94)) !important;
  border-color: var(--nx-baby-strong) !important;
}

body.noxvar-modern .noxvar-primary-action,
body.noxvar-modern .login_sign_in_btn,
body.noxvar-modern input[type="submit"],
body.noxvar-modern input[type="button"],
body.noxvar-modern input[type="reset"],
body.noxvar-modern button,
body.noxvar-modern .button,
body.noxvar-modern .vote_link_left,
body.noxvar-modern .vote_link_right {
  color: #160900 !important;
  background: linear-gradient(180deg, #ffc07b, var(--nx-orange-strong)) !important;
  border-color: #ffcc91 !important;
}

body.noxvar-modern .login_username,
body.noxvar-modern .login_password,
body.noxvar-modern input,
body.noxvar-modern select,
body.noxvar-modern textarea,
body.noxvar-modern .form input,
body.noxvar-modern .form select,
body.noxvar-modern .market_top input,
body.noxvar-modern .market_top select,
body.noxvar-modern .bootstrap-select > .dropdown-toggle {
  color: var(--nx-ink) !important;
  background: var(--nx-panel-light-soft) !important;
  border-color: var(--nx-line-strong) !important;
}

body.noxvar-modern .login_username:focus,
body.noxvar-modern .login_password:focus,
body.noxvar-modern input:focus,
body.noxvar-modern select:focus,
body.noxvar-modern textarea:focus {
  outline: 2px solid rgba(143, 211, 255, .48);
  outline-offset: 1px;
  border-color: var(--nx-baby-strong) !important;
}

body.noxvar-modern .media img,
body.noxvar-modern .noxvar-social-link,
body.noxvar-modern #lang button,
body.noxvar-modern #top_menu button {
  color: var(--nx-white) !important;
  background: rgba(169, 222, 253, .10) !important;
  border-color: var(--nx-dark-line) !important;
}

body.noxvar-modern .noxvar-wiki-link {
  background: linear-gradient(100deg, #0a1020, #351a58 62%, #7a2cff) !important;
  border-color: rgba(202, 169, 255, .52) !important;
}

body.noxvar-modern a,
body.noxvar-modern a:link,
body.noxvar-modern a:active,
body.noxvar-modern a:visited {
  color: #09618d;
}

body.noxvar-modern #content a,
body.noxvar-modern .news_content a,
body.noxvar-modern .table a,
body.noxvar-modern table.items_row a {
  color: #075f8c !important;
  font-weight: 800;
}

body.noxvar-modern #content a:hover,
body.noxvar-modern .news_content a:hover,
body.noxvar-modern .table a:hover,
body.noxvar-modern table.items_row a:hover {
  color: #9d4400 !important;
}

body.noxvar-modern .table,
body.noxvar-modern .table_reg,
body.noxvar-modern #content table:not(.vaults),
body.noxvar-modern table.items_row {
  background: var(--nx-white) !important;
  border-color: var(--nx-line) !important;
}

body.noxvar-modern .table td,
body.noxvar-modern .table th,
body.noxvar-modern #content table:not(.vaults) td,
body.noxvar-modern #content table:not(.vaults) th,
body.noxvar-modern table.items_row td,
body.noxvar-modern table.items_row th {
  color: var(--nx-ink) !important;
  border-color: #dceff9 !important;
}

body.noxvar-modern table.items_row tr.market:hover,
body.noxvar-modern .tema:hover {
  background: #eef9ff !important;
}

body.noxvar-modern .error,
body.noxvar-modern .login_error {
  color: #fff5f7 !important;
  background: rgba(102, 11, 32, .94) !important;
  border-color: rgba(255, 91, 115, .58) !important;
}

body.noxvar-modern .success {
  color: #eafff4 !important;
  background: rgba(5, 84, 46, .94) !important;
  border-color: rgba(123, 238, 169, .58) !important;
}

body.noxvar-modern .noxvar-character-hero,
body.noxvar-modern .noxvar-wiki-hero,
body.noxvar-modern .noxvar-auction-frame {
  color: var(--nx-white) !important;
  background:
    radial-gradient(circle at 86% 16%, rgba(112, 44, 210, .34), transparent 280px),
    linear-gradient(105deg, #02060b 0%, #0b2032 58%, rgba(255, 142, 53, .80) 100%) !important;
  border-color: var(--nx-dark-line) !important;
}

body.noxvar-modern .noxvar-character-title p,
body.noxvar-modern .noxvar-wiki-hero p,
body.noxvar-modern .noxvar-auction-frame * {
  color: rgba(255, 255, 255, .80) !important;
}

body.noxvar-modern .noxvar-rank-nav {
  display: grid;
  gap: 10px;
  margin: 0 0 18px;
  padding: 14px;
  color: var(--nx-ink);
  background: var(--nx-panel-light) !important;
  border: 1px solid var(--nx-line);
  border-radius: var(--nx-radius);
  box-shadow: var(--nx-shadow-soft);
}

body.noxvar-modern .noxvar-rank-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

body.noxvar-modern .noxvar-rank-tabs .market_bottom_2 {
  margin: 0 !important;
  min-height: 36px;
  padding: 9px 13px !important;
  color: var(--nx-white) !important;
  background: linear-gradient(135deg, #071019, #102436) !important;
  border-color: var(--nx-dark-line) !important;
}

body.noxvar-modern .noxvar-rank-tabs .market_bottom_2:hover,
body.noxvar-modern .noxvar-rank-tabs .market_bottom_2.active {
  color: #140900 !important;
  background: linear-gradient(180deg, #ffc07b, var(--nx-orange-strong)) !important;
  border-color: #ffcc91 !important;
}

body.noxvar-modern .noxvar-rank-class-tabs .market_bottom_2 {
  min-width: 54px;
}

body.noxvar-modern .noxvar-rank-name {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}

body.noxvar-modern .noxvar-online-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-left: 7px;
  vertical-align: middle;
  background: #29e878;
  border: 1px solid #d9ffe8;
  border-radius: 999px;
  box-shadow: 0 0 0 3px rgba(41, 232, 120, .18), 0 0 12px rgba(41, 232, 120, .72);
}

body.noxvar-modern .noxvar-policy-page {
  display: grid;
  gap: 16px;
}

body.noxvar-modern .noxvar-policy-hero,
body.noxvar-modern .noxvar-policy-panel {
  border-radius: var(--nx-radius);
  box-shadow: var(--nx-shadow-soft);
}

body.noxvar-modern .noxvar-policy-hero {
  padding: 26px;
  color: var(--nx-white);
  background:
    radial-gradient(circle at 84% 18%, rgba(112, 44, 210, .34), transparent 260px),
    linear-gradient(105deg, #02060b 0%, #0b2032 58%, rgba(255, 142, 53, .80) 100%);
  border: 1px solid var(--nx-dark-line);
}

body.noxvar-modern .noxvar-policy-hero span {
  color: var(--nx-baby);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

body.noxvar-modern .noxvar-policy-hero h1 {
  margin: 6px 0 10px;
  color: var(--nx-white);
  font: 900 40px/1.05 "Segoe UI", Arial, sans-serif;
}

body.noxvar-modern .noxvar-policy-hero p,
body.noxvar-modern .noxvar-policy-hero em {
  max-width: 760px;
  margin: 0;
  color: rgba(255, 255, 255, .80);
  font-style: normal;
}

body.noxvar-modern .noxvar-policy-hero em {
  display: inline-block;
  margin-top: 12px;
  color: rgba(255, 255, 255, .66);
  font-size: 12px;
  font-weight: 800;
}

body.noxvar-modern .noxvar-policy-panel {
  padding: 20px;
  color: var(--nx-ink);
  background: var(--nx-panel-light);
  border: 1px solid var(--nx-line);
}

body.noxvar-modern .noxvar-policy-panel h2 {
  margin: 0 0 10px;
  color: var(--nx-ink);
  font: 900 18px/1.2 "Segoe UI", Arial, sans-serif;
}

body.noxvar-modern .noxvar-policy-panel p {
  margin: 0 0 10px;
  color: var(--nx-muted);
}

body.noxvar-modern .noxvar-policy-panel p:last-child {
  margin-bottom: 0;
}

body.noxvar-modern .noxvar-policy-panel ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 20px;
  color: var(--nx-muted);
}

body.noxvar-modern .noxvar-policy-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 14px;
}

body.noxvar-modern .noxvar-policy-action {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  margin-top: 8px;
  padding: 8px 12px;
  color: #160900 !important;
  background: linear-gradient(180deg, #ffc07b, var(--nx-orange-strong));
  border: 1px solid #ffcc91;
  border-radius: 7px;
  font-weight: 900;
}

body.noxvar-modern .noxvar-vote-button {
  gap: 8px;
  text-decoration: none !important;
}

body.noxvar-modern .noxvar-vote-button img {
  width: 18px;
  height: 18px;
  object-fit: contain;
  border-radius: 4px;
  flex: 0 0 auto;
}

body.noxvar-modern .noxvar-vote-button span {
  display: inline-block;
}

body.noxvar-modern .noxvar-seo-news {
  display: block;
  margin-bottom: 14px;
}

body.noxvar-modern .noxvar-seo-news .news_content p {
  margin: 0 0 10px;
  color: var(--nx-muted);
}

@media (max-width: 980px) {
  body.noxvar-modern {
    background:
      linear-gradient(180deg, rgba(2, 6, 11, .58) 0, rgba(2, 6, 11, .80) 320px, rgba(244, 249, 252, .96) 760px),
      linear-gradient(90deg, rgba(2, 6, 11, .78), rgba(2, 6, 11, .42)),
      image-set(url("../images/noxvar-site-bg-20260704.webp") type("image/webp"), url("../images/noxvar-site-bg-20260704.jpg") type("image/jpeg")) center top / auto 680px no-repeat,
      var(--nx-black) !important;
  }
}

/* Admin character editor: readable labels and isolated legacy inventory grid. */
body.noxvar-modern #content form.form table[border="1"] td.title,
body.noxvar-modern #content table[border="1"] td.title {
  color: #f7fbff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .85) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

body.noxvar-modern #content form.form table[border="1"] td:not(.title),
body.noxvar-modern #content table[border="1"] td:not(.title) {
  color: #071019 !important;
}

body.noxvar-modern .noxvar-admin-inventory-view {
  margin: 0 auto 18px auto;
  overflow: visible;
  width: 330px !important;
  max-width: 330px !important;
  min-width: 330px !important;
}

body.noxvar-modern .noxvar-admin-inventory-view table.noxvar-admin-inventory-grid {
  display: table !important;
  width: 280px !important;
  max-width: 280px !important;
  min-width: 280px !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin-top: 83px !important;
  margin-left: 23px !important;
  padding: 0 !important;
}

body.noxvar-modern .noxvar-admin-inventory-view table.noxvar-admin-inventory-grid tbody {
  display: table-row-group !important;
}

body.noxvar-modern .noxvar-admin-inventory-view table.noxvar-admin-inventory-grid tr {
  display: table-row !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.noxvar-modern .noxvar-admin-inventory-view table.noxvar-admin-inventory-grid td {
  display: table-cell !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 35px !important;
  width: 35px !important;
  height: 35px !important;
  line-height: 0 !important;
  vertical-align: top !important;
}

body.noxvar-modern .noxvar-admin-inventory-view img.someClass,
body.noxvar-modern .noxvar-admin-inventory-view img.m {
  object-fit: contain;
  image-rendering: auto;
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .65));
}