:root {
  --mx-ink: #f7f7fb;
  --mx-paper: #090a0f;
  --mx-blue: #ff267e;
  --mx-red: #38d5c5;
  --mx-yellow: #ff267e;
  --mx-line: #2b2e3a;
  --mx-white: #12141c;
}

body {
  background: #090a0f;
  color: #f7f7fb;
  background-image: radial-gradient(circle at 86% 6%, rgba(255, 38, 126, .10), transparent 28%);
}

.mx-jump { background: #ff267e; color: #fff; }
.mx-bar {
  position: sticky;
  top: 0;
  z-index: 12;
  background: rgba(9, 10, 15, .94);
  border-top: 0;
  border-bottom: 1px solid #292c37;
  backdrop-filter: blur(16px);
}
.mx-logo img,
.mx-footer__line img { filter: none; }
.mx-nav a { color: #d5d7e0; }
.mx-nav a:hover { color: #fff; border-color: #ff267e; }
.mx-language,
.mx-plain { color: #f7f7fb; border-color: #484c5b; background: rgba(255,255,255,.02); }
.mx-account,
.mx-solid {
  color: #fff;
  background: #ff267e;
  border-color: #ff267e;
  box-shadow: 0 10px 28px rgba(255, 38, 126, .20);
}
.mx-language:hover,
.mx-plain:hover { border-color: #ff267e; }

.mx-cover {
  background: linear-gradient(135deg, #0d0f16 0%, #11131c 62%, #17111a 100%);
  border-bottom-color: #292c37;
}
.mx-cover__layout { min-height: 590px; }
.mx-cover__words { padding-right: 72px; }
.mx-stamp { color: #aeb2c1; border-color: #343743; }
.mx-stamp span { color: #38d5c5; }
.mx-cover h1 { color: #fff; letter-spacing: -.035em; }
.mx-summary { color: #c7cad5; }
.mx-cover__portrait {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 45%, rgba(56, 213, 197, .18), transparent 32%),
    radial-gradient(circle at 52% 74%, rgba(255, 38, 126, .34), transparent 46%),
    #11131b;
  border: 1px solid #30333f;
  border-block: 0;
}
.mx-cover__portrait::before {
  content: "";
  position: absolute;
  inset: 30px;
  border: 1px solid rgba(255, 38, 126, .45);
  border-radius: 28px;
}
.mx-cover__portrait img { position: relative; z-index: 1; }
.mx-cover__portrait p {
  position: relative;
  z-index: 2;
  background: rgba(9, 10, 15, .88);
  border-top: 1px solid #313440;
}
.mx-cover__portrait b { color: #38d5c5; }

.mx-route {
  color: #dfe1e8;
  background: #10121a;
  border-block: 1px solid #292c37;
}
.mx-route .mx-boundary { min-height: 58px; }
.mx-route span { color: #38d5c5; }

.mx-report { background: #090a0f; }
.mx-editorial h2,
.mx-editorial h3 { color: #fff; }
.mx-editorial p,
.mx-editorial li { color: #c4c7d2; }
.mx-editorial a { color: #72e5d9; }
.mx-map { border-top-color: #ff267e; }
.mx-map strong { color: #fff; }
.mx-map__item { color: #b9bdca; border-color: #2c2f3a; }
.mx-map__item:hover { color: #fff; }
.mx-data-table { color: #daddE6; background: #12141c; }
.mx-data-table th,
.mx-data-table td { border-color: #343744; }
.mx-data-table th { color: #fff; background: #24202b; }

.mx-catalog {
  color: #fff;
  background: linear-gradient(180deg, #12141d, #0e1017);
  border-block: 1px solid #292c37;
}
.mx-catalog__title p { color: #aeb2c1; }
.mx-label { color: #fff; background: #ff267e; border-radius: 999px; }
.mx-arrow { color: #fff; border-color: #454958; background: #171923; }
.mx-arrow:hover { border-color: #ff267e; }
.mx-track { scrollbar-color: #ff267e #171923; }
.mx-game {
  color: #f7f7fb;
  background: #171923;
  border: 1px solid #30333f;
  border-radius: 12px;
  overflow: hidden;
  transition: transform .22s, border-color .22s, box-shadow .22s;
}
.mx-game:hover { transform: translateY(-4px); border-color: #ff267e; box-shadow: 0 16px 36px rgba(0,0,0,.34); }
.mx-game__image b { background: #ff267e; border-radius: 7px; }

.mx-note {
  color: #f7f7fb;
  background: #0e1017;
  border-color: #292c37;
}
.mx-note__image {
  overflow: hidden;
  background: radial-gradient(circle at 50% 58%, rgba(255,38,126,.30), transparent 50%), #151721;
  border-color: #343744;
  border-radius: 18px;
}
.mx-note p { color: #c4c7d2; }
.mx-note .mx-label { color: #fff; }

.mx-faq { color: #f7f7fb; background: #090a0f; }
.mx-faq__list,
.mx-faq details { border-color: #2e313c; }
.mx-faq details p { color: #bfc3cf; }
.mx-faq summary::marker { color: #ff267e; }

.mx-footer { color: #d7dae4; background: #06070b; border-top: 1px solid #292c37; }
.mx-footer__line { border-color: #30333f; }
.mx-footer__line span { color: #ff267e; }
.mx-makers img { opacity: .72; filter: grayscale(1) brightness(2.2); }
.mx-footer p { color: #9fa4b2; }
.mx-footer small { color: #737987; }

.mx-not-found { color: #f7f7fb; background: radial-gradient(circle at 50% 25%, rgba(255,38,126,.16), transparent 38%), #090a0f; }
.mx-not-found p { color: #ff267e; }
.mx-not-found span { color: #bfc3cf; }
.mx-not-found a { color: #72e5d9; }

@media (max-width: 860px) {
  .mx-cover__words { padding-right: 0; }
  .mx-cover__portrait { border-inline: 0; border-bottom: 0; }
}

@media (max-width: 540px) {
  .mx-cover__portrait::before { inset: 14px; border-radius: 18px; }
  .mx-route .mx-boundary { min-height: 50px; }
  .mx-footer__line { gap: 20px; }
}