/* WebEngine module restyle for the EXMU v2 chrome */
/* MU cursors — !important so later pointer/default rules cannot flash the Windows hand */
body.page-shell,
body.page-shell * {
  cursor: url('../images/MU.cur'), auto !important;
}
body.page-shell *::before,
body.page-shell *::after {
  cursor: inherit !important;
}
body.page-shell a,
body.page-shell a *,
body.page-shell button,
body.page-shell button *,
body.page-shell .button,
body.page-shell .button *,
body.page-shell .btn,
body.page-shell .btn *,
body.page-shell [href],
body.page-shell [href] *,
body.page-shell [onclick],
body.page-shell [onclick] *,
body.page-shell [role="button"],
body.page-shell [role="button"] *,
body.page-shell [role="tab"],
body.page-shell [role="link"],
body.page-shell label,
body.page-shell label *,
body.page-shell summary,
body.page-shell select,
body.page-shell input[type="submit"],
body.page-shell input[type="button"],
body.page-shell input[type="reset"],
body.page-shell input[type="checkbox"],
body.page-shell input[type="radio"],
body.page-shell input[type="file"],
body.page-shell input[type="image"],
body.page-shell .exmu-bar-link,
body.page-shell .exmu-bar-link *,
body.page-shell .feature-card,
body.page-shell .feature-card *,
body.page-shell .we-hero-dot,
body.page-shell .we-hero-arrow,
body.page-shell .we-hero-arrow *,
body.page-shell .we-news-video-inline,
body.page-shell .pagination a,
body.page-shell .pagination a *,
body.page-shell .ranking-tabs button,
body.page-shell .ranking-tabs a {
  cursor: url('../images/MU2.cur'), pointer !important;
}
body.page-shell a:hover,
body.page-shell a:hover *,
body.page-shell button:hover,
body.page-shell button:hover *,
body.page-shell .btn:hover,
body.page-shell .btn:hover *,
body.page-shell [href]:hover,
body.page-shell [href]:hover *,
body.page-shell [onclick]:hover,
body.page-shell [role="button"]:hover {
  cursor: url('../images/MU2.cur'), pointer !important;
}
body.page-shell input[type="text"],
body.page-shell input[type="password"],
body.page-shell input[type="email"],
body.page-shell input[type="number"],
body.page-shell input[type="search"],
body.page-shell input[type="tel"],
body.page-shell input[type="url"],
body.page-shell textarea {
  cursor: text !important;
}
body.page-shell :disabled,
body.page-shell [disabled],
body.page-shell .disabled {
  cursor: not-allowed !important;
}

body.page-shell {
  font-family: Inter, Arial, Helvetica, sans-serif !important;
  background: var(--bg);
  color: var(--text);
  scrollbar-width: thin;
  scrollbar-color: #c62828 #080b0f;
}
html:has(body.page-shell) {
  scrollbar-width: thin;
  scrollbar-color: #c62828 #080b0f;
}
html:has(body.page-shell)::-webkit-scrollbar,
body.page-shell::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
html:has(body.page-shell)::-webkit-scrollbar-track,
body.page-shell::-webkit-scrollbar-track {
  background: #080b0f;
}
html:has(body.page-shell)::-webkit-scrollbar-thumb,
body.page-shell::-webkit-scrollbar-thumb {
  background: #c62828;
  border-radius: 8px;
}
html:has(body.page-shell)::-webkit-scrollbar-thumb:hover,
body.page-shell::-webkit-scrollbar-thumb:hover {
  background: #e53935;
}
html:has(body.page-shell)::-webkit-scrollbar-corner,
body.page-shell::-webkit-scrollbar-corner {
  background: #080b0f;
}
body.page-shell a:hover,
body.page-shell a:focus {
  color: var(--primary-light);
  text-decoration: none;
}

/* Own width wrapper — never use Bootstrap .container on grid/flex chrome */
body.page-shell .exmu-wrap {
  width: min(var(--container), calc(100% - 48px));
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
}

.exmu-boot {
  position: fixed;
  inset: 0;
  z-index: 400000;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(1100px 620px at 50% 36%, rgba(180,30,30,.11), transparent 60%),
    radial-gradient(760px 480px at 50% 64%, rgba(255,255,255,.03), transparent 60%),
    #000;
  transition: opacity .45s ease, visibility .45s ease;
}
html:not(.exmu-booted) {
  overflow: hidden;
}
.exmu-boot.is-done,
html.exmu-booted .exmu-boot {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.exmu-boot-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(92vw, 400px);
  padding: 8px 20px;
  text-align: center;
}
.exmu-boot-logo-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}
.exmu-boot-logo-wrap::before {
  content: "";
  position: absolute;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(229,57,53,.16), transparent 62%);
  filter: blur(6px);
  animation: exmuBootPulse 3.2s ease-in-out infinite;
}
.exmu-boot-logo {
  position: relative;
  width: auto;
  max-width: min(80vw, 360px);
  max-height: 168px;
  object-fit: contain;
  filter: drop-shadow(0 6px 26px rgba(0,0,0,.6));
  animation: exmuBootRise .7s ease both;
}
.exmu-boot-season {
  margin: 0 0 16px;
  color: #c5c8ce;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: none;
}
.exmu-boot-bar {
  width: 100%;
  max-width: 300px;
  height: 3px;
  margin: 0 0 20px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(255,255,255,.08);
}
.exmu-boot-bar i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: 99px;
  background: linear-gradient(90deg, #9c1c1c, #e53935);
  box-shadow: 0 0 12px rgba(229,57,53,.5);
  animation: exmuBootFill 4s cubic-bezier(.4,0,.2,1) forwards;
}
.exmu-boot-status {
  margin: 0;
  color: #c5c8ce;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
}
@keyframes exmuBootFill {
  from { width: 0; }
  to { width: 100%; }
}
@keyframes exmuBootPulse {
  0%, 100% { opacity: .55; transform: scale(.96); }
  50% { opacity: 1; transform: scale(1.04); }
}
@keyframes exmuBootRise {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .exmu-boot { transition: none; }
  .exmu-boot-logo-wrap::before,
  .exmu-boot-logo { animation: none; }
  .exmu-boot-bar i { animation: none; width: 100%; }
}

html[data-exmu-fit="up"],
html[data-exmu-fit="down"] {
  zoom: var(--exmu-scale, 1);
}

/* Bootstrap 3 clearfix ::before/::after become extra grid/flex items and smash the layout */
body.page-shell .nav-wrap::before,
body.page-shell .nav-wrap::after,
body.page-shell .feature-strip::before,
body.page-shell .feature-strip::after,
body.page-shell .content-grid::before,
body.page-shell .content-grid::after,
body.page-shell .footer-grid::before,
body.page-shell .footer-grid::after,
body.page-shell .exmu-foot-main::before,
body.page-shell .exmu-foot-main::after,
body.page-shell .sidebar::before,
body.page-shell .sidebar::after,
body.page-shell #main-content .row::before,
body.page-shell #main-content .row::after {
  display: none !important;
  content: none !important;
}

body.page-shell .nav-wrap {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 16px;
  min-width: 0;
  height: 86px;
  overflow: visible;
}
body.page-shell .gn-left {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 14px;
}
body.page-shell .brand {
  flex: 0 0 auto;
}
body.page-shell .brand img {
  width: 132px;
  max-width: none;
}
body.page-shell .exmu-v2-toolbar {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  overflow: visible;
}

body.page-shell .gn-wallet {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 18px;
  width: max-content;
  max-width: none;
  min-height: 0;
  padding: 0;
  border: 0;
  background: none;
}
body.page-shell .exmu-v2-toolbar > .gn-wallet {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: auto;
  z-index: 40;
  min-height: 34px;
  padding: 0 22px;
  background: #080b0f;
  clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
}
body.page-shell .gn-user-coin {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #f2f3f5;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
body.page-shell .gn-user-coin-k { color: #f2f3f5; }
body.page-shell .gn-user-coin-v {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 18px;
  padding: 0 10px;
  border: 0;
  background: #9c1c1c;
  clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}
body.page-shell .gn-user-coin-v.vip-gold {
  background: #c9a227;
  color: #1a1108;
}
body.page-shell .gn-user-coin-v.vip-silver {
  background: #8b949e;
  color: #1a1108;
}
body.page-shell .gn-user-coin-v.vip-bronze {
  background: #a67c52;
  color: #fff;
}
body.page-shell .gn-user-coin-v.vip-free {
  background: #9c1c1c;
  color: #fff;
}
body.page-shell .gn-wallet--mobile {
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  margin: 10px 0 4px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(0,0,0,.28);
}

/* ============================================================
   NAVBAR — MUREZIST layout, EXMU panel colors
   ============================================================ */
body.page-shell .topbar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: auto;
  overflow: visible;
  z-index: 50;
  background: rgba(8,11,15,.94) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}
body.page-shell .topbar::after { display: none; }

body.page-shell a.gn-version {
  text-decoration: none;
  color: inherit;
}
body.page-shell .gn-version {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  line-height: 1.15;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.03);
  white-space: nowrap;
  flex-shrink: 0;
  transition: border-color .18s ease;
}
body.page-shell .gn-version:hover {
  border-color: rgba(255,255,255,.16);
}
body.page-shell .gn-version-tip {
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  z-index: 80;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 190px;
  padding: 18px 22px 16px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: linear-gradient(180deg, #14181d, #0a0d11);
  box-shadow: 0 14px 36px rgba(0,0,0,.7);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%) translateY(6px);
  transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
}
body.page-shell .gn-version:hover .gn-version-tip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
body.page-shell .gn-version-tip::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid rgba(255,255,255,.12);
}
body.page-shell .gn-version-tip img {
  width: 128px;
  height: auto;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.6));
}
body.page-shell .gn-version-tip-title {
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
}
body.page-shell .gn-version-tip-sub {
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #8b919a;
}
body.page-shell .gn-version-label {
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #8b919a;
}
body.page-shell .gn-version-num {
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
  color: #fff;
  margin-top: 2px;
}

body.page-shell .nav {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-width: 0;
  height: 100%;
  padding: 0 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.page-shell .nav > a.gn-mi,
body.page-shell .nav .gn-drop-trigger {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  height: auto;
  min-height: 56px;
  padding: 6px 16px;
  border: 0;
  border-radius: 0;
  color: #c5c8ce;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  opacity: 1;
  background: transparent;
  cursor: pointer;
  transition: color .18s ease;
}
body.page-shell .nav .gn-mi-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  line-height: 1.05;
}
body.page-shell .nav .gn-mi-label {
  color: inherit;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .08em;
}
body.page-shell .nav .gn-mi-sub {
  color: #8b919a;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .02em;
  text-transform: none;
}
body.page-shell .nav > a.gn-mi:hover .gn-mi-sub,
body.page-shell .nav .gn-drop-trigger:hover .gn-mi-sub,
body.page-shell .nav > a.gn-mi.active .gn-mi-sub,
body.page-shell .nav .gn-drop-trigger.active .gn-mi-sub,
body.page-shell .nav .gn-drop.is-current .gn-mi-sub {
  color: #b7bcc4;
}
body.page-shell .nav .gn-mi-text::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 3px;
  border-radius: 99px;
  background: linear-gradient(90deg, transparent, rgba(229,57,53,.95) 22%, #ff7a74 50%, rgba(229,57,53,.95) 78%, transparent);
  box-shadow: 0 0 10px rgba(229,57,53,.45);
  opacity: 0;
  transform: scaleX(.55);
  transform-origin: center;
  transition: opacity .2s ease, transform .2s ease;
}
body.page-shell .nav > a.gn-mi.active .gn-mi-text::after,
body.page-shell .nav .gn-drop-trigger.active .gn-mi-text::after,
body.page-shell .nav .gn-drop.is-current .gn-mi-text::after,
body.page-shell .nav > a.gn-mi.active:hover .gn-mi-text::after,
body.page-shell .nav .gn-drop-trigger.active:hover .gn-mi-text::after,
body.page-shell .nav .gn-drop.is-current .gn-drop-trigger:hover .gn-mi-text::after {
  opacity: 1;
  transform: scaleX(1);
}
body.page-shell .nav > a.gn-mi:hover .gn-mi-text::after,
body.page-shell .nav .gn-drop-trigger:hover .gn-mi-text::after {
  opacity: .45;
  transform: scaleX(.85);
}
body.page-shell .nav > a.gn-mi::before,
body.page-shell .nav .gn-drop-trigger::before {
  content: none;
  display: none;
}
body.page-shell .nav > a.gn-mi::after,
body.page-shell .nav > .gn-drop::after {
  content: "";
  display: block !important;
  position: absolute;
  top: 18%;
  right: 0;
  bottom: 18%;
  left: auto;
  width: 1px;
  height: auto;
  margin: 0;
  border: 0;
  background: linear-gradient(180deg, transparent, rgba(255,255,255,.16) 28%, rgba(229,57,53,.75) 50%, rgba(255,255,255,.16) 72%, transparent);
  opacity: .85;
  pointer-events: none;
  transform: none;
  box-shadow: none;
}
body.page-shell .nav > :last-child::after { display: none !important; }
body.page-shell .nav > a.gn-mi:hover,
body.page-shell .nav .gn-drop-trigger:hover,
body.page-shell .nav .gn-drop.is-open .gn-drop-trigger {
  color: #fff;
  background: transparent;
}
body.page-shell .nav > a.gn-mi.active,
body.page-shell .nav .gn-drop-trigger.active,
body.page-shell .nav .gn-drop.is-current .gn-drop-trigger {
  color: #fff;
  background: transparent;
  box-shadow: none;
}
body.page-shell .nav a.gn-mi-home::before,
body.page-shell .nav .gn-mi-home::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 21V10.2L12 4l8 6.2V21H4zm5-2h2.4v-5.2h1.2V19H15V12H9v7zM6.2 9.6V19H8V11h8v8h1.8V9.6L12 5.7 6.2 9.6z'/%3E%3Cpath d='M10.2 4.2h1.4V2.6h-1.4zm2.2 0h1.4V2.6h-1.4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 21V10.2L12 4l8 6.2V21H4zm5-2h2.4v-5.2h1.2V19H15V12H9v7zM6.2 9.6V19H8V11h8v8h1.8V9.6L12 5.7 6.2 9.6z'/%3E%3Cpath d='M10.2 4.2h1.4V2.6h-1.4zm2.2 0h1.4V2.6h-1.4z'/%3E%3C/svg%3E");
}
body.page-shell .nav a.gn-mi-info::before,
body.page-shell .nav .gn-mi-info::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3.4c-1.4 0-2.5 1-2.5 2.3v12.6c0 1.5 1.3 2.7 2.9 2.7h11.1V5.7c0-1.3-1.1-2.3-2.5-2.3H7zm0 1.6h9v13.4H7.4c-.5 0-1-.4-1-1.1V5.7c0-.4.3-.7.6-.7zm1.8 2.4h5.6v1.4H8.8zm0 3h5.6v1.4H8.8zm0 3h3.8v1.4H8.8z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3.4c-1.4 0-2.5 1-2.5 2.3v12.6c0 1.5 1.3 2.7 2.9 2.7h11.1V5.7c0-1.3-1.1-2.3-2.5-2.3H7zm0 1.6h9v13.4H7.4c-.5 0-1-.4-1-1.1V5.7c0-.4.3-.7.6-.7zm1.8 2.4h5.6v1.4H8.8zm0 3h5.6v1.4H8.8zm0 3h3.8v1.4H8.8z'/%3E%3C/svg%3E");
}
body.page-shell .nav a.gn-mi-download::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2v10.1l3.3-3.3 1.1 1.1L12 16.4 7.6 11.1l1.1-1.1 3.3 3.3V3.2h1.6zM5 17.6h14v2.4H5z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2v10.1l3.3-3.3 1.1 1.1L12 16.4 7.6 11.1l1.1-1.1 3.3 3.3V3.2h1.6zM5 17.6h14v2.4H5z'/%3E%3C/svg%3E");
}
body.page-shell .nav a.gn-mi-shop::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6 4.8 6.2v4.3c0 4.8 3.2 8.8 7.2 10.3 4-1.5 7.2-5.5 7.2-10.3V6.2L12 2.6zm0 2.1 5.6 2.8v3c0 3.8-2.4 7-5.6 8.3-3.2-1.3-5.6-4.5-5.6-8.3v-3L12 4.7z'/%3E%3Cpath d='M12 8.2c1.7 0 2.8 1 2.8 2.3 0 1.1-.7 1.8-1.9 2.1l.1 2.3h-2l.1-2.4c-1.1-.3-1.9-1-1.9-2 0-1.3 1.1-2.3 2.8-2.3zm0 1.5c-.7 0-1.1.4-1.1.8s.4.8 1.1.8 1.1-.3 1.1-.8-.4-.8-1.1-.8z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6 4.8 6.2v4.3c0 4.8 3.2 8.8 7.2 10.3 4-1.5 7.2-5.5 7.2-10.3V6.2L12 2.6zm0 2.1 5.6 2.8v3c0 3.8-2.4 7-5.6 8.3-3.2-1.3-5.6-4.5-5.6-8.3v-3L12 4.7z'/%3E%3Cpath d='M12 8.2c1.7 0 2.8 1 2.8 2.3 0 1.1-.7 1.8-1.9 2.1l.1 2.3h-2l.1-2.4c-1.1-.3-1.9-1-1.9-2 0-1.3 1.1-2.3 2.8-2.3zm0 1.5c-.7 0-1.1.4-1.1.8s.4.8 1.1.8 1.1-.3 1.1-.8-.4-.8-1.1-.8z'/%3E%3C/svg%3E");
}
body.page-shell .nav a.gn-mi-rankings::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3.4h8v3.2a4 4 0 0 1-3.2 3.9v2.1H15v1.7H9v-1.7h2.2V10.5A4 4 0 0 1 8 6.6V3.4zm1.6 1.6v1.6A2.4 2.4 0 0 0 12 9a2.4 2.4 0 0 0 2.4-2.4V5H9.6zM3.8 4.8H7v3.2H3.8zm13.2 0H20.2v3.2H17zM8.2 17.6h7.6v1.8H8.2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3.4h8v3.2a4 4 0 0 1-3.2 3.9v2.1H15v1.7H9v-1.7h2.2V10.5A4 4 0 0 1 8 6.6V3.4zm1.6 1.6v1.6A2.4 2.4 0 0 0 12 9a2.4 2.4 0 0 0 2.4-2.4V5H9.6zM3.8 4.8H7v3.2H3.8zm13.2 0H20.2v3.2H17zM8.2 17.6h7.6v1.8H8.2z'/%3E%3C/svg%3E");
}
body.page-shell .nav a.gn-mi-staff::before,
body.page-shell .nav .gn-mi-staff::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.4 4.6 5.2v6.1c0 5 3.3 8.9 7.4 10.3 4.1-1.4 7.4-5.3 7.4-10.3V5.2L12 2.4zm0 2 5.8 2.2v4.7c0 3.9-2.5 7.1-5.8 8.4-3.3-1.3-5.8-4.5-5.8-8.4V6.6L12 4.4z'/%3E%3Cpath d='M12 8.1 13.6 11h3.2l-2.6 1.9.9 3-2.1-1.5-2.1 1.5.9-3L9.2 11h3.2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.4 4.6 5.2v6.1c0 5 3.3 8.9 7.4 10.3 4.1-1.4 7.4-5.3 7.4-10.3V5.2L12 2.4zm0 2 5.8 2.2v4.7c0 3.9-2.5 7.1-5.8 8.4-3.3-1.3-5.8-4.5-5.8-8.4V6.6L12 4.4z'/%3E%3Cpath d='M12 8.1 13.6 11h3.2l-2.6 1.9.9 3-2.1-1.5-2.1 1.5.9-3L9.2 11h3.2z'/%3E%3C/svg%3E");
}

body.page-shell .gn-drop { position: relative; }
body.page-shell .gn-drop-trigger { padding-right: 18px; }
body.page-shell .gn-drop-trigger::after {
  content: "";
  display: block !important;
  position: static;
  align-self: flex-start;
  width: 0;
  height: 0;
  margin: 10px 0 0 2px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #8b919a;
  background: none;
  -webkit-mask: none;
  mask: none;
  transform-origin: 50% 30%;
  transform: rotate(0deg);
  opacity: 1;
  filter: none;
  transition: transform .28s ease, border-top-color .2s ease;
}
body.page-shell .gn-drop.is-open .gn-drop-trigger::after {
  border-top-color: #fff;
  transform: rotate(180deg);
}
body.page-shell .gn-drop-menu,
body.page-shell .gn-lang-menu {
  position: absolute;
  z-index: 80;
  padding: 4px 0;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px;
  background: rgba(10,12,16,.98);
  box-shadow: 0 18px 40px rgba(0,0,0,.6), 0 0 0 1px rgba(229,57,53,.08);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  filter: blur(3px);
  transition: opacity .32s ease, transform .38s cubic-bezier(.22,1,.36,1), visibility .32s ease, filter .32s ease;
}
body.page-shell .gn-drop-menu {
  top: calc(100% - 2px);
  left: 50%;
  min-width: 208px;
  transform: translateX(-50%) translateY(12px) scale(.96);
  transform-origin: top center;
}
body.page-shell .gn-drop-menu::before,
body.page-shell .gn-lang-menu::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  height: 12px;
}
body.page-shell .gn-drop.is-open .gn-drop-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  filter: none;
  transform: translateX(-50%) translateY(0) scale(1);
}
body.page-shell .nav .gn-drop-menu a,
body.page-shell .gn-drop-menu a {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: auto;
  min-height: 0 !important;
  padding: 5px 16px;
  color: #c5c8ce;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .03em;
  line-height: 1.2;
  text-align: left;
  text-transform: none;
}
body.page-shell .gn-staff-menu {
  min-width: 228px;
  padding: 4px 0;
  text-align: left;
}
body.page-shell .staff-dropdown-title {
  margin: 2px 16px 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: #ececec;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
body.page-shell .staff-member-row {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  border-bottom: 0;
}
body.page-shell .staff-member-row::before,
body.page-shell .staff-member-row::after { display: none; }
body.page-shell .staff-member-row:hover { background: transparent; }
body.page-shell .staff-member-row:last-child { border-bottom: 0; }
body.page-shell .staff-dot {
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
body.page-shell .staff-name {
  flex: 1 1 auto;
  color: #e8eaed;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: none;
}
body.page-shell .staff-role-tag {
  flex: 0 0 auto;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.page-shell .staff-empty {
  padding: 8px 16px;
  color: #8b919a;
  font-size: 12px;
}
body.page-shell .exmu-v2-mobile-staff {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.08);
}
body.page-shell .exmu-v2-mobile-staff-title {
  margin-bottom: 8px;
  color: #8b919a;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

body.page-shell .exmu-bar-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  padding: 0 16px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  color: #d7dade;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  background: rgba(255,255,255,.03);
  box-shadow: none;
  transition: color .18s ease, border-color .18s ease, background .18s ease;
}
body.page-shell .exmu-bar-link.gn-btn-account,
body.page-shell .exmu-bar-link.gn-btn-logout {
  color: #f4f6f8;
  border-color: rgba(0,0,0,.3);
  background: linear-gradient(180deg, #d5dce3, #8b949e);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 1px 0 rgba(0,0,0,.3);
}
body.page-shell .exmu-bar-link.gn-btn-account:hover,
body.page-shell .exmu-bar-link.gn-btn-logout:hover {
  color: #fff;
  border-color: rgba(0,0,0,.3);
  background: linear-gradient(180deg, #e8eef3, #9aa4ae);
}
body.page-shell .exmu-bar-link.gn-btn-login {
  color: #1a1108;
  border-color: rgba(80,52,8,.55);
  background: linear-gradient(180deg, #f0d070, #c9a84c 52%, #9f6b12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 1px 0 rgba(0,0,0,.35);
}
body.page-shell .exmu-bar-link.gn-btn-login:hover {
  color: #1a1108;
  border-color: rgba(80,52,8,.7);
  background: linear-gradient(180deg, #f7df84, #d4b45a 52%, #b07a18);
}
body.page-shell .exmu-bar-link.gn-btn-register {
  color: #fff;
  border-color: rgba(0,0,0,.35);
  background: linear-gradient(180deg, #d32f2f, #9c1c1c);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 1px 0 rgba(0,0,0,.35);
}
body.page-shell .exmu-bar-link.gn-btn-register:hover {
  color: #fff;
  border-color: rgba(0,0,0,.35);
  background: linear-gradient(180deg, #e53935, #b71c1c);
}
body.page-shell .exmu-bar-link.gn-btn-login::before,
body.page-shell .exmu-bar-link.gn-btn-register::before,
body.page-shell .exmu-bar-link.gn-btn-account::before,
body.page-shell .exmu-bar-link.gn-btn-logout::before,
body.page-shell .exmu-bar-link.gn-btn-admin::before {
  content: "";
  width: 15px;
  height: 15px;
  margin-right: 8px;
  flex: 0 0 auto;
  background-color: currentColor;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}
body.page-shell .exmu-bar-link.gn-btn-login::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
}
body.page-shell .exmu-bar-link.gn-btn-register::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='8' r='3.4'/%3E%3Cpath d='M4.4 19a5.6 5.6 0 0 1 11.2 0'/%3E%3Cpath d='M18 8v6M15 11h6'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='8' r='3.4'/%3E%3Cpath d='M4.4 19a5.6 5.6 0 0 1 11.2 0'/%3E%3Cpath d='M18 8v6M15 11h6'/%3E%3C/svg%3E");
}
body.page-shell .exmu-bar-link.gn-btn-account::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M5 20a7 7 0 0 1 14 0'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M5 20a7 7 0 0 1 14 0'/%3E%3C/svg%3E");
}
body.page-shell .exmu-bar-link.gn-btn-logout::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7V5a2 2 0 0 1 2-2h8v18h-8a2 2 0 0 1-2-2v-2'/%3E%3Cpath d='M4 12h11M12 8l4 4-4 4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7V5a2 2 0 0 1 2-2h8v18h-8a2 2 0 0 1-2-2v-2'/%3E%3Cpath d='M4 12h11M12 8l4 4-4 4'/%3E%3C/svg%3E");
}
body.page-shell .exmu-bar-link.gn-btn-admin {
  color: #fff;
  border-color: rgba(0,0,0,.35);
  background: linear-gradient(180deg, #d32f2f, #9c1c1c);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 1px 0 rgba(0,0,0,.35);
}
body.page-shell .exmu-bar-link.gn-btn-admin::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.4 8.6-8 9.8C7.4 20.6 4 17 4 12V6l8-3z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.4 8.6-8 9.8C7.4 20.6 4 17 4 12V6l8-3z'/%3E%3C/svg%3E");
}
body.page-shell .exmu-bar-link.gn-btn-admin:hover {
  color: #fff;
  border-color: rgba(0,0,0,.35);
  background: linear-gradient(180deg, #e53935, #b71c1c);
}

body.page-shell .gn-lang { position: relative; }
body.page-shell .gn-lang-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  background: rgba(255,255,255,.05);
  color: #fff;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.page-shell .gn-lang-globe {
  width: 14px;
  height: 14px;
  background-color: #fff;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 12h18M12 3c3 3.2 3 14.8 0 18M12 3c-3 3.2-3 14.8 0 18' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 12h18M12 3c3 3.2 3 14.8 0 18M12 3c-3 3.2-3 14.8 0 18' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}
body.page-shell .gn-lang-trigger img,
body.page-shell .gn-lang-menu img {
  display: block;
  width: 18px;
  height: 13px;
  border-radius: 2px;
  object-fit: cover;
}
body.page-shell .gn-lang-arrow {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #8b919a;
  transform-origin: 50% 30%;
  transition: transform .28s ease, border-top-color .2s ease;
}
body.page-shell .gn-lang.is-open .gn-lang-arrow {
  border-top-color: #fff;
  transform: rotate(180deg);
}
body.page-shell .gn-lang-trigger:hover,
body.page-shell .gn-lang.is-open .gn-lang-trigger {
  color: #fff;
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
}
body.page-shell .gn-lang-menu {
  top: calc(100% + 4px);
  left: auto;
  right: 0;
  min-width: 188px;
  padding: 8px 0 6px;
  transform: translateY(8px) scale(.96);
  transform-origin: top right;
}
body.page-shell .gn-lang.is-open .gn-lang-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  filter: none;
  transform: translateY(0) scale(1);
}
body.page-shell .gn-lang-menu a,
body.page-shell .nav .gn-drop-menu a,
body.page-shell .gn-drop-menu a,
body.page-shell .gn-staff-menu .staff-member-row {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 0 !important;
  height: auto;
  padding: 5px 16px;
  color: #c5c8ce;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .03em;
  line-height: 1.2;
  text-transform: none;
  opacity: 0;
  transform: translateX(-8px);
  transition:
    opacity .24s ease,
    transform .28s cubic-bezier(.22,1,.36,1),
    color .16s ease;
}
body.page-shell .gn-flag {
  width: 22px;
  flex: 0 0 22px;
  color: #8b919a;
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1;
}
body.page-shell .gn-lang-menu a::before,
body.page-shell .gn-lang-menu a::after,
body.page-shell .gn-drop-menu a::before,
body.page-shell .gn-drop-menu a::after {
  display: none !important;
}
body.page-shell .gn-drop.is-open .gn-drop-menu a,
body.page-shell .gn-lang.is-open .gn-lang-menu a,
body.page-shell .gn-drop.is-open .gn-staff-menu .staff-member-row {
  opacity: 1;
  transform: translateX(0);
}
body.page-shell .gn-drop.is-open .gn-drop-menu a:nth-of-type(1),
body.page-shell .gn-lang.is-open .gn-lang-menu a:nth-of-type(1),
body.page-shell .gn-drop.is-open .staff-member-row:nth-child(2) { transition-delay: .04s; }
body.page-shell .gn-drop.is-open .gn-drop-menu a:nth-of-type(2),
body.page-shell .gn-lang.is-open .gn-lang-menu a:nth-of-type(2),
body.page-shell .gn-drop.is-open .staff-member-row:nth-child(3) { transition-delay: .08s; }
body.page-shell .gn-drop.is-open .gn-drop-menu a:nth-of-type(3),
body.page-shell .gn-lang.is-open .gn-lang-menu a:nth-of-type(3),
body.page-shell .gn-drop.is-open .staff-member-row:nth-child(4) { transition-delay: .12s; }
body.page-shell .gn-drop.is-open .gn-drop-menu a:nth-of-type(4),
body.page-shell .gn-lang.is-open .gn-lang-menu a:nth-of-type(4),
body.page-shell .gn-drop.is-open .staff-member-row:nth-child(5) { transition-delay: .16s; }
body.page-shell .gn-drop.is-open .gn-drop-menu a:nth-of-type(5),
body.page-shell .gn-lang.is-open .gn-lang-menu a:nth-of-type(5),
body.page-shell .gn-drop.is-open .staff-member-row:nth-child(6) { transition-delay: .2s; }
body.page-shell .gn-drop.is-open .gn-drop-menu a:nth-of-type(6),
body.page-shell .gn-lang.is-open .gn-lang-menu a:nth-of-type(6) { transition-delay: .24s; }
body.page-shell .gn-drop.is-open .gn-drop-menu a:nth-of-type(7),
body.page-shell .gn-lang.is-open .gn-lang-menu a:nth-of-type(7) { transition-delay: .28s; }
body.page-shell .gn-drop.is-open .gn-drop-menu a:nth-of-type(8),
body.page-shell .gn-lang.is-open .gn-lang-menu a:nth-of-type(8) { transition-delay: .32s; }
body.page-shell .gn-lang-menu a:hover,
body.page-shell .gn-lang-menu a.is-active,
body.page-shell .gn-drop-menu a:hover,
body.page-shell .gn-drop-menu a.is-active,
body.page-shell .gn-staff-menu .staff-member-row:hover {
  color: #fff;
}
body.page-shell .gn-switch {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 32px;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(90deg, rgba(229,57,53,.22), rgba(229,57,53,.05) 62%, transparent);
  box-shadow: inset 2px 0 0 #e53935;
  will-change: transform, height;
  transition:
    transform .32s cubic-bezier(.22,1,.36,1),
    height .32s cubic-bezier(.22,1,.36,1),
    opacity .18s ease;
}
body.page-shell .gn-switch.is-snap { transition: none; }
body.page-shell .gn-switch::before,
body.page-shell .gn-switch::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(229,57,53,.95), transparent);
  box-shadow: 0 0 8px rgba(229,57,53,.35);
}
body.page-shell .gn-switch::before { top: 0; }
body.page-shell .gn-switch::after { bottom: 0; }
body.page-shell .gn-switch.is-on { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  body.page-shell .gn-drop-menu,
  body.page-shell .gn-lang-menu,
  body.page-shell .gn-lang-menu a,
  body.page-shell .gn-drop-menu a,
  body.page-shell .staff-member-row,
  body.page-shell .gn-drop-trigger::after,
  body.page-shell .gn-lang-arrow,
  body.page-shell .gn-switch {
    transition: none !important;
    filter: none !important;
  }
}

.language-switch { display: none !important; }

body.exmu-modal-lock { overflow: hidden !important; }
body.page-shell .exmu-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 200000;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 8vh 16px 16px;
  background: rgba(4,6,8,.72);
  backdrop-filter: blur(4px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .28s ease, visibility .28s ease;
}
body.page-shell .exmu-modal-overlay.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
body.page-shell .exmu-modal {
  position: relative;
  width: 100%;
  max-width: 420px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  background: linear-gradient(180deg, #161b21, #0c1014);
  box-shadow: 0 28px 80px rgba(0,0,0,.8), 0 0 0 1px rgba(229,57,53,.1);
  transform: translateY(-16px) scale(.97);
  transition: transform .32s cubic-bezier(.22,1,.36,1);
}
body.page-shell .exmu-modal-overlay.is-open .exmu-modal { transform: translateY(0) scale(1); }
body.page-shell .exmu-modal--lg { max-width: 720px; }
body.page-shell .exmu-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
body.page-shell .exmu-modal-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #f4f4f4;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.page-shell .exmu-modal-ic {
  width: 20px;
  height: 20px;
  background-color: #e53935;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}
body.page-shell .exmu-modal--login .exmu-modal-ic { background-color: #d4b45a; }
body.page-shell .exmu-mic-account {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M5 20a7 7 0 0 1 14 0'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M5 20a7 7 0 0 1 14 0'/%3E%3C/svg%3E");
}
body.page-shell .exmu-mic-register {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9'%3E%3Ccircle cx='10' cy='8' r='3.4'/%3E%3Cpath d='M4.4 19a5.6 5.6 0 0 1 11.2 0'/%3E%3Cpath d='M18 8v6M15 11h6'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9'%3E%3Ccircle cx='10' cy='8' r='3.4'/%3E%3Cpath d='M4.4 19a5.6 5.6 0 0 1 11.2 0'/%3E%3Cpath d='M18 8v6M15 11h6'/%3E%3C/svg%3E");
}
body.page-shell .exmu-modal-close {
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: #8b919a;
  font-size: 22px;
  line-height: 1;
}
body.page-shell .exmu-modal-close:hover {
  color: #fff;
  border-color: rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
}
body.page-shell .exmu-modal-body { padding: 20px; }
body.page-shell .exmu-field { margin: 0 0 14px; }
body.page-shell .exmu-field label {
  display: block;
  margin: 0 0 6px;
  color: #8b919a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.page-shell .exmu-field input {
  width: 100%;
  height: 42px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  background: #0b1015;
  color: #f4f4f4;
  box-shadow: inset 0 2px 6px rgba(0,0,0,.35);
}
body.page-shell .exmu-field input:focus {
  outline: none;
  border-color: rgba(229,57,53,.5);
  box-shadow: inset 0 2px 6px rgba(0,0,0,.35), 0 0 0 3px rgba(229,57,53,.12);
}
body.page-shell .exmu-modal--login .exmu-field input:focus {
  border-color: rgba(212,180,90,.55);
  box-shadow: inset 0 2px 6px rgba(0,0,0,.35), 0 0 0 3px rgba(212,180,90,.12);
}
body.page-shell .exmu-modal-link {
  color: #b7bcc4;
  font-size: 12px;
  border-bottom: 1px dotted rgba(255,255,255,.25);
}
body.page-shell .exmu-modal-link:hover { color: #fff; }
body.page-shell .exmu-reg-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: stretch;
}
body.page-shell .exmu-reg-side {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
body.page-shell .exmu-reg-logo {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  padding: 10px 0 12px;
}
body.page-shell .exmu-reg-logo img {
  display: block;
  width: auto;
  max-width: 220px;
  max-height: 120px;
  object-fit: contain;
}
body.page-shell .exmu-reg-rules {
  padding: 14px 16px;
  margin: 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.02);
}
body.page-shell .exmu-reg-rules-title {
  margin: 0 0 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
body.page-shell .exmu-reg-rules ul {
  margin: 0;
  padding: 0 0 0 16px;
  color: #c5c8ce;
  font-size: 12px;
  line-height: 1.55;
}
body.page-shell .exmu-reg-rules strong { color: #e53935; }
body.page-shell .exmu-check-list {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
}
body.page-shell .exmu-check {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  color: #c5c8ce;
  font-size: 12px;
  line-height: 1.45;
}
body.page-shell .exmu-check a { color: #e53935; }
body.page-shell .exmu-modal-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 20px 18px;
  border-top: 1px solid rgba(255,255,255,.07);
}
body.page-shell .exmu-modal-ghost {
  padding: 0;
  border: 0;
  background: none;
  color: #8b919a;
  font-size: 12px;
  font-weight: 700;
}
body.page-shell .exmu-modal-ghost:hover { color: #fff; }
body.page-shell .exmu-modal-cta {
  min-width: 132px;
  height: 40px;
  padding: 0 16px;
  border: 1px solid rgba(0,0,0,.35);
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #d32f2f, #9c1c1c);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
}
body.page-shell .exmu-modal-cta:hover { background: linear-gradient(180deg, #e53935, #b71c1c); }
body.page-shell .exmu-modal--login .exmu-modal-cta {
  color: #1a1108;
  background: linear-gradient(180deg, #f0d070, #c9a84c 52%, #9f6b12);
}
body.page-shell .exmu-modal--login .exmu-modal-cta:hover {
  background: linear-gradient(180deg, #f7df84, #d4b45a 52%, #b07a18);
}
body.page-shell .exmu-modal--email { max-width: 420px; }
body.page-shell .exmu-modal--email .exmu-modal-title {
  letter-spacing: .03em;
  text-transform: none;
  font-weight: 700;
  font-size: 15px;
}
body.page-shell .exmu-mic-email {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 7 9-7'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 7 9-7'/%3E%3C/svg%3E");
}
body.page-shell .exmu-modal-note {
  margin: 0 0 14px;
  color: #9aa0a8;
  font-size: 12px;
  line-height: 1.45;
}
body.page-shell .exmu-modal-alert {
  margin: 0 0 12px;
  padding: 9px 11px;
  border: 1px solid rgba(229,57,53,.35);
  border-radius: 8px;
  background: rgba(229,57,53,.1);
  color: #f3c4c3;
  font-size: 12px;
  line-height: 1.4;
}
body.page-shell .exmu-field input[readonly] {
  color: #9aa0a8;
  background: #0a0d11;
  cursor: default;
}
@media (max-width: 700px) {
  body.page-shell .exmu-reg-grid { grid-template-columns: 1fr; }
  body.page-shell .exmu-modal--lg { max-width: 420px; }
}
body.page-shell .exmu-account {
  margin: 0 0 24px;
}
body.page-shell .exmu-account-card {
  display: block;
  margin: 0;
  padding: 16px 16px 14px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(11,14,18,.98);
}
body.page-shell .exmu-account-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 16px;
  align-items: stretch;
}
body.page-shell .exmu-account-main .exmu-field { margin: 0 0 10px; }
body.page-shell .exmu-account-main .exmu-field:last-of-type { margin-bottom: 8px; }
body.page-shell .exmu-account-hint {
  margin: 5px 0 0;
  color: #7d838c;
  font-size: 11px;
  line-height: 1.35;
}
body.page-shell .exmu-account-copy {
  margin: 0;
  color: #c5c8ce;
  font-size: 12px;
  line-height: 1.5;
}
body.page-shell .exmu-account-side {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
body.page-shell .exmu-account-side .exmu-reg-logo {
  flex: 1 1 auto;
  padding: 4px 0;
}
body.page-shell .exmu-account-side .exmu-reg-logo img {
  max-width: 180px;
  max-height: 90px;
}
body.page-shell .exmu-account-captcha { margin: 10px 0 0; }
body.page-shell .exmu-account-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 12px 0 0;
  padding: 12px 0 0;
  border-top: 1px solid rgba(255,255,255,.07);
}
body.page-shell .exmu-account-link {
  color: #8b919a;
  font-size: 12px;
  font-weight: 700;
  border-bottom: 1px dotted rgba(255,255,255,.22);
  text-decoration: none;
}
body.page-shell .exmu-account-link:hover { color: #fff; }
body.page-shell .exmu-account-btn {
  min-width: 140px;
  height: 40px;
  padding: 0 16px;
  border: 1px solid rgba(0,0,0,.35);
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #d32f2f, #9c1c1c);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 1px 0 rgba(0,0,0,.35);
}
body.page-shell .exmu-account-btn:hover {
  color: #fff;
  border-color: rgba(0,0,0,.35);
  background: linear-gradient(180deg, #e53935, #b71c1c);
}
body.page-shell .exmu-account-btn--gold {
  color: #1a1108;
  border-color: rgba(80,52,8,.55);
  background: linear-gradient(180deg, #f0d070, #c9a84c 52%, #9f6b12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 1px 0 rgba(0,0,0,.35);
}
body.page-shell .exmu-account-btn--gold:hover {
  color: #1a1108;
  border-color: rgba(80,52,8,.7);
  background: linear-gradient(180deg, #f7df84, #d4b45a 52%, #b07a18);
}
body.page-shell .exmu-account-card input {
  background: #0b1015;
  color: #f4f4f4;
}
body.page-shell .exmu-account-card input:-webkit-autofill,
body.page-shell .exmu-account-card input:-webkit-autofill:hover,
body.page-shell .exmu-account-card input:-webkit-autofill:focus {
  -webkit-text-fill-color: #f4f4f4;
  caret-color: #f4f4f4;
  box-shadow: 0 0 0 1000px #0b1015 inset;
  transition: background-color 9999s ease-out 0s;
}
body.page-shell .exmu-page-register .alert,
body.page-shell .exmu-page-login .alert,
body.page-shell .exmu-page-forgotpassword .alert {
  margin: 0 0 12px;
  padding: 8px 12px;
  border-radius: 0;
  border: 1px solid rgba(255,255,255,.08);
  border-left: 2px solid #c62828;
  background: rgba(12,10,10,.9);
  color: #d8d0d0;
  font-size: 13px;
}
body.page-shell .exmu-reg-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.86);
}
body.page-shell .exmu-reg-popup {
  width: min(420px, calc(100% - 32px));
  padding: 22px 24px;
  text-align: center;
  border: 1px solid rgba(255,255,255,.1);
  background: #121212;
}
body.page-shell .exmu-reg-popup h2 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
body.page-shell .exmu-reg-popup p {
  margin: 0 0 10px;
  color: #b7bcc4;
  font-size: 13px;
  line-height: 1.5;
}
body.page-shell .exmu-reg-popup strong { color: #fff; }
body.page-shell .exmu-reg-popup .exmu-account-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  text-decoration: none;
}
@media (max-width: 700px) {
  body.page-shell .exmu-account-grid { grid-template-columns: 1fr; }
}
body.page-shell .form-control,
body.page-shell input.form-control[type="text"],
body.page-shell input.form-control[type="password"],
body.page-shell input.form-control[type="email"] {
  background: #0b1015 !important;
  color: #f4f4f4 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

body.page-shell .exmu-v2-mobile-langs {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.08);
}
body.page-shell .exmu-v2-mobile-langs-title {
  margin-bottom: 8px;
  color: #8b919a;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
body.page-shell .exmu-v2-mobile-lang {
  display: flex !important;
  align-items: center;
  gap: 10px;
}
body.page-shell .exmu-v2-mobile-lang.is-active { color: #fff; }

body.page-shell .exmu-status-page {
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 1 1 auto;
}
body.page-shell .exmu-status-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(13,17,22,.92);
}
body.page-shell .exmu-status-kicker {
  margin: 0 0 4px;
  color: #8f95a0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.page-shell .exmu-status-hero h1 {
  margin: 0 0 6px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
body.page-shell .exmu-status-hero-copy p:last-child {
  margin: 0;
  color: #c5c8ce;
  font-size: 13px;
  line-height: 1.5;
}
body.page-shell .exmu-status-hero-count {
  min-width: 168px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(8,10,14,.72);
  text-align: right;
}
body.page-shell .exmu-status-hero-count em {
  display: block;
  font-style: normal;
  color: #8f95a0;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.page-shell .exmu-status-hero-count strong {
  display: inline-block;
  color: #fff;
  font-size: 28px;
  line-height: 1.1;
}
body.page-shell .exmu-status-hero-count span { color: #8f95a0; font-size: 13px; }
body.page-shell .exmu-status-bar {
  margin-top: 8px;
  height: 4px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(255,255,255,.08);
}
body.page-shell .exmu-status-bar i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #9c1c1c, #e53935);
}
body.page-shell .exmu-status-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
body.page-shell .exmu-status-svc {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(13,17,22,.92);
}
body.page-shell .exmu-status-dot {
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  margin-top: 5px;
  border-radius: 50%;
  background: #6b7280;
  box-shadow: 0 0 0 3px rgba(255,255,255,.04);
}
body.page-shell .exmu-status-svc.is-online .exmu-status-dot {
  background: #35e963;
  box-shadow: 0 0 10px rgba(53,233,99,.45);
}
body.page-shell .exmu-status-svc.is-offline .exmu-status-dot {
  background: #e53935;
  box-shadow: 0 0 10px rgba(229,57,53,.4);
}
body.page-shell .exmu-status-svc h2 {
  margin: 0 0 3px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}
body.page-shell .exmu-status-svc p {
  margin: 0;
  color: #8f95a0;
  font-size: 12px;
  line-height: 1.4;
}
body.page-shell .exmu-status-svc b {
  margin-left: auto;
  color: #c5c8ce;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}
body.page-shell .exmu-status-svc.is-online b { color: #35e963; }
body.page-shell .exmu-status-svc.is-offline b { color: #e53935; }
body.page-shell .exmu-status-board {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(220px, .85fr);
  gap: 12px;
  flex: 1 1 auto;
  min-height: 0;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(13,17,22,.92);
}
body.page-shell .exmu-status-col {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
body.page-shell .exmu-status-col-head {
  margin: 0 0 10px;
}
body.page-shell .exmu-status-col-head h2 {
  margin: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
body.page-shell .exmu-status-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  align-content: start;
}
body.page-shell .exmu-status-fact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 8px;
  background: rgba(8,10,14,.55);
  box-shadow: inset 2px 0 0 transparent;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
body.page-shell .exmu-status-fact em {
  font-style: normal;
  color: #8f95a0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
}
body.page-shell .exmu-status-fact b {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .01em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
body.page-shell .exmu-status-fact:hover {
  border-color: rgba(229,57,53,.28);
  background: linear-gradient(90deg, rgba(229,57,53,.14), rgba(8,10,14,.4));
  box-shadow: inset 2px 0 0 #e53935;
}
body.page-shell .exmu-status-rategrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  flex: 1 1 auto;
  align-content: stretch;
}
body.page-shell .exmu-status-rate {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 88px;
  padding: 14px 10px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(8,10,14,.72);
  text-align: center;
  transition: border-color .18s ease, background .18s ease;
}
body.page-shell .exmu-status-rate b {
  color: #fff;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1;
}
body.page-shell .exmu-status-rate span {
  color: #8f95a0;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
body.page-shell .exmu-status-rate:hover {
  border-color: rgba(229,57,53,.3);
  background: linear-gradient(180deg, rgba(229,57,53,.14), rgba(8,10,14,.7));
}
body.page-shell .exmu-status-meters-board {
  grid-template-columns: 1fr;
}
body.page-shell .exmu-status-meters-split {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
}
body.page-shell .exmu-status-page .exmu-stat-block {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 8px;
  background: rgba(8,10,14,.55);
}
body.page-shell .exmu-stat-row {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(70px, 1.1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 34px;
  padding: 7px 12px;
  border-bottom: 1px solid rgba(255,255,255,.05);
  color: #e8eaed;
}
body.page-shell .exmu-stat-row:last-child { border-bottom: 0; }
body.page-shell .exmu-stat-row:nth-child(even) { background: rgba(255,255,255,.02); }
body.page-shell .exmu-stat-row:hover {
  background: linear-gradient(90deg, rgba(229,57,53,.14), rgba(8,10,14,.4));
  box-shadow: inset 2px 0 0 #e53935;
}
body.page-shell .exmu-stat-label {
  color: #c5c8ce;
  font-size: 12px;
  font-weight: 600;
}
body.page-shell .exmu-stat-meter {
  display: block;
  height: 3px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(255,255,255,.08);
}
body.page-shell .exmu-stat-meter i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #9c1c1c, #e53935);
}
body.page-shell .exmu-stat-val {
  min-width: 88px;
  color: #8f95a0;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}
@media (max-width: 700px) {
  body.page-shell .exmu-status-hero,
  body.page-shell .exmu-status-grid,
  body.page-shell .exmu-status-board,
  body.page-shell .exmu-status-meters-split,
  body.page-shell .exmu-status-facts { grid-template-columns: 1fr; }
  body.page-shell .exmu-status-hero-count { text-align: left; }
}
@media (max-width: 640px) {
  body.page-shell .exmu-stat-row {
    grid-template-columns: 1fr auto;
    gap: 6px 10px;
  }
  body.page-shell .exmu-stat-meter { grid-column: 1 / -1; }
}

/* Hide the global floating AdminCP button injected by the handler —
   the EXMU theme surfaces AdminCP in the top navigation bar instead. */
.admincp-button {
  display: none !important;
}

body.page-shell .feature-strip {
  position: relative;
  display: block;
  margin-top: 18px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
body.page-shell .feature-defs { position: absolute; width: 0; height: 0; }
body.page-shell .feature-strip-row {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.exmu-login-band {
  position: relative;
  display: flex;
  align-items: flex-start;
  min-height: 644px;
  padding: 88px 0 48px;
  overflow: hidden;
  background-color: #05080b;
  background-image: url('../images/hero-bg-2.png');
  background-position: center top;
  background-repeat: no-repeat;
  border-bottom: 1px solid rgba(231, 169, 45, .14);
}
.exmu-login-band::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, transparent 0%, rgba(4,7,10,.28) 70%, #05080b 100%);
  pointer-events: none;
}
.exmu-sky-fx {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
/* Distant storm lightning: soft flashes that only brighten the existing
   red clouds. No hard bolt shape, so nothing ever looks pasted or cut off. */
.exmu-sky-flash {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  mix-blend-mode: screen;
  will-change: opacity;
}
.exmu-sky-flash--a {
  background: radial-gradient(ellipse 30% 46% at 40% 4%, rgba(255,226,205,.5) 0%, rgba(255,168,138,.16) 42%, transparent 70%);
}
.exmu-sky-flash--b {
  background: radial-gradient(ellipse 22% 34% at 62% 2%, rgba(255,232,214,.42) 0%, rgba(255,170,140,.12) 44%, transparent 72%);
}
.exmu-sky-flash--wide {
  background: radial-gradient(ellipse 90% 60% at 50% -8%, rgba(255,210,188,.2) 0%, rgba(255,150,120,.05) 46%, transparent 74%);
}
.exmu-sky-flash.is-on { animation: exmuSkyFlash 1.15s ease-out both; }
@keyframes exmuSkyFlash {
  0%   { opacity: 0; }
  5%   { opacity: 1; }
  11%  { opacity: .22; }
  17%  { opacity: .78; }
  26%  { opacity: .4; }
  40%  { opacity: .14; }
  100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .exmu-sky-fx { display: none; }
}
.exmu-login-band .exmu-wrap {
  position: relative;
  z-index: 2;
}
.exmu-hero-stack {
  width: min(368px, 100%);
}
.exmu-cs-panel {
  position: relative;
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: linear-gradient(180deg, #14181d, #0a0d11);
  box-shadow:
    0 24px 60px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.04);
}
.exmu-cs-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 12px 9px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.015);
}
.exmu-cs-title::before,
.exmu-cs-title::after {
  content: "";
  flex: 1 1 auto;
  height: 2px;
}
.exmu-cs-title::before {
  background: linear-gradient(90deg, transparent 0%, rgba(229,57,53,.2) 35%, #e53935 100%);
}
.exmu-cs-title::after {
  background: linear-gradient(90deg, #e53935 0%, rgba(229,57,53,.2) 65%, transparent 100%);
}
.exmu-cs-body { padding: 14px 16px; }

/* Top row: emblem on the left, owner on the right */
body.page-shell .exmu-cs-panel .cs-top {
  display: flex;
  gap: 8px;
  align-items: center;
}
body.page-shell .exmu-cs-panel .cs-emblem {
  flex: 0 0 auto;
  display: flex;
}
body.page-shell .exmu-cs-panel .cs-emblem-frame {
  display: inline-flex;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.07);
  background: #060809;
  box-shadow:
    0 10px 24px rgba(0,0,0,.5),
    inset 0 0 0 1px rgba(255,255,255,.03);
}
body.page-shell .exmu-cs-panel .cs-emblem-frame img {
  width: 124px;
  height: 124px;
  object-fit: contain;
  image-rendering: pixelated;
}
body.page-shell .exmu-cs-panel .cs-info {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
body.page-shell .exmu-cs-panel .cs-owner-label {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #7a8088;
}
body.page-shell .exmu-cs-panel .cs-owner-name {
  display: inline-block;
  max-width: 100%;
  margin: 2px 0 0;
}
body.page-shell .exmu-cs-panel .cs-owner-name,
body.page-shell .exmu-cs-panel .cs-owner-name a {
  font-family: Cinzel, Georgia, 'Times New Roman', serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.08;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #e53935 !important;
  text-decoration: none !important;
  white-space: nowrap;
}
body.page-shell .exmu-cs-panel .cs-owner-name a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.page-shell .exmu-cs-panel .cs-owner-name::after {
  content: "";
  display: block;
  width: 22px;
  height: 1px;
  margin: 4px auto 0;
  background: #e53935;
  opacity: .7;
}
body.page-shell .exmu-cs-panel .cs-owner-name a:hover {
  color: #ef5350 !important;
}
body.page-shell .exmu-cs-panel .cs-master,
body.page-shell .exmu-cs-panel .cs-master a {
  margin-top: 2px;
  font-size: 13px;
  font-weight: 500;
  color: #b8bec6 !important;
  text-decoration: none;
}
body.page-shell .exmu-cs-panel .cs-master a:hover {
  color: #e53935 !important;
}
body.page-shell .exmu-cs-panel .cs-next {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  width: 100%;
  margin-top: 8px;
  padding-top: 7px;
  border-top: 1px solid rgba(255,255,255,.08);
  text-align: center;
}
body.page-shell .exmu-cs-panel .cs-next > span:first-child {
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #7a8088;
}
body.page-shell .exmu-cs-panel .cs-countdown {
  display: block;
  margin: 0;
  color: #f2f4f7;
  font-size: 15px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: .08em;
  line-height: 1;
}
body.page-shell .exmu-cs-panel .cs-cd-colon {
  display: inline-block;
  margin: 0 1px;
  font-style: normal;
  font-weight: 800;
  color: #e53935;
  animation: csColonPulse 1s steps(1, end) infinite;
}
@keyframes csColonPulse {
  50% { opacity: .25; }
}
body.page-shell .exmu-cs-panel .cs-cd-live {
  display: block;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #ef5350;
  font-style: normal;
}
body.page-shell .exmu-cs-panel .cs-stage {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin-top: 10px;
}
body.page-shell .exmu-cs-panel .cs-stage-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  padding: 8px 8px;
  text-align: center;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 7px;
  background: rgba(255,255,255,.02);
}
body.page-shell .exmu-cs-panel .cs-stage-item .cs-label {
  font-size: 10px;
  letter-spacing: .08em;
}
body.page-shell .exmu-cs-panel .cs-stage-val {
  width: 100%;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  color: #f2f3f5;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
}
body.page-shell .exmu-cs-panel .cs-col {
  flex: 1;
  min-width: 0;
  text-align: left;
}
body.page-shell .exmu-cs-panel .cs-label {
  font-size: 11px;
  color: #8b919a;
  text-transform: uppercase;
  letter-spacing: .1em;
}
body.page-shell .exmu-cs-panel .cs-value {
  margin-top: 6px;
  font-size: 17px;
  font-weight: 800;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.page-shell .exmu-cs-panel .cs-value a { color: #fff; }
body.page-shell .exmu-cs-panel .cs-value a:hover { color: var(--primary-light); }
/* Registered guilds */
body.page-shell .exmu-cs-panel .cs-guilds {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.08);
}
body.page-shell .exmu-cs-panel .cs-subh {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #8b919a;
}
body.page-shell .exmu-cs-panel .cs-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 18px;
  padding: 0 6px;
  border-radius: 9px;
  background: rgba(198,40,40,.85);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
}
body.page-shell .exmu-cs-panel .cs-guild-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
body.page-shell .exmu-cs-panel .cs-guild {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 7px 10px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 7px;
  background: rgba(255,255,255,.02);
}
body.page-shell .exmu-cs-panel .cs-guild-logo {
  flex: 0 0 auto;
  display: inline-flex;
  width: 22px;
  height: 22px;
}
body.page-shell .exmu-cs-panel .cs-guild-logo img {
  width: 22px;
  height: 22px;
  object-fit: contain;
  image-rendering: pixelated;
  border-radius: 3px;
}
body.page-shell .exmu-cs-panel .cs-guild-name {
  min-width: 0;
  font-size: 12px;
  font-weight: 600;
  color: #e6e8eb;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.page-shell .exmu-cs-panel .cs-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  padding: 10px 12px;
  text-align: center;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  color: #f2f3f5;
  background: linear-gradient(180deg, #20262d, #12161b);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
  transition: color .15s ease, border-color .15s ease, background .15s ease;
}
body.page-shell .exmu-cs-panel .cs-btn:hover {
  color: #fff;
  border-color: rgba(198,40,40,.6);
  background: linear-gradient(180deg, #262c33, #161b21);
}
body.page-shell .exmu-cs-empty {
  margin: 8px 0;
  color: #8b919a;
  font-size: 13px;
}

.exmu-status-rates {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 14px;
}
.exmu-stat-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  padding: 12px 6px 10px;
  border-radius: 8px;
  background: rgba(255,255,255,.03);
  text-align: center;
}
.exmu-stat-box b {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1;
}
.exmu-stat-box span {
  color: #8b919a;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.exmu-status-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}
.exmu-status-tags span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 9px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: transparent;
  color: #c5c8ce;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}
.exmu-status-tags i {
  color: var(--primary-light);
  font-size: 10px;
  width: 12px;
  text-align: center;
}
.exmu-status-clocks {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.06);
  color: #7d838c;
  font-size: 11px;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.exmu-status-clocks time {
  margin-left: 6px;
  color: #d7dbe2;
  font-variant-numeric: tabular-nums;
  letter-spacing: .04em;
  text-transform: none;
}
body.page-shell .feature-card {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 78px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 14px;
  padding: 15px 16px;
  overflow: hidden;
  text-align: left;
  text-decoration: none;
  color: inherit;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.03);
  box-shadow: none;
  transition: background .16s ease, border-color .16s ease, transform .16s ease;
}
body.page-shell a.feature-card:hover {
  color: inherit;
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.05);
}
body.page-shell a.feature-card:hover strong { color: #fff; }
body.page-shell a.feature-card:hover .feature-icon {
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
}
body.page-shell a.feature-card:hover .feature-icon i { color: #fff; }
body.page-shell .feature-copy { position: relative; z-index: 2; min-width: 0; }
body.page-shell .feature-card strong {
  display: block;
  margin: 0 0 3px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #eceef1;
}
body.page-shell .feature-card span {
  display: block;
  color: #8b919a;
  font-size: 11px;
  line-height: 1.35;
}
body.page-shell .feature-icon {
  position: relative;
  z-index: 2;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 46px;
  min-width: 46px;
  height: 46px;
  margin: 0;
  overflow: visible;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.03);
  box-shadow: none;
  transition: background .16s ease, border-color .16s ease;
}
body.page-shell .feature-icon img,
body.page-shell .feature-icon svg {
  display: none !important;
}
body.page-shell .feature-icon i {
  display: inline-block !important;
  position: relative;
  z-index: 2;
  font-size: 20px;
  line-height: 1;
  color: #d7dbe2;
  transition: color .16s ease;
}

/* Register — imported from MUREZIST (realrezist-theme.css): masked conic running
   border + real flame.webp behind the icon on hover. Recolored gold -> red. */
body.page-shell .feature-card--register {
  overflow: visible;
  isolation: isolate;
}
@property --featAngle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
body.page-shell .feat-glow::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: 8px;
  padding: 1.5px;
  pointer-events: none;
  background: conic-gradient(from var(--featAngle),
    rgba(229,57,53,0) 0deg,
    rgba(229,57,53,0) 235deg,
    rgba(255,120,110,.85) 300deg,
    #ffe1de 330deg,
    rgba(255,120,110,.85) 348deg,
    rgba(229,57,53,0) 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask-composite: exclude;
  animation: featBorderSpin 3.5s linear infinite;
  will-change: --featAngle;
}
@keyframes featBorderSpin { to { --featAngle: 360deg; } }

body.page-shell .feature-card--register .feature-icon {
  z-index: 3;
  border: 1px solid rgba(255,255,255,.08);
  background: #101215;
}
body.page-shell .feature-card--register:hover .feature-icon {
  border-color: rgba(255,255,255,.16);
  background: #16181c;
}
body.page-shell .feature-card--register:hover .feature-icon i {
  color: #fff;
}
@media (prefers-reduced-motion: reduce) {
  body.page-shell .feat-glow::before { animation: none; }
}
body.page-shell .content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 350px;
  align-items: stretch;
}
body.page-shell .exmu-v2-main-column {
  min-width: 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}
body.page-shell #main-content-section {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
body.page-shell #main-content,
body.page-shell .exmu-v2-inner-pad {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
body.page-shell .exmu-cs-page {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
body.page-shell .exmu-cs-split {
  display: grid;
  grid-template-columns: minmax(210px, .72fr) minmax(0, 1.28fr);
  gap: 10px;
  align-items: stretch;
}
body.page-shell .exmu-cs-split > .exmu-cs-card:first-child {
  display: flex;
  flex-direction: column;
}
body.page-shell .exmu-cs-owner-inner {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  align-items: stretch;
  gap: 10px;
  padding: 8px 10px 12px;
}
body.page-shell .exmu-cs-owner-mark {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 240px;
  padding: 8px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.07);
  background: #060809;
}
body.page-shell .exmu-cs-owner-mark img {
  width: 100%;
  height: 100%;
  max-height: 320px;
  object-fit: contain;
  image-rendering: pixelated;
}
body.page-shell .exmu-cs-owner-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  width: 100%;
}
body.page-shell .exmu-cs-owner-pair em,
body.page-shell .exmu-cs-kv-item em,
body.page-shell .exmu-cs-owner-clock i {
  display: block;
  font-style: normal;
  color: #8f95a0;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
body.page-shell .exmu-cs-owner-pair strong,
body.page-shell .exmu-cs-owner-pair strong a {
  display: block;
  margin-top: 3px;
  color: #e53935 !important;
  font-family: Cinzel, Georgia, serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-decoration: none !important;
}
body.page-shell .exmu-cs-owner-pair span,
body.page-shell .exmu-cs-owner-pair span a {
  display: block;
  margin-top: 3px;
  color: #e8eaed !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
body.page-shell .exmu-cs-battle-inner {
  padding: 12px 14px 14px;
}
body.page-shell .exmu-cs-owner-clock {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 8px;
  background: rgba(8,10,14,.55);
}
body.page-shell .exmu-cs-owner-clock .cs-countdown {
  display: block;
  margin-top: 4px;
  color: #f2f4f7;
  font-size: 22px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: .08em;
}
body.page-shell .exmu-cs-owner-clock .cs-cd-colon {
  display: inline-block;
  margin: 0 1px;
  font-style: normal;
  color: #e53935;
  animation: csColonPulse 1s steps(1, end) infinite;
}
body.page-shell .exmu-cs-kv {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
body.page-shell .exmu-cs-kv-item {
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 8px;
  background: rgba(8,10,14,.45);
}
body.page-shell .exmu-cs-kv-item b {
  display: block;
  margin-top: 3px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
body.page-shell .exmu-cs-empty-note {
  margin: 0;
  padding: 14px;
  color: #8f95a0;
  font-size: 13px;
}
body.page-shell .exmu-cs-card {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(13,17,22,.92);
}
body.page-shell .exmu-cs-card-h {
  padding: 12px 14px 0;
}
body.page-shell .exmu-cs-card-h h2 {
  margin: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
body.page-shell .exmu-cs-table {
  width: 100%;
  margin: 10px 0 0;
  border-collapse: collapse;
}
body.page-shell .exmu-cs-table th {
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: #8b919a;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-align: left;
  text-transform: uppercase;
  background: transparent;
}
body.page-shell .exmu-cs-table td {
  padding: 9px 12px;
  border-bottom: 1px solid rgba(255,255,255,.05);
  color: #e8eaed;
  font-size: 13px;
  background: transparent;
}
body.page-shell .exmu-cs-table tr:last-child td { border-bottom: 0; }
body.page-shell .exmu-cs-table tr:hover td { background: rgba(229,57,53,.08); }
body.page-shell .exmu-cs-table a { color: #f2f4f7; text-decoration: none; }
body.page-shell .exmu-cs-table a:hover { color: #ff8a86; }
body.page-shell .exmu-cs-table .exmu-cs-ico {
  width: 34px;
  padding-right: 4px;
}
body.page-shell .exmu-cs-table .exmu-cs-ico img {
  width: 22px;
  height: 22px;
  object-fit: contain;
  image-rendering: pixelated;
}
@media (max-width: 760px) {
  body.page-shell .exmu-cs-split,
  body.page-shell .exmu-cs-kv,
  body.page-shell .exmu-cs-owner-pair {
    grid-template-columns: 1fr;
  }
}

body.page-shell .exmu-v2-inner-pad > .exmu-cs-page,
body.page-shell .exmu-v2-inner-pad > .exmu-status-page,
body.page-shell .exmu-v2-inner-pad > .exmu-stat-page,
body.page-shell .exmu-v2-inner-pad > .exmu-info,
body.page-shell .exmu-v2-inner-pad > .rr-doc,
body.page-shell .exmu-v2-inner-pad > .exmu-doc,
body.page-shell .exmu-v2-inner-pad > .guides-container {
  flex: 1 1 auto;
}
body.page-shell .sidebar {
  min-width: 0;
}
body.page-shell .quick-links { display: none !important; }
body.page-shell .sidebar .panel.exmu-rr-rank,
body.page-shell .exmu-rr-rank {
  position: relative;
  margin: 0;
  padding: 16px 14px 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(11,14,18,.98);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 12px 32px rgba(0,0,0,.2);
}
body.page-shell .exmu-rr-rank-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 10px;
}
body.page-shell .exmu-rr-rank-head h2 {
  margin: 0;
  color: rgba(235,237,242,.9);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.page-shell .exmu-rr-rank-body { min-width: 0; }
body.page-shell .exmu-rr-table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  background: transparent;
}
body.page-shell .exmu-rr-table th {
  padding: 5px 4px 7px;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: #8b919a;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .08em;
  text-align: center;
  text-transform: uppercase;
  background: none;
}
body.page-shell .exmu-rr-table th:nth-child(3) { text-align: left; padding-left: 6px; }
body.page-shell .exmu-rr-table td {
  padding: 7px 4px;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.05);
  color: #c5c8ce;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  background: transparent;
}
body.page-shell .exmu-rr-table tr:last-child td { border-bottom: 0; }
body.page-shell .exmu-rr-table td:first-child,
body.page-shell .exmu-rr-table .exmu-rr-place {
  width: 28px;
  color: #8b919a;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  vertical-align: middle;
}
body.page-shell .exmu-rr-place-box {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  line-height: 1;
}
body.page-shell .exmu-rr-table .exmu-rr-crown {
  display: block;
  position: static;
  width: 13px;
  height: 9px;
  margin: 0;
  fill: currentColor;
}
body.page-shell .exmu-rr-table .exmu-rr-place.is-gold,
body.page-shell .exmu-rr-table .exmu-rr-place.is-gold span { color: #e8c36a; }
body.page-shell .exmu-rr-table .exmu-rr-place.is-gold .exmu-rr-crown { fill: #e8c36a; filter: drop-shadow(0 0 4px rgba(232,195,106,.45)); }
body.page-shell .exmu-rr-table .exmu-rr-place.is-silver,
body.page-shell .exmu-rr-table .exmu-rr-place.is-silver span { color: #c9ced6; }
body.page-shell .exmu-rr-table .exmu-rr-place.is-silver .exmu-rr-crown { fill: #c9ced6; }
body.page-shell .exmu-rr-table .exmu-rr-place.is-bronze,
body.page-shell .exmu-rr-table .exmu-rr-place.is-bronze span { color: #d08a4a; }
body.page-shell .exmu-rr-table .exmu-rr-place.is-bronze .exmu-rr-crown { fill: #d08a4a; }
body.page-shell .exmu-rr-table .exmu-rr-ico {
  width: 30px;
  padding: 4px 2px;
}
body.page-shell .exmu-rr-class {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 4px;
  background: rgba(0,0,0,.35);
}
body.page-shell .exmu-rr-class-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #e53935;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .04em;
}
body.page-shell .exmu-rr-class-img {
  position: absolute;
  inset: 0;
  display: block;
  width: 24px;
  height: 24px;
  object-fit: cover;
  border: 0;
  border-radius: 0;
}
body.page-shell .exmu-rr-table .exmu-rr-name,
body.page-shell .exmu-rr-table .exmu-rr-name a {
  padding-left: 6px;
  color: #f2f4f7 !important;
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  text-decoration: none;
}
body.page-shell .exmu-rr-table .exmu-rr-name a:hover { color: #ff8a86 !important; }
body.page-shell .exmu-rr-table .exmu-rr-val {
  color: #d7dade;
  font-size: 12px;
  font-weight: 700;
}
body.page-shell .exmu-rr-table tr:hover td { background: rgba(255,255,255,.03); }
body.page-shell .exmu-rr-more {
  display: block;
  margin: 10px 0 0;
  padding: 8px 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  color: #c5c8ce;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background: rgba(255,255,255,.03);
}
body.page-shell .exmu-rr-more:hover {
  border-color: rgba(229,57,53,.45);
  color: #fff;
  background: rgba(229,57,53,.12);
}
body.page-shell .exmu-rr-empty {
  margin: 8px 0;
  color: #8b919a;
  font-size: 12px;
  text-align: center;
}

/* Stop Bootstrap floats from collapsing the main column */
body.page-shell #main-content .row {
  display: block;
  margin: 0;
}
body.page-shell #main-content [class*="col-"] {
  float: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.exmu-inner .feature-strip,
body.exmu-inner .exmu-v2-home-slider,
body.exmu-inner .exmu-home-hero {
  display: none;
}
body.exmu-inner .content-grid {
  padding-top: 24px;
}

.exmu-v2-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
}
.exmu-v2-nav-social {
  display: flex;
  align-items: center;
  gap: 8px;
}
.exmu-v2-nav-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: #e7e7e7;
  font-size: 0.95rem;
}
.exmu-v2-nav-social-link:hover {
  color: var(--primary-light);
  border-color: rgba(229,57,53,.4);
}
.exmu-v2-menu-btn {
  display: none;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  background: rgba(255,255,255,.05);
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}
.mt-2 { margin-top: 8px; }
.mt-4 { margin-top: 16px; }
.min-w-0 { min-width: 0; }
.overflow-hidden { overflow: hidden; }
.p-0 { padding: 0 !important; }

.exmu-time-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 0 16px 14px;
  color: #8f95a0;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.exmu-time-row time {
  color: #e7e7e7;
  font-variant-numeric: tabular-nums;
  text-transform: none;
}

.language-switch a {
  display: inline-flex;
  line-height: 0;
}

/* Home news — EXMU news-grid cards (image on top, 3 columns) */
body.page-shell .home-news-block .we-news-hero {
  position: relative;
  height: 380px;
  margin: 0 0 8px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  background: #0b1015;
  box-shadow: 0 12px 36px rgba(0,0,0,.35);
}
body.page-shell .home-news-block .we-hero-slide {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
body.page-shell .home-news-block .we-news-hero.is-ready .we-hero-slide.is-active {
  transition: opacity 1.45s ease;
}
body.page-shell .home-news-block .we-hero-slide.is-under {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  pointer-events: none;
}
body.page-shell .home-news-block .we-hero-slide.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  pointer-events: auto;
}
body.page-shell .home-news-block .we-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat;
  transform: scale(1.02);
  transform-origin: center center;
  filter: saturate(1.05) contrast(1.04);
  backface-visibility: hidden;
}
body.page-shell .home-news-block .we-news-hero.is-ready .we-hero-bg {
  transition: transform 7s ease;
}
body.page-shell .home-news-block .we-hero-slide.is-active .we-hero-bg {
  transform: scale(1.08);
}
body.page-shell .home-news-block .we-hero-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(8,10,14,.55) 0%, rgba(8,10,14,.18) 42%, rgba(8,10,14,0) 68%),
    linear-gradient(0deg, rgba(8,10,14,.62) 0%, rgba(8,10,14,0) 52%);
  pointer-events: none;
}
body.page-shell .home-news-block .we-hero-text {
  position: absolute;
  left: 22px;
  right: 88px;
  bottom: 22px;
  z-index: 2;
  max-width: 520px;
  opacity: 0;
}
body.page-shell .home-news-block .we-news-hero.is-ready .we-hero-text {
  transition: opacity .7s ease;
}
body.page-shell .home-news-block .we-hero-slide.is-active .we-hero-text {
  opacity: 1;
  transition-delay: .28s;
}
body.page-shell .home-news-block .we-hero-slide.is-under .we-hero-text {
  opacity: 0;
  transition-delay: 0s;
  transition-duration: .35s;
}
body.page-shell .home-news-block .we-hero-glint {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  overflow: hidden;
}
body.page-shell .home-news-block .we-hero-glint::before {
  content: "";
  position: absolute;
  top: -30%;
  bottom: -30%;
  width: 32%;
  left: -45%;
  background: linear-gradient(90deg, transparent, rgba(255,236,200,.08), rgba(255,255,255,.28), rgba(229,57,53,.14), transparent);
  transform: skewX(-18deg);
  opacity: 0;
}
body.page-shell .home-news-block .we-news-hero.is-glinting .we-hero-glint::before {
  animation: weHeroShine 1.05s ease-out;
}
body.page-shell .home-news-block .we-hero-glint::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.95) 0 1px, transparent 2px),
    radial-gradient(circle, rgba(255,220,150,.95) 0 1.5px, transparent 3px),
    radial-gradient(circle, rgba(255,255,255,.85) 0 1px, transparent 2px),
    radial-gradient(circle, rgba(229,57,53,.75) 0 1px, transparent 2px),
    radial-gradient(circle, rgba(255,255,255,.9) 0 1px, transparent 2.5px),
    radial-gradient(circle, rgba(255,230,170,.8) 0 1px, transparent 2px);
  background-repeat: no-repeat;
  background-position: 16% 28%, 78% 18%, 62% 72%, 28% 78%, 88% 46%, 44% 36%;
}
body.page-shell .home-news-block .we-news-hero.is-glinting .we-hero-glint::after {
  animation: weHeroTwinkle 1.1s ease-out;
}
@keyframes weHeroShine {
  0% { left: -45%; opacity: 0; }
  18% { opacity: 1; }
  100% { left: 115%; opacity: 0; }
}
@keyframes weHeroTwinkle {
  0%, 100% { opacity: 0; }
  22% { opacity: 1; }
  48% { opacity: .25; }
  68% { opacity: .8; }
}
body.page-shell .home-news-block .we-hero-title {
  margin: 0 0 6px;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.15;
  color: #fff;
  text-shadow: 0 2px 12px rgba(0,0,0,.8);
}
body.page-shell .home-news-block .we-hero-title a {
  color: #fff;
  text-decoration: none;
}
body.page-shell .home-news-block .we-hero-title a:hover {
  color: #e53935;
}
body.page-shell .home-news-block .we-hero-meta {
  font-size: 12px;
  color: #c5cad1;
}
body.page-shell .home-news-block .we-hero-controls {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}
body.page-shell .home-news-block .we-hero-arrow {
  position: absolute;
  top: 50%;
  z-index: 6;
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
  color: #fff;
  background: rgba(8,10,14,.55);
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
}
body.page-shell .home-news-block .we-hero-arrow:hover {
  border-color: rgba(229,57,53,.55);
  background: rgba(198,40,40,.35);
}
body.page-shell .home-news-block .we-hero-arrow[data-dir="-1"] { left: 12px; }
body.page-shell .home-news-block .we-hero-arrow[data-dir="1"] { right: 12px; }
body.page-shell .home-news-block .we-hero-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  z-index: 6;
  display: flex;
  justify-content: center;
  gap: 7px;
  pointer-events: auto;
}
body.page-shell .home-news-block .we-hero-dot {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,.28);
  cursor: pointer;
}
body.page-shell .home-news-block .we-hero-dot.is-active {
  background: #c62828;
}
@media (prefers-reduced-motion: reduce) {
  body.page-shell .home-news-block .we-hero-slide,
  body.page-shell .home-news-block .we-hero-bg,
  body.page-shell .home-news-block .we-hero-text,
  body.page-shell .home-news-block .we-hero-glint::before,
  body.page-shell .home-news-block .we-hero-glint::after {
    transition: none !important;
    animation: none !important;
  }
  body.page-shell .home-news-block .we-hero-slide.is-active .we-hero-text {
    opacity: 1;
    transition-delay: 0s !important;
  }
}
body.page-shell .home-news-block .we-news-header {
  position: relative;
  display: block;
  padding: 18px 18px 16px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: left;
}
body.page-shell .home-news-block .we-news-header::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, #e53935 0%, rgba(229,57,53,.35) 42%, transparent 100%);
}
body.page-shell .home-news-block .we-news-h {
  margin: 0;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: .14em;
  line-height: 1;
  text-transform: uppercase;
  color: #f3ece4;
  text-shadow: 0 0 10px rgba(243,236,228,.22);
}
body.page-shell .home-news-block {
  display: flex;
  flex-direction: column;
}
body.page-shell .home-news-block .we-news-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, 348px);
  gap: 16px;
  padding: 14px;
  min-height: 712px;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 0 !important;
  color: transparent;
}
body.page-shell .home-news-block .we-news-list > .text-muted {
  grid-column: 1 / -1;
  font-size: 13px !important;
  color: #8f95a0;
}
body.page-shell .home-news-block .we-news-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 0 !important;
  height: 348px;
  max-height: 348px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  background: linear-gradient(180deg, #12171d, #0b1015);
  font-size: 14px !important;
  line-height: 1.35;
  color: var(--text);
  box-shadow: 0 10px 24px rgba(0,0,0,.28);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body.page-shell .home-news-block .we-news-card:hover {
  border-color: rgba(229,57,53,.42);
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(0,0,0,.38);
}
body.page-shell .home-news-block .we-news-left {
  flex: none !important;
  width: 100% !important;
}
body.page-shell .home-news-block .we-news-thumb {
  display: block !important;
  width: 100% !important;
  height: 142px !important;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  position: relative;
  background-size: cover !important;
  background-position: center !important;
}
body.page-shell .home-news-block .we-news-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 28%, rgba(0,0,0,.58));
  pointer-events: none;
}
body.page-shell .home-news-block .we-news-thumb::before {
  content: "News";
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #1a1108;
  background: linear-gradient(180deg, #dca735, #9f6b12);
  box-shadow: 0 6px 16px rgba(0,0,0,.35);
}
body.page-shell .home-news-block .we-news-thumb--empty {
  background-image: url('../images/news-blue.png');
}
body.page-shell .home-news-block .we-news-card:nth-child(3n+2) .we-news-thumb--empty {
  background-image: url('../images/news-red.png');
}
body.page-shell .home-news-block .we-news-card:nth-child(3n) .we-news-thumb--empty {
  background-image: url('../images/news-purple.png');
}
body.page-shell .home-news-block .we-news-card--slot {
  pointer-events: none;
  border-style: dashed;
  border-color: rgba(255,255,255,.06);
  background: rgba(8,10,14,.35);
  box-shadow: none;
  transform: none !important;
}
body.page-shell .home-news-block .we-news-card--media .we-news-left,
body.page-shell .home-news-block .we-news-card:has(.we-news-media) .we-news-left {
  display: none !important;
}
body.page-shell .home-news-block .we-news-right {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "title title"
    "preview preview"
    "date more";
  align-items: center;
  flex: 1 1 auto !important;
  min-width: 0;
  padding: 14px 14px 12px;
}
body.page-shell .home-news-block .we-news-card:has(.we-news-media) .we-news-right {
  padding-top: 0;
  grid-template-areas:
    "media media"
    "title title"
    "preview preview"
    "date more";
}
body.page-shell .home-news-block .we-news-title {
  grid-area: title;
  align-self: start;
  margin: 0;
  min-height: 38px;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -.01em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.page-shell .home-news-block .we-news-title a { color: #f4f4f4; }
body.page-shell .home-news-block .we-news-title a:hover { color: #fff; }
body.page-shell .home-news-block .we-news-preview {
  grid-area: preview;
  align-self: start;
  min-height: 0;
  margin: 8px 0 0;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: #a8adb6;
  font-size: 13px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.page-shell .home-news-block .we-news-meta {
  grid-area: date;
  margin: 0;
  padding: 10px 0 0;
  border: 0;
  color: #8b919a;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  opacity: 1;
}
body.page-shell .home-news-block .we-news-media {
  display: block !important;
  grid-area: media;
  margin: 0 -14px 12px;
}
body.page-shell .home-news-block .we-news-inline-img {
  display: block;
  width: 100%;
  height: 156px;
  object-fit: cover;
  border: 0;
}
body.page-shell .home-news-block .we-news-video-inline {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #07090c;
}
body.page-shell .home-news-block .we-news-video-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 156px;
  cursor: pointer;
  background-color: #07090c;
  background-size: cover;
  background-position: center;
}
body.page-shell .home-news-block .we-news-video-thumb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.12) 20%, rgba(0,0,0,.55));
}
body.page-shell .home-news-block .we-news-video-thumb::after {
  content: "Video";
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #1a1108;
  background: linear-gradient(180deg, #dca735, #9f6b12);
  box-shadow: 0 6px 16px rgba(0,0,0,.35);
  pointer-events: none;
}
body.page-shell .home-news-block .we-news-play {
  position: relative;
  z-index: 1;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(255,255,255,.88);
  background: linear-gradient(180deg, var(--primary-light), #7f1d1d);
  box-shadow: 0 8px 20px rgba(0,0,0,.5);
}
body.page-shell .home-news-block .we-news-play svg {
  width: 18px;
  height: 18px;
  margin-left: 2px;
  fill: #fff;
}
body.page-shell .home-news-block .we-news-video-thumb:hover .we-news-play {
  transform: scale(1.07);
}
body.page-shell .home-news-block .we-news-video-inline iframe,
body.page-shell .home-news-block .we-news-video-inline video {
  display: block;
  width: 100%;
  height: 156px;
  border: 0;
}
body.page-shell .home-news-block .we-news-platform {
  position: absolute;
  bottom: 10px;
  left: 12px;
  z-index: 1;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #fff;
  background: rgba(0,0,0,.55);
  padding: 3px 8px;
  border-radius: 3px;
}
body.page-shell .home-news-block .news-read-btn {
  grid-area: more;
  align-self: end;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 10px 0 0 !important;
  padding: 7px 12px !important;
  min-height: 30px;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 5px !important;
  color: #fff !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.12) 0%, transparent 42%),
    linear-gradient(180deg, var(--primary-light), #a31818 52%, var(--primary-dark)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 1px 4px rgba(0,0,0,.28) !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  line-height: 1 !important;
  white-space: nowrap;
  text-decoration: none !important;
}
body.page-shell .home-news-block .news-read-btn:hover {
  color: #fff !important;
  filter: brightness(1.08);
}
body.page-shell .home-news-block .news-read-btn::after { display: none !important; }
body.page-shell .we-news-pagination {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 50px;
  margin-top: auto;
  padding: 8px 14px 18px;
}
body.page-shell .we-page-btn.we-page-ghost {
  visibility: hidden;
  pointer-events: none;
}
body.page-shell .we-page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(229,57,53,.34);
  border-radius: 4px;
  background: rgba(229,57,53,.07);
  color: #e53935;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}
body.page-shell a.we-page-btn:hover {
  color: #fff;
  background: linear-gradient(180deg, var(--primary-light), #7f1d1d);
  border-color: transparent;
}
body.page-shell .we-page-btn.we-page-active,
body.page-shell .we-page-active {
  color: #fff;
  background: linear-gradient(180deg, var(--primary-light), #7f1d1d);
  border-color: transparent;
}
body.page-shell .we-page-active::after { display: none; }
body.page-shell .we-page-arrow svg {
  display: block;
  width: 15px;
  height: 15px;
}

/* Rankings, info tables, forms */
body.page-shell .page-title {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 6px 0 20px;
  margin: 0 0 18px;
  border: 0;
  font-family: inherit;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: .12em;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
body.page-shell .page-title::before,
body.page-shell .page-title::after {
  content: "";
  flex: 1 1 auto;
  height: 2px;
}
body.page-shell .page-title::before {
  background: linear-gradient(90deg, transparent 0%, rgba(229,57,53,.2) 35%, #e53935 100%);
}
body.page-shell .page-title::after {
  background: linear-gradient(90deg, #e53935 0%, rgba(229,57,53,.2) 65%, transparent 100%);
}
body.page-shell .page-title span,
body.page-shell .page-title > * {
  position: static;
  display: inline-block;
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  color: #fff;
}
body.page-shell .page-title span::before,
body.page-shell .page-title span::after,
body.page-shell .page-title > *::before,
body.page-shell .page-title > *::after {
  content: none;
}
body.page-shell .exmu-info-head h2,
body.page-shell .exmu-dl-head h2 {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #fff;
}
body.page-shell .exmu-rank-page {
  display: block;
}
body.page-shell .rankings_menu,
body.page-shell .exmu-rank-nav {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  padding: 0;
  text-align: left;
  background: transparent;
  border: 0;
}
body.page-shell .rankings_menu a,
body.page-shell .exmu-rank-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  min-height: 0 !important;
  height: 36px;
  padding: 0 16px;
  margin: 0;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 6px;
  background: rgba(255,255,255,.04) !important;
  color: #d7dade !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: none !important;
}
body.page-shell .rankings_menu a:hover,
body.page-shell .exmu-rank-btn:hover {
  color: #fff !important;
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.14) !important;
}
body.page-shell .rankings_menu a.active,
body.page-shell .rankings_menu a.is-active,
body.page-shell .exmu-rank-btn.active,
body.page-shell .exmu-rank-btn.is-active {
  color: #fff !important;
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: inset 0 -2px 0 #e53935 !important;
}

body.page-shell .exmu-rank-card {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(11,14,18,.98);
}
body.page-shell .rankings-table,
body.page-shell .exmu-rank-table,
body.page-shell .exmu-rank-page .table {
  width: 100%;
  margin: 0;
  table-layout: fixed;
  border-collapse: collapse;
  background: transparent;
  color: var(--text);
  border: 0;
}
body.page-shell .exmu-rank-w-place { width: 56px; }
body.page-shell .exmu-rank-w-flag { width: 72px; }
body.page-shell .exmu-rank-w-class { width: 58px; }
body.page-shell .exmu-rank-w-name { width: 20%; }
body.page-shell .exmu-rank-w-vip { width: 102px; }
body.page-shell .exmu-rank-w-num { width: 11%; }
body.page-shell .exmu-rank-w-guild { width: 15%; }
body.page-shell .exmu-rank-w-logo { width: 40px; }
body.page-shell .exmu-rank-w-time { width: 18%; }
body.page-shell .rankings-table tr td,
body.page-shell .exmu-rank-table td,
body.page-shell .exmu-rank-table th,
body.page-shell .exmu-rank-page .table > tbody > tr > td,
body.page-shell .exmu-rank-page .table > thead > tr > th {
  padding: 10px 10px;
  font-size: 13px;
  line-height: 1.25;
  vertical-align: middle;
  text-align: left;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.05);
  background: transparent !important;
  color: #c9ced6;
}
body.page-shell .exmu-rank-table thead th,
body.page-shell .rankings-table thead th {
  padding: 9px 8px;
  color: #8b919a;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  white-space: nowrap;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03) !important;
}
body.page-shell .exmu-rank-table tbody tr:hover td {
  background: rgba(255,255,255,.03) !important;
}
body.page-shell .exmu-rank-table a {
  color: #e8eaed;
  font-weight: 500;
  text-decoration: none;
}
body.page-shell .exmu-rank-table a:hover {
  color: #fff;
}
body.page-shell .exmu-rank-table .exmu-rank-col-place,
body.page-shell .exmu-rank-table .exmu-rr-place,
body.page-shell .exmu-rank-table .rankings-table-place {
  width: 56px;
  padding-left: 6px;
  padding-right: 6px;
  color: #8b919a;
  font-weight: 800;
  font-size: 22px;
  line-height: 1;
  text-align: center;
}
body.page-shell .exmu-rank-table .exmu-rr-place-box {
  gap: 3px;
}
body.page-shell .exmu-rank-table .exmu-rr-crown {
  display: block;
  position: static;
  width: 18px;
  height: 12px;
  margin: 0;
}
body.page-shell .exmu-rank-table .exmu-rr-place.is-gold,
body.page-shell .exmu-rank-table .exmu-rr-place.is-gold span { color: #e8c36a; }
body.page-shell .exmu-rank-table .exmu-rr-place.is-gold .exmu-rr-crown { fill: #e8c36a; filter: drop-shadow(0 0 4px rgba(232,195,106,.45)); }
body.page-shell .exmu-rank-table .exmu-rr-place.is-silver,
body.page-shell .exmu-rank-table .exmu-rr-place.is-silver span { color: #c9ced6; }
body.page-shell .exmu-rank-table .exmu-rr-place.is-silver .exmu-rr-crown { fill: #c9ced6; }
body.page-shell .exmu-rank-table .exmu-rr-place.is-bronze,
body.page-shell .exmu-rank-table .exmu-rr-place.is-bronze span { color: #d08a4a; }
body.page-shell .exmu-rank-table .exmu-rr-place.is-bronze .exmu-rr-crown { fill: #d08a4a; }
body.page-shell .exmu-rank-table .exmu-rank-col-name,
body.page-shell .exmu-rank-table .exmu-rank-col-name a {
  text-align: left;
  color: #e8eaed !important;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}
body.page-shell .exmu-rank-table th.exmu-rank-col-name {
  color: #8b919a !important;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.page-shell .exmu-rank-table .exmu-rank-col-vip,
body.page-shell .exmu-rank-table th.exmu-rank-col-vip {
  text-align: center;
  white-space: nowrap;
}
body.page-shell .exmu-vip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  height: 26px;
  padding: 0 12px;
  border-radius: 5px;
  font-family: Rajdhani, Inter, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  box-sizing: border-box;
}
body.page-shell .exmu-vip-free {
  color: #9aa0a8;
  background: linear-gradient(180deg, #2c3036, #1c1f24);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
body.page-shell .exmu-vip-bronze {
  color: #3a1c0c;
  background: linear-gradient(180deg, #e2a36c, #b56a32 55%, #8a4518);
  border: 1px solid #c4844a;
  box-shadow: inset 0 1px 0 rgba(255,230,200,.4);
}
body.page-shell .exmu-vip-silver {
  color: #2a2e34;
  background: linear-gradient(180deg, #f3f5f8, #b8bec8 55%, #8d949e);
  border: 1px solid #c5cad1;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65);
}
body.page-shell .exmu-vip-gold {
  color: #2a1c08;
  background: linear-gradient(180deg, #f6e08a, #d4a84a 52%, #b07a18);
  border: 1px solid #e0b85a;
  box-shadow: inset 0 1px 0 rgba(255,255,220,.5);
}
body.page-shell .exmu-rank-table .exmu-rank-col-flag,
body.page-shell .exmu-rank-table th.exmu-rank-col-flag {
  text-align: center;
  width: 72px;
  padding-left: 6px;
  padding-right: 6px;
}
body.page-shell .exmu-rank-col-flag img {
  display: block;
  width: 22px;
  height: 16px;
  margin: 0 auto;
  border-radius: 2px;
  object-fit: cover;
}
body.page-shell .exmu-rank-flag-empty {
  display: block;
  width: 22px;
  height: 16px;
  margin: 0 auto;
  border-radius: 2px;
  background: rgba(255,255,255,.06);
}
body.page-shell .exmu-rank-table .exmu-rank-col-class,
body.page-shell .exmu-rank-table th.exmu-rank-col-class {
  text-align: center;
  width: 58px;
  padding-left: 6px;
  padding-right: 6px;
}
body.page-shell .exmu-rank-page .exmu-rr-class,
body.page-shell .exmu-rank-table .exmu-rr-class {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  overflow: hidden;
  border: 1px solid rgba(196,154,74,.55);
  border-radius: 6px;
  background: #0a0a0a;
}
body.page-shell .exmu-rank-page .exmu-rr-class-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #c9ced6;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .02em;
}
body.page-shell .exmu-rank-page .exmu-rr-class-img {
  position: absolute;
  inset: 0;
  display: block;
  width: 42px;
  height: 42px;
  object-fit: cover;
  border: 0;
}
body.page-shell .exmu-rank-table .exmu-rank-col-val,
body.page-shell .exmu-rank-table th.exmu-rank-col-val {
  text-align: center;
  color: #d7dade;
  font-size: 13px;
  font-weight: 600;
}
body.page-shell .exmu-rank-table th.exmu-rank-col-val {
  color: #8b919a;
}
body.page-shell .exmu-rank-table .exmu-rank-col-guild,
body.page-shell .exmu-rank-table th.exmu-rank-col-guild {
  text-align: left;
}
body.page-shell .exmu-rank-col-logo,
body.page-shell .exmu-rank-table th.exmu-rank-col-logo {
  text-align: center;
}
body.page-shell .exmu-rank-col-logo img {
  display: block;
  width: 22px;
  height: 22px;
  margin: 0 auto;
}
body.page-shell .exmu-rank-none {
  color: #6d727a;
}
body.page-shell .exmu-rank-table .exmu-rank-col-guild,
body.page-shell .exmu-rank-table .exmu-rank-col-guild a {
  text-align: left;
  color: #e8eaed !important;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}
body.page-shell .exmu-rank-table th.exmu-rank-col-guild {
  color: #8b919a !important;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.page-shell .exmu-rank-guild {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
body.page-shell .exmu-rank-guild img {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
}
body.page-shell .rankings-class-image {
  width: 22px;
  height: 22px;
  object-fit: cover;
  box-shadow: none;
  border-radius: 3px;
}
body.page-shell .rankings-update-time {
  text-align: left;
  font-size: 12px;
  color: #8a8181;
  padding: 10px 2px 0;
}
body.page-shell .exmu-rank-pager {
  min-height: 0;
  margin: 14px 0 0;
  padding: 0;
}
body.page-shell .exmu-rank-classes,
body.page-shell .rankings-class-filter {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
  background: transparent;
  border: 0;
}
body.page-shell .rankings-class-filter li { margin: 0; }
body.page-shell .exmu-rank-class-btn,
body.page-shell .rankings-class-filter-selection {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-width: 0;
  min-height: 0 !important;
  height: 24px;
  padding: 0 9px;
  margin: 0;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 5px;
  background: rgba(255,255,255,.03) !important;
  color: #9aa0a8 !important;
  font-family: inherit;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: none !important;
}
body.page-shell .exmu-rank-class-btn:hover,
body.page-shell .rankings-class-filter-selection:hover {
  color: #fff !important;
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.14) !important;
}
body.page-shell .exmu-rank-class-btn.is-active,
body.page-shell .rankings-class-filter-selection.is-active {
  color: #fff !important;
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: inset 0 -2px 0 #e53935 !important;
}
body.page-shell .rankings-class-filter-image,
body.page-shell .rankings-class-filter br {
  display: none !important;
}
body.page-shell .table-bordered,
body.page-shell .table-bordered > tbody > tr > td,
body.page-shell .table-striped > tbody > tr:nth-of-type(odd) {
  border-color: #2a1c1d;
  background-color: transparent;
}

body.page-shell .panel {
  background: var(--panel);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px;
  box-shadow: 0 16px 48px rgba(0,0,0,.35);
  color: var(--text);
}
body.page-shell #main-content-section.panel {
  padding: 0;
}
body.page-shell .panel-heading,
body.page-shell .panel-default > .panel-heading {
  background: linear-gradient(90deg, rgba(40, 18, 10, .96) 0%, rgba(13, 17, 22, .92) 100%);
  border-bottom: 1px solid rgba(229,57,53,.22);
  color: #f4f4f4;
}
body.page-shell .panel-title {
  color: #f4f4f4;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
}
body.page-shell .panel-body {
  background: transparent;
  color: var(--text);
}

body.page-shell .form-control,
body.page-shell input[type="text"],
body.page-shell input[type="password"],
body.page-shell input[type="email"],
body.page-shell select,
body.page-shell textarea {
  background: rgba(4, 7, 10, .88);
  border: 1px solid rgba(255,255,255,.14);
  color: var(--text);
  border-radius: 5px;
  box-shadow: none;
}
body.page-shell .form-control:focus,
body.page-shell input:focus,
body.page-shell select:focus,
body.page-shell textarea:focus {
  border-color: rgba(229,57,53,.55);
  outline: none;
  box-shadow: 0 0 0 2px rgba(229,57,53,.15);
}
body.page-shell .control-label,
body.page-shell label {
  color: #cfcfcf;
}
body.page-shell .btn-primary {
  color: #fff !important;
  border: 0;
  background: linear-gradient(180deg, var(--primary-light), #b71c1c 54%, var(--primary-dark)) !important;
}
body.page-shell .btn-default,
body.page-shell .btn-outline {
  color: #e7e7e7;
  background: rgba(10, 14, 20, .78);
  border: 1px solid rgba(229,57,53,.4);
}
body.page-shell .alert {
  border-radius: 6px;
  border: 1px solid rgba(229,57,53,.3);
  background: rgba(229,57,53,.12);
  color: #f4f4f4;
}
body.page-shell .alert-success {
  border-color: rgba(53,233,99,.3);
  background: rgba(53,233,99,.12);
}
body.page-shell .well,
body.page-shell .thumbnail {
  background: rgba(8,12,17,.7);
  border-color: rgba(255,255,255,.1);
  color: var(--text);
}

body.page-shell .exmu-usercp-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.page-shell .exmu-usercp-list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 38px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: #cfcfcf;
}
body.page-shell .pagination > li > a,
body.page-shell .pagination > li > span {
  background: rgba(8,12,17,.7);
  border-color: rgba(255,255,255,.12);
  color: #cfcfcf;
}
body.page-shell .pagination > .active > a {
  background: linear-gradient(180deg, var(--primary-light), #7f1d1d);
  border-color: transparent;
  color: #fff;
}

.exmu-rank-empty {
  padding: 12px 8px;
  color: #8f95a0;
  font-size: 13px;
}
.rank-list article a { color: inherit; }
.rank-list article a:hover { color: var(--primary-light); }

/* ============================================================
   Module normalization — themes every WebEngine/Bootstrap
   component the module pages emit (UserCP, forms, buttons,
   alerts, badges, progress, lists) into the EXMU red/dark look.
   ============================================================ */

/* UserCP chip grid (modules/usercp.php) */
body.page-shell .ucp-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
  margin-top: 6px;
}
body.page-shell .ucp-chip {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 120px;
  padding: 18px 14px;
  text-align: center;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px;
  background: linear-gradient(180deg, #14181d, #0a0d11);
  color: #c5c8ce;
  box-shadow: none;
  transform: none;
}
body.page-shell .ucp-chip:hover {
  border-color: rgba(255,255,255,.2);
  background: linear-gradient(180deg, #1a2026, #0d1116);
  box-shadow: none;
  transform: none;
  color: #fff;
}
body.page-shell .ucp-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.12);
}
body.page-shell .ucp-chip:hover .ucp-icon {
  border-color: rgba(229,57,53,.5);
  background: rgba(229,57,53,.08);
}
body.page-shell .ucp-icon svg { stroke: #c5c8ce; }
body.page-shell .ucp-chip:hover .ucp-icon svg { stroke: #fff; }
body.page-shell .ucp-label {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: none;
  color: inherit;
}

/* My Account dashboard */
body.page-shell .ua-grid-new {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.78fr);
  align-items: start;
  gap: 12px;
  margin: 0 0 18px;
}
body.page-shell .ua-col {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
body.page-shell .ua-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  flex: 0 0 16px;
  font-size: 13px;
  line-height: 1;
}
body.page-shell .ua-ic-login { color: #4ea3ff; }
body.page-shell .ua-ic-dc { color: #5865f2; }
body.page-shell .ua-row .v-login,
body.page-shell .ua-row .v-dc {
  display: flex;
  align-items: center;
  gap: 8px;
}
body.page-shell .ua-row .v-dc { flex-wrap: wrap; }
body.page-shell .ua-dc-txt {
  min-width: 0;
  color: #f2f3f5;
  font-size: 13px;
  font-weight: 400;
}
body.page-shell .ua-dc-txt.linked { color: #a5d6a7; font-weight: 500; }
body.page-shell .ua-row-dc .ua-fact-cta,
body.page-shell .ua-row-dc .btn-min { margin-left: auto; }
body.page-shell .ua-fact-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  margin-left: auto;
  padding: 0 16px;
  border: 0;
  background: #c62828;
  clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
}
body.page-shell .ua-fact-cta:hover {
  background: #e53935;
  color: #fff;
}
body.page-shell .ua-wallet-cta {
  margin-left: 0;
  height: 28px;
  padding: 0 18px;
}
body.page-shell .ua-card,
body.page-shell .ua-card.glass,
body.page-shell .char.glass {
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  background: linear-gradient(180deg, #14181d, #0a0d11);
  box-shadow: none;
}
body.page-shell .ua-card { padding: 0; }
body.page-shell .ua-head {
  margin: 0;
  padding: 11px 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  color: #f2f3f5;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
body.page-shell .ua-card .ua-row {
  display: grid;
  grid-template-columns: 140px 1fr;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
body.page-shell .ua-card .ua-row:last-child { border-bottom: 0; }
body.page-shell .ua-row .k {
  color: #8b919a;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
body.page-shell .ua-row .v {
  min-width: 0;
  color: #f2f3f5;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}
body.page-shell .ua-row .v-act {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
body.page-shell .btn-min {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 6px;
  background: rgba(255,255,255,.04);
  color: #c5c8ce;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  text-decoration: none;
  text-transform: none;
}
body.page-shell .btn-min:hover {
  border-color: rgba(255,255,255,.24);
  background: rgba(255,255,255,.08);
  color: #fff;
}
body.page-shell .btn-min.success {
  border-color: rgba(0,0,0,.35);
  background: linear-gradient(180deg, #d32f2f, #9c1c1c);
  color: #fff;
}
body.page-shell .btn-min.success:hover {
  background: linear-gradient(180deg, #e53935, #b71c1c);
  color: #fff;
}
body.page-shell .ua-wallet .right {
  display: flex;
  justify-content: flex-end;
  padding: 0 14px 12px;
  margin: 0;
}
body.page-shell .ua-wallet-meta {
  padding: 0 14px 8px;
}
body.page-shell .ua-wallet-meta .ua-row {
  padding: 7px 0;
}
body.page-shell .ua-wallet-meta .k {
  color: #8b919a;
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
}
body.page-shell .ua-session .ua-wallet-meta {
  padding: 4px 14px 12px;
}
body.page-shell .ua-pill {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 4px;
  background: rgba(255,255,255,.04);
  color: #c5c8ce;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
body.page-shell .ua-pill.ok {
  border-color: rgba(76,175,80,.35);
  background: rgba(76,175,80,.12);
  color: #a5d6a7;
}
body.page-shell .ua-pill.off {
  border-color: rgba(255,255,255,.1);
  background: rgba(255,255,255,.03);
  color: #9aa1ab;
}
body.page-shell .ua-pill.dim {
  color: #f2f3f5;
}
body.page-shell .vip-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 14px 4px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.03);
}
body.page-shell .vip-name {
  color: #f2f3f5;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
body.page-shell .vip-state {
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  text-transform: none;
}
body.page-shell .vip-state.ok {
  background: rgba(76,175,80,.15);
  color: #a5d6a7;
}
body.page-shell .vip-state.off {
  background: rgba(255,255,255,.06);
  color: #9aa1ab;
}
body.page-shell .vip-badge.vip-gold .vip-name { color: #e8c56b; }
body.page-shell .vip-badge.vip-silver .vip-name { color: #c5c8ce; }
body.page-shell .vip-badge.vip-bronze .vip-name { color: #c49a6c; }
body.page-shell .wallet-line {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 12px 14px;
}
body.page-shell .wallet-line .chip {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.03);
}
body.page-shell .wallet-line .ck {
  color: #8b919a;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .06em;
  text-transform: uppercase;
}
body.page-shell .wallet-line .cv {
  color: #fff;
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
}
body.page-shell .wallet-line .cv.wcoin,
body.page-shell .wallet-line .cv.ruud { color: #fff; }

body.page-shell .ua-chars {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 12px;
}
body.page-shell .char.glass { padding: 0; }
body.page-shell .char .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
body.page-shell .char .nm,
body.page-shell .char .nm a {
  color: #f2f3f5;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
}
body.page-shell .char .nm a:hover { color: #fff; }
body.page-shell .char .badges {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
body.page-shell .char .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
}
body.page-shell .char .dot.ok { background: #66bb6a; box-shadow: none; }
body.page-shell .char .dot.off { background: #6b717a; }
body.page-shell .char .lbl {
  color: #8b919a;
  font-size: 11px;
  font-weight: 400;
  text-transform: none;
}
body.page-shell .char .lvl {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 7px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 4px;
  background: rgba(255,255,255,.03);
  color: #f2f3f5;
  font-size: 12px;
  font-weight: 600;
}
body.page-shell .char .lvl small {
  color: #8b919a;
  font-size: 9px;
  font-weight: 400;
  letter-spacing: .06em;
}
body.page-shell .char .body {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
}
body.page-shell .char .av img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 6px;
  background: #0b1015;
}
body.page-shell .char .meta { min-width: 0; }
body.page-shell .char .loc {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #c5c8ce;
  font-size: 12px;
  font-weight: 400;
}
body.page-shell .char .loc::before {
  content: "";
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
  background: currentColor;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.4 7-11a7 7 0 1 0-14 0c0 5.6 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.4 7-11a7 7 0 1 0-14 0c0 5.6 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E");
}
body.page-shell .char .loc span { color: #8b919a; }
@media (max-width: 900px) {
  body.page-shell .ua-grid-new {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  body.page-shell .ua-chars,
  body.page-shell .wallet-line {
    grid-template-columns: 1fr;
  }
  body.page-shell .ua-card .ua-row {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

/* Form help text */
body.page-shell .help-block { color: #8f95a0; font-size: 12px; }

/* Button variants */
body.page-shell .btn-success {
  color: #fff !important; border: 0;
  background: linear-gradient(180deg, #2e9e46, #1c6e30) !important;
}
body.page-shell .btn-danger {
  color: #fff !important; border: 0;
  background: linear-gradient(180deg, #e04b4b, #a11d1d) !important;
}
body.page-shell .btn-info {
  color: #fff !important; border: 0;
  background: linear-gradient(180deg, #3a8fb0, #245a70) !important;
}
body.page-shell .btn-warning {
  color: #1a1a1a !important; border: 0;
  background: linear-gradient(180deg, #e0a83a, #b3801f) !important;
}
body.page-shell .btn-link { color: var(--primary-light); }
body.page-shell .btn-link:hover { color: #fff; }

/* Alert variants (message() output) */
body.page-shell .alert-danger {
  border-color: rgba(229,57,53,.35); background: rgba(229,57,53,.14); color: #ffdada;
}
body.page-shell .alert-info {
  border-color: rgba(58,143,176,.35); background: rgba(58,143,176,.14); color: #d6f0fa;
}
body.page-shell .alert-warning {
  border-color: rgba(224,168,58,.35); background: rgba(224,168,58,.14); color: #ffedc7;
}

/* Labels / badges */
body.page-shell .label,
body.page-shell .badge {
  background: rgba(229,57,53,.9); color: #fff; border-radius: 4px; font-weight: 700;
}
body.page-shell .label-success, body.page-shell .badge-success { background: #2e9e46; }
body.page-shell .label-info { background: #3a8fb0; }
body.page-shell .label-warning { background: #e0a83a; color: #1a1a1a; }
body.page-shell .label-default { background: rgba(255,255,255,.14); }

/* Progress bars */
body.page-shell .progress {
  background: rgba(4,7,10,.85); border: 1px solid rgba(255,255,255,.1);
  border-radius: 6px; box-shadow: none;
}
body.page-shell .progress-bar {
  background: linear-gradient(180deg, var(--primary-light), #7f1d1d); color: #fff;
}

/* List group, breadcrumb, input-group, modal, misc */
body.page-shell .list-group-item {
  background: rgba(13,10,11,.85); border-color: rgba(255,255,255,.08); color: var(--text);
}
body.page-shell .breadcrumb {
  background: rgba(13,10,11,.7); border: 1px solid rgba(255,255,255,.08); border-radius: 6px;
}
body.page-shell .breadcrumb > .active { color: var(--primary-light); }
body.page-shell .input-group-addon {
  background: rgba(4,7,10,.9); border-color: rgba(255,255,255,.14); color: #cfcfcf;
}
body.page-shell .modal-content {
  background: var(--panel); border: 1px solid rgba(255,255,255,.1); color: var(--text);
}
body.page-shell .modal-header,
body.page-shell .modal-footer { border-color: rgba(255,255,255,.08); }
body.page-shell .close { color: #fff; opacity: .7; text-shadow: none; }
body.page-shell .close:hover { opacity: 1; }
body.page-shell hr { border-color: rgba(255,255,255,.1); }

body.page-shell .brand img {
  width: auto;
  max-width: 132px;
  max-height: 44px;
  object-fit: contain;
}

body.page-shell .footer {
  border-top: 0;
  margin-top: 28px;
  padding: 0 0 10px;
  position: relative;
  background: linear-gradient(180deg,
    rgba(4,7,10,0) 0%,
    rgba(4,7,10,.62) 70px,
    rgba(4,7,10,.96) 170px,
    #05080b 280px);
}
body.page-shell .footer p,
body.page-shell .footer a {
  display: revert;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
body.page-shell .toTop-fon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 0 8px;
  padding: 0;
}
body.page-shell .toTop-fon::before {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  top: 50%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(229,57,53,.42) 22%, rgba(229,57,53,.42) 78%, transparent);
}
body.page-shell .toTop {
  position: relative;
  z-index: 1;
  width: 48px;
  height: 48px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid rgba(229,57,53,.5);
  background: linear-gradient(180deg, #161b22, #0b1015);
  box-shadow: 0 4px 14px rgba(0,0,0,.55);
}
body.page-shell .toTop::after {
  content: "";
  width: 11px;
  height: 11px;
  margin-top: 4px;
  border-top: 2px solid var(--primary-light);
  border-right: 2px solid var(--primary-light);
  transform: rotate(-45deg);
}
body.page-shell .toTop:hover {
  border-color: var(--primary-light);
  background: linear-gradient(180deg, #1c232c, #10151b);
}
body.page-shell .exmu-foot-main {
  display: grid;
  grid-template-columns: 2.1fr 1fr 1fr 1fr;
  gap: 26px;
  padding: 20px 0 28px;
}
body.page-shell .exmu-foot-brand {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 28px;
  min-width: 0;
}
body.page-shell .footer .exmu-foot-disclaimer {
  margin: 0;
  max-width: 380px;
  padding: 10px 12px 9px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.03);
}
body.page-shell .footer .exmu-foot-disclaimer p {
  margin: 0;
  color: #5a616a;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: .01em;
}
body.page-shell .footer .exmu-foot-webzen {
  display: inline-block;
  height: 11px;
  width: auto;
  margin: 0 0 0 8px;
  vertical-align: -2px;
  opacity: .7;
}
body.page-shell .exmu-foot-col {
  min-width: 0;
}
body.page-shell .exmu-foot-col {
  border-left: 1px solid rgba(229,57,53,.16);
  padding-left: 28px;
}
body.page-shell .exmu-foot-logo {
  display: inline-block;
  flex: 0 0 auto;
}
body.page-shell .exmu-foot-logo img {
  max-width: 190px;
  height: auto;
  display: block;
}
body.page-shell .exmu-foot-social {
  display: flex;
  flex-direction: column;
  flex: 1 1 160px;
  align-items: stretch;
  gap: 5px;
  margin: 0;
  max-width: 180px;
  padding: 0 0 0 14px;
  border-left: 1px solid rgba(255,255,255,.1);
}
body.page-shell .exmu-foot-social a.soc {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  height: 28px;
  padding: 0 10px;
  gap: 8px;
  border-radius: 6px;
  box-sizing: border-box;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.1);
  color: #c5c8ce;
  text-decoration: none;
}
body.page-shell .exmu-foot-social a.soc svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  fill: currentColor;
}
body.page-shell .exmu-foot-social .soc-name {
  color: #c5c8ce;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
}
body.page-shell .exmu-foot-social a.soc:hover {
  border-color: rgba(255,255,255,.2);
  background: rgba(255,255,255,.06);
  color: #fff;
}
body.page-shell .exmu-foot-social a.soc:hover .soc-name {
  color: #fff;
}
body.page-shell .exmu-foot-rating {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  box-sizing: border-box;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(229,57,53,.32);
  border-radius: 6px;
  color: #b7bdc6;
  cursor: default;
}
body.page-shell .exmu-foot-rating svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
body.page-shell .exmu-foot-rating.age {
  min-width: 30px;
  padding: 0 6px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .4px;
  color: var(--primary-light);
}
body.page-shell .exmu-foot-rating.icon { width: 30px; }
body.page-shell .exmu-foot-rating.icon svg { fill: currentColor; stroke: none; }
body.page-shell .exmu-foot-rating.resp {
  padding: 0 9px;
  gap: 5px;
  font-weight: 600;
  font-size: 8.5px;
  letter-spacing: .6px;
  text-transform: uppercase;
  white-space: nowrap;
}
body.page-shell .exmu-foot-rating.resp svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
}
body.page-shell .exmu-foot-h {
  margin: 0 0 15px;
  color: #f4f4f4;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
body.page-shell .exmu-foot-col ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.page-shell .exmu-foot-col li { margin: 0 0 9px; }
body.page-shell .exmu-foot-col li a {
  display: inline-block;
  color: #9aa1ab;
  text-decoration: none;
  font-size: 13px;
}
body.page-shell .exmu-foot-col li a:hover {
  color: var(--primary-light);
  padding-left: 4px;
}
body.page-shell .exmu-foot-bottom {
  margin: 8px 0 0;
  padding: 16px 0 6px;
  border-top: 1px solid rgba(229,57,53,.14);
  text-align: center;
}
body.page-shell .exmu-foot-copy {
  margin: 0 0 4px;
  color: #8b919a;
  font-size: 12px;
  font-weight: 400 !important;
  letter-spacing: 0;
}
body.page-shell .exmu-foot-bottom a {
  color: #8b919a;
  font-weight: 400 !important;
  text-decoration: none;
}
body.page-shell .exmu-foot-bottom a:hover { color: #fff; }
body.page-shell .exmu-foot-credit {
  margin: 0;
  color: #6d7380;
  font-size: 11px;
  font-weight: 400 !important;
}
body.page-shell .exmu-foot-credit a {
  color: #c4a05a;
  font-weight: 600 !important;
}
body.page-shell .exmu-foot-credit a:hover {
  color: #d8bc78;
}

body.page-shell .quick-links { display: none !important; }

@media (max-width: 1240px) {
  body.page-shell .nav-wrap {
    display: flex;
    justify-content: space-between;
  }
  body.page-shell .nav { display: none; }
  body.page-shell .exmu-v2-menu-btn { display: inline-flex; }
  body.page-shell .exmu-v2-toolbar > .gn-wallet { display: none; }
  body.page-shell .feature-strip-row {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  body.page-shell .content-grid {
    grid-template-columns: minmax(0, 1fr) 320px !important;
  }
  body.page-shell .sidebar {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 980px) {
  body.page-shell .content-grid {
    grid-template-columns: 1fr !important;
  }
  body.page-shell .feature-strip-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.page-shell .home-news-block .we-news-list {
    grid-template-columns: 1fr !important;
    grid-template-rows: none;
    min-height: 0;
  }
  body.page-shell .home-news-block .we-news-card {
    height: auto;
    max-height: none;
  }
  body.page-shell .exmu-foot-main {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  body.page-shell .exmu-foot-brand {
    grid-column: 1 / -1;
  }
  body.page-shell .exmu-foot-col {
    border-left: 0;
    padding-left: 0;
  }
  body.page-shell .exmu-login-band {
    min-height: 484px;
    padding: 58px 0 28px;
  }
  body.page-shell .exmu-wrap {
    width: min(100% - 28px, var(--container));
  }
}
@media (max-width: 560px) {
  body.page-shell .feature-strip-row {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 520px) {
  body.page-shell .exmu-foot-main {
    grid-template-columns: 1fr;
    text-align: center;
  }
  body.page-shell .exmu-foot-brand {
    flex-direction: column;
    justify-content: center;
  }
  body.page-shell .footer .exmu-foot-disclaimer {
    max-width: 320px;
    text-align: left;
  }
  body.page-shell .exmu-foot-social {
    max-width: 220px;
    padding-left: 0;
    border-left: 0;
  }
  body.page-shell .exmu-foot-logo { display: block; }
}

body.page-shell .we-article-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 12px;
  color: #8b919a;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
body.page-shell .we-article-back svg { display: block; }
body.page-shell .we-article-back:hover { color: #fff; }
body.page-shell .we-article {
  padding: 18px 18px 16px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(11,14,18,.98);
}
body.page-shell .we-article-hero {
  height: 200px;
  margin: 0 0 16px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
body.page-shell .we-article-head {
  margin: 0 0 16px;
  padding: 0 0 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
body.page-shell .we-article-title,
body.page-shell .we-article h1.we-article-title {
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  color: #fff !important;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: none !important;
  text-shadow: none;
  background: none;
  -webkit-text-fill-color: #fff;
}
body.page-shell .we-article-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #8b919a;
  font-size: 12px;
  font-weight: 500;
}
body.page-shell .we-article-meta svg { display: block; }
body.page-shell .we-article-body {
  color: #c5c8ce;
  font-size: 14px;
  line-height: 1.65;
}
body.page-shell .we-article-body p { margin: 0 0 12px; }
body.page-shell .we-article-body p:last-child { margin-bottom: 0; }
body.page-shell .we-article-body a { color: #e53935; }
body.page-shell .we-article-body a:hover { color: #ff8a86; }
body.page-shell .we-article-body strong,
body.page-shell .we-article-body b { color: #fff; font-weight: 700; }
body.page-shell .we-article-body h1,
body.page-shell .we-article-body h2,
body.page-shell .we-article-body h3,
body.page-shell .we-article-body h4 {
  margin: 16px 0 8px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: none !important;
}
body.page-shell .we-article-body ul,
body.page-shell .we-article-body ol {
  margin: 0 0 12px;
  padding-left: 20px;
}
body.page-shell .we-article-body li { margin: 4px 0; }
body.page-shell .we-article-body img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 10px 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
}
body.page-shell .we-article-body iframe,
body.page-shell .we-article-body video,
body.page-shell .we-article-body embed,
body.page-shell .we-article-body .lucyan-video-embed iframe {
  display: block;
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
  min-height: 280px;
  aspect-ratio: 16 / 9;
  margin: 10px 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: #080a0e;
}
body.page-shell .we-article-body .lucyan-video-embed { margin: 10px 0; }
body.page-shell .we-article-body table {
  width: 100%;
  margin: 0 0 12px;
  border-collapse: collapse;
}
body.page-shell .we-article-body th,
body.page-shell .we-article-body td {
  padding: 8px 10px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  color: #c5c8ce;
}
body.page-shell .we-article-body hr {
  margin: 16px 0;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.08);
}
body.page-shell .we-article-foot {
  margin: 16px 0 0;
  padding: 14px 0 0;
  border-top: 1px solid rgba(255,255,255,.08);
}
body.page-shell .we-article-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(0,0,0,.35);
  border-radius: 8px;
  color: #fff !important;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none !important;
  background: linear-gradient(180deg, #d32f2f, #9c1c1c);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}
body.page-shell .we-article-back-btn:hover {
  color: #fff !important;
  background: linear-gradient(180deg, #e53935, #b71c1c);
}

body.page-shell .rr-doc,
body.page-shell .exmu-doc {
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: #c5c8ce;
  font-size: 14px;
  line-height: 1.55;
}
body.page-shell .rr-doc-hero,
body.page-shell .rr-doc-section,
body.page-shell .rr-doc-foot {
  padding: 16px 18px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(11,14,18,.98);
}
body.page-shell .rr-doc-kicker {
  display: block;
  margin: 0 0 4px;
  color: #8b919a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
body.page-shell .rr-doc-title {
  margin: 0 0 8px;
  color: #fff;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.page-shell .rr-doc-lead {
  margin: 0 0 8px;
  color: #c5c8ce;
}
body.page-shell .rr-doc-lead strong,
body.page-shell .rr-doc-section strong,
body.page-shell .rr-doc-foot strong {
  color: #fff;
}
body.page-shell .rr-doc-updated {
  color: #8b919a;
  font-size: 12px;
}
body.page-shell .rr-doc-section h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
body.page-shell .rr-doc-num {
  color: #e53935;
  font-size: 12px;
  letter-spacing: .04em;
}
body.page-shell .rr-doc-section p {
  margin: 0 0 8px;
}
body.page-shell .rr-doc-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.page-shell .rr-doc-list li {
  position: relative;
  padding: 7px 0 7px 14px;
  border-bottom: 1px solid rgba(255,255,255,.05);
  color: #d7dade;
}
body.page-shell .rr-doc-list li:last-child { border-bottom: 0; }
body.page-shell .rr-doc-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #e53935;
}
body.page-shell .rr-doc-foot {
  color: #9aa0a8;
}
body.page-shell .rr-doc-foot a {
  color: #fff;
  border-bottom: 1px solid rgba(229,57,53,.55);
}
body.page-shell .rr-doc-foot a:hover { color: #ff8a86; }

/* WebShop — EXMU skin (visual only; module markup / JS unchanged) */
body.page-shell .shop-container {
  max-width: 100%;
  margin: 0;
  padding: 0;
}
body.page-shell .shop-box,
body.page-shell .pay-box {
  margin-bottom: 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: linear-gradient(180deg, #14181d, #0a0d11);
  box-shadow: 0 16px 40px rgba(0,0,0,.4);
}
body.page-shell .shop-header,
body.page-shell .pay-header {
  padding: 10px 16px 9px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.015);
}
body.page-shell .shop-header h2,
body.page-shell .pay-header h2,
body.page-shell #vip-warning-section .shop-header h2 {
  margin: 0;
  color: #f2f3f5 !important;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
body.page-shell .shop-body,
body.page-shell .pay-body {
  padding: 14px 16px;
}
body.page-shell .shop-container h4 {
  margin: 0 0 10px;
  color: #8b919a !important;
  font-size: 11px !important;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.page-shell .nav-style-btn,
body.page-shell .nav-style-btn.vip,
body.page-shell .nav-style-btn.lto {
  gap: 8px;
  padding: 12px 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  background: rgba(255,255,255,.02);
  box-shadow: none;
}
body.page-shell .nav-style-btn:hover,
body.page-shell .nav-style-btn.vip:hover,
body.page-shell .nav-style-btn.lto:hover {
  border-color: rgba(255,255,255,.2);
  background: rgba(255,255,255,.04);
  transform: none;
  box-shadow: none;
}
body.page-shell .nav-style-btn .btn-icon {
  font-size: 16px;
  filter: none;
}
body.page-shell .nav-style-btn .btn-text,
body.page-shell .nav-style-btn.vip .btn-text,
body.page-shell .nav-style-btn.lto .btn-text {
  font-family: inherit !important;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: none;
  color: #c5c8ce;
  text-shadow: none;
}
body.page-shell .nav-style-btn:hover .btn-text,
body.page-shell .nav-style-btn.vip:hover .btn-text,
body.page-shell .nav-style-btn.lto:hover .btn-text {
  color: #fff;
  text-shadow: none;
}
body.page-shell .nav-style-btn.selected,
body.page-shell .nav-style-btn.selected:hover {
  border-color: rgba(229,57,53,.55);
  background: rgba(229,57,53,.08);
  box-shadow: none;
}
body.page-shell .nav-style-btn.selected .btn-text {
  color: #fff;
}
body.page-shell .nav-style-btn:disabled,
body.page-shell .nav-style-btn:disabled:hover {
  opacity: .42;
  border-color: rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  transform: none;
  box-shadow: none;
}
body.page-shell .nav-style-btn:disabled .btn-text { color: #7a818c; }
body.page-shell .nav-style-btn.lto::after {
  top: 5px;
  right: 6px;
  padding: 1px 5px;
  border: 1px solid rgba(229,57,53,.45);
  border-radius: 3px;
  background: rgba(229,57,53,.18);
  color: #ff8a86;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .06em;
}

body.page-shell .terms-section {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.08);
}
body.page-shell .terms-headline {
  margin: 0 0 10px;
  color: #e53935;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-shadow: none;
}
body.page-shell .terms-slider {
  max-height: 180px;
  margin-bottom: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: #0b1015;
  scrollbar-color: #c62828 #0b1015;
}
body.page-shell .terms-slider::-webkit-scrollbar { width: 6px; }
body.page-shell .terms-slider::-webkit-scrollbar-track { background: #0b1015; }
body.page-shell .terms-slider::-webkit-scrollbar-thumb {
  background: #c62828;
  border-radius: 4px;
}
body.page-shell .terms-content h4 {
  margin: 0 0 8px;
  color: #f2f3f5;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: none;
}
body.page-shell .terms-content h5 {
  margin: 12px 0 4px;
  color: #c5c8ce;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: none;
}
body.page-shell .terms-content p {
  margin: 0 0 8px;
  color: #9aa1ab;
  font-size: 12px;
  line-height: 1.55;
}
body.page-shell .terms-agreement { margin-bottom: 12px; }
body.page-shell .checkbox-container {
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.02);
}
body.page-shell .checkbox-container:hover {
  border-color: rgba(255,255,255,.16);
}
body.page-shell .checkmark {
  width: 18px;
  height: 18px;
  min-width: 18px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 3px;
  background: #0b1015;
}
body.page-shell .checkbox-container input:checked + .checkmark {
  border-color: #c62828;
  background: linear-gradient(180deg, #d32f2f, #9c1c1c);
}
body.page-shell .checkbox-container input:checked + .checkmark::after { color: #fff; }
body.page-shell .checkbox-text {
  color: #c5c8ce;
  font-size: 13px;
}
body.page-shell .signature-section { margin-top: 12px; }
body.page-shell .signature-label {
  margin-bottom: 6px;
  color: #8b919a !important;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
body.page-shell .signature-input,
body.page-shell .form-input,
body.page-shell .shop-container input.form-input,
body.page-shell .shop-container select.form-input {
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 8px;
  background: #0b1015 !important;
  color: #f4f4f4 !important;
  font-family: inherit;
  font-size: 14px;
  font-style: normal;
  box-shadow: none;
}
body.page-shell .signature-input:focus,
body.page-shell .form-input:focus {
  border-color: rgba(229,57,53,.45) !important;
  outline: none;
  box-shadow: none;
}
body.page-shell .signature-input::placeholder { color: #6b717a; font-style: italic; }
body.page-shell .shop-container button[onclick*="Captcha"] {
  padding: 8px 10px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 8px !important;
  background: #161b22 !important;
  color: #c5c8ce !important;
}
body.page-shell .shop-container button[onclick*="Captcha"]:hover {
  color: #fff !important;
  border-color: rgba(255,255,255,.22) !important;
}
body.page-shell #sig-captcha-image,
body.page-shell #captcha-image {
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 6px;
  background: #0b1015;
}
body.page-shell .signature-warning {
  gap: 8px;
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.02);
}
body.page-shell .signature-warning span:last-child {
  color: #9aa1ab;
  font-size: 12px;
  line-height: 1.5;
}
body.page-shell .sign-agreement-btn,
body.page-shell .lto-buy-btn {
  height: 40px;
  margin-top: 12px;
  padding: 0 16px;
  border: 1px solid rgba(0,0,0,.35);
  border-radius: 8px;
  background: linear-gradient(180deg, #d32f2f, #9c1c1c);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 1px 0 rgba(0,0,0,.35);
}
body.page-shell .sign-agreement-btn:hover:not(:disabled),
body.page-shell .lto-buy-btn:hover:not(:disabled) {
  transform: none;
  border-color: rgba(0,0,0,.35);
  background: linear-gradient(180deg, #e53935, #b71c1c);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 1px 0 rgba(0,0,0,.35);
}
body.page-shell .sign-agreement-btn:disabled,
body.page-shell .lto-buy-btn:disabled {
  opacity: .4;
  cursor: not-allowed;
  background: #2a3038;
  color: #8b919a;
  box-shadow: none;
}
body.page-shell .signing-overlay {
  background: rgba(5,8,11,.92);
}
body.page-shell .signing-content p { color: #f2f3f5; }
body.page-shell .signing-spinner {
  border-color: rgba(255,255,255,.12);
  border-top-color: #e53935;
}
body.page-shell .signed-success {
  padding: 16px 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.02);
  color: #c5c8ce;
}
body.page-shell .signed-success strong { color: #fff; }

body.page-shell .amount-grid {
  gap: 8px;
  margin-bottom: 14px;
}
body.page-shell .amount-btn {
  padding: 12px 8px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  background: rgba(255,255,255,.02);
  color: #f2f3f5;
  font-size: 15px;
}
body.page-shell .amount-btn span { color: #8b919a; }
body.page-shell .amount-btn:hover,
body.page-shell .amount-btn.active {
  border-color: rgba(229,57,53,.55);
  background: rgba(229,57,53,.08);
}
body.page-shell .form-group { margin-bottom: 12px; }
body.page-shell .form-group label {
  margin-bottom: 6px;
  color: #8b919a;
  font-size: 11px;
  letter-spacing: .08em;
}

body.page-shell .method-grid { gap: 10px; }
body.page-shell .method-card {
  padding: 16px 12px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  background: rgba(255,255,255,.02);
}
body.page-shell .method-card:hover { border-color: rgba(255,255,255,.2); }
body.page-shell .method-card.active {
  border-color: rgba(255,255,255,.22);
  background: rgba(255,255,255,.04);
  box-shadow: inset 0 -2px 0 #e53935;
}
body.page-shell .method-name { color: #f2f3f5; font-size: 13px; }
body.page-shell .method-desc { color: #8b919a; }
body.page-shell .method-badge.recommended {
  background: rgba(229,57,53,.2);
  color: #ff8a86;
}
body.page-shell .method-badge.fee {
  background: rgba(255,255,255,.08);
  color: #c5c8ce;
}
body.page-shell .summary-row { border-bottom-color: rgba(255,255,255,.06); }
body.page-shell .summary-label { color: #8b919a; }
body.page-shell .summary-value { color: #f2f3f5; }
body.page-shell .summary-value.gold { color: #e8c56b; }
body.page-shell .summary-value.green { color: #fff; font-size: 16px; }
body.page-shell #checkout-section > .shop-body > div[style*="background:#0f0f0f"] {
  padding: 14px 16px !important;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.02) !important;
}
body.page-shell .btn-pay {
  height: auto;
  min-height: 44px;
  padding: 12px 16px !important;
  border-radius: 8px;
  font-size: 13px !important;
  font-weight: 800;
  letter-spacing: .06em;
  color: #fff !important;
}
body.page-shell .btn-pay:hover { transform: none; }
body.page-shell .btn-pay.paypal {
  background: #ffc439 !important;
  border: 1px solid #e6b000;
  color: #003087 !important;
}
body.page-shell .btn-pay.paypal:hover {
  background: #ffd35c !important;
  color: #003087 !important;
}
body.page-shell .btn-pay.stripe {
  background: #635bff !important;
  color: #fff !important;
}
body.page-shell .secure-badge {
  margin-top: 10px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.02);
  color: #8b919a;
}
body.page-shell .error-msg {
  border: 1px solid rgba(229,57,53,.28);
  border-radius: 8px;
  background: rgba(40,12,12,.55);
  color: #ff8a86;
}

body.page-shell #vip-warning-section .shop-body > div {
  padding: 14px 16px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.02) !important;
}
body.page-shell #vip-warning-section p,
body.page-shell #vip-warning-section span {
  color: #c5c8ce !important;
}
body.page-shell #vip-warning-section strong { color: #e53935 !important; }
body.page-shell #vip-warning-section label {
  border-color: rgba(255,255,255,.1) !important;
  background: #0b1015 !important;
}

body.page-shell .lto-card {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(255,255,255,.02);
}
body.page-shell .lto-card:hover { border-color: rgba(255,255,255,.16); }
body.page-shell .lto-card-badge {
  background: rgba(229,57,53,.2);
  color: #ff8a86;
}
body.page-shell .lto-timer {
  margin-bottom: 10px;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 6px;
  background: rgba(255,255,255,.03);
  color: #c5c8ce;
  font-size: 12px;
}
body.page-shell .lto-item-name { color: #f2f3f5; }
body.page-shell .lto-item-desc { color: #9aa1ab; }
body.page-shell .lto-price { color: #fff; }
body.page-shell .lto-card-right img {
  border: 1px solid rgba(255,255,255,.08);
  background: #0b1015;
  box-shadow: none;
}
body.page-shell .lto-stock .lto-stat {
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
}
body.page-shell .lto-stock .lto-stat-val { color: #f2f3f5; }
body.page-shell .lto-stock-fill { background: #e53935; }
body.page-shell .lto-options-panel {
  border: 1px solid rgba(255,255,255,.08);
  background: #0b1015;
}
body.page-shell .lto-options-panel .ov.green,
body.page-shell .lto-options-panel .ov.blue,
body.page-shell .lto-options-panel .ov.yellow,
body.page-shell .lto-opt-custom,
body.page-shell .lto-opt-exc,
body.page-shell .lto-opt-sock,
body.page-shell .lto-opt-desc {
  color: #d7dade;
}
body.page-shell #lto-char-select label {
  color: #8b919a !important;
}
body.page-shell .lto-method-btn {
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.03) !important;
  color: #f2f3f5 !important;
  font-weight: 700 !important;
}
body.page-shell .lto-method-btn.active {
  border-color: rgba(255,255,255,.22) !important;
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
}
body.page-shell #lto-method-paypal.active {
  background: #ffc439 !important;
  border-color: #e6b000 !important;
  color: #003087 !important;
}

body.page-shell .pay-container { max-width: 520px; }
body.page-shell .pay-title { color: #f2f3f5; font-size: 16px; }
body.page-shell .pay-label { color: #8b919a; }
body.page-shell .pay-value { color: #f2f3f5; }
body.page-shell .pay-value.gold { color: #e8c56b; }
body.page-shell .pay-value.green { color: #fff; }
body.page-shell .pay-btn {
  height: auto;
  min-height: 44px;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .06em;
  color: #fff;
}
body.page-shell .pay-btn.paypal {
  background: #ffc439 !important;
  color: #003087 !important;
}
body.page-shell .pay-btn.stripe {
  background: #635bff !important;
  color: #fff !important;
}
body.page-shell .pay-secure { color: #8b919a; }
body.page-shell .pay-back a { color: #8b919a; }
body.page-shell .pay-back a:hover { color: #fff; }
body.page-shell #card-element {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;
  background: #0b1015;
}

@media (max-width: 700px) {
  body.page-shell .amount-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.page-shell .method-grid {
    grid-template-columns: 1fr;
  }
}