:root {
  --sk-yellow: #ffd21f;  --sk-yellow-2: #ffb300; --sk-yellow-d: #c97b00;
  --sk-red: #e8261c;     --sk-red-2: #ff5a3c;    --sk-red-d: #9d130c;
  --sk-blue: #1e8bff;    --sk-blue-2: #5cc2ff;   --sk-blue-d: #0b4fb3;
  --sk-green: #4cc33a;   --sk-green-d: #2a8a1f;
  --sk-navy: #0b1d4a;    --sk-navy-2: #132a66;   --sk-navy-3: #1c3b85;
  --sk-ink: #1b1530;     --sk-muted: #5a6385;
  --sk-cream: #fff6dc;   --sk-paper: #fbe7bf;    --sk-wood: #8a4b1f;
  --sk-line: #dfe7f5;    --sk-soft: #f3f7ff;
  --sk-radius: 20px;     --sk-radius-sm: 14px;   --sk-radius-xs: 10px;
  --sk-shadow: 0 16px 34px -16px rgba(11, 29, 74, .45);
  --sk-shadow-sm: 0 6px 16px -8px rgba(11, 29, 74, .35);
  --sk-display: "Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;
  --sk-body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;

  --mm-ink: var(--sk-ink); --mm-text: var(--sk-ink); --mm-muted: var(--sk-muted);
  --mm-accent: var(--sk-yellow-2); --mm-accent-2: var(--sk-blue);
  --mm-nav: var(--sk-navy); --mm-nav-border: var(--sk-yellow);
  --mm-radius: var(--sk-radius-sm); --mm-radius-sm: var(--sk-radius-xs); --mm-radius-lg: var(--sk-radius);
  --mm-font: var(--sk-body); --mm-display: var(--sk-display);
  --mm-shadow: var(--sk-shadow); --mm-line: var(--sk-line);
  --bs-body-font-family: var(--sk-body);
  --bs-primary: var(--sk-blue); --bs-primary-rgb: 30, 139, 255;
  --bs-link-color: var(--sk-blue-d); --bs-link-hover-color: var(--sk-red);
  --bs-border-radius: var(--sk-radius-sm);
}

html body.mm-body,
html body.mm-body.sub, html body.mm-body.cpanel, html body.mm-body.ranking, html body.mm-body.mixmall {
  font-family: var(--sk-body) !important;
  color: var(--sk-ink);
  background:
    linear-gradient(180deg, rgba(120, 190, 255, .10) 0%, rgba(214, 236, 255, .55) 38%, rgba(234, 244, 255, .92) 70%, #eef5ff 100%),
    url(../img/skin/bg-sky.webp) center top / cover no-repeat fixed !important;
  -webkit-font-smoothing: antialiased;
}
body.mm-body .video-background { opacity: .10; }

:where(body.mm-body) :where(h1, h2, h3, h4, .h1, .h2, .h3, .h4) {
  font-family: var(--sk-display); font-weight: 400; letter-spacing: .01em; color: var(--sk-navy);
}
:where(body.mm-body) :where(a) { color: var(--sk-blue-d); }
:where(body.mm-body) :where(a):hover { color: var(--sk-red); }
body.mm-body ::selection { background: var(--sk-yellow); color: var(--sk-navy); }
body.mm-body :focus-visible { outline: 3px solid var(--sk-yellow); outline-offset: 2px; }

body.mm-body .mm-util {
  background: rgba(11, 29, 74, .88) !important;
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border-bottom: 2px solid rgba(255, 210, 31, .55) !important;
}
body.mm-body .mm-lang__trigger {
  border-radius: 999px !important; background: rgba(255, 255, 255, .12) !important;
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .28); color: #fff !important; font-weight: 800;
}
body.mm-body .mm-lang__trigger:hover, body.mm-body .mm-lang.show .mm-lang__trigger { background: rgba(255, 210, 31, .25) !important; }
body.mm-body .mm-lang__code { background: var(--sk-yellow) !important; color: var(--sk-navy) !important; border-radius: 999px !important; }
body.mm-body .mm-lang__menu { border-radius: var(--sk-radius-sm) !important; border: 0 !important; box-shadow: var(--sk-shadow) !important; overflow: hidden; }
body.mm-body .mm-lang__option.is-active { background: var(--sk-soft) !important; color: var(--sk-blue-d) !important; }

body.mm-body .mm-logo-wrap img.logo_img {
  filter: drop-shadow(0 10px 16px rgba(11, 29, 74, .35));
  animation: skFloat 5s ease-in-out infinite;
}
@keyframes skFloat { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(-6px) } }

body.mm-body .mm-site-nav,
body.mm-body .mm-site-chrome .mm-site-nav {
  background: linear-gradient(180deg, #17357a 0%, var(--sk-navy) 100%) !important;
  border: 0 !important;
  border-radius: 22px !important;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .12), 0 3px 0 rgba(255, 210, 31, .9), var(--sk-shadow) !important;
  padding: 4px 10px !important;
}
body.mm-body .mm-site-nav::before, body.mm-body .mm-site-nav::after { display: none !important; }
body.mm-body .mm-site-nav .nav-link,
body.mm-body .mm-site-nav .text-menu {
  color: #fff !important; font-family: var(--sk-body) !important; font-weight: 800 !important;
  letter-spacing: .02em; text-transform: uppercase; font-size: .9rem !important;
  border-radius: 999px; padding: .55rem .95rem !important; position: relative;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .35); transition: background .2s, color .2s;
}
body.mm-body .mm-site-nav .nav-link:hover,
body.mm-body .mm-site-nav .show > .nav-link,
body.mm-body .mm-site-nav .nav-link.active {
  color: var(--sk-yellow) !important; background: rgba(255, 255, 255, .10) !important;
}
body.mm-body .mm-site-nav .nav-link::after { border-top-color: currentColor; }
body.mm-body .mm-nav-brand img { filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .45)); transition: transform .3s; }
body.mm-body .mm-nav-brand:hover img { transform: rotate(-5deg) scale(1.06); }
body.mm-body .mm-nav-toggler { border: 0 !important; border-radius: 12px !important; background: rgba(255, 255, 255, .14) !important; box-shadow: none !important; }
body.mm-body .mm-nav-toggler .navbar-toggler-icon { filter: invert(1) brightness(2); }

body.mm-body .mm-nav-dropdown,
body.mm-body .mm-site-nav .dropdown-menu {
  border: 0 !important; border-radius: 18px !important; padding: 8px !important;
  background: #fff !important; box-shadow: var(--sk-shadow) !important; margin-top: 8px !important;
}
body.mm-body .mm-nav-dropdown .dropdown-item,
body.mm-body .mm-site-nav .dropdown-menu .dropdown-item {
  border-radius: 12px !important; font-weight: 700; color: var(--sk-navy) !important; padding: .55rem .9rem !important;
  border: 0 !important;
}
body.mm-body .mm-nav-dropdown .dropdown-item:hover,
body.mm-body .mm-site-nav .dropdown-menu .dropdown-item:hover { background: var(--sk-soft) !important; color: var(--sk-blue-d) !important; }

body.mm-body .mm-player-bar,
body.mm-body .mm-account-bar {
  background: linear-gradient(90deg, #c27a3a, var(--sk-wood)) !important;
  border-radius: 18px !important; border: 0 !important;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .25), var(--sk-shadow-sm) !important; color: #fff;
}
body.mm-body .mm-player-bar__wallet { border-radius: 999px !important; background: rgba(255, 255, 255, .16) !important; }
body.mm-body .mm-player-bar__action { border-radius: 999px !important; }
body.mm-body .mm-player-bar__action--charge { background: linear-gradient(180deg, var(--sk-yellow), var(--sk-yellow-2)) !important; color: #5a2a00 !important; }
body.mm-body .mm-player-bar__dropdown { border: 0 !important; border-radius: 18px !important; box-shadow: var(--sk-shadow) !important; }

body.mm-body .btn {
  font-family: var(--sk-body); font-weight: 800; border-radius: 999px !important; letter-spacing: .01em;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s;
}
body.mm-body .btn:hover { transform: translateY(-1px); }
body.mm-body .btn:active { transform: translateY(2px); }

body.mm-body .btn-primary, body.mm-body .btn-warning, body.mm-body .ec-btn-download,
body.mm-body .mm-member__cta, body.mm-body .mm-member__cta--submit {
  background: linear-gradient(180deg, var(--sk-yellow) 0%, var(--sk-yellow-2) 100%) !important;
  border: 0 !important; color: #5a2a00 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, .45);
  box-shadow: 0 4px 0 var(--sk-yellow-d), 0 10px 18px -8px rgba(0, 0, 0, .45), inset 0 2px 0 rgba(255, 255, 255, .6) !important;
}
body.mm-body .btn-danger {
  background: linear-gradient(180deg, var(--sk-red-2), var(--sk-red)) !important; border: 0 !important; color: #fff !important;
  box-shadow: 0 4px 0 var(--sk-red-d), 0 10px 18px -8px rgba(0, 0, 0, .45), inset 0 2px 0 rgba(255, 255, 255, .35) !important;
}
body.mm-body .btn-success {
  background: linear-gradient(180deg, #6ddb57, var(--sk-green)) !important; border: 0 !important; color: #fff !important;
  box-shadow: 0 4px 0 var(--sk-green-d), 0 10px 18px -8px rgba(0, 0, 0, .45), inset 0 2px 0 rgba(255, 255, 255, .35) !important;
}
body.mm-body .btn-info {
  background: linear-gradient(180deg, var(--sk-blue-2), var(--sk-blue)) !important; border: 0 !important; color: #fff !important;
  box-shadow: 0 4px 0 var(--sk-blue-d), 0 10px 18px -8px rgba(0, 0, 0, .45), inset 0 2px 0 rgba(255, 255, 255, .35) !important;
}
body.mm-body .btn-dark, body.mm-body .btn-secondary {
  background: linear-gradient(180deg, var(--sk-navy-3), var(--sk-navy)) !important; border: 0 !important; color: #fff !important;
  box-shadow: 0 4px 0 #050d24, 0 10px 18px -8px rgba(0, 0, 0, .45), inset 0 2px 0 rgba(255, 255, 255, .18) !important;
}
body.mm-body .btn-light {
  background: #fff !important; border: 0 !important; color: var(--sk-navy) !important;
  box-shadow: 0 3px 0 #cfd8e6, var(--sk-shadow-sm) !important;
}
body.mm-body [class*="btn-outline-"] {
  background: #fff !important; color: var(--sk-blue-d) !important;
  border: 2px solid #c9d8f2 !important; box-shadow: none !important;
}
body.mm-body [class*="btn-outline-"]:hover { border-color: var(--sk-blue) !important; background: var(--sk-soft) !important; }

body.mm-body .bt_btn {
  border-radius: var(--sk-radius-sm) !important; overflow: hidden;
  box-shadow: 0 4px 0 rgba(11, 29, 74, .25), var(--sk-shadow-sm) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s !important;
}
body.mm-body .bt_btn:hover { transform: translateY(-3px) !important; filter: brightness(1.06) saturate(1.08); }
body.mm-body .bt_btn_text { font-family: var(--sk-display) !important; font-weight: 400 !important; letter-spacing: .03em; text-shadow: 0 2px 0 rgba(0, 0, 0, .45) !important; }

body.mm-body .mm-stack,
body.mm-body .card,
body.mm-body .panel,
body.mm-body .mm-rank-table-card,
body.mm-body .rank-table-card {
  background: #fff !important; border: 0 !important; border-radius: var(--sk-radius) !important;
  box-shadow: var(--sk-shadow) !important; overflow: hidden;
}
body.mm-body .card-header {
  background: linear-gradient(180deg, var(--sk-soft), #e6efff) !important; border-bottom: 2px solid var(--sk-line) !important;
  font-family: var(--sk-display); color: var(--sk-navy); font-size: 1.1rem;
}
body.mm-body .card-footer { background: var(--sk-soft) !important; border-top: 1px solid var(--sk-line) !important; }

body.mm-body .mm-section-head,
body.mm-body .title-ranking,
body.mm-body .mm-ranking-sidebar > :first-child {
  background: linear-gradient(180deg, var(--sk-blue) 0%, var(--sk-blue-d) 100%) !important;
  color: #fff !important; font-family: var(--sk-display) !important; font-weight: 400 !important;
  font-size: 1.12rem !important; letter-spacing: .04em; text-transform: uppercase;
  border: 0 !important; border-radius: 0 !important; padding: .7rem 1rem !important;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .25); box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .12);
}
body.mm-body .mm-section-head i, body.mm-body .title-ranking i { color: var(--sk-yellow) !important; }
body.mm-body .mm-section-head--sa { background: linear-gradient(180deg, #ff9a2e, #d9580f) !important; }
body.mm-body .mm-section-head--video { background: linear-gradient(180deg, var(--sk-red-2), var(--sk-red)) !important; }

body.mm-body .form-control, body.mm-body .form-select,
body.mm-body .mm-member-form__input, body.mm-body .mm-signup-form__input,
body.mm-body input[type="text"], body.mm-body input[type="email"], body.mm-body input[type="password"],
body.mm-body input[type="number"], body.mm-body input[type="search"], body.mm-body textarea, body.mm-body select {
  border-radius: var(--sk-radius-sm) !important; border: 2px solid #d8e1f0 !important; background-color: #f8fbff !important;
  font-family: var(--sk-body); font-weight: 600; color: var(--sk-ink);
  transition: border-color .2s, box-shadow .2s;
}
body.mm-body .form-control:focus, body.mm-body .form-select:focus,
body.mm-body input:focus, body.mm-body textarea:focus, body.mm-body select:focus {
  border-color: var(--sk-blue) !important; box-shadow: 0 0 0 4px rgba(30, 139, 255, .18) !important; outline: 0;
}
body.mm-body .input-group > .form-control { border-radius: var(--sk-radius-sm) 0 0 var(--sk-radius-sm) !important; }
body.mm-body .input-group > .btn { border-radius: 0 var(--sk-radius-sm) var(--sk-radius-sm) 0 !important; }
body.mm-body .form-check-input:checked { background-color: var(--sk-blue) !important; border-color: var(--sk-blue) !important; }
:where(body.mm-body) :where(label, .form-label) { font-weight: 800; color: var(--sk-navy); }

body.mm-body .table {
  --bs-table-striped-bg: #f3f7ff; --bs-table-hover-bg: #e6f0ff;
  border-collapse: separate; border-spacing: 0; margin-bottom: 0; color: var(--sk-ink);
}
body.mm-body .table > thead > tr > th, body.mm-body .table thead th,
body.mm-body .table-dark > :not(caption) > * > * {
  background: var(--sk-navy) !important; color: #fff !important; border: 0 !important;
  font-family: var(--sk-body); font-weight: 900; font-size: .8rem; letter-spacing: .06em; text-transform: uppercase;
  padding: .8rem .75rem !important;
}
body.mm-body .table td { border-color: var(--sk-line) !important; vertical-align: middle; }
body.mm-body .table-responsive { border-radius: var(--sk-radius-sm); }
body.mm-body .table-bordered { border: 2px solid var(--sk-line) !important; border-radius: var(--sk-radius-sm); overflow: hidden; }

body.mm-body .nav-tabs { border: 0 !important; gap: 4px; padding: 6px; background: var(--sk-soft) !important; }
body.mm-body .nav-tabs .nav-link {
  border: 0 !important; border-radius: 999px !important; font-weight: 800; color: var(--sk-muted) !important; padding: .4rem .9rem;
}
body.mm-body .nav-tabs .nav-link.active { background: #fff !important; color: var(--sk-blue-d) !important; box-shadow: var(--sk-shadow-sm); }
body.mm-body .nav-pills .nav-link { border-radius: 999px !important; font-weight: 800; color: var(--sk-navy); }
body.mm-body .nav-pills .nav-link.active { background: linear-gradient(180deg, var(--sk-blue-2), var(--sk-blue)) !important; color: #fff !important; box-shadow: 0 3px 0 var(--sk-blue-d); }

body.mm-body .pagination { gap: 6px; flex-wrap: wrap; }
body.mm-body .pagination .page-link {
  border: 0 !important; border-radius: 999px !important; min-width: 40px; text-align: center; font-weight: 800;
  color: var(--sk-navy) !important; background: #fff !important; box-shadow: var(--sk-shadow-sm);
}
body.mm-body .pagination .page-item.active .page-link { background: linear-gradient(180deg, var(--sk-yellow), var(--sk-yellow-2)) !important; color: #5a2a00 !important; box-shadow: 0 3px 0 var(--sk-yellow-d); }
body.mm-body .pagination .page-item.disabled .page-link { opacity: .5; }

body.mm-body .badge { border-radius: 999px !important; font-weight: 800; letter-spacing: .03em; padding: .4em .75em; }
body.mm-body .alert { border: 0 !important; border-radius: var(--sk-radius-sm) !important; font-weight: 600; box-shadow: var(--sk-shadow-sm); }
body.mm-body .alert-warning { background: #fff4cc !important; color: #6b4a00 !important; }
body.mm-body .alert-secondary { background: var(--sk-soft) !important; color: var(--sk-muted) !important; }
body.mm-body .alert-danger { background: #ffe3de !important; color: var(--sk-red-d) !important; }
body.mm-body .alert-success { background: #e2f8dc !important; color: var(--sk-green-d) !important; }
body.mm-body .alert-info { background: #e1f1ff !important; color: var(--sk-blue-d) !important; }

body.mm-body .breadcrumb { font-weight: 700; font-size: .85rem; }
body.mm-body .breadcrumb-item a { color: var(--sk-blue-d) !important; text-decoration: none; }
body.mm-body .breadcrumb-item.active { color: var(--sk-muted) !important; }

body.mm-body .list-group-item { border-color: var(--sk-line) !important; }
body.mm-body .list-group { border-radius: var(--sk-radius-sm) !important; overflow: hidden; }

body.mm-body .modal-content { border: 0 !important; border-radius: 24px !important; overflow: hidden; box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .6) !important; }
body.mm-body .modal-header {
  background: linear-gradient(180deg, var(--sk-blue), var(--sk-blue-d)) !important; color: #fff !important; border: 0 !important;
}
body.mm-body .modal-header .modal-title { font-family: var(--sk-display); font-weight: 400; color: #fff !important; letter-spacing: .02em; }
body.mm-body .modal-header .btn-close { filter: invert(1) grayscale(1) brightness(2); opacity: .9; }
body.mm-body .modal-footer { border-top: 1px solid var(--sk-line) !important; background: var(--sk-soft); }
body.mm-body .modal-backdrop.show { opacity: .7; }

body.mm-body .mm-member {
  background: linear-gradient(180deg, #fff 0%, var(--sk-cream) 100%) !important;
  border: 0 !important; border-radius: var(--sk-radius) !important;
  box-shadow: inset 0 0 0 3px #fff, 0 5px 0 #e3b678, var(--sk-shadow) !important; overflow: hidden;
}
body.mm-body .mm-member__glow { opacity: .5; }
body.mm-body .mm-member__title { font-family: var(--sk-display) !important; font-weight: 400 !important; color: var(--sk-navy) !important; }
body.mm-body .mm-member__logo { filter: drop-shadow(0 6px 10px rgba(232, 38, 28, .35)); animation: skFloat 4s ease-in-out infinite; }
body.mm-body .mm-member-form__label { font-weight: 800; color: var(--sk-navy) !important; }
body.mm-body .mm-member__google { border-radius: 999px !important; border: 2px solid var(--sk-line) !important; background: #fff !important; font-weight: 800; color: var(--sk-navy) !important; box-shadow: 0 3px 0 #dfe7f5 !important; }
body.mm-body .mm-member__signup { border-radius: var(--sk-radius-sm) !important; background: rgba(255, 210, 31, .14) !important; border: 0 !important; }
body.mm-body .mm-member__signup-btn {
  border-radius: 999px !important; border: 0 !important; color: #fff !important;
  background: linear-gradient(180deg, var(--sk-red-2), var(--sk-red)) !important; box-shadow: 0 3px 0 var(--sk-red-d) !important; font-weight: 800;
}
body.mm-body .mm-member__link { color: var(--sk-blue-d) !important; font-weight: 700; }

body.mm-body .mm-home-layout { gap: 18px; }
body.mm-body .mm-home-news .card,
body.mm-body .mm-home-news > * { border-radius: var(--sk-radius-sm) !important; }
body.mm-body .mm-home-news a { text-decoration: none; }
body.mm-body .mm-home-news__all { border-radius: 0 !important; box-shadow: none !important; }
body.mm-body .mm-social-bar { background: var(--sk-navy) !important; }
body.mm-body .mm-social-bar a, body.mm-body .mm-social-bar .btn {
  border-radius: 12px !important; background: rgba(255, 255, 255, .1) !important; color: #fff !important;
  border: 1.5px solid rgba(255, 255, 255, .25) !important; box-shadow: none !important;
}
body.mm-body .mm-social-bar a:hover { background: var(--sk-yellow) !important; color: var(--sk-navy) !important; }
body.mm-body #mmSlide, body.mm-body #mmSlide .carousel-item img { border-radius: 0; }
body.mm-body .carousel-indicators [data-bs-target] { width: 10px; height: 10px; border-radius: 50%; border: 0; }
body.mm-body .carousel-indicators .active { background: var(--sk-yellow); width: 26px; border-radius: 99px; }
body.mm-body #rankTabsContent, body.mm-body #rankTabs { background: #fff !important; }
body.mm-body .mm-sa-panel { border-radius: 0 0 var(--sk-radius) var(--sk-radius) !important; }

body.mm-body :is(.mm-shop__hero, .mm-opstore__hero, .mm-download__hero, .mm-media__hero, .mm-support__hero, .mm-signup__hero, .mm-player__hero, .mm-g-read__hero) {
  border-radius: 26px !important; overflow: hidden; border: 0 !important;
  box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .25), 0 4px 0 rgba(255, 210, 31, .9), var(--sk-shadow) !important;
}
body.mm-body :is(.mm-shop__hero-bg, .mm-opstore__hero-bg, .mm-download__hero-bg, .mm-media__hero-bg, .mm-support__hero-bg, .mm-signup__hero-bg) {
  background:
    radial-gradient(120% 140% at 85% 10%, rgba(92, 194, 255, .55) 0%, rgba(30, 139, 255, 0) 55%),
    linear-gradient(135deg, #1e8bff 0%, #144fb8 55%, var(--sk-navy) 100%) !important;
}
body.mm-body :is(.mm-shop__hero-bg, .mm-opstore__hero-bg, .mm-download__hero-bg, .mm-media__hero-bg, .mm-support__hero-bg, .mm-signup__hero-bg)::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: url(../img/skin/bg-henches.webp) right center / cover no-repeat; opacity: .22; mix-blend-mode: screen;
}
body.mm-body :is(.mm-shop__title, .mm-opstore__title, .mm-download__title, .mm-media__title, .mm-support__title, .mm-signup__title, .mm-player__name, .mm-g-read__title) {
  font-family: var(--sk-display) !important; font-weight: 400 !important; color: #fff !important;
  letter-spacing: .02em; text-shadow: 0 3px 0 rgba(0, 0, 0, .25);
}
body.mm-body :is(.mm-shop__eyebrow, .mm-opstore__eyebrow, .mm-download__eyebrow, .mm-media__eyebrow, .mm-support__eyebrow, .mm-signup__eyebrow, .mm-player__eyebrow) {
  display: inline-block; background: var(--sk-yellow) !important; color: #5a2a00 !important;
  border-radius: 999px; padding: .2em .8em; font-weight: 900 !important; letter-spacing: .1em; font-size: .72rem !important;
}
body.mm-body :is(.mm-shop__lead, .mm-opstore__lead, .mm-download__lead, .mm-media__lead, .mm-support__lead, .mm-signup__lead) { color: #e4efff !important; font-weight: 600; }

body.mm-body :is(.mm-shop__sidebar, .mm-opstore__sidebar, .mm-download__sidebar, .mm-media__sidebar, .mm-support__sidebar, .mm-ranking-sidebar, .mm-g-rail) {
  background: #fff !important; border: 0 !important; border-radius: var(--sk-radius) !important;
  box-shadow: var(--sk-shadow) !important; overflow: hidden;
}
body.mm-body :is(.mm-shop__nav-item, .mm-opstore__nav-item, .mm-download__nav-item, .mm-media__nav-item, .mm-support__nav-item, .mm-ranking-nav__item, .mm-g-rail__link) {
  border-radius: 12px !important; font-weight: 800 !important; color: var(--sk-navy) !important;
  border: 0 !important; transition: background .2s, color .2s, transform .2s;
}
body.mm-body :is(.mm-shop__nav-item, .mm-opstore__nav-item, .mm-download__nav-item, .mm-media__nav-item, .mm-support__nav-item, .mm-ranking-nav__item, .mm-g-rail__link):hover {
  background: var(--sk-soft) !important; color: var(--sk-blue-d) !important; transform: translateX(2px);
}
body.mm-body :is(.mm-shop__nav-item, .mm-opstore__nav-item, .mm-download__nav-item, .mm-media__nav-item, .mm-support__nav-item, .mm-ranking-nav__item, .mm-g-rail__link).is-active {
  background: linear-gradient(180deg, var(--sk-yellow), var(--sk-yellow-2)) !important; color: #5a2a00 !important;
  box-shadow: 0 3px 0 var(--sk-yellow-d) !important;
}
body.mm-body :is(.mm-shop__nav-item, .mm-opstore__nav-item, .mm-download__nav-item, .mm-media__nav-item, .mm-support__nav-item, .mm-ranking-nav__item, .mm-g-rail__link).is-active i { color: #5a2a00 !important; }

body.mm-body :is(.mm-support__main, .mm-media__main, .mm-ranking-main, .mm-signup__panel, .mm-restricted__card, .mm-g-read) {
  border-radius: var(--sk-radius) !important; border: 0 !important; box-shadow: var(--sk-shadow) !important;
}
body.mm-body :is(.mm-support__panel-head, .mm-media__panel-head) { border-bottom: 2px solid var(--sk-line) !important; }
body.mm-body :is(.mm-support__panel-title, .mm-media__panel-title, .mm-download__section-title, .mm-download__card-title, .mm-support-card__title, .mm-player__panel-title, .mm-signup__promo-title, .mm-restricted__title, .mm-article-read__title) {
  font-family: var(--sk-display) !important; font-weight: 400 !important; color: var(--sk-navy) !important; letter-spacing: .01em;
}
body.mm-body :is(.mm-support-card, .mm-download__card, .mm-signup__promo-card, .mm-player__panel, .mm-shop-card, .mm-opstore-card, .mm-media-card) {
  border-radius: var(--sk-radius-sm) !important; border: 2px solid var(--sk-line) !important; box-shadow: var(--sk-shadow-sm) !important;
  transition: transform .2s, box-shadow .2s, border-color .2s;
}
body.mm-body :is(.mm-download__card, .mm-media-card, .mm-shop-card, .mm-opstore-card):hover { transform: translateY(-3px); border-color: #b9d3ff !important; box-shadow: var(--sk-shadow) !important; }

body.mm-body :is(.mm-shop__search, .mm-opstore__search) { border-radius: 999px !important; overflow: hidden; box-shadow: var(--sk-shadow-sm); }
body.mm-body :is(.mm-shop__search-input, .mm-opstore__search-input) { border-radius: 999px 0 0 999px !important; }
body.mm-body :is(.mm-shop__search-btn, .mm-opstore__search-btn) {
  border-radius: 0 999px 999px 0 !important; border: 0 !important; color: #fff !important;
  background: linear-gradient(180deg, var(--sk-blue-2), var(--sk-blue)) !important;
}

body.mm-body .mm-rank-table, body.mm-body .rank-table { font-weight: 600; }
body.mm-body .mm-rank-pos { font-family: var(--sk-display); }
body.mm-body .hero-ranking-nav { gap: 6px; flex-wrap: wrap; }

body.mm-body .mm-articles-filter { border-radius: 999px !important; font-weight: 800 !important; }
body.mm-body .mm-articles-filter.is-active { background: linear-gradient(180deg, var(--sk-yellow), var(--sk-yellow-2)) !important; color: #5a2a00 !important; border-color: transparent !important; }
body.mm-body .mm-article-read__hero { border-radius: var(--sk-radius-sm) !important; overflow: hidden; }
body.mm-body .mm-article-read__body, body.mm-body .joyple-md, body.mm-body .mm-g-read__prose { font-size: 1.02rem; line-height: 1.7; }
body.mm-body :is(.joyple-md, .mm-g-read__prose) :is(h1, h2, h3) { color: var(--sk-navy); margin-top: 1.4em; }
body.mm-body :is(.joyple-md, .mm-g-read__prose) img { border-radius: var(--sk-radius-sm); }

body.mm-body :is(.mm-articles-back, .mm-ranking-back, .mm-g-read__back, .mm-g-topbar__home) {
  border-radius: 999px !important; font-weight: 800 !important;
}

body.mm-body .mm-player__hero-bg { filter: saturate(1.1); }
body.mm-body .mm-player__level-pill { background: var(--sk-yellow) !important; color: #5a2a00 !important; border-radius: 999px !important; font-weight: 900; }
body.mm-body .mm-player__xp-bar { border-radius: 999px !important; background: linear-gradient(90deg, var(--sk-yellow), var(--sk-red-2)) !important; }

body.mm-body .mm-signup__feature-icon { background: linear-gradient(180deg, var(--sk-yellow), var(--sk-yellow-2)) !important; color: #5a2a00 !important; border-radius: 14px !important; }

body.mm-body .mm-restricted__icon { background: linear-gradient(180deg, var(--sk-yellow), var(--sk-yellow-2)) !important; color: #5a2a00 !important; border-radius: 18px !important; }
body.mm-body .mm-restricted__eyebrow { color: var(--sk-red) !important; font-weight: 900; }

body.mm-body .footer-bg.mm-site-footer, body.mm-body footer.mm-site-footer {
  background: linear-gradient(180deg, var(--sk-navy-2) 0%, #060f2b 100%) !important;
  border-top: 4px solid var(--sk-yellow) !important; color: #b8c6ea !important;
  border-radius: 28px 28px 0 0; margin-top: 2.5rem !important;
}
body.mm-body .mm-site-footer .footer-title {
  font-family: var(--sk-display) !important; font-weight: 400 !important; color: var(--sk-yellow) !important;
  letter-spacing: .05em; font-size: 1.15rem;
}
body.mm-body .mm-site-footer a, body.mm-body .mm-site-footer .link { color: #dfe8ff !important; text-decoration: none; font-weight: 700; }
body.mm-body .mm-site-footer a:hover { color: var(--sk-yellow) !important; }
body.mm-body .mm-site-footer .clock { font-weight: 800; }

body.mm-body .mm-cookie-banner__inner {
  border-radius: var(--sk-radius) !important; border: 0 !important; background: #fff !important;
  box-shadow: inset 0 0 0 3px var(--sk-cream), 0 5px 0 #e3b678, 0 24px 50px -20px rgba(0, 0, 0, .55) !important;
}
body.mm-body .mm-cookie-banner__title { font-family: var(--sk-display); font-weight: 400; color: var(--sk-navy); }
body.mm-body .mm-cookie-banner__btn {
  border-radius: 999px !important; border: 0 !important; color: #5a2a00 !important; font-weight: 800;
  background: linear-gradient(180deg, var(--sk-yellow), var(--sk-yellow-2)) !important; box-shadow: 0 3px 0 var(--sk-yellow-d) !important;
}

body.mm-body ::-webkit-scrollbar { width: 12px; height: 12px; }
body.mm-body ::-webkit-scrollbar-track { background: #e6efff; }
body.mm-body ::-webkit-scrollbar-thumb { background: linear-gradient(180deg, var(--sk-blue-2), var(--sk-blue)); border-radius: 99px; border: 3px solid #e6efff; }

@media (max-width: 991.98px) {
  body.mm-body .mm-site-nav { border-radius: 18px !important; }
  body.mm-body .mm-site-nav .navbar-collapse {
    background: var(--sk-navy-2); border-radius: 16px; margin-top: 6px; padding: 6px;
  }
  body.mm-body .footer-bg.mm-site-footer { border-radius: 22px 22px 0 0; }
}

@media (prefers-reduced-motion: reduce) {
  body.mm-body *, body.mm-body *::before, body.mm-body *::after { animation: none !important; transition: none !important; }
}

body.mm-body :is(.mm-shop-card__buy, .mm-opstore-card__buy, .mm-download__btn-primary, .mm-download__hero-cta,
  .mm-shop-modal__submit, .mm-opstore-modal__submit, .mm-signup-form__submit, .mm-support-form__submit,
  .mm-charge-pack__btn, .mm-signup-success__btn--primary, .mm-member-panel__btn--primary, .mm-g-tile__cta,
  .mm-maintenance__btn--primary, .mm-signup__hero-cta, .mm-util__cta) {
  background: linear-gradient(180deg, var(--sk-yellow) 0%, var(--sk-yellow-2) 100%) !important;
  border: 0 !important; color: #5a2a00 !important; border-radius: 999px !important; font-weight: 800 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .45);
  box-shadow: 0 4px 0 var(--sk-yellow-d), 0 10px 18px -8px rgba(0, 0, 0, .45), inset 0 2px 0 rgba(255, 255, 255, .6) !important;
  transition: transform .15s, filter .15s !important;
}
body.mm-body :is(.mm-shop-card__buy, .mm-opstore-card__buy, .mm-download__btn-primary, .mm-download__hero-cta,
  .mm-shop-modal__submit, .mm-opstore-modal__submit, .mm-signup-form__submit, .mm-support-form__submit,
  .mm-charge-pack__btn, .mm-signup-success__btn--primary, .mm-member-panel__btn--primary, .mm-g-tile__cta,
  .mm-maintenance__btn--primary, .mm-signup__hero-cta, .mm-util__cta):hover { transform: translateY(-2px); filter: brightness(1.05); color: #5a2a00 !important; }
body.mm-body :is(.mm-member-panel__btn--logout, .mm-signup-success__btn--accent) {
  background: linear-gradient(180deg, var(--sk-red-2), var(--sk-red)) !important; color: #fff !important; border: 0 !important;
  border-radius: 999px !important; box-shadow: 0 4px 0 var(--sk-red-d) !important;
}
body.mm-body .mm-download__mirror { background: var(--sk-navy) !important; color: #fff !important; box-shadow: 0 3px 0 #050d24; }
body.mm-body .mm-download__mirror:hover { background: var(--sk-blue) !important; color: #fff !important; }
body.mm-body .mm-download__alt-link { border-radius: 14px !important; border: 2px solid var(--sk-line) !important; font-weight: 800; }
body.mm-body .mm-download__alt-link:hover { border-color: var(--sk-blue) !important; background: var(--sk-soft) !important; }
body.mm-body .mm-download__meta-item { border-radius: 999px !important; }

body.mm-body :is(.mm-shop-card, .mm-opstore-card) { background: #fff !important; border-radius: 18px !important; overflow: hidden; }

body.mm-body .mm-g-rail {
  background: linear-gradient(180deg, var(--sk-navy-2) 0%, var(--sk-navy) 100%) !important;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .08), var(--sk-shadow) !important;
}
body.mm-body .mm-g-rail__brand {
  background: linear-gradient(180deg, var(--sk-blue) 0%, var(--sk-blue-d) 100%) !important;
  color: #fff !important; font-family: var(--sk-display); letter-spacing: .04em; text-transform: uppercase;
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .15);
}
body.mm-body .mm-g-rail__brand i { color: var(--sk-yellow) !important; }
body.mm-body .mm-g-rail__label { color: var(--sk-yellow) !important; opacity: .9; font-weight: 900; letter-spacing: .1em; }
body.mm-body .mm-g-rail .mm-g-rail__link { color: #e6eeff !important; }
body.mm-body .mm-g-rail .mm-g-rail__link:hover { background: rgba(255, 255, 255, .10) !important; color: var(--sk-yellow) !important; }
body.mm-body .mm-g-rail .mm-g-rail__link.is-active { color: #5a2a00 !important; }
body.mm-body .mm-g-rail__scroll::-webkit-scrollbar-track { background: transparent; }
body.mm-body .mm-g-crumbs {
  display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .9rem; border-radius: 999px;
  background: rgba(255, 255, 255, .92); box-shadow: var(--sk-shadow-sm); font-weight: 800; color: var(--sk-muted);
}
body.mm-body .mm-g-crumbs a { color: var(--sk-blue-d) !important; }
body.mm-body .mm-g-read { background: #fff; overflow: hidden; }

body.mm-body .mm-stack--news{border-radius:var(--sk-radius,20px) !important;overflow:hidden;box-shadow:0 14px 30px rgba(11,29,74,.22) !important;background:#fff !important}
body.mm-body .mm-section-head--news{position:relative;overflow:hidden}
body.mm-body .mm-section-head--news i{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffd21f;color:#0b1d4a !important;font-size:.95rem;margin-right:.35rem;box-shadow:0 3px 0 #c98a00;animation:skMegaphone 3.2s ease-in-out infinite}
@keyframes skMegaphone{0%,86%,100%{transform:rotate(0)}89%{transform:rotate(-14deg)}92%{transform:rotate(12deg)}95%{transform:rotate(-8deg)}}

body.mm-body .mm-home-news{gap:.75rem !important;padding:.9rem !important;background:linear-gradient(180deg,#eaf4ff 0%,#fff6dc 100%) !important;border-radius:0 !important}

body.mm-body .mm-home-news .mm-news-card{--nc:#1e8bff;--nc-ink:#fff}
body.mm-body .mm-home-news .mm-news-card{position:relative;grid-template-columns:150px 1fr !important;background:#fff !important;border:0 !important;border-radius:18px !important;overflow:hidden;box-shadow:0 4px 0 rgba(11,29,74,.08),0 8px 18px rgba(11,29,74,.08) !important;transition:transform .25s ease,box-shadow .25s ease !important}
body.mm-body .mm-home-news .mm-news-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--nc);z-index:2}
body.mm-body .mm-home-news .mm-news-card:hover{transform:translateY(-3px) !important;box-shadow:0 6px 0 var(--nc),0 16px 28px rgba(11,29,74,.16) !important}
body.mm-body .mm-home-news .mm-news-card.mm-news-card--notice{--nc:#1e8bff;--nc-ink:#fff}
body.mm-body .mm-home-news .mm-news-card.mm-news-card--event{--nc:#ffb300;--nc-ink:#0b1d4a}
body.mm-body .mm-home-news .mm-news-card.mm-news-card--patch{--nc:#18b26b;--nc-ink:#fff}
body.mm-body .mm-home-news .mm-news-card.mm-news-card--maintenance{--nc:#e8261c;--nc-ink:#fff}

body.mm-body .mm-home-news .mm-news-card__media{background:#0b1d4a url(../img/skin/mix-icon.webp) center/56px no-repeat !important;overflow:hidden;border-radius:0 !important;min-height:128px !important}
body.mm-body .mm-home-news .mm-news-card__media img{color:transparent;font-size:0;min-height:128px !important;transition:transform .5s ease,filter .5s ease}
body.mm-body .mm-home-news .mm-news-card:hover .mm-news-card__media img{transform:scale(1.08);filter:saturate(1.15)}
body.mm-body .mm-home-news .mm-news-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,29,74,0) 45%,rgba(11,29,74,.55) 100%);pointer-events:none}
body.mm-body .mm-home-news .mm-news-card__badge{z-index:1;left:.6rem !important;top:.6rem !important;background:var(--nc) !important;color:var(--nc-ink) !important;font-family:"Lilita One",system-ui,sans-serif !important;font-weight:400 !important;font-size:.72rem !important;letter-spacing:.04em;text-transform:uppercase;padding:.22rem .65rem !important;border:2px solid #fff;box-shadow:0 3px 8px rgba(0,0,0,.25)}

body.mm-body .mm-home-news .mm-news-card__body{padding:.85rem 1rem .8rem 1.05rem !important}
body.mm-body .mm-home-news .mm-news-card__title{font-family:"Lilita One",system-ui,sans-serif !important;font-weight:400 !important;font-size:1.12rem !important;letter-spacing:.01em;line-height:1.2 !important;margin-bottom:.35rem !important}
body.mm-body .mm-home-news .mm-news-card__title a{color:#0b1d4a !important}
body.mm-body .mm-home-news .mm-news-card__title a:hover{color:var(--nc) !important}
body.mm-body .mm-home-news .mm-news-card__excerpt{color:#4a5a7a !important;font-size:.88rem !important;-webkit-line-clamp:2 !important;margin-bottom:.65rem !important}
body.mm-body .mm-home-news .mm-news-card__date{display:inline-flex;align-items:center;gap:.3rem;background:#eef4ff;color:#3b4f7a !important;font-weight:700;font-size:.76rem !important;padding:.2rem .6rem;border-radius:999px}
body.mm-body .mm-home-news .mm-news-card__link{display:inline-flex;align-items:center;gap:.1rem;background:linear-gradient(180deg,#ffe14d,#ffc400);color:#0b1d4a !important;font-weight:900;font-size:.8rem !important;padding:.28rem .4rem .28rem .8rem;border-radius:999px;box-shadow:0 3px 0 #c98a00;transition:transform .15s ease,box-shadow .15s ease}
body.mm-body .mm-home-news .mm-news-card__link i{font-size:1.15rem;line-height:1;transition:transform .2s ease}
body.mm-body .mm-home-news .mm-news-card__link:hover{color:#0b1d4a !important;transform:translateY(-1px)}
body.mm-body .mm-home-news .mm-news-card:hover .mm-news-card__link i{transform:translateX(3px)}
body.mm-body .mm-home-news .mm-news-card__link:active{transform:translateY(2px);box-shadow:0 1px 0 #c98a00}

body.mm-body .mm-home-news .mm-news-card:first-child{grid-template-columns:1fr !important}
body.mm-body .mm-home-news .mm-news-card:first-child::before{width:auto;height:5px;right:0;bottom:auto}
body.mm-body .mm-home-news .mm-news-card:first-child .mm-news-card__media,
body.mm-body .mm-home-news .mm-news-card:first-child .mm-news-card__media img{height:230px !important;min-height:0 !important}
body.mm-body .mm-home-news .mm-news-card:first-child .mm-news-card__badge{font-size:.8rem !important;padding:.3rem .8rem !important}
body.mm-body .mm-home-news .mm-news-card:first-child .mm-news-card__badge::after{content:" \2605  NEW";color:inherit}
body.mm-body .mm-home-news .mm-news-card:first-child .mm-news-card__title{font-size:1.45rem !important}
body.mm-body .mm-home-news .mm-news-card:first-child .mm-news-card__excerpt{-webkit-line-clamp:3 !important;font-size:.93rem !important}
body.mm-body .mm-home-news .mm-news-card:first-child .mm-news-card__body{padding:1rem 1.2rem 1.05rem !important}

body.mm-body .mm-stack--news .mm-home-news__all{display:flex !important;align-items:center;justify-content:center;gap:.45rem;margin:0 !important;padding:.85rem 1rem !important;background:linear-gradient(180deg,#2a95ff,#0b4fb3) !important;color:#fff !important;border:0 !important;border-top:3px solid #ffd21f !important;font-family:"Lilita One",system-ui,sans-serif !important;font-weight:400 !important;font-size:1.05rem !important;letter-spacing:.04em;text-transform:uppercase;border-radius:0 !important}
body.mm-body .mm-stack--news .mm-home-news__all::after{content:"\2192";transition:transform .2s ease}
body.mm-body .mm-stack--news .mm-home-news__all:hover{background:linear-gradient(180deg,#3aa0ff,#0d5ccc) !important}
body.mm-body .mm-stack--news .mm-home-news__all:hover::after{transform:translateX(4px)}

@media (max-width:520px){
  body.mm-body .mm-home-news{padding:.65rem !important;gap:.6rem !important}
  body.mm-body .mm-home-news .mm-news-card{grid-template-columns:104px 1fr !important}
  body.mm-body .mm-home-news .mm-news-card__media,body.mm-body .mm-home-news .mm-news-card__media img{min-height:112px !important}
  body.mm-body .mm-home-news .mm-news-card__body{padding:.65rem .75rem .65rem .85rem !important}
  body.mm-body .mm-home-news .mm-news-card__title{font-size:1rem !important}
  body.mm-body .mm-home-news .mm-news-card__excerpt{display:none !important}
  body.mm-body .mm-home-news .mm-news-card__badge{left:.4rem !important;top:.4rem !important;right:.4rem;font-size:.58rem !important;padding:.15rem .4rem !important;border-width:1.5px;max-width:calc(100% - .8rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
  body.mm-body .mm-home-news .mm-news-card:first-child .mm-news-card__badge{right:auto;font-size:.72rem !important}
  body.mm-body .mm-home-news .mm-news-card__footer{flex-wrap:wrap;gap:.4rem !important}
  body.mm-body .mm-home-news .mm-news-card:first-child .mm-news-card__media,
  body.mm-body .mm-home-news .mm-news-card:first-child .mm-news-card__media img{height:170px !important}
  body.mm-body .mm-home-news .mm-news-card:first-child .mm-news-card__title{font-size:1.2rem !important}
  body.mm-body .mm-home-news .mm-news-card:first-child .mm-news-card__excerpt{display:-webkit-box !important}
}
@media (prefers-reduced-motion:reduce){body.mm-body .mm-section-head--news i{animation:none}}

body.mm-body .mm-member.mm-member--panel{
  background:linear-gradient(180deg,#fff 0%,#fff9ea 60%,var(--sk-cream) 100%) !important;
  color:var(--sk-ink) !important;padding:1.1rem 1rem 1.1rem !important}
body.mm-body .mm-member--panel .mm-member__glow{background:radial-gradient(circle at 100% 0,rgba(255,210,31,.35),transparent 45%),radial-gradient(circle at 0 100%,rgba(92,194,255,.18),transparent 45%) !important;opacity:1 !important}
body.mm-body .mm-member-panel__top{position:relative;z-index:1;align-items:center !important}
body.mm-body .mm-member-panel__avatar{border:3px solid #fff !important;box-shadow:0 0 0 3px var(--sk-yellow),0 8px 16px rgba(11,29,74,.25) !important;background:#eaf4ff}
body.mm-body .mm-member-panel__level{border:2px solid #fff !important;border-radius:999px !important;padding:.12rem .5rem !important;font-weight:900 !important;color:#fff !important;text-shadow:0 1px 0 rgba(0,0,0,.35);box-shadow:0 2px 6px rgba(11,29,74,.3)}
body.mm-body .mm-member-panel__name{font-family:var(--sk-display) !important;font-weight:400 !important;font-size:1.2rem !important;color:var(--sk-navy) !important;letter-spacing:.01em}
body.mm-body .mm-member-panel__role b,body.mm-body .mm-member-panel__role a{color:#c25e00 !important}
body.mm-body .mm-member-panel__nick{color:var(--sk-blue-d) !important;font-weight:800 !important}
body.mm-body .mm-member-panel__id{color:var(--sk-muted) !important;font-weight:800 !important}
body.mm-body .mm-member-panel__email{color:var(--sk-muted) !important;font-weight:600}
body.mm-body .mm-member-panel__email i{color:var(--sk-blue) !important}
body.mm-body .mm-member-panel__topup{border-radius:999px !important;background:linear-gradient(180deg,#ffe14d,var(--sk-yellow-2)) !important;color:#5a2a00 !important;font-weight:900 !important;box-shadow:0 3px 0 var(--sk-yellow-d),0 6px 12px rgba(201,123,0,.25) !important;padding:.5rem .85rem !important}
body.mm-body .mm-member-panel__topup:hover{color:#5a2a00 !important;transform:translateY(-1px)}
body.mm-body .mm-member-panel__xp{position:relative;z-index:1;background:#fff;border-radius:14px;padding:.55rem .7rem .65rem;box-shadow:inset 0 0 0 2px var(--sk-line)}
body.mm-body .mm-member-panel__xp-head{color:var(--sk-navy) !important;font-weight:800 !important}
body.mm-body .mm-member-panel__xp-head i{color:var(--sk-yellow-2)}
body.mm-body .mm-member-panel__xp-head span:last-child{color:var(--sk-muted) !important}
body.mm-body .mm-member-panel__xp-bar{height:12px !important;border-radius:999px !important;background:#e6edf9 !important;box-shadow:inset 0 2px 3px rgba(11,29,74,.12)}
body.mm-body .mm-member-panel__xp-bar>span{border-radius:999px !important;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.28) 0 6px,transparent 6px 12px),linear-gradient(90deg,#ffb300,#ffd21f) !important;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)}
body.mm-body .mm-member-panel__wallets{position:relative;z-index:1;gap:.5rem !important}
body.mm-body .mm-member-panel__wallet{--wc:#ffb300;--wbg:#fff6dc;background:var(--wbg) !important;border:2px solid color-mix(in srgb,var(--wc) 45%,#fff) !important;border-radius:14px !important;color:var(--sk-navy) !important;box-shadow:0 3px 0 color-mix(in srgb,var(--wc) 30%,#fff);padding:.5rem .6rem !important}
body.mm-body .mm-member-panel__wallet:hover{background:#fff !important;color:var(--sk-navy) !important;border-color:var(--wc) !important;transform:translateY(-2px) !important}
body.mm-body .mm-member-panel__wallet--cp{--wc:#ffb300;--wbg:#fff4d4}
body.mm-body .mm-member-panel__wallet--ap{--wc:#1e8bff;--wbg:#e6f2ff}
body.mm-body .mm-member-panel__wallet--op{--wc:#2fb344;--wbg:#e5f8e8}
body.mm-body .mm-member-panel__wallet--gem{--wc:#9b4dff;--wbg:#f1e8ff}
body.mm-body .mm-member-panel__wallet-icon{background:#fff !important;border-radius:50% !important;box-shadow:0 2px 0 color-mix(in srgb,var(--wc) 35%,#fff)}
body.mm-body .mm-member-panel__wallet-label{color:color-mix(in srgb,var(--wc) 55%,#1b1530) !important;font-weight:900 !important;opacity:1 !important}
body.mm-body .mm-member-panel__wallet-value{font-family:var(--sk-display) !important;font-weight:400 !important;font-size:1.08rem !important;color:var(--sk-navy) !important;letter-spacing:.02em}
body.mm-body .mm-member-panel__actions{position:relative;z-index:1}
body.mm-body .mm-member-panel__btn--logout{border:0 !important}

body.mm-body .mm-account{--acct-accent:var(--sk-blue);--acct-accent-dark:var(--sk-blue-d);--acct-border:var(--sk-line);--acct-muted:var(--sk-muted)}
body.mm-body .mm-account__hero{border:0 !important;border-radius:26px !important;overflow:hidden;box-shadow:inset 0 0 0 3px rgba(255,255,255,.25),0 4px 0 rgba(255,210,31,.9),var(--sk-shadow) !important}
body.mm-body .mm-account__hero-bg{background:radial-gradient(120% 140% at 85% 10%,rgba(92,194,255,.55) 0%,rgba(30,139,255,0) 55%),linear-gradient(135deg,#1e8bff 0%,#144fb8 55%,var(--sk-navy) 100%) !important}
body.mm-body .mm-account__hero-bg::after{content:"" !important;position:absolute;inset:0;background:url(../img/skin/bg-henches.webp) right center/cover no-repeat !important;opacity:.22 !important;mix-blend-mode:screen}
body.mm-body .mm-account__avatar{border-radius:50% !important;border:3px solid #fff !important;box-shadow:0 0 0 3px var(--sk-yellow),0 8px 16px rgba(0,0,0,.25) !important}
body.mm-body .mm-account__eyebrow{display:inline-block;background:var(--sk-yellow) !important;color:#5a2a00 !important;border-radius:999px;padding:.2em .8em;font-weight:900 !important;letter-spacing:.1em;font-size:.72rem !important}
body.mm-body .mm-account__name{font-family:var(--sk-display) !important;font-weight:400 !important;color:#fff !important;text-shadow:0 3px 0 rgba(0,0,0,.25)}
body.mm-body :is(.mm-account__nick,.mm-account__id){color:#e4efff !important;font-weight:700}
body.mm-body .mm-account__wallet{border-radius:999px !important;background:rgba(255,255,255,.16) !important;border:2px solid rgba(255,255,255,.3) !important;color:#fff !important;font-weight:900}
body.mm-body .mm-account__wallet:hover{background:rgba(255,255,255,.28) !important;color:#fff !important}
body.mm-body .mm-account__nav{background:#fff !important;border:0 !important;border-radius:var(--sk-radius) !important;box-shadow:var(--sk-shadow-sm) !important;padding:.5rem !important}
body.mm-body .mm-account__nav-item{border-radius:12px !important;color:var(--sk-navy) !important;font-weight:800 !important}
body.mm-body .mm-account__nav-item i{color:var(--sk-blue) !important}
body.mm-body .mm-account__nav-item:hover{background:var(--sk-soft) !important;color:var(--sk-blue-d) !important}
body.mm-body .mm-account__nav-item.is-active{background:linear-gradient(180deg,#ffe14d,var(--sk-yellow-2)) !important;color:#5a2a00 !important;box-shadow:0 3px 0 var(--sk-yellow-d) !important}
body.mm-body .mm-account__nav-item.is-active i{color:#5a2a00 !important}
body.mm-body .mm-account__nav-item--danger,body.mm-body .mm-account__nav-item--danger i{color:var(--sk-red) !important}
body.mm-body .mm-account__nav-item--danger:hover{background:#ffeceb !important}
body.mm-body .mm-account__main{background:#fff !important;border:0 !important;border-radius:var(--sk-radius) !important;box-shadow:var(--sk-shadow) !important;overflow:hidden}
body.mm-body .mm-account__panel-head{background:linear-gradient(180deg,#2a95ff,#0b4fb3) !important;border:0 !important;border-bottom:3px solid var(--sk-yellow) !important}
body.mm-body .mm-account__panel-title,body.mm-body .mm-account__panel-title i{font-family:var(--sk-display) !important;font-weight:400 !important;color:#fff !important;letter-spacing:.02em}

body.mm-body .mm-player-bar__name{color:#fff !important}
body.mm-body .mm-player-bar__nick{color:#ffe7a3 !important}
body.mm-body .mm-player-bar__wallet{color:#fff !important;border:1px solid rgba(255,255,255,.3) !important}
body.mm-body .mm-player-bar__action,body.mm-body .mm-player-bar__menu-toggle{color:#fff !important;border-radius:999px !important}
body.mm-body .mm-player-bar__action--logout{background:linear-gradient(180deg,var(--sk-red-2),var(--sk-red)) !important;border-color:transparent !important;color:#fff !important}
body.mm-body .mm-player-bar__dropdown{background:#fff !important}
body.mm-body .mm-player-bar__dropdown .dropdown-item{color:var(--sk-navy) !important}

body.mm-body .bt_btn{position:relative;isolation:isolate;border-radius:18px !important;
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.55),0 5px 0 rgba(11,29,74,.35),0 12px 22px -10px rgba(11,29,74,.55) !important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background-size .5s ease !important}
body.mm-body .bt_btn::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(90deg,rgba(11,29,74,0) 30%,rgba(11,29,74,.62) 100%),linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 40%);
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.55)}
body.mm-body .bt_btn.shiny::before{z-index:1}
body.mm-body .bt_btn_text{z-index:2;background:none !important;box-shadow:none !important;padding:.3rem .5rem !important;
  display:inline-flex !important;align-items:center;gap:.5rem;
  font-size:1.45rem !important;line-height:1.05 !important;color:#fff !important;
  text-shadow:0 2px 0 #0b1d4a,2px 0 0 #0b1d4a,-2px 0 0 #0b1d4a,0 -2px 0 #0b1d4a,2px 2px 0 #0b1d4a,-2px 2px 0 #0b1d4a,2px -2px 0 #0b1d4a,-2px -2px 0 #0b1d4a,0 5px 6px rgba(0,0,0,.35) !important}
body.mm-body .bt_btn_text::after{content:"\203A";flex:0 0 auto;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;
  background:linear-gradient(180deg,#ffe14d,var(--sk-yellow-2));color:#5a2a00;text-shadow:none;font-size:1.35rem;line-height:1;padding-bottom:3px;
  box-shadow:0 3px 0 var(--sk-yellow-d);transition:transform .2s ease}
body.mm-body .bt_btn:hover{transform:translateY(-3px) !important;filter:brightness(1.08) saturate(1.1) !important;
  box-shadow:inset 0 0 0 3px #ffd21f,0 8px 0 rgba(11,29,74,.35),0 18px 26px -10px rgba(11,29,74,.6) !important}
body.mm-body .bt_btn:hover::after{box-shadow:inset 0 0 0 3px #ffd21f}
body.mm-body .bt_btn:hover .bt_btn_text::after{transform:translateX(4px)}
body.mm-body .bt_btn:active{transform:translateY(3px) !important;box-shadow:inset 0 0 0 3px #ffd21f,0 2px 0 rgba(11,29,74,.35) !important}

body.mm-body .d-flex.w-100:has(> .bt_btn.w-50){gap:.5rem}
body.mm-body .d-flex.w-100 > .bt_btn.w-50{width:calc(50% - .25rem) !important;flex:1 1 0 !important}
body.mm-body .d-flex.w-100 > .bt_btn.w-50 .bt_btn_text{font-size:1.05rem !important;margin-left:38% !important}
body.mm-body .d-flex.w-100 > .bt_btn.w-50 .bt_btn_text::after{width:22px;height:22px;font-size:1.1rem}
body.mm-body .d-flex.w-100 > .bt_btn.w-50:not(:has(.bt_btn_text))::after{background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 40%)}
@media (max-width:575.98px){
  body.mm-body .bt_btn_text{font-size:1.2rem !important}
  body.mm-body .d-flex.w-100 > .bt_btn.w-50 .bt_btn_text{font-size:.9rem !important}
}
@media (prefers-reduced-motion:reduce){body.mm-body .bt_btn,body.mm-body .bt_btn_text::after{transition:none !important}}
body.mm-body .mm-member-panel__name-row{min-width:0}
body.mm-body .mm-member-panel__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;word-break:normal !important}
body.mm-body div.mm-account__nav-item--danger{background:transparent !important;box-shadow:none !important}

body.mm-body .mm-charge__intro{background:radial-gradient(120% 140% at 85% 10%,rgba(92,194,255,.5) 0%,rgba(30,139,255,0) 55%),linear-gradient(135deg,#1e8bff 0%,#144fb8 55%,var(--sk-navy) 100%) !important;border:0 !important;border-radius:var(--sk-radius) !important;color:#fff !important}
body.mm-body .mm-charge__balance{background:rgba(255,255,255,.16) !important;border-radius:16px !important}
body.mm-body .mm-charge__balance-value{font-family:var(--sk-display) !important;font-weight:400 !important}
body.mm-body .mm-charge__step.is-active{background:#fff6dc !important;border-color:var(--sk-yellow-2) !important}
body.mm-body .mm-charge__step.is-active .mm-charge__step-num{background:var(--sk-yellow-2) !important;color:#5a2a00 !important}
body.mm-body .mm-charge-pix-modal .modal-header{background:linear-gradient(180deg,#2a95ff,#0b4fb3) !important}
body.mm-body :is(.mm-ph__tab.is-active,.mm-ph__page.is-active){background:linear-gradient(180deg,#ffe14d,var(--sk-yellow-2)) !important;color:#5a2a00 !important;border-color:transparent !important}

body.mm-body .mm-section-head .mm-article-read__title,body.mm-body .mm-section-head > span{color:#fff !important;text-shadow:0 2px 0 rgba(11,29,74,.35)}
body.mm-body .mm-util__inner{gap:.5rem}
body.mm-body .mm-util__discord{display:inline-flex;align-items:center;gap:.4rem;height:30px;padding:0 .8rem;border-radius:999px;background:#5865f2;color:#fff !important;font-weight:800;font-size:.8rem;text-decoration:none;box-shadow:0 3px 0 #3c45a5;transition:transform .15s ease,filter .15s ease}
body.mm-body .mm-util__discord i{font-size:1rem}
body.mm-body .mm-util__discord:hover{color:#fff !important;transform:translateY(-1px);filter:brightness(1.08)}
@media (max-width:420px){body.mm-body .mm-util__discord span{display:none}body.mm-body .mm-util__discord{padding:0 .6rem}}

body.mm-body .mm-dl-hero{position:relative;overflow:visible !important;min-height:330px;margin-top:10px}
body.mm-body .mm-dl-hero .mm-download__hero-bg{border-radius:26px;overflow:hidden}
body.mm-body .mm-dl-hero .mm-download__hero-bg::before{content:"";position:absolute;inset:0;background:url(../img/skin/bg-town.webp) center bottom/cover no-repeat;opacity:.28;mix-blend-mode:luminosity}
body.mm-body .mm-dl-hero .mm-download__hero-inner{position:relative;z-index:1;display:grid !important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:1rem;padding:2rem 2.2rem !important;min-height:330px}
body.mm-body .mm-dl-hero .mm-download__title{font-size:clamp(2rem,4.2vw,3.2rem) !important;line-height:1.02 !important;margin:.5rem 0 .4rem !important;text-shadow:0 4px 0 rgba(11,29,74,.45) !important}
body.mm-body .mm-dl-hero .mm-download__lead{max-width:520px;font-size:1rem !important}
body.mm-body .mm-dl-hero__chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:.9rem 0 1.1rem}
body.mm-body .mm-dl-hero__chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:999px;background:rgba(255,255,255,.16);border:2px solid rgba(255,255,255,.35);color:#fff;font-weight:800;font-size:.85rem;backdrop-filter:blur(4px)}
body.mm-body .mm-dl-hero__chip--free{background:var(--sk-green);border-color:#8be27c;box-shadow:0 3px 0 var(--sk-green-d)}
body.mm-body .mm-dl-hero .mm-download__hero-cta{position:relative;display:inline-flex !important;align-items:center;gap:.6rem;font-family:var(--sk-display) !important;font-weight:400 !important;font-size:1.35rem !important;letter-spacing:.03em;padding:.95rem 1.8rem !important;border-radius:999px !important;box-shadow:0 6px 0 var(--sk-yellow-d),0 16px 30px -10px rgba(0,0,0,.5) !important}
body.mm-body .mm-dl-hero .mm-download__hero-cta i{font-size:1.6rem}
body.mm-body .mm-dl-hero .mm-download__hero-cta::after{content:"";position:absolute;inset:-6px;border-radius:999px;border:3px solid rgba(255,210,31,.7);animation:skDlPulse 2.2s ease-out infinite;pointer-events:none}
@keyframes skDlPulse{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.12)}}
body.mm-body .mm-dl-hero__fine{margin:.7rem 0 0 .4rem;color:#cfe2ff;font-weight:700;font-size:.8rem}
body.mm-body .mm-dl-hero__art{position:relative;height:100%;min-height:300px;pointer-events:none}
body.mm-body .mm-dl-hero__char{position:absolute;bottom:-18px;filter:drop-shadow(0 14px 18px rgba(11,29,74,.45))}
body.mm-body .mm-dl-hero__char--front{right:16%;height:118%;max-height:400px;animation:skDlFloat 5s ease-in-out infinite}
body.mm-body .mm-dl-hero__char--back{right:-2%;height:92%;max-height:320px;opacity:.95;animation:skDlFloat 6s ease-in-out .8s infinite}
@keyframes skDlFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

body.mm-body .mm-dl-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1.1rem 0 1.2rem;padding:0;counter-reset:none}
body.mm-body .mm-dl-steps__item{position:relative;display:flex;align-items:center;gap:.65rem;padding:.85rem 1rem .85rem 1.1rem;background:#fff;border-radius:18px;box-shadow:0 4px 0 #d9e5fb,var(--sk-shadow-sm)}
body.mm-body .mm-dl-steps__item:not(:last-child)::after{content:"\203A";position:absolute;right:-.62rem;top:50%;transform:translateY(-50%);z-index:2;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--sk-yellow);color:#5a2a00;font-weight:900;font-size:1.1rem;line-height:1;padding-bottom:2px;box-shadow:0 2px 0 var(--sk-yellow-d)}
body.mm-body .mm-dl-steps__num{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#2a95ff,var(--sk-blue-d));color:#fff;font-family:var(--sk-display);font-size:1rem;box-shadow:0 3px 0 var(--sk-navy)}
body.mm-body .mm-dl-steps__icon{font-size:1.35rem;color:var(--sk-blue)}
body.mm-body .mm-dl-steps__label{font-weight:900;color:var(--sk-navy) !important;line-height:1.2;font-size:.92rem;text-decoration:none}
body.mm-body a.mm-dl-steps__label:hover{color:var(--sk-blue-d) !important;text-decoration:underline}

body.mm-body .mm-download__section{scroll-margin-top:90px}
body.mm-body .mm-download__card{position:relative;overflow:hidden;border:0 !important;border-radius:22px !important;padding:1.4rem !important;box-shadow:inset 0 0 0 2px #dfe7f5,0 5px 0 #d9e5fb,var(--sk-shadow) !important}
body.mm-body .mm-download__card::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--sk-yellow),var(--sk-yellow-2),var(--sk-red-2))}
body.mm-body .mm-download__card-icon{width:54px !important;height:54px !important;border-radius:16px !important;background:linear-gradient(180deg,#2a95ff,var(--sk-blue-d)) !important;color:#fff !important;font-size:1.5rem !important;box-shadow:0 4px 0 var(--sk-navy)}
body.mm-body .mm-download__card-title{font-size:1.35rem !important}
body.mm-body .mm-download__meta-item{border-radius:999px !important;background:var(--sk-soft) !important;border:2px solid var(--sk-line) !important;color:var(--sk-navy) !important;font-weight:800 !important}
body.mm-body .mm-download__btn-primary{font-family:var(--sk-display) !important;font-weight:400 !important;font-size:1.3rem !important;letter-spacing:.03em;padding:1rem 1.5rem !important;border-radius:18px !important;box-shadow:0 6px 0 var(--sk-yellow-d),0 14px 24px -12px rgba(201,123,0,.8) !important}
body.mm-body .mm-download__btn-primary i{font-size:1.5rem}
body.mm-body :is(.mm-download__mirrors-label,.mm-download__alt-label){font-family:var(--sk-display);font-weight:400 !important;letter-spacing:.06em;color:var(--sk-blue-d) !important;font-size:.85rem !important;margin-top:1rem !important}
body.mm-body .mm-download__mirrors-list{display:flex;flex-wrap:wrap;gap:.5rem}
body.mm-body .mm-download__mirror{border-radius:999px !important;padding:.5rem 1.1rem !important;font-weight:900 !important}
body.mm-body .mm-download__alt-list{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
body.mm-body .mm-download__alt-link{display:flex !important;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.9rem .5rem !important;text-align:center;background:#fff !important;box-shadow:0 3px 0 #dfe7f5;transition:transform .15s ease,box-shadow .15s ease}
body.mm-body .mm-download__alt-link:hover{transform:translateY(-2px);box-shadow:0 5px 0 #b9d3ff}
body.mm-body .mm-download__alt-icon{width:34px !important;height:34px !important}
body.mm-body .mm-download__alt-link > i{display:none}
body.mm-body .mm-download__note{border-radius:14px !important;background:#fff6dc !important;border:0 !important;color:#7a4a00 !important;font-weight:700}

body.mm-body .mm-download__video{border-radius:22px !important;overflow:hidden;border:4px solid #fff;box-shadow:0 5px 0 #d9e5fb,var(--sk-shadow) !important}

body.mm-body .mm-download__table-wrap{border-radius:20px !important;overflow:hidden;box-shadow:0 4px 0 #d9e5fb,var(--sk-shadow-sm)}
body.mm-body .mm-download__table thead th{background:linear-gradient(180deg,#2a95ff,var(--sk-blue-d)) !important;color:#fff !important;font-family:var(--sk-display);font-weight:400 !important;letter-spacing:.03em;border:0 !important}
body.mm-body .mm-download__table thead th:nth-child(3){background:linear-gradient(180deg,#ffd84a,var(--sk-yellow-2)) !important;color:#5a2a00 !important}
body.mm-body .mm-download__table tbody th{color:var(--sk-navy) !important;font-weight:900 !important;background:var(--sk-soft) !important}
body.mm-body .mm-download__table tbody tr:nth-child(even) td{background:#fbfdff}
body.mm-body .mm-download__table td,body.mm-body .mm-download__table th{border-color:#e8eef9 !important;padding:.7rem .9rem !important}

@media (max-width:991.98px){
  body.mm-body .mm-dl-hero .mm-download__hero-inner{grid-template-columns:1fr;padding:1.6rem 1.3rem 0 !important}
  body.mm-body .mm-dl-hero__art{min-height:220px;height:220px}
  body.mm-body .mm-dl-hero__char--front{right:38%;height:240px}
  body.mm-body .mm-dl-hero__char--back{right:8%;height:200px}
  body.mm-body .mm-dl-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.mm-body .mm-dl-steps__item:nth-child(2):not(:last-child)::after{display:none}
  body.mm-body .mm-dl-hero__art{margin-top:.6rem}
}
@media (max-width:520px){
  body.mm-body .mm-dl-hero .mm-download__hero-cta{font-size:1.1rem !important;padding:.8rem 1.3rem !important;width:100%;justify-content:center}
  body.mm-body .mm-dl-steps{grid-template-columns:1fr}
  body.mm-body .mm-dl-steps__item:not(:last-child)::after{display:none}
  body.mm-body .mm-download__alt-list{grid-template-columns:1fr 1fr 1fr}
  body.mm-body .mm-dl-hero__char--front{right:30%;height:200px}
  body.mm-body .mm-dl-hero__char--back{right:2%;height:170px}
  body.mm-body .mm-dl-hero__art{height:180px;min-height:180px}
}
@media (prefers-reduced-motion:reduce){body.mm-body .mm-dl-hero__char,body.mm-body .mm-dl-hero .mm-download__hero-cta::after{animation:none}}

body.mm-body .mm-ranking-main > .mm-section-head{position:relative;overflow:hidden;min-height:78px;justify-content:flex-start !important;padding:1rem 1.4rem !important;font-size:1.55rem !important;border-radius:22px 22px 0 0 !important}
body.mm-body .mm-ranking-main > .mm-section-head::after{content:"";position:absolute;inset:0;background:url(../img/skin/bg-henches.webp) right center/cover no-repeat;opacity:.2;mix-blend-mode:screen;pointer-events:none}
body.mm-body .mm-ranking-main > .mm-section-head i{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,#ffe14d,var(--sk-yellow-2));color:#5a2a00 !important;font-size:1.3rem !important;box-shadow:0 3px 0 var(--sk-yellow-d);margin-right:.6rem}
body.mm-body .mm-ranking-main > .mm-section-head span{position:relative;z-index:1;color:#fff !important;text-shadow:0 3px 0 rgba(11,29,74,.4)}
body.mm-body .mm-ranking-meta{background:#fff !important;border-bottom:2px solid var(--sk-line) !important}
body.mm-body .mm-ranking-body{background:linear-gradient(180deg,#f4f8ff,#fff) !important;padding:1.1rem !important}
body.mm-body .mm-ranking-nav__item img{width:26px !important;height:26px !important;filter:drop-shadow(0 2px 2px rgba(11,29,74,.25))}

body.mm-body .hero-ranking-wrap{background:transparent !important;padding:0 !important}
body.mm-body .hero-ranking-nav{gap:.4rem;margin-bottom:1.2rem !important}
body.mm-body .hero-ranking-nav .nav-link{border-radius:999px !important;border:2px solid var(--sk-line) !important;background:#fff !important;color:var(--sk-navy) !important;font-weight:900 !important;padding:.45rem 1rem !important;box-shadow:0 3px 0 #dfe7f5 !important;margin:0 !important}
body.mm-body .hero-ranking-nav .nav-link:hover{border-color:var(--sk-blue) !important;transform:translateY(-1px)}
body.mm-body .hero-ranking-nav .nav-link.active{background:linear-gradient(180deg,#ffe14d,var(--sk-yellow-2)) !important;border-color:transparent !important;color:#5a2a00 !important;box-shadow:0 3px 0 var(--sk-yellow-d) !important}
body.mm-body .hero-ranking-nav img{width:26px !important;height:26px !important}

body.mm-body .rank-top3{grid-template-columns:repeat(3,minmax(0,1fr)) !important;align-items:end;gap:1rem !important;margin:5.6rem 0 1.4rem !important}
body.mm-body .rank-top3 > .rank-1{order:2}
body.mm-body .rank-top3 > .rank-2{order:1}
body.mm-body .rank-top3 > .rank-3{order:3}
body.mm-body .rank-podium-card{border-radius:24px !important;overflow:visible !important;min-height:250px !important;border:0 !important;padding-top:70px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.35),0 6px 0 rgba(11,29,74,.25),0 18px 30px -12px rgba(11,29,74,.5) !important;transition:transform .2s ease}
body.mm-body .rank-podium-card:hover{transform:translateY(-4px)}
body.mm-body .rank-podium-card::before{border-radius:24px}
body.mm-body .rank-podium-card.rank-1{min-height:290px !important;background:linear-gradient(160deg,#ffe36a 0%,#f2b600 45%,#c27a00 100%) !important}
body.mm-body .rank-podium-card.rank-2{background:linear-gradient(160deg,#f3f6fa 0%,#b9c4d2 50%,#7d8a9c 100%) !important}
body.mm-body .rank-podium-card.rank-3{background:linear-gradient(160deg,#ffcfa3 0%,#d98a4f 50%,#9c5426 100%) !important}
body.mm-body .rank-podium-art{position:absolute;left:50%;top:-58px;transform:translateX(-50%);height:140px;width:auto;max-width:90%;object-fit:contain;z-index:3;filter:drop-shadow(0 10px 12px rgba(11,29,74,.45));pointer-events:none}
body.mm-body .rank-podium-card.rank-1 .rank-podium-art{height:170px;top:-80px}
body.mm-body .rank-podium-inner{padding:1rem 1rem 1.2rem !important}
body.mm-body .rank-medal{width:auto !important;height:auto !important;display:inline-flex !important;gap:.35rem;padding:.25rem .9rem !important;border-radius:999px !important;background:rgba(11,29,74,.55) !important;border:2px solid rgba(255,255,255,.6) !important;color:#fff;font-family:var(--sk-display);font-weight:400 !important;font-size:1.15rem !important;letter-spacing:.04em;box-shadow:none !important}
body.mm-body .rank-1 .rank-medal{background:linear-gradient(180deg,#e8261c,#9d130c) !important;font-size:1.35rem !important}
body.mm-body .rank-avatar{width:30px !important;height:30px !important}
body.mm-body .rank-podium-inner .badge{border-radius:999px !important}
body.mm-body .rank-name{font-family:var(--sk-display);font-weight:400 !important;font-size:1.35rem !important;letter-spacing:.02em;text-shadow:0 2px 0 rgba(11,29,74,.45)}
body.mm-body .rank-name a{color:#fff !important;text-decoration:none}
body.mm-body .rank-name a:hover{text-decoration:underline}
body.mm-body .rank-guild a{color:#fff !important}
body.mm-body .rank-meta .badge{border-radius:999px !important;background:rgba(255,255,255,.85) !important;color:var(--sk-navy) !important;font-weight:900 !important;border:0 !important}

body.mm-body :is(.rank-table-card,.mm-rank-table-card,.worldboss-table-card){border:0 !important;border-radius:20px !important;overflow:hidden;box-shadow:0 4px 0 #d9e5fb,var(--sk-shadow-sm) !important;background:#fff}
body.mm-body :is(.rank-table,.mm-rank-table,.worldboss-table) thead th{background:linear-gradient(180deg,var(--sk-navy-3),var(--sk-navy)) !important;color:#fff !important;font-family:var(--sk-display);font-weight:400 !important;letter-spacing:.04em;font-size:.9rem;border:0 !important;padding:.8rem .6rem !important}
body.mm-body :is(.rank-table,.mm-rank-table,.worldboss-table) tbody td,body.mm-body :is(.rank-table,.mm-rank-table,.worldboss-table) tbody th{border-color:#edf2fb !important;padding:.65rem .6rem !important;vertical-align:middle}
body.mm-body :is(.rank-table,.mm-rank-table,.worldboss-table).table-striped > tbody > tr:nth-of-type(odd) > *{--bs-table-accent-bg:#f7faff;--bs-table-bg-type:#f7faff}
body.mm-body :is(.rank-table,.mm-rank-table,.worldboss-table) tbody tr:hover > *{background:#fff6dc !important}
body.mm-body :is(.rank-table,.mm-rank-table) tbody tr:nth-child(1) > *{background:#fff8d6 !important}
body.mm-body :is(.rank-table,.mm-rank-table) tbody tr:nth-child(2) > *{background:#f3f6fa !important}
body.mm-body :is(.rank-table,.mm-rank-table) tbody tr:nth-child(3) > *{background:#fff1e6 !important}
body.mm-body .rank-pos-badge,body.mm-body .worldboss-rank{width:36px !important;height:36px !important;border-radius:50% !important;background:var(--sk-soft) !important;color:var(--sk-navy) !important;font-family:var(--sk-display);font-weight:400 !important;font-size:1rem;box-shadow:inset 0 0 0 2px var(--sk-line)}
body.mm-body :is(.rank-pos-badge.rank-gold){background:linear-gradient(180deg,#ffe36a,#e0a100) !important;color:#5a2a00 !important;box-shadow:0 3px 0 #a87400 !important}
body.mm-body :is(.rank-pos-badge.rank-silver){background:linear-gradient(180deg,#f3f6fa,#9aa7b8) !important;color:#26324a !important;box-shadow:0 3px 0 #6d7a8c !important}
body.mm-body :is(.rank-pos-badge.rank-bronze){background:linear-gradient(180deg,#ffcfa3,#c2733d) !important;color:#4a2208 !important;box-shadow:0 3px 0 #8a4b1f !important}
body.mm-body .rank-progress-wrap .progress,body.mm-body .mm-rank-table .progress{height:16px !important;border-radius:999px !important;background:#e6edf9 !important;box-shadow:inset 0 2px 3px rgba(11,29,74,.12);overflow:hidden}
body.mm-body .rank-progress-wrap .progress-bar,body.mm-body .mm-rank-table .progress-bar{border-radius:999px !important;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.25) 0 6px,transparent 6px 12px),linear-gradient(90deg,#4cc33a,#8be27c) !important;color:#0b3d05 !important;font-weight:900;font-size:.72rem}
body.mm-body .rank-hero-link{text-decoration:none !important;font-weight:900}
body.mm-body .rank-hero-link img{width:28px;height:28px;margin-right:.25rem}
body.mm-body :is(.mm-ranking-pagination,.mm-rank-pagination) .page-link{border-radius:999px !important;margin:0 .15rem;border:2px solid var(--sk-line) !important;font-weight:900;color:var(--sk-navy) !important}
body.mm-body :is(.mm-ranking-pagination,.mm-rank-pagination) .page-item.active .page-link{background:linear-gradient(180deg,#ffe14d,var(--sk-yellow-2)) !important;border-color:transparent !important;color:#5a2a00 !important}

body.mm-body .mm-ranking-alert{border:0 !important;border-radius:16px !important;background:#fff6dc !important;color:#7a4a00 !important;font-weight:700;box-shadow:inset 0 0 0 2px #ffe3a1}

body.mm-body :is(.worldboss-hero,.mm-ranking-event-hero){position:relative;overflow:hidden;border-radius:22px !important;border:0 !important;background:radial-gradient(120% 140% at 85% 10%,rgba(255,120,80,.5) 0%,rgba(232,38,28,0) 55%),linear-gradient(135deg,#e8261c 0%,#9d130c 55%,#3d0a2a 100%) !important;box-shadow:inset 0 0 0 3px rgba(255,255,255,.2),0 5px 0 rgba(11,29,74,.25),var(--sk-shadow) !important}
body.mm-body .mm-ranking-event-hero--pvp{background:radial-gradient(120% 140% at 85% 10%,rgba(140,120,255,.5) 0%,rgba(88,101,242,0) 55%),linear-gradient(135deg,#5865f2 0%,#2b2f9e 55%,#0b1d4a 100%) !important}
body.mm-body :is(.worldboss-hero,.mm-ranking-event-hero)::after{content:"";position:absolute;inset:0;background:url(../img/skin/bg-henches.webp) right center/cover no-repeat;opacity:.18;mix-blend-mode:screen;pointer-events:none}
body.mm-body :is(.worldboss-hero,.mm-ranking-event-hero) > *{position:relative;z-index:1}
body.mm-body :is(.worldboss-hero-title,.mm-ranking-event-hero__title){font-family:var(--sk-display) !important;font-weight:400 !important;color:#fff !important;font-size:clamp(1.6rem,3vw,2.3rem) !important;text-shadow:0 3px 0 rgba(0,0,0,.3)}
body.mm-body :is(.worldboss-hero-subtitle,.mm-ranking-event-hero__sub){color:#ffe9e2 !important;font-weight:700}
body.mm-body .mm-ranking-event-hero--pvp :is(.worldboss-hero-subtitle,.mm-ranking-event-hero__sub){color:#e4e7ff !important}
body.mm-body :is(.worldboss-hero,.mm-ranking-event-hero) .badge{border-radius:999px !important;background:#fff !important;color:var(--sk-red) !important;font-weight:900;padding:.4rem .8rem}
body.mm-body .worldboss-panel,body.mm-body .mm-ranking-event-panel{border-radius:18px !important;border:0 !important;background:#fff !important;box-shadow:0 4px 0 rgba(0,0,0,.15),0 12px 24px -10px rgba(0,0,0,.4) !important}
body.mm-body :is(.worldboss-panel,.mm-ranking-event-panel) .form-select{border-radius:12px !important;border:2px solid var(--sk-line) !important;font-weight:800}
body.mm-body :is(.worldboss-panel,.mm-ranking-event-panel) .form-label{font-weight:900;color:var(--sk-navy)}
body.mm-body :is(.worldboss-empty,.mm-ranking-empty){border-radius:20px !important;background:#fff !important;border:2px dashed #c9d8f2 !important;color:var(--sk-muted) !important}
body.mm-body :is(.worldboss-empty,.mm-ranking-empty) :is(h2,h3,h4,.h3,.h4){font-family:var(--sk-display);font-weight:400;color:var(--sk-navy) !important}
body.mm-body .worldboss-banner img{border-radius:18px;box-shadow:var(--sk-shadow-sm)}
body.mm-body .worldboss-damage{font-family:var(--sk-display);color:var(--sk-red) !important;letter-spacing:.02em}

@media (max-width:767.98px){
  body.mm-body .rank-top3{grid-template-columns:1fr !important;gap:4.5rem !important;margin-top:4.5rem !important}
  body.mm-body .rank-top3 > .rank-1,body.mm-body .rank-top3 > .rank-2,body.mm-body .rank-top3 > .rank-3{order:0}
  body.mm-body .rank-podium-card,body.mm-body .rank-podium-card.rank-1{min-height:200px !important}
  body.mm-body .mm-ranking-main > .mm-section-head{font-size:1.2rem !important}
}
body.mm-body .worldboss-rank{display:inline-grid !important;place-items:center}
body.mm-body .worldboss-rank.rank-1{background:linear-gradient(180deg,#ffe36a,#e0a100) !important;color:#5a2a00 !important;box-shadow:0 3px 0 #a87400 !important}
body.mm-body .worldboss-rank.rank-2{background:linear-gradient(180deg,#f3f6fa,#9aa7b8) !important;color:#26324a !important;box-shadow:0 3px 0 #6d7a8c !important}
body.mm-body .worldboss-rank.rank-3{background:linear-gradient(180deg,#ffcfa3,#c2733d) !important;color:#4a2208 !important;box-shadow:0 3px 0 #8a4b1f !important}
body.mm-body .worldboss-table tbody tr:nth-child(1) > *{background:#fff8d6 !important}
body.mm-body .worldboss-table tbody tr:nth-child(2) > *{background:#f3f6fa !important}
body.mm-body .worldboss-table tbody tr:nth-child(3) > *{background:#fff1e6 !important}

body.mm-body .mm-stars { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
body.mm-body .mm-stars > span {
  position: absolute; left: var(--x); top: var(--y); width: var(--s); height: var(--s); opacity: .15;
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, .95)) drop-shadow(0 0 10px rgba(255, 236, 160, .7));
  animation: skTwinkle 3.4s ease-in-out infinite; animation-delay: var(--d);
}
body.mm-body .mm-stars > span::before {
  content: ""; position: absolute; inset: 0; background: #fff;
  clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);
}
@keyframes skTwinkle {
  0%, 100% { opacity: .15; transform: scale(.55) rotate(0deg); }
  50% { opacity: 1; transform: scale(1) rotate(45deg); }
}
@media (prefers-reduced-motion: reduce) {
  body.mm-body .mm-stars > span { animation: none; opacity: .8; }
}

body.mm-body .mm-playnow {
  position: relative; isolation: isolate; overflow: hidden;
  display: flex; flex-direction: column; justify-content: center; gap: .55rem;
  min-height: 158px; margin: 0 0 .5rem; padding: 1rem 1.1rem;
  border-radius: 20px; border: 3px solid #fff;
  background: radial-gradient(130% 120% at 80% 100%, #ffd21f 0%, #ff9a1f 38%, #f0461c 72%, #b3170f 100%);
  box-shadow: 0 6px 0 #8f1209, 0 18px 30px -12px rgba(143, 18, 9, .7);
  color: #fff; text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease;
}
body.mm-body .mm-playnow:hover { transform: translateY(-3px); box-shadow: 0 9px 0 #8f1209, 0 24px 36px -12px rgba(143, 18, 9, .75); color: #fff; }
body.mm-body .mm-playnow:active { transform: translateY(3px); box-shadow: 0 3px 0 #8f1209, 0 10px 18px -10px rgba(143, 18, 9, .7); }
body.mm-body .mm-playnow:focus-visible { outline: 3px solid #1e8bff; outline-offset: 3px; }

body.mm-body .mm-playnow__rays {
  position: absolute; z-index: -1; width: 520px; height: 520px; right: -200px; bottom: -260px;
  background: repeating-conic-gradient(from 0deg, rgba(255, 255, 255, .22) 0deg 9deg, transparent 9deg 22.5deg);
  border-radius: 50%;
  -webkit-mask: radial-gradient(circle, #000 0%, rgba(0, 0, 0, .6) 40%, transparent 70%);
          mask: radial-gradient(circle, #000 0%, rgba(0, 0, 0, .6) 40%, transparent 70%);
  animation: skRays 22s linear infinite;
}
@keyframes skRays { to { transform: rotate(360deg); } }

body.mm-body .mm-playnow__hero {
  position: absolute; z-index: -1; right: -8px; bottom: -6px; height: 150px; width: auto;
  filter: drop-shadow(0 8px 10px rgba(120, 20, 0, .45));
  animation: skFloat 3.2s ease-in-out infinite;
  transition: scale .25s ease, rotate .25s ease;
}
body.mm-body .mm-playnow:hover .mm-playnow__hero { scale: 1.06; rotate: -3deg; }

body.mm-body .mm-playnow__btn {
  position: relative; display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%;
  background: linear-gradient(180deg, #fff 0%, #ffe9a8 100%); color: #e8261c; font-size: 2rem; line-height: 1;
  box-shadow: 0 4px 0 #c24a00, 0 8px 14px -4px rgba(120, 20, 0, .6);
}
body.mm-body .mm-playnow__btn .bi { margin-left: 4px; }
body.mm-body .mm-playnow__btn::before,
body.mm-body .mm-playnow__btn::after {
  content: ""; position: absolute; inset: 0; border-radius: 50%; border: 3px solid rgba(255, 255, 255, .85);
  animation: skRipple 2s ease-out infinite;
}
body.mm-body .mm-playnow__btn::after { animation-delay: 1s; }
@keyframes skRipple { 0% { transform: scale(1); opacity: .9; } 100% { transform: scale(1.9); opacity: 0; } }
body.mm-body .mm-playnow:hover .mm-playnow__btn { animation: skPop .5s ease; }
@keyframes skPop { 0% { transform: scale(1); } 40% { transform: scale(1.15); } 100% { transform: scale(1); } }

body.mm-body .mm-playnow__text { display: flex; flex-direction: column; max-width: 64%; }
body.mm-body .mm-playnow__title {
  font-family: var(--sk-display, "Lilita One"), system-ui, sans-serif; font-weight: 400;
  font-size: 2rem; line-height: 1; letter-spacing: .02em; color: #fff;
  -webkit-text-stroke: 2px #8f1209; paint-order: stroke fill;
  text-shadow: 0 3px 0 #8f1209, 0 6px 12px rgba(80, 10, 0, .4);
}
body.mm-body .mm-playnow__sub {
  margin-top: .3rem; font-weight: 900; font-size: .85rem; line-height: 1.25; color: #fff8dc;
  text-shadow: 0 1px 2px rgba(80, 10, 0, .6);
}

body.mm-body .mm-playnow__spark {
  position: absolute; z-index: -1; width: 14px; height: 14px; background: #fff;
  clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);
  animation: skTwinkle 2.6s ease-in-out infinite;
}
body.mm-body .mm-playnow__spark--1 { top: 12px; right: 38%; }
body.mm-body .mm-playnow__spark--2 { top: 34%; right: 8px; width: 10px; height: 10px; animation-delay: .9s; }
body.mm-body .mm-playnow__spark--3 { bottom: 14px; left: 46%; width: 9px; height: 9px; animation-delay: 1.7s; }

@media (prefers-reduced-motion: reduce) {
  body.mm-body .mm-playnow__rays, body.mm-body .mm-playnow__hero, body.mm-body .mm-playnow__spark,
  body.mm-body .mm-playnow__btn::before, body.mm-body .mm-playnow__btn::after { animation: none; }
  body.mm-body .mm-playnow__spark { opacity: .8; }
}

body.mm-body .mm-bug { display: flex; flex-direction: column; gap: 1.1rem; margin: 0 0 1.5rem; }
body.mm-body .mm-bug__hero {
  position: relative; overflow: hidden; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) 230px; align-items: center; gap: 1.5rem;
  padding: 2rem 2rem; border-radius: 24px; color: #fff;
  background: radial-gradient(120% 140% at 100% 0%, rgba(30, 139, 255, .55) 0%, transparent 55%), linear-gradient(135deg, #0b1d4a 0%, #12357f 70%, #1e5fd0 100%);
  box-shadow: 0 6px 0 #071334, var(--sk-shadow);
}
body.mm-body .mm-bug__hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: url(../img/skin/bg-henches.webp) right center / cover no-repeat; opacity: .16; mix-blend-mode: screen; }
body.mm-body .mm-bug__eyebrow { display: inline-flex; align-items: center; gap: .4rem; padding: .3rem .8rem; border-radius: 999px; background: rgba(255, 210, 31, .16); color: var(--sk-yellow); font-weight: 900; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; }
body.mm-body .mm-bug__title { margin: .7rem 0 .4rem; font-family: var(--sk-display); font-weight: 400; font-size: clamp(2rem, 4.4vw, 3rem); line-height: 1.02; color: #fff !important; text-shadow: 0 3px 0 rgba(0, 0, 0, .25); }
body.mm-body .mm-bug__lead { margin: 0 0 1.2rem; max-width: 520px; font-weight: 700; color: rgba(255, 255, 255, .85); }
body.mm-body .mm-bug__actions { display: flex; flex-wrap: wrap; gap: .7rem; }
body.mm-body .mm-bug__btn { display: inline-flex; align-items: center; gap: .5rem; padding: .7rem 1.35rem; border-radius: 999px; font-family: var(--sk-display); font-size: 1.1rem; letter-spacing: .03em; text-decoration: none; transition: transform .15s ease, filter .15s ease; }
body.mm-body .mm-bug__btn:hover { transform: translateY(-2px); filter: brightness(1.06); }
body.mm-body .mm-bug__btn:active { transform: translateY(2px); }
body.mm-body .mm-bug__btn--primary { background: linear-gradient(180deg, #ffe14d, #ffb300); color: #5a2a00; box-shadow: 0 5px 0 #c97b00, 0 12px 20px -8px rgba(201, 123, 0, .8); }
body.mm-body .mm-bug__btn--discord { background: #5865f2; color: #fff; box-shadow: 0 5px 0 #3c45a5, 0 12px 20px -8px rgba(60, 69, 165, .8); }
body.mm-body .mm-bug__btn--primary:hover { color: #5a2a00; }
body.mm-body .mm-bug__btn--discord:hover { color: #fff; }

body.mm-body .mm-bug__hero-art { position: relative; width: 210px; height: 210px; justify-self: center; }
body.mm-body .mm-bug__badge {
  position: absolute; inset: 35px; display: grid; place-items: center; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #ff6a5c, #e8261c 60%, #a8140c); color: #fff; font-size: 4.2rem;
  box-shadow: 0 8px 0 #8f1209, 0 0 0 10px rgba(255, 255, 255, .12), 0 20px 30px -10px rgba(0, 0, 0, .6);
  animation: skFloat 3.6s ease-in-out infinite;
}
body.mm-body .mm-bug__orbit {
  position: absolute; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%;
  background: linear-gradient(180deg, #ffe14d, #ffb300); color: #5a2a00; font-size: 1.4rem; box-shadow: 0 4px 0 #c97b00;
  animation: skBugBob 3s ease-in-out infinite;
}
body.mm-body .mm-bug__orbit--1 { top: 0; right: 6px; }
body.mm-body .mm-bug__orbit--2 { bottom: 4px; right: -4px; animation-delay: .8s; background: linear-gradient(180deg, #fff, #dbe8ff); color: var(--sk-blue); box-shadow: 0 4px 0 #9db8e6; }
body.mm-body .mm-bug__orbit--3 { bottom: 18px; left: -6px; animation-delay: 1.6s; background: linear-gradient(180deg, #b4f0ff, #4cc3ff); color: #08306b; box-shadow: 0 4px 0 #1f86c4; }
@keyframes skBugBob { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-8px) rotate(-8deg); } }

body.mm-body .mm-bug__panel { padding: 1.4rem 1.6rem; border-radius: 22px; background: #fff; box-shadow: var(--sk-shadow); color: var(--sk-ink); }
body.mm-body .mm-bug__panel p { margin: 0 0 .8rem; line-height: 1.6; }
body.mm-body .mm-bug__panel p:last-child { margin-bottom: 0; }
body.mm-body .mm-bug__panel strong { color: var(--sk-navy); }
body.mm-body .mm-bug__notice { display: flex; gap: .8rem; align-items: flex-start; margin: 0 0 1rem; padding: .85rem 1rem; border-radius: 16px; background: #eaf4ff; box-shadow: inset 0 0 0 2px #cfe3ff; }
body.mm-body .mm-bug__notice > .bi { font-size: 1.5rem; color: var(--sk-blue); line-height: 1; }
body.mm-body .mm-bug__notice strong { display: block; color: var(--sk-navy); font-weight: 900; }
body.mm-body .mm-bug__notice span { font-size: .92rem; color: #4a5680; font-weight: 600; }
body.mm-body .mm-bug__panel-title { margin: 0 0 .6rem; font-family: var(--sk-display); font-weight: 400; font-size: 1.5rem; color: var(--sk-navy); }
body.mm-body .mm-bug__panel-title .bi { color: var(--sk-blue); }

body.mm-body .mm-bug__section-title { display: flex; align-items: center; gap: .55rem; margin: .6rem 0 0; font-family: var(--sk-display); font-weight: 400; font-size: 1.65rem; color: var(--sk-navy); }
body.mm-body .mm-bug__section-title .bi { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 50%; font-size: 1.05rem; background: var(--sk-yellow); color: #5a2a00; box-shadow: 0 3px 0 #c97b00; }

body.mm-body .mm-bug__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; counter-reset: none; }
body.mm-body .mm-bug__step { position: relative; padding: 1.4rem 1.2rem 1.2rem; border-radius: 22px; background: #fff; box-shadow: var(--sk-shadow); text-align: center; transition: transform .2s ease; }
body.mm-body .mm-bug__step:hover { transform: translateY(-4px); }
body.mm-body .mm-bug__step-num { position: absolute; top: .8rem; left: .9rem; display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: 50%; background: var(--sk-navy); color: #fff; font-weight: 900; font-size: .9rem; }
body.mm-body .mm-bug__step-icon { display: inline-grid; place-items: center; width: 4rem; height: 4rem; margin: 0 0 .7rem; border-radius: 50%; font-size: 1.8rem; color: #fff; background: linear-gradient(180deg, #4fb0ff, var(--sk-blue)); box-shadow: 0 5px 0 #0b5fc4; }
body.mm-body .mm-bug__step:nth-child(2) .mm-bug__step-icon { background: linear-gradient(180deg, #ff8a7f, var(--sk-red, #e8261c)); box-shadow: 0 5px 0 #a8140c; }
body.mm-body .mm-bug__step:nth-child(3) .mm-bug__step-icon { background: linear-gradient(180deg, #ffe14d, #ffb300); color: #5a2a00; box-shadow: 0 5px 0 #c97b00; }
body.mm-body .mm-bug__step h3 { margin: 0 0 .35rem; font-family: var(--sk-display); font-weight: 400; font-size: 1.3rem; color: var(--sk-navy); }
body.mm-body .mm-bug__step p { margin: 0; font-size: .92rem; line-height: 1.5; color: #4a5680; font-weight: 600; }

body.mm-body .mm-bug__tiers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
body.mm-body .mm-bug__tier { overflow: hidden; border-radius: 22px; background: #fff; box-shadow: var(--sk-shadow); }
body.mm-body .mm-bug__tier header { padding: 1rem 1.3rem; color: #fff; background: linear-gradient(135deg, #1e8bff, #0b4fb3); }
body.mm-body .mm-bug__tier--severe header { background: linear-gradient(135deg, #ff9a1f, #e8261c 70%, #b3170f); }
body.mm-body .mm-bug__tier h3 { margin: .45rem 0 0; font-family: var(--sk-display); font-weight: 400; font-size: 1.45rem; color: #fff !important; }
body.mm-body .mm-bug__tier-pill { display: inline-block; padding: .2rem .75rem; border-radius: 999px; background: rgba(255, 255, 255, .22); font-size: .78rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
body.mm-body .mm-bug__tier ul { margin: 0; padding: 1rem 1.3rem 1.2rem; list-style: none; }
body.mm-body .mm-bug__tier li { position: relative; padding: 0 0 .55rem 1.8rem; line-height: 1.5; color: var(--sk-ink); }
body.mm-body .mm-bug__tier li::before { content: "\2714"; position: absolute; left: .2rem; top: 0; font-weight: 900; color: var(--sk-blue); }
body.mm-body .mm-bug__tier--severe li::before { color: #e8261c; }
body.mm-body .mm-bug__tier li strong { color: var(--sk-navy); }

body.mm-body .mm-bug__skins { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 1rem; }
body.mm-body .mm-bug__skin { display: flex; flex-direction: column; gap: .7rem; padding: 1rem; border-radius: 22px; background: #fff; box-shadow: var(--sk-shadow); transition: transform .2s ease, box-shadow .2s ease; }
body.mm-body .mm-bug__skin:hover { transform: translateY(-4px); }
body.mm-body .mm-bug__skin-player { align-self: center; display: inline-flex; align-items: center; gap: .35rem; padding: .3rem .9rem; border-radius: 999px; background: var(--sk-navy); color: #fff; font-weight: 900; font-size: .9rem; }
body.mm-body .mm-bug__skin-player .bi { color: var(--sk-yellow); }
body.mm-body .mm-bug__skin-pair { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: .4rem; }
body.mm-body .mm-bug__skin-fig { margin: 0; text-align: center; }
body.mm-body .mm-bug__skin-img { display: grid; place-items: center; aspect-ratio: 1; border-radius: 18px; background: radial-gradient(circle at 50% 60%, #eaf4ff, #d6e8ff); }
body.mm-body .mm-bug__skin-fig--unique .mm-bug__skin-img { background: radial-gradient(circle at 50% 60%, #fff6cf, #ffe27a); box-shadow: inset 0 0 0 2px #ffd21f; }
body.mm-body .mm-bug__skin-img img { max-width: 88%; max-height: 88%; image-rendering: auto; }
body.mm-body .mm-bug__skin-fig figcaption { margin-top: .35rem; font-size: .72rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; color: #6a7599; }
body.mm-body .mm-bug__skin-fig--unique figcaption { color: #b97700; }
body.mm-body .mm-bug__skin-arrow { color: var(--sk-blue); font-size: 1.1rem; }
body.mm-body .mm-bug__skin-name { text-align: center; font-weight: 900; color: var(--sk-navy); }
body.mm-body .mm-bug__skin-name span { margin-left: .25rem; padding: .1rem .5rem; border-radius: 999px; background: #eaf4ff; color: var(--sk-blue); font-size: .78rem; }

body.mm-body .mm-bug__notes { padding: 1rem 1.3rem; border-radius: 18px; background: rgba(255, 255, 255, .78); box-shadow: inset 0 0 0 2px #fff; }
body.mm-body .mm-bug__notes p { margin: 0 0 .4rem; font-size: .9rem; font-weight: 700; color: #4a5680; }
body.mm-body .mm-bug__notes p .bi { color: var(--sk-blue); margin-right: .3rem; }
body.mm-body .mm-bug__updated { display: inline-flex; align-items: center; gap: .4rem; margin-top: .3rem; padding: .3rem .85rem; border-radius: 999px; background: var(--sk-navy); color: #fff; font-size: .82rem; font-weight: 900; }
body.mm-body .mm-bug__updated .bi { color: var(--sk-yellow); }

@media (max-width: 991.98px) {
  body.mm-body .mm-bug__steps { grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {
  body.mm-body .mm-bug__hero { grid-template-columns: 1fr; padding: 1.5rem 1.2rem; text-align: center; }
  body.mm-body .mm-bug__hero-art { order: -1; width: 170px; height: 170px; }
  body.mm-body .mm-bug__badge { inset: 28px; font-size: 3.2rem; }
  body.mm-body .mm-bug__orbit { width: 42px; height: 42px; font-size: 1.1rem; }
  body.mm-body .mm-bug__lead { margin-left: auto; margin-right: auto; }
  body.mm-body .mm-bug__actions { justify-content: center; }
  body.mm-body .mm-bug__tiers { grid-template-columns: 1fr; }
  body.mm-body .mm-bug__panel { padding: 1.1rem 1.1rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.mm-body .mm-bug__badge, body.mm-body .mm-bug__orbit { animation: none; }
}

body.mm-body .mm-gal { display: flex; flex-direction: column; gap: 1rem; margin: 0 0 1.5rem; }
body.mm-body .mm-gal__hero {
  position: relative; overflow: hidden; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) 260px; align-items: center; gap: 1rem;
  min-height: 220px; padding: 1.8rem 2rem; border-radius: 24px; color: #fff;
  background: radial-gradient(120% 140% at 100% 0%, rgba(255, 210, 31, .3) 0%, transparent 50%), linear-gradient(135deg, #0b1d4a 0%, #14408f 65%, #1e8bff 120%);
  box-shadow: 0 6px 0 #071334, var(--sk-shadow);
}
body.mm-body .mm-gal__hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: url(../img/skin/bg-sky.webp) center / cover no-repeat; opacity: .18; mix-blend-mode: screen; }
body.mm-body .mm-gal__eyebrow { display: inline-flex; align-items: center; gap: .4rem; padding: .3rem .8rem; border-radius: 999px; background: rgba(255, 210, 31, .16); color: var(--sk-yellow); font-weight: 900; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; }
body.mm-body .mm-gal__title { margin: .6rem 0 .35rem; font-family: var(--sk-display); font-weight: 400; font-size: clamp(2rem, 4.4vw, 3rem); line-height: 1.02; color: #fff !important; text-shadow: 0 3px 0 rgba(0, 0, 0, .25); }
body.mm-body .mm-gal__lead { margin: 0 0 1.1rem; max-width: 520px; font-weight: 700; color: rgba(255, 255, 255, .85); }
body.mm-body .mm-gal__discord { display: inline-flex; align-items: center; gap: .5rem; padding: .65rem 1.3rem; border-radius: 999px; background: #5865f2; color: #fff; font-family: var(--sk-display); font-size: 1.05rem; letter-spacing: .03em; text-decoration: none; box-shadow: 0 5px 0 #3c45a5, 0 12px 20px -8px rgba(60, 69, 165, .8); transition: transform .15s ease, filter .15s ease; }
body.mm-body .mm-gal__discord:hover { color: #fff; transform: translateY(-2px); filter: brightness(1.08); }
body.mm-body .mm-gal__hero-art { position: relative; align-self: stretch; min-height: 170px; }
body.mm-body .mm-gal__hero-char { position: absolute; right: 0; bottom: -1.8rem; height: 210px; width: auto; filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .4)); animation: skFloat 3.6s ease-in-out infinite; }
body.mm-body .mm-gal__polaroid { position: absolute; display: grid; place-items: center; width: 92px; height: 82px; padding-bottom: 12px; border-radius: 10px; background: #fff; color: var(--sk-blue); font-size: 2rem; box-shadow: 0 10px 18px -6px rgba(0, 0, 0, .5); }
body.mm-body .mm-gal__polaroid i { display: grid; place-items: center; width: 74px; height: 56px; border-radius: 6px; background: linear-gradient(180deg, #bfe2ff, #6cb8ff); color: #fff; }
body.mm-body .mm-gal__polaroid--1 { left: 0; top: 4px; transform: rotate(-10deg); animation: skGalTilt1 4s ease-in-out infinite; }
body.mm-body .mm-gal__polaroid--2 { left: 54px; bottom: 0; transform: rotate(8deg); animation: skGalTilt2 4.6s ease-in-out infinite; }
body.mm-body .mm-gal__polaroid--2 i { background: linear-gradient(180deg, #ffd0c9, #ff6a5c); }
@keyframes skGalTilt1 { 0%, 100% { transform: rotate(-10deg) translateY(0); } 50% { transform: rotate(-6deg) translateY(-6px); } }
@keyframes skGalTilt2 { 0%, 100% { transform: rotate(8deg) translateY(0); } 50% { transform: rotate(4deg) translateY(-5px); } }

body.mm-body .mm-gal__tabs { position: relative; display: flex; gap: .5rem; padding: .45rem; border-radius: 999px; background: rgba(255, 255, 255, .82); box-shadow: var(--sk-shadow-sm); overflow-x: auto; scrollbar-width: none; }
body.mm-body .mm-gal__tabs::-webkit-scrollbar { display: none; }
body.mm-body .mm-gal__tab { flex: 0 0 auto; display: inline-flex; align-items: center; gap: .45rem; padding: .55rem 1.05rem; border-radius: 999px; color: var(--sk-navy); font-weight: 900; font-size: .92rem; text-decoration: none; white-space: nowrap; transition: background .15s ease, transform .15s ease; }
body.mm-body .mm-gal__tab .bi { color: var(--sk-blue); }
body.mm-body .mm-gal__tab:hover { background: #eaf4ff; color: var(--sk-navy); }
body.mm-body .mm-gal__tab.is-active { background: linear-gradient(180deg, #ffe14d, #ffb300); color: #5a2a00; box-shadow: 0 3px 0 #c97b00; }
body.mm-body .mm-gal__tab.is-active .bi { color: #5a2a00; }

body.mm-body .mm-gal__panel { padding: 1.3rem 1.4rem 1.5rem; border-radius: 24px; background: #fff; box-shadow: var(--sk-shadow); }
body.mm-body .mm-gal__panel-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6rem 1rem; margin: 0 0 1.1rem; }
body.mm-body .mm-gal__panel-title { display: flex; align-items: center; gap: .6rem; margin: 0; font-family: var(--sk-display); font-weight: 400; font-size: 1.6rem; color: var(--sk-navy); }
body.mm-body .mm-gal__panel-icon { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: var(--sk-yellow); color: #5a2a00; font-size: 1.1rem; box-shadow: 0 3px 0 #c97b00; }
body.mm-body .mm-gal__count { padding: .15rem .65rem; border-radius: 999px; background: #eaf4ff; color: var(--sk-blue); font-family: var(--sk-body); font-weight: 900; font-size: .85rem; }
body.mm-body .mm-gal__breadcrumb { display: flex; align-items: center; gap: .4rem; font-size: .85rem; font-weight: 800; color: #6a7599; }
body.mm-body .mm-gal__breadcrumb a { color: var(--sk-blue); text-decoration: none; }
body.mm-body .mm-gal__breadcrumb .bi { font-size: .7rem; }

body.mm-body .mm-gal .mm-media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 1rem; }
body.mm-body .mm-gal .mm-media-card {
  position: relative; display: block; overflow: hidden; aspect-ratio: 4 / 3; padding: 0; border-radius: 18px !important; border: 4px solid #fff !important;
  background: #dbe8ff; box-shadow: 0 6px 0 #c9d9f2, 0 14px 24px -14px rgba(11, 29, 74, .55) !important;
  animation: skGalIn .45s ease-out both; animation-delay: calc(var(--i, 0) * 35ms);
}
body.mm-body .mm-gal .mm-media-card:hover { transform: translateY(-4px) rotate(-.6deg); border-color: #fff !important; box-shadow: 0 8px 0 #ffd21f, 0 20px 30px -14px rgba(11, 29, 74, .6) !important; }
body.mm-body .mm-gal .mm-media-card__img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
body.mm-body .mm-gal .mm-media-card:hover .mm-media-card__img { transform: scale(1.08); }
body.mm-body .mm-gal .mm-media-card__overlay { position: absolute; inset: 0; display: grid; place-items: center; background: linear-gradient(180deg, transparent 40%, rgba(11, 29, 74, .55)); opacity: 0; transition: opacity .2s ease; }
body.mm-body .mm-gal .mm-media-card__overlay .bi { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: linear-gradient(180deg, #ffe14d, #ffb300); color: #5a2a00; font-size: 1.3rem; box-shadow: 0 4px 0 #c97b00; transform: scale(.7); transition: transform .2s ease; }
body.mm-body .mm-gal .mm-media-card:hover .mm-media-card__overlay, body.mm-body .mm-gal .mm-media-card:focus-visible .mm-media-card__overlay { opacity: 1; }
body.mm-body .mm-gal .mm-media-card:hover .mm-media-card__overlay .bi { transform: scale(1); }
@keyframes skGalIn { from { opacity: 0; transform: translateY(12px) scale(.97); } to { opacity: 1; transform: none; } }
body.mm-body .mm-gal .mm-media-empty { grid-column: 1 / -1; padding: 2.5rem 1rem; border-radius: 18px; background: #f3f8ff; text-align: center; color: #6a7599; font-weight: 800; }
body.mm-body .mm-gal .mm-media-empty .bi { display: block; margin-bottom: .4rem; font-size: 2.6rem; color: #9fc3f5; }
body.mm-body .mm-gal .mm-media-video { overflow: hidden; border-radius: 18px; border: 4px solid #fff; box-shadow: 0 6px 0 #c9d9f2; }
body.mm-body .mm-gal .mm-media-video iframe { display: block; width: 100%; border: 0; }

body.mm-body .mm-gal-modal .modal-content { overflow: hidden; border: 0; border-radius: 22px; background: #0b1d4a; color: #fff; box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .7); }
body.mm-body .mm-gal-modal .modal-header { border-bottom: 1px solid rgba(255, 255, 255, .12); }
body.mm-body .mm-gal-modal .modal-header .modal-title { font-family: var(--sk-display) !important; font-weight: 400; color: #fff !important; }
body.mm-body .mm-gal-modal__pos { margin-left: .5rem; padding: .1rem .6rem; border-radius: 999px; background: rgba(255, 255, 255, .14); font-family: var(--sk-body); font-size: .8rem; font-weight: 900; vertical-align: middle; }
body.mm-body .mm-gal-modal__body { position: relative; display: grid; place-items: center; min-height: 240px; padding: 1rem; background: #071334; }
body.mm-body .mm-gal-modal__img { display: block; max-width: 100%; max-height: 76vh; border-radius: 10px; opacity: 0; transform: scale(.98); transition: opacity .25s ease, transform .25s ease; }
body.mm-body .mm-gal-modal__img.is-ready { opacity: 1; transform: none; }
body.mm-body .mm-gal-modal__nav { position: absolute; top: 50%; z-index: 2; display: grid; place-items: center; width: 3rem; height: 3rem; margin-top: -1.5rem; border: 0; border-radius: 50%; background: linear-gradient(180deg, #ffe14d, #ffb300); color: #5a2a00; font-size: 1.3rem; box-shadow: 0 4px 0 #c97b00; transition: transform .15s ease; }
body.mm-body .mm-gal-modal__nav:hover { transform: scale(1.08); }
body.mm-body .mm-gal-modal__nav--prev { left: 1rem; }
body.mm-body .mm-gal-modal__nav--next { right: 1rem; }
body.mm-body .mm-gal-modal.is-single .mm-gal-modal__nav { display: none; }

@media (max-width: 767.98px) {
  body.mm-body .mm-gal__hero { grid-template-columns: 1fr; padding: 1.5rem 1.2rem 1.2rem; text-align: center; }
  body.mm-body .mm-gal__hero-art { display: none; }
  body.mm-body .mm-gal__lead { margin-left: auto; margin-right: auto; }
  body.mm-body .mm-gal__tabs { border-radius: 18px; }
  body.mm-body .mm-gal__panel { padding: 1rem; }
  body.mm-body .mm-gal .mm-media-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
  body.mm-body .mm-gal__breadcrumb { display: none; }
  body.mm-body .mm-gal-modal__nav { width: 2.5rem; height: 2.5rem; }
  body.mm-body .mm-gal-modal__nav--prev { left: .4rem; }
  body.mm-body .mm-gal-modal__nav--next { right: .4rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.mm-body .mm-gal__hero-char, body.mm-body .mm-gal__polaroid, body.mm-body .mm-gal .mm-media-card { animation: none; }
}

body.mm-body :is(.mm-shop__title, .mm-opstore__title) { font-size: clamp(1.9rem, 4vw, 2.6rem) !important; text-shadow: 0 3px 0 rgba(0, 0, 0, .25); }
body.mm-body .mm-shop__switch { display: flex; flex-wrap: wrap; gap: .5rem; }
body.mm-body .mm-shop__switch a {
  display: inline-flex; align-items: center; gap: .4rem; padding: .45rem .95rem !important; border-radius: 999px !important;
  background: rgba(255, 255, 255, .14) !important; border: 1px solid rgba(255, 255, 255, .28) !important; color: #fff !important;
  font-weight: 900; font-size: .85rem; text-decoration: none; transition: background .15s ease, transform .15s ease;
}
body.mm-body .mm-shop__switch a:hover { background: rgba(255, 255, 255, .26) !important; transform: translateY(-2px); }
body.mm-body .mm-shop__switch a .bi { color: var(--sk-yellow); }
body.mm-body :is(.mm-shop__balance, .mm-opstore__balance) {
  padding: .8rem 1.2rem !important; border-radius: 20px !important; border: 0 !important;
  background: linear-gradient(180deg, #ffe14d, #ffb300) !important; color: #5a2a00 !important;
  box-shadow: 0 5px 0 #c97b00, 0 14px 24px -10px rgba(0, 0, 0, .5) !important;
}
body.mm-body :is(.mm-shop__balance-label, .mm-opstore__balance-label) { color: #7a4300 !important; font-weight: 900; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
body.mm-body :is(.mm-shop__balance-value, .mm-opstore__balance-value) { color: #5a2a00 !important; font-family: var(--sk-display); font-weight: 400; font-size: 1.6rem; }

body.mm-body :is(.mm-shop-card, .mm-opstore-card) {
  position: relative; display: flex; flex-direction: column; height: 100%;
  border: 0 !important; border-radius: 20px !important; background: #fff !important;
  box-shadow: 0 5px 0 #d5e2f7, 0 14px 24px -16px rgba(11, 29, 74, .55) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
body.mm-body :is(.mm-shop-card, .mm-opstore-card):hover {
  transform: translateY(-5px); border-color: transparent !important;
  box-shadow: 0 7px 0 var(--sk-yellow), 0 22px 32px -16px rgba(11, 29, 74, .6) !important;
}
body.mm-body :is(.mm-shop-card__media, .mm-opstore-card__media) {
  position: relative; display: grid; place-items: center; min-height: 132px; margin: .55rem .55rem 0; padding: 1.1rem .8rem .8rem;
  border-radius: 16px; overflow: hidden;
  background: radial-gradient(circle at 50% 70%, #ffffff 0%, #e3f0ff 45%, #c4dcff 100%) !important;
}
body.mm-body :is(.mm-shop-card__media, .mm-opstore-card__media)::before {
  content: ""; position: absolute; left: 50%; top: 50%; width: 170px; height: 170px; margin: -85px 0 0 -85px;
  background: repeating-conic-gradient(rgba(255, 255, 255, .7) 0deg 10deg, transparent 10deg 30deg); border-radius: 50%;
  -webkit-mask: radial-gradient(circle, #000 0%, transparent 68%); mask: radial-gradient(circle, #000 0%, transparent 68%);
  opacity: 0; transition: opacity .3s ease; animation: skRays 16s linear infinite;
}
body.mm-body :is(.mm-shop-card, .mm-opstore-card):hover :is(.mm-shop-card__media, .mm-opstore-card__media)::before { opacity: 1; }
body.mm-body :is(.mm-shop-card__media, .mm-opstore-card__media) img {
  position: relative; max-width: 92px !important; max-height: 92px !important; width: auto; height: auto; object-fit: contain;
  filter: drop-shadow(0 8px 10px rgba(11, 29, 74, .28)); transition: transform .25s ease;
}
body.mm-body :is(.mm-shop-card, .mm-opstore-card):hover :is(.mm-shop-card__media, .mm-opstore-card__media) img { transform: translateY(-4px) scale(1.1) rotate(-4deg); }
body.mm-body .mm-shop-card__media .badge,
body.mm-body .mm-opstore-card__badge {
  position: absolute; z-index: 2; max-width: calc(100% - .9rem); padding: .25rem .6rem !important; border-radius: 999px !important;
  font-size: .66rem !important; font-weight: 900 !important; line-height: 1.2; white-space: normal; text-align: left; letter-spacing: .01em;
}
body.mm-body .mm-shop-card__media .badge { top: .45rem; left: .45rem; }
body.mm-body .mm-shop-card__media .badge.bg-secondary,
body.mm-body .mm-opstore-card__badge--sale { background: linear-gradient(180deg, #ff6a5c, #e8261c) !important; color: #fff !important; box-shadow: 0 2px 0 #9d130c; }
body.mm-body .mm-shop-card__media .badge.bg-danger,
body.mm-body .mm-opstore-card__badge--limited { background: linear-gradient(180deg, #a463ff, #6d28d9) !important; color: #fff !important; box-shadow: 0 2px 0 #4c1d95; }
body.mm-body .mm-shop-card__media .badge + .badge { top: auto; bottom: .45rem; left: .45rem; right: auto; margin: 0 !important; }
body.mm-body .mm-opstore-card__badges { position: absolute; z-index: 2; top: 1rem; left: 1rem; right: 1rem; display: flex; flex-direction: column; align-items: flex-start; gap: .25rem; }
body.mm-body .mm-opstore-card__badges .mm-opstore-card__badge { position: static; }

body.mm-body .mm-shop-card__body { gap: .4rem; padding: .75rem .85rem .9rem !important; }
body.mm-body .mm-opstore-card { padding-bottom: .9rem !important; }
body.mm-body .mm-opstore-card > :is(.mm-opstore-card__title, .mm-opstore-card__desc, .mm-opstore-card__footer) { margin-left: .85rem !important; margin-right: .85rem !important; }
body.mm-body :is(.mm-shop-card__title, .mm-opstore-card__title) {
  margin: .1rem 0 0 !important; font-family: var(--sk-body) !important; font-weight: 900 !important; font-size: .95rem !important;
  line-height: 1.25 !important; letter-spacing: 0 !important; color: var(--sk-navy) !important; text-transform: none !important;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.5em;
}
body.mm-body :is(.mm-shop-card__desc, .mm-opstore-card__desc) {
  position: relative; max-height: 4.2em !important; overflow: hidden !important; padding: 0 !important;
  font-size: .78rem !important; line-height: 1.4 !important; color: #5c6890 !important; font-weight: 600;
  -webkit-mask: linear-gradient(180deg, #000 72%, transparent 100%); mask: linear-gradient(180deg, #000 72%, transparent 100%);
}
body.mm-body :is(.mm-shop-card__desc, .mm-opstore-card__desc) p { margin: 0 !important; }
body.mm-body :is(.mm-shop-card__price, .mm-opstore-card__price) {
  display: inline-flex; align-items: center; gap: .35rem; padding: .25rem .7rem .25rem .3rem; border-radius: 999px;
  background: #fff6d6; box-shadow: inset 0 0 0 2px #ffe08a; color: #7a4300 !important; font-weight: 900; font-size: .95rem;
}
body.mm-body :is(.mm-shop-card__price, .mm-opstore-card__price) strong { color: #7a4300 !important; font-weight: 900; }
body.mm-body :is(.mm-shop-card__price, .mm-opstore-card__price) strike { margin-right: .15rem; font-size: .78em; font-weight: 800; opacity: .75; }
body.mm-body :is(.mm-shop-card__price, .mm-opstore-card__price) strike font { color: #8a93b0 !important; }
body.mm-body :is(.mm-shop-card__buy, .mm-opstore-card__buy) { font-family: var(--sk-display) !important; font-weight: 400 !important; font-size: 1rem !important; letter-spacing: .03em; padding: .55rem .9rem !important; }
body.mm-body .mm-opstore-card__footer { margin-top: auto !important; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; }

@media (max-width: 575.98px) {
  body.mm-body :is(.mm-shop-card__media, .mm-opstore-card__media) { min-height: 108px; }
  body.mm-body :is(.mm-shop-card__media, .mm-opstore-card__media) img { max-width: 72px !important; max-height: 72px !important; }
  body.mm-body :is(.mm-shop-card__title, .mm-opstore-card__title) { font-size: .86rem !important; }
  body.mm-body .mm-opstore-card__footer { flex-direction: column; align-items: stretch; }
}

body.mm-body .mm-player { display: flex; flex-direction: column; gap: 1rem; }
body.mm-body .mm-player__hero-bg {
  background:
    linear-gradient(100deg, rgba(11, 29, 74, .96) 0%, rgba(18, 53, 127, .86) 45%, rgba(30, 139, 255, .35) 100%),
    var(--mm-player-hero-art, none) right center / cover no-repeat !important;
}
body.mm-body .mm-player__hero-bg::after { background: radial-gradient(circle at 85% 20%, rgba(255, 210, 31, .3), transparent 45%) !important; }
body.mm-body .mm-player__hero-inner { align-items: center !important; gap: 1.2rem !important; padding: 1.6rem 1.8rem 1.2rem !important; }
body.mm-body .mm-player__identity { gap: 1.1rem !important; }
body.mm-body .mm-player__hero-portrait { position: relative; flex: 0 0 auto; width: 128px; height: 128px; }
body.mm-body .mm-player__hero-portrait img {
  display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; border: 5px solid #fff;
  background: radial-gradient(circle at 50% 35%, #fff6cf, #ffd21f 60%, #ffb300);
  box-shadow: 0 6px 0 #c97b00, 0 16px 26px -8px rgba(0, 0, 0, .6);
}
body.mm-body .mm-player__hero-level {
  position: absolute; left: 50%; bottom: -8px; transform: translateX(-50%); padding: .2rem .7rem; border-radius: 999px;
  background: var(--sk-red); color: #fff; font-weight: 900; font-size: .8rem; white-space: nowrap; box-shadow: 0 3px 0 #9d130c;
}
body.mm-body .mm-player__community-avatar { width: 56px !important; height: 56px !important; align-self: flex-end; }
body.mm-body .mm-player__name { margin: .35rem 0 0 !important; font-size: clamp(2rem, 4.5vw, 3rem) !important; line-height: 1 !important; word-break: break-word; }
body.mm-body .mm-player__meta { gap: .4rem !important; margin-top: .65rem !important; }
body.mm-body .mm-player__meta span {
  padding: .25rem .7rem; border-radius: 999px; background: rgba(255, 255, 255, .13); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2);
  color: #fff; font-weight: 800; font-size: .78rem;
}
body.mm-body .mm-player__meta .bi { color: var(--sk-yellow); }
body.mm-body .mm-player__levelcard { border-radius: 18px !important; background: rgba(11, 29, 74, .55) !important; border: 1px solid rgba(255, 255, 255, .2) !important; }
body.mm-body .mm-player__badges {
  position: relative; z-index: 1; margin: 0 1.8rem 1.2rem; padding: .5rem .7rem !important; border: 0 !important; border-radius: 18px !important;
  background: rgba(255, 255, 255, .12) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
}
body.mm-body .mm-player__badge { height: 54px !important; transition: transform .2s ease; }
body.mm-body .mm-player__badge:hover { transform: translateY(-4px) scale(1.08); }
body.mm-body .mm-player__hint {
  align-self: flex-start; display: inline-flex; align-items: center; gap: .45rem; margin: 0; padding: .5rem 1rem; border-radius: 999px;
  background: rgba(255, 255, 255, .85); color: #4a5680; font-weight: 800; font-size: .85rem; box-shadow: var(--sk-shadow-sm);
}
body.mm-body .mm-player__hint .bi { color: var(--sk-blue); }
body.mm-body .mm-player__layout { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
body.mm-body .mm-player__panel { border: 0 !important; border-radius: 22px !important; background: #fff !important; box-shadow: var(--sk-shadow) !important; padding: 1.2rem 1.3rem !important; }
body.mm-body .mm-player__panel-title { display: flex; align-items: center; gap: .5rem; font-size: 1.35rem !important; }
body.mm-body .mm-player__panel-title .bi { display: grid; place-items: center; width: 2.1rem; height: 2.1rem; border-radius: 50%; background: var(--sk-yellow); color: #5a2a00; font-size: 1rem; box-shadow: 0 3px 0 #c97b00; }
body.mm-body .mm-player__panel-note { font-weight: 800; color: #6a7599; }

body.mm-body .mm-player__mix-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .75rem; }
body.mm-body .mm-player-mix__stats { flex-wrap: wrap; }
body.mm-body .mm-player-mix { display: flex; flex-direction: column; gap: .55rem; padding: .85rem .9rem; border-radius: 18px; background: #f3f7ff; box-shadow: inset 0 0 0 2px #e1ebfb; }
body.mm-body .mm-player-mix.is-master { background: linear-gradient(180deg, #fffaf0, #fff1c4); box-shadow: inset 0 0 0 2px #ffd970; }
body.mm-body .mm-player-mix__top { display: flex; align-items: center; justify-content: space-between; gap: .4rem; flex-wrap: wrap; }
body.mm-body .mm-player-mix__lv { font-size: .78rem; font-weight: 800; color: #6a7599; text-transform: uppercase; letter-spacing: .04em; }
body.mm-body .mm-player-mix__lv b { font-family: var(--sk-display); font-weight: 400; font-size: 1.5rem; color: var(--sk-navy); letter-spacing: 0; vertical-align: -2px; }
body.mm-body .mm-player-mix .mm-player__master { display: inline-flex; align-items: center; gap: .25rem; padding: .15rem .55rem; border-radius: 999px; background: linear-gradient(180deg, #ffe14d, #ffb300) !important; color: #5a2a00 !important; font-size: .66rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; box-shadow: 0 2px 0 #c97b00; }
body.mm-body .mm-player-mix .mm-player__master.is-locked { background: #e1e7f3 !important; color: #8a93b0 !important; box-shadow: none; }
body.mm-body .mm-player-mix__stats { display: flex; justify-content: space-between; gap: .4rem; font-weight: 900; font-size: .88rem; color: var(--sk-navy); }
body.mm-body .mm-player-mix__stats .bi { color: var(--sk-blue); }
body.mm-body .mm-player-mix.is-master .mm-player-mix__stats .bi { color: #e08a00; }
body.mm-body .mm-player-mix__bar { height: 8px; border-radius: 999px; background: #dfe7f5; overflow: hidden; }
body.mm-body .mm-player-mix__bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #4fb0ff, var(--sk-blue)); }
body.mm-body .mm-player-mix.is-master .mm-player-mix__bar span { background: linear-gradient(90deg, #ffd21f, #ff9a1f); }

body.mm-body .mm-player-race { border-radius: 18px !important; overflow: hidden; box-shadow: 0 6px 0 rgba(11, 29, 74, .18), var(--sk-shadow-sm) !important; border: 0 !important; }
body.mm-body .mm-player-race__head h3 { font-family: var(--sk-display) !important; font-weight: 400 !important; font-size: 1.15rem !important; }
body.mm-body .mm-player-race__head span { padding: .1rem .6rem; border-radius: 999px; background: var(--sk-yellow) !important; color: #5a2a00 !important; font-weight: 900; }
body.mm-body .mm-player-hench { transition: transform .15s ease; }
body.mm-body .mm-player-hench:hover { transform: scale(1.18); position: relative; z-index: 2; }

@media (min-width: 992px) {
  body.mm-body .mm-player__hero-inner { flex-wrap: nowrap !important; }
  body.mm-body .mm-player__levelcard { flex: 0 0 280px; }
}
@media (max-width: 767.98px) {
  body.mm-body .mm-player__hero-inner { padding: 1.3rem 1.1rem 1rem !important; }
  body.mm-body .mm-player__identity { flex-direction: column; align-items: center !important; text-align: center; width: 100%; }
  body.mm-body .mm-player__meta { justify-content: center; }
  body.mm-body .mm-player__community-avatar { display: none; }
  body.mm-body .mm-player__levelcard { width: 100%; }
  body.mm-body .mm-player__badges { margin: 0 1.1rem 1rem; }
  body.mm-body .mm-player__layout { grid-template-columns: 1fr !important; }
  body.mm-body .mm-player__mix-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
}

body.mm-body .mm-g-main { border: 0 !important; border-radius: 24px !important; background: #fff !important; box-shadow: var(--sk-shadow) !important; }
body.mm-body .mm-g-hero {
  min-height: 260px !important; margin: .6rem; border-radius: 20px; isolation: isolate;
  background: url(../img/button/bn_beginners_guide.webp) right center / cover no-repeat, linear-gradient(135deg, #1e8bff, #0b1d4a) !important;
}
body.mm-body .mm-g-hero__veil { background: linear-gradient(100deg, rgba(11, 29, 74, .95) 0%, rgba(18, 53, 127, .82) 45%, rgba(30, 139, 255, .15) 100%) !important; }
body.mm-body .mm-g-hero__inner { padding: 1.8rem 1.8rem 1.7rem !important; }
body.mm-body .mm-g-hero__kicker { display: inline-block; padding: .25rem .8rem; border-radius: 999px; background: var(--sk-yellow); color: #5a2a00 !important; font-weight: 900 !important; letter-spacing: .1em !important; }
body.mm-body .mm-g-hero__brand { margin-top: .4rem !important; font-family: var(--sk-display) !important; font-weight: 400 !important; letter-spacing: .01em !important; color: #fff !important; text-shadow: 0 4px 0 rgba(0, 0, 0, .25) !important; }
body.mm-body .mm-g-hero__lead { color: rgba(255, 255, 255, .88) !important; font-weight: 700; }
body.mm-body .mm-g-search { max-width: 28rem !important; padding: .4rem .45rem .4rem 1rem !important; border: 0 !important; border-radius: 999px !important; background: #fff !important; box-shadow: 0 5px 0 rgba(0, 0, 0, .18), 0 14px 26px -10px rgba(0, 0, 0, .5) !important; }
body.mm-body .mm-g-search i { display: grid; place-items: center; order: 2; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: linear-gradient(180deg, #ffe14d, #ffb300); color: #5a2a00 !important; box-shadow: 0 3px 0 #c97b00; }
body.mm-body .mm-g-search input { border: 0 !important; background: transparent !important; box-shadow: none !important; outline: 0; padding: .3rem 0 !important; font-weight: 700 !important; color: var(--sk-navy); }

body.mm-body .mm-g-path { background: transparent !important; border-bottom: 0 !important; padding: 1.1rem 1.4rem .6rem !important; }
body.mm-body :is(.mm-g-path__head h2, .mm-g-browse__bar h2) { display: flex; align-items: center; gap: .5rem; font-family: var(--sk-display) !important; font-weight: 400 !important; font-size: 1.6rem !important; color: var(--sk-navy) !important; }
body.mm-body .mm-g-path__head h2::before { content: ""; width: 10px; height: 26px; border-radius: 999px; background: var(--sk-yellow); box-shadow: 0 2px 0 #c97b00; }
body.mm-body .mm-g-browse__bar h2::before { content: ""; width: 10px; height: 26px; border-radius: 999px; background: var(--sk-blue); box-shadow: 0 2px 0 #0b5fc4; }
body.mm-body .mm-g-path__head p { color: #6a7599 !important; font-weight: 700; }
body.mm-body .mm-g-path__step {
  border: 0 !important; border-radius: 18px !important; background: #f3f7ff !important; box-shadow: inset 0 0 0 2px #e1ebfb !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}
body.mm-body .mm-g-path__step:hover { transform: translateY(-3px); background: #fff !important; box-shadow: inset 0 0 0 2px var(--sk-yellow), 0 12px 22px -12px rgba(11, 29, 74, .5) !important; }
body.mm-body .mm-g-path__num { display: grid !important; place-items: center; width: 2.2rem !important; height: 2.2rem !important; border-radius: 50% !important; background: linear-gradient(180deg, #ffe14d, #ffb300) !important; color: #5a2a00 !important; font-family: var(--sk-display); font-weight: 400 !important; font-size: 1.15rem !important; box-shadow: 0 3px 0 #c97b00 !important; }
body.mm-body .mm-g-path__step strong { color: var(--sk-navy) !important; font-weight: 900 !important; }
body.mm-body .mm-g-path__step > .bi { color: var(--sk-blue) !important; transition: transform .2s ease; }
body.mm-body .mm-g-path__step:hover > .bi { transform: translateX(4px); }

body.mm-body .mm-g-browse { padding: .8rem 1.4rem 1.4rem !important; }
body.mm-body .mm-g-chip { border: 0 !important; border-radius: 999px !important; background: #eef4ff !important; color: var(--sk-navy) !important; font-weight: 900 !important; padding: .45rem .95rem !important; transition: background .15s ease, transform .15s ease; }
body.mm-body .mm-g-chip:hover { background: #dbe8ff !important; transform: translateY(-1px); }
body.mm-body .mm-g-chip.is-active { background: linear-gradient(180deg, #ffe14d, #ffb300) !important; color: #5a2a00 !important; box-shadow: 0 3px 0 #c97b00 !important; }
body.mm-body .mm-g-tile {
  border: 0 !important; border-radius: 20px !important; overflow: hidden; background: #fff !important;
  box-shadow: 0 5px 0 #d5e2f7, 0 14px 24px -16px rgba(11, 29, 74, .55) !important; transition: transform .2s ease, box-shadow .2s ease !important;
}
body.mm-body .mm-g-tile:hover { transform: translateY(-5px); box-shadow: 0 7px 0 var(--sk-yellow), 0 22px 32px -16px rgba(11, 29, 74, .6) !important; }
body.mm-body .mm-g-tile__tag { border-radius: 999px !important; background: var(--sk-navy) !important; color: #fff !important; font-weight: 900 !important; box-shadow: 0 2px 0 rgba(0, 0, 0, .3); }
body.mm-body .mm-g-tile__copy strong { font-family: var(--sk-display); font-weight: 400 !important; font-size: 1.2rem !important; color: var(--sk-navy) !important; }
body.mm-body .mm-g-tile__excerpt { color: #5c6890 !important; font-weight: 600; }

body.mm-body .mm-g-read { border-radius: 24px !important; box-shadow: var(--sk-shadow) !important; }
body.mm-body .mm-g-read__hero { margin: .6rem; border-radius: 20px; overflow: hidden; }
body.mm-body .mm-g-read__hero-veil { background: linear-gradient(100deg, rgba(11, 29, 74, .92) 0%, rgba(18, 53, 127, .7) 50%, rgba(30, 139, 255, .1) 100%) !important; }
body.mm-body .mm-g-read__meta span { padding: .2rem .7rem; border-radius: 999px; background: rgba(255, 255, 255, .15); font-weight: 800; }
body.mm-body .mm-g-read__meta .bi { color: var(--sk-yellow); }
body.mm-body .mm-g-read__prose { padding: 1.4rem 2rem 1.6rem !important; color: #2c3657; }
body.mm-body .mm-g-read__prose img { max-width: 100%; height: auto; border-radius: 14px !important; box-shadow: 0 10px 24px -12px rgba(11, 29, 74, .55); }
body.mm-body .mm-g-read__prose strong { color: var(--sk-navy); }
body.mm-body .mm-g-read__prose :is(h2, h3) { font-family: var(--sk-display); font-weight: 400; }
body.mm-body .mm-g-read__prose table { border-radius: 14px; overflow: hidden; }
body.mm-body .mm-g-read__progress { position: fixed; top: 0; left: 0; right: 0; z-index: 1080; height: 4px; background: transparent; pointer-events: none; }
body.mm-body .mm-g-read__progress span { display: block; width: 0; height: 100%; border-radius: 0 999px 999px 0; background: linear-gradient(90deg, var(--sk-yellow), #ff9a1f); box-shadow: 0 0 10px rgba(255, 180, 0, .7); transition: width .1s linear; }

@media (max-width: 767.98px) {
  body.mm-body .mm-g-hero { margin: .4rem; }
  body.mm-body .mm-g-hero__inner { padding: 1.3rem 1.1rem !important; }
  body.mm-body :is(.mm-g-path, .mm-g-browse) { padding-left: .9rem !important; padding-right: .9rem !important; }
  body.mm-body .mm-g-read__prose { padding: 1.1rem 1rem 1.3rem !important; }
}

body.mm-body .mm-restricted__card { border: 0 !important; border-radius: 24px !important; overflow: hidden; box-shadow: var(--sk-shadow) !important; }
body.mm-body .mm-restricted__head {
  background: radial-gradient(ellipse 80% 70% at 50% -10%, rgba(255, 210, 31, .35), transparent 55%), linear-gradient(165deg, #0b1d4a 0%, #14408f 60%, #1e8bff 120%) !important;
  border-bottom: 0 !important;
}
body.mm-body .mm-restricted__head .mm-restricted__title { color: #fff !important; font-size: clamp(1.3rem, 3vw, 1.7rem) !important; }
body.mm-body .mm-restricted__head .mm-restricted__title :is(b, strong) { color: var(--sk-yellow) !important; }
body.mm-body .mm-restricted__icon { background: linear-gradient(180deg, #ffe14d, #ffb300) !important; border: 0 !important; color: #5a2a00 !important; box-shadow: 0 4px 0 #c97b00; }
body.mm-body .mm-restricted__eyebrow { color: var(--sk-yellow) !important; font-weight: 900 !important; }
body.mm-body .mm-restricted__lead, body.mm-body .mm-restricted__lead a { color: #e4efff !important; }
body.mm-body .mm-restricted__lead a { color: var(--sk-yellow) !important; font-weight: 900; }

body.mm-body .mm-st { display: flex; flex-direction: column; gap: 1rem; margin: 1rem 0 1.5rem; }
body.mm-body .mm-st__hero {
  position: relative; overflow: hidden; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1.4rem;
  padding: 1.8rem 2rem; border-radius: 24px; color: #fff;
  background: radial-gradient(120% 140% at 100% 0%, rgba(255, 196, 61, .4) 0%, transparent 50%), linear-gradient(135deg, #22104f 0%, #4c1d95 60%, #9333ea 130%);
  box-shadow: 0 6px 0 #170a36, var(--sk-shadow);
}
body.mm-body .mm-st__hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: url(../img/skin/bg-henches.webp) right center / cover no-repeat; opacity: .14; mix-blend-mode: screen; }
body.mm-body .mm-st__eyebrow { display: inline-flex; align-items: center; gap: .4rem; padding: .3rem .8rem; border-radius: 999px; background: rgba(255, 196, 61, .2); color: #ffd36b; font-weight: 900; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; }
body.mm-body .mm-st__title { margin: .6rem 0 .4rem; font-family: var(--sk-display); font-weight: 400; font-size: clamp(2rem, 4.4vw, 3rem); line-height: 1.02; color: #fff !important; text-shadow: 0 3px 0 rgba(0, 0, 0, .3); }
body.mm-body .mm-st__lead { margin: 0 0 1rem; max-width: 640px; font-weight: 700; font-size: .95rem; color: rgba(255, 255, 255, .85); }
body.mm-body .mm-st__round { display: inline-flex; align-items: flex-start; gap: .5rem; padding: .5rem .9rem; border-radius: 14px; background: rgba(255, 255, 255, .12); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2); font-size: .85rem; font-weight: 700; }
body.mm-body .mm-st__round .bi { color: #ffd36b; margin-top: .1rem; }
body.mm-body .mm-st__score {
  display: flex; flex-direction: column; align-items: center; gap: .3rem; min-width: 230px; padding: 1.1rem 1.4rem; border-radius: 22px; text-align: center;
  background: linear-gradient(180deg, #ffe14d, #ffb300); color: #5a2a00; box-shadow: 0 6px 0 #c97b00, 0 18px 30px -12px rgba(0, 0, 0, .6);
}
body.mm-body .mm-st__score-label { font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; color: #7a4300; }
body.mm-body .mm-st__score-value { display: inline-flex; align-items: center; gap: .4rem; font-family: var(--sk-display); font-size: 2.3rem; line-height: 1; }
body.mm-body .mm-st__score-tiers { padding: .15rem .7rem; border-radius: 999px; background: rgba(90, 42, 0, .12); font-weight: 900; font-size: .85rem; }

body.mm-body .mm-st__track { padding: 1.1rem 1.4rem 1.9rem; border-radius: 22px; background: #fff; box-shadow: var(--sk-shadow); }
body.mm-body .mm-st__track-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .4rem; margin-bottom: .8rem; color: var(--sk-navy); font-weight: 900; }
body.mm-body .mm-st__track-head strong { font-family: var(--sk-display); font-weight: 400; font-size: 1.35rem; }
body.mm-body .mm-st__track-head span { color: #6a7599; }
body.mm-body .mm-st__bar { position: relative; height: 18px; margin: 0 .8rem; border-radius: 999px; background: #e7ecf7; box-shadow: inset 0 2px 4px rgba(11, 29, 74, .15); }
body.mm-body .mm-st__bar-fill {
  position: absolute; inset: 0 auto 0 0; border-radius: inherit; overflow: hidden;
  background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, .3) 0 8px, transparent 8px 16px), linear-gradient(90deg, #a855f7, #ffb300);
  background-size: 32px 32px, 100% 100%; animation: skStBar 1.2s linear infinite;
}
@keyframes skStBar { to { background-position: 32px 0, 0 0; } }
body.mm-body .mm-st__mark {
  position: absolute; top: 50%; display: grid; place-items: center; width: 26px; height: 26px; margin: -13px 0 0 -13px; border-radius: 50%;
  background: #fff; color: #8a93b0; font-size: .72rem; font-weight: 900; box-shadow: 0 0 0 3px #d5ddef, 0 3px 6px rgba(11, 29, 74, .2);
}
body.mm-body .mm-st__mark.is-reached { background: linear-gradient(180deg, #ffe14d, #ffb300); color: #5a2a00; box-shadow: 0 0 0 3px #fff, 0 3px 0 #c97b00; }

body.mm-body .mm-st__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1rem; }
body.mm-body .mm-st-tier {
  position: relative; display: flex; flex-direction: column; gap: .55rem; padding: .9rem; border-radius: 22px; background: #fff;
  box-shadow: 0 5px 0 #d5e2f7, 0 14px 24px -16px rgba(11, 29, 74, .55); transition: transform .2s ease;
}
body.mm-body .mm-st-tier:hover { transform: translateY(-4px); }
body.mm-body .mm-st-tier.is-ready { box-shadow: 0 0 0 3px var(--sk-yellow), 0 6px 0 #c97b00, 0 18px 30px -12px rgba(201, 123, 0, .6); animation: skStGlow 2s ease-in-out infinite; }
@keyframes skStGlow { 0%, 100% { box-shadow: 0 0 0 3px var(--sk-yellow), 0 6px 0 #c97b00, 0 18px 30px -12px rgba(201, 123, 0, .6); } 50% { box-shadow: 0 0 0 5px #ffe58a, 0 6px 0 #c97b00, 0 18px 36px -8px rgba(255, 180, 0, .8); } }
body.mm-body .mm-st-tier.is-received { background: linear-gradient(180deg, #f2fff7, #fff); box-shadow: 0 5px 0 #b9ebcd, 0 14px 24px -16px rgba(11, 29, 74, .45); }
body.mm-body .mm-st-tier__head { display: flex; align-items: center; justify-content: space-between; gap: .4rem; }
body.mm-body .mm-st-tier__num { font-size: .75rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; color: #6a7599; }
body.mm-body .mm-st-tier__num b { font-family: var(--sk-display); font-weight: 400; font-size: 1.5rem; color: var(--sk-navy); letter-spacing: 0; vertical-align: -2px; }
body.mm-body .mm-st-tier__points { display: inline-flex; align-items: center; gap: .3rem; padding: .2rem .6rem .2rem .25rem; border-radius: 999px; background: #fff6d6; box-shadow: inset 0 0 0 2px #ffe08a; color: #7a4300; font-weight: 900; font-size: .82rem; }
body.mm-body .mm-st-tier__media { position: relative; display: grid; place-items: center; height: 110px; border-radius: 16px; background: radial-gradient(circle at 50% 70%, #fff 0%, #ece3ff 45%, #d7c4ff 100%); }
body.mm-body .mm-st-tier.is-ready .mm-st-tier__media { background: radial-gradient(circle at 50% 70%, #fff 0%, #fff1c4 45%, #ffd970 100%); }
body.mm-body .mm-st-tier.is-received .mm-st-tier__media { background: radial-gradient(circle at 50% 70%, #fff 0%, #dcf7e7 45%, #a8e6c3 100%); }
body.mm-body .mm-st-tier__media img { max-width: 64px; max-height: 64px; transform: scale(1.35); image-rendering: auto; filter: drop-shadow(0 6px 8px rgba(11, 29, 74, .3)); transition: transform .25s ease; }
body.mm-body .mm-st-tier:hover .mm-st-tier__media img { transform: scale(1.5) rotate(-5deg); }
body.mm-body .mm-st-tier.is-locked .mm-st-tier__media img { filter: grayscale(.6) drop-shadow(0 6px 8px rgba(11, 29, 74, .2)); opacity: .75; }
body.mm-body .mm-st-tier__qty { position: absolute; right: .5rem; bottom: .45rem; padding: .1rem .5rem; border-radius: 999px; background: var(--sk-navy); color: #fff; font-weight: 900; font-size: .8rem; }
body.mm-body .mm-st-tier__stamp { position: absolute; left: .5rem; top: .5rem; display: grid; place-items: center; width: 1.9rem; height: 1.9rem; border-radius: 50%; background: #22a861; color: #fff; font-size: 1.1rem; box-shadow: 0 3px 0 #157a44; }
body.mm-body .mm-st-tier__stamp--lock { background: #8a93b0; box-shadow: 0 3px 0 #5f6784; font-size: .85rem; }
body.mm-body .mm-st-tier__name { margin: 0; font-family: var(--sk-body); font-weight: 900; font-size: .95rem; line-height: 1.25; color: var(--sk-navy); }
body.mm-body .mm-st-tier__note { margin: 0; font-size: .8rem; color: #6a7599; font-weight: 700; }
body.mm-body .mm-st-tier__desc { font-size: .8rem; color: #5c6890; }
body.mm-body .mm-st-tier__desc summary { cursor: pointer; font-weight: 900; color: var(--sk-blue); list-style: none; }
body.mm-body .mm-st-tier__desc summary::-webkit-details-marker { display: none; }
body.mm-body .mm-st-tier__desc summary::after { content: " +"; }
body.mm-body .mm-st-tier__desc[open] summary::after { content: " −"; }
body.mm-body .mm-st-tier__desc p { margin: .35rem 0 0; font-weight: 600; line-height: 1.45; }
body.mm-body .mm-st-tier__foot { margin-top: auto; display: flex; flex-direction: column; gap: .4rem; }
body.mm-body .mm-st-tier__btn {
  width: 100%; padding: .6rem .9rem; border: 0; border-radius: 999px; background: linear-gradient(180deg, #ffe14d, #ffb300); color: #5a2a00;
  font-family: var(--sk-display); font-size: 1.05rem; letter-spacing: .03em; box-shadow: 0 4px 0 #c97b00; cursor: pointer; transition: transform .15s ease, filter .15s ease;
}
body.mm-body .mm-st-tier__btn:hover { transform: translateY(-2px); filter: brightness(1.06); }
body.mm-body .mm-st-tier__status { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; padding: .4rem .8rem; border-radius: 999px; background: #eef1f8; color: #8a93b0; font-weight: 900; font-size: .82rem; }
body.mm-body .mm-st-tier__status--ok { background: #dcf7e7; color: #157a44; }
body.mm-body .mm-st-tier__mini { height: 6px; border-radius: 999px; background: #e7ecf7; overflow: hidden; }
body.mm-body .mm-st-tier__mini span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #a855f7, #6d28d9); }

@media (max-width: 767.98px) {
  body.mm-body .mm-st__hero { grid-template-columns: 1fr; padding: 1.4rem 1.2rem; }
  body.mm-body .mm-st__score { min-width: 0; }
  body.mm-body .mm-st__track { padding: 1rem 1rem 1.6rem; }
  body.mm-body .mm-st__mark { width: 20px; height: 20px; margin: -10px 0 0 -10px; font-size: .6rem; }
  body.mm-body .mm-st__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.mm-body .mm-st__bar-fill, body.mm-body .mm-st-tier.is-ready { animation: none; }
}
body.mm-body .mm-g-tile__cta { justify-content: center; gap: .4rem !important; padding: .55rem 1rem !important; font-family: var(--sk-display) !important; font-weight: 400 !important; font-size: 1rem !important; letter-spacing: .03em; }

body.mm-body .mm-chars { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important; gap: 1rem !important; }
body.mm-body .mm-chars__card {
  --c1: #ff8a3d; --c2: #e8261c;
  position: relative; display: flex; flex-direction: column; overflow: hidden; border-radius: 22px; background: #fff; color: var(--sk-navy); text-decoration: none;
  box-shadow: 0 5px 0 #d5e2f7, 0 14px 24px -16px rgba(11, 29, 74, .55); transition: transform .2s ease, box-shadow .2s ease;
  animation: skGalIn .45s ease-out both; animation-delay: calc(var(--i, 0) * 70ms);
}
body.mm-body .mm-chars__card--jin { --c1: #b9c6dd; --c2: #4b5c80; }
body.mm-body .mm-chars__card--penril { --c1: #6cc4ff; --c2: #1e5fd0; }
body.mm-body .mm-chars__card--phoy { --c1: #8ee07a; --c2: #1f9a55; }
body.mm-body .mm-chars__card:hover { transform: translateY(-6px); color: var(--sk-navy); box-shadow: 0 7px 0 var(--sk-yellow), 0 22px 32px -16px rgba(11, 29, 74, .6); }
body.mm-body .mm-chars__card:focus-visible { outline: 3px solid var(--sk-blue); outline-offset: 3px; }
body.mm-body .mm-chars__media {
  position: relative; isolation: isolate; display: grid; place-items: end center; height: 210px; margin: .55rem .55rem 0; border-radius: 18px; overflow: hidden;
  background: radial-gradient(circle at 50% 75%, #fff 0%, var(--c1) 45%, var(--c2) 100%);
}
body.mm-body .mm-chars__rays {
  position: absolute; z-index: -1; left: 50%; top: 60%; width: 380px; height: 380px; margin: -190px 0 0 -190px; border-radius: 50%;
  background: repeating-conic-gradient(rgba(255, 255, 255, .35) 0deg 8deg, transparent 8deg 22.5deg);
  -webkit-mask: radial-gradient(circle, #000 0%, transparent 65%); mask: radial-gradient(circle, #000 0%, transparent 65%);
  animation: skRays 30s linear infinite;
}
body.mm-body .mm-chars__media img { max-height: 190px; width: auto; filter: drop-shadow(0 10px 12px rgba(0, 0, 0, .35)); transition: transform .3s ease; transform-origin: bottom center; }
body.mm-body .mm-chars__card:hover .mm-chars__media img { transform: scale(1.07) translateY(-4px); }
body.mm-body .mm-chars__level {
  position: absolute; z-index: 2; top: .6rem; left: .6rem; padding: .2rem .65rem; border-radius: 999px; background: linear-gradient(180deg, #ffe14d, #ffb300); color: #5a2a00;
  font-weight: 900; font-size: .78rem; box-shadow: 0 3px 0 #c97b00;
}
body.mm-body .mm-chars__level b { font-family: var(--sk-display); font-weight: 400; font-size: 1.15rem; vertical-align: -1px; }
body.mm-body .mm-chars__class { position: absolute; z-index: 2; top: .6rem; right: .6rem; padding: .2rem .65rem; border-radius: 999px; background: rgba(11, 29, 74, .55); color: #fff; font-weight: 900; font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; backdrop-filter: blur(4px); }
body.mm-body .mm-chars__body { display: flex; flex-direction: column; gap: .6rem; padding: .8rem .9rem 1rem; }
body.mm-body .mm-chars__name { margin: 0; font-family: var(--sk-display) !important; font-weight: 400 !important; font-size: 1.45rem !important; line-height: 1.05; color: var(--sk-navy) !important; text-align: center; word-break: break-word; }
body.mm-body .mm-chars__stats { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; margin: 0; }
body.mm-body .mm-chars__stats > div { min-width: 0; padding: .4rem .5rem; border-radius: 12px; background: #f3f7ff; box-shadow: inset 0 0 0 2px #e1ebfb; text-align: center; }
body.mm-body .mm-chars__stats dt { font-size: .66rem; font-weight: 900; letter-spacing: .06em; color: #6a7599; }
body.mm-body .mm-chars__stats dt .bi { color: var(--sk-blue); }
body.mm-body .mm-chars__stats div:last-child dt .bi { color: #e08a00; }
body.mm-body .mm-chars__stats dd { margin: .1rem 0 0; font-weight: 900; font-size: 1rem; color: var(--sk-navy); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.mm-body .mm-chars__cta { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; padding: .5rem .9rem; border-radius: 999px; background: var(--sk-navy); color: #fff; font-weight: 900; font-size: .82rem; transition: background .15s ease; }
body.mm-body .mm-chars__card:hover .mm-chars__cta { background: var(--sk-blue); }
body.mm-body .mm-chars__cta .bi { transition: transform .2s ease; }
body.mm-body .mm-chars__card:hover .mm-chars__cta .bi { transform: translateX(3px); }
@media (max-width: 575.98px) {
  body.mm-body .mm-chars { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .7rem !important; }
  body.mm-body .mm-chars__media { height: 160px; }
  body.mm-body .mm-chars__media img { max-height: 145px; }
  body.mm-body .mm-chars__name { font-size: 1.2rem !important; }
  body.mm-body .mm-chars__stats { grid-template-columns: 1fr; }
  body.mm-body .mm-chars__cta { padding: .45rem .55rem; font-size: .72rem; white-space: nowrap; }
}

body.mm-body .mm-member.mm-member--form { border: 0 !important; border-radius: 22px !important; background: #fff !important; box-shadow: 0 6px 0 #d5e2f7, 0 18px 30px -16px rgba(11, 29, 74, .55) !important; }
body.mm-body .mm-member--form .mm-member__glow { display: none; }
body.mm-body .mm-member--form .mm-member__inner { padding: 0 1.1rem 1.1rem !important; }
body.mm-body .mm-member--form .mm-member__brand {
  position: relative; overflow: hidden; isolation: isolate; margin: 0 -1.1rem 1.1rem !important; padding: 1.1rem 1rem 1rem; gap: .35rem !important;
  background: radial-gradient(120% 140% at 100% 0%, rgba(255, 210, 31, .35) 0%, transparent 50%), linear-gradient(160deg, #0b1d4a 0%, #14408f 65%, #1e8bff 130%);
}
body.mm-body .mm-member--form .mm-member__brand::after { content: ""; position: absolute; inset: 0; z-index: -1; background: url(../img/skin/bg-sky.webp) center / cover no-repeat; opacity: .15; mix-blend-mode: screen; }
body.mm-body .mm-member--form .mm-member__logo { width: 58px !important; height: 58px !important; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .4)) !important; }
body.mm-body .mm-member--form .mm-member__title { color: #fff !important; font-size: 1.55rem !important; letter-spacing: .02em; text-shadow: 0 2px 0 rgba(0, 0, 0, .3); }
body.mm-body .mm-member-form { gap: .75rem !important; }
body.mm-body .mm-member-form__field { position: relative; display: flex; flex-direction: column; gap: .3rem; margin: 0 !important; }
body.mm-body .mm-member-form__label { font-size: .72rem !important; font-weight: 900 !important; letter-spacing: .08em; text-transform: uppercase; color: #6a7599 !important; }
body.mm-body .mm-member-form__label .bi { color: var(--sk-blue); }
body.mm-body .mm-member-form__input {
  width: 100%; height: 46px; padding: 0 .95rem !important; border-radius: 14px !important; border: 2px solid #dbe6f7 !important; background: #f6f9ff !important;
  color: var(--sk-navy) !important; font-weight: 800; box-shadow: none !important; transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
body.mm-body .mm-member-form__input::placeholder { color: #9aa6c4; font-weight: 700; }
body.mm-body .mm-member-form__input:focus { outline: 0; border-color: var(--sk-blue) !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(30, 139, 255, .18) !important; }
body.mm-body .mm-member-form__pwd { position: relative; display: block; }
body.mm-body .mm-member-form__pwd .mm-member-form__input { padding-right: 2.9rem !important; }
body.mm-body .mm-member-form__eye { position: absolute; top: 50%; right: .45rem; display: grid; place-items: center; width: 2.1rem; height: 2.1rem; margin-top: -1.05rem; border: 0; border-radius: 50%; background: transparent; color: #6a7599; font-size: 1.05rem; transition: background .15s ease, color .15s ease; }
body.mm-body .mm-member-form__eye:hover { background: #e7effc; color: var(--sk-blue); }
body.mm-body .mm-member--form .mm-member__cta--submit { height: 50px; margin-top: .2rem; font-family: var(--sk-display) !important; font-weight: 400 !important; font-size: 1.2rem !important; letter-spacing: .04em; }
body.mm-body .mm-member--form .mm-member__links { align-items: center; border-top: 0 !important; margin-top: .6rem !important; padding-top: 0 !important; }
body.mm-body .mm-member--form .mm-member__signup { flex-direction: column; text-align: center; gap: .45rem !important; margin-top: .8rem !important; padding: .85rem !important; border-radius: 16px !important; background: linear-gradient(180deg, #fff8dc, #fff1c4) !important; box-shadow: inset 0 0 0 2px #ffe08a; }
body.mm-body .mm-member--form .mm-member__signup-text { font-weight: 800; color: #7a4300 !important; font-size: .82rem !important; }
body.mm-body .mm-member--form .mm-member__signup-btn { width: 100%; text-align: center; }

body.mm-body .mm-signup__promo-card {
  border: 0 !important; border-radius: 22px !important; overflow: hidden;
  background: radial-gradient(120% 120% at 100% 0%, rgba(255, 210, 31, .3), transparent 50%), linear-gradient(165deg, #0b1d4a 0%, #14408f 70%, #1e8bff 130%) !important;
  box-shadow: 0 6px 0 #071334, var(--sk-shadow) !important;
}
body.mm-body .mm-signup__promo-card .mm-signup__promo-title { font-size: 1.5rem !important; line-height: 1.1 !important; color: #fff !important; text-shadow: 0 2px 0 rgba(0, 0, 0, .3); }
body.mm-body .mm-signup__promo-text { color: rgba(255, 255, 255, .85) !important; font-weight: 700; }
body.mm-body .mm-signup__promo-img { animation: skFloat 4s ease-in-out infinite; }
body.mm-body .mm-signup__feature { border: 0 !important; border-radius: 16px !important; background: rgba(255, 255, 255, .1) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15); }
body.mm-body .mm-signup__feature span.mm-signup__feature-icon {
  display: grid !important; place-items: center; width: 38px !important; height: 38px !important; border-radius: 50% !important; font-size: 1.1rem !important; line-height: 1 !important;
  color: #5a2a00 !important; background: linear-gradient(180deg, #ffe14d, #ffb300) !important; box-shadow: 0 3px 0 #c97b00;
}
body.mm-body .mm-signup__feature strong { color: #fff; font-weight: 900; }
body.mm-body .mm-signup__feature span:not(.mm-signup__feature-icon) { color: rgba(255, 255, 255, .78) !important; }
body.mm-body .mm-signup__panel { border: 0 !important; border-radius: 24px !important; background: #fff !important; box-shadow: var(--sk-shadow) !important; }
body.mm-body .mm-signup__panel-head { border-bottom: 2px dashed #e1ebfb !important; }
body.mm-body .mm-signup__panel-title { font-family: var(--sk-display) !important; font-weight: 400 !important; font-size: 1.6rem !important; color: var(--sk-navy) !important; }
body.mm-body .mm-signup__panel-logo { animation: skFloat 4s ease-in-out infinite; }
body.mm-body .mm-signup-form__section { border: 0 !important; padding: 1rem 1.1rem !important; margin-bottom: .8rem !important; border-radius: 18px; background: #f7faff; box-shadow: inset 0 0 0 2px #e8f0fc; }
body.mm-body .mm-signup-form__label { font-size: .78rem !important; font-weight: 900 !important; letter-spacing: .06em; text-transform: uppercase; color: var(--sk-navy) !important; }
body.mm-body .mm-signup-form__label .bi { color: var(--sk-blue); }
body.mm-body .mm-signup-form__help, body.mm-body .mm-signup .form-text { color: #6a7599 !important; font-weight: 600; font-size: .78rem !important; }
body.mm-body .mm-signup :is(.mm-signup-form__input, .form-control, .form-select) {
  min-height: 48px; border-radius: 14px !important; border: 2px solid #dbe6f7 !important; background-color: #fff !important; color: var(--sk-navy) !important; font-weight: 800;
  box-shadow: none !important; transition: border-color .15s ease, box-shadow .15s ease;
}
body.mm-body .mm-signup :is(.mm-signup-form__input, .form-control, .form-select):focus { border-color: var(--sk-blue) !important; box-shadow: 0 0 0 4px rgba(30, 139, 255, .18) !important; }
body.mm-body .mm-signup :is(.mm-signup-form__input, .form-control)::placeholder { color: #9aa6c4; font-weight: 700; }
body.mm-body .mm-signup .password-toggle-btn { border-radius: 50% !important; color: #6a7599 !important; }
body.mm-body .mm-signup .password-meter { height: 8px !important; border-radius: 999px !important; overflow: hidden; }
body.mm-body .mm-signup-form__section--terms { background: #fff8dc !important; box-shadow: inset 0 0 0 2px #ffe08a !important; }
body.mm-body .mm-signup-form__check .form-check-input { width: 1.3em; height: 1.3em; border: 2px solid #c9a24a; }
body.mm-body .mm-signup-form__check .form-check-input:checked { background-color: var(--sk-blue); border-color: var(--sk-blue); }
body.mm-body .mm-signup-form__doc-btn { border-radius: 999px !important; border: 0 !important; background: #fff !important; color: var(--sk-blue-d) !important; font-weight: 900 !important; box-shadow: 0 2px 0 #e9cf7d !important; }
body.mm-body .mm-signup-form__doc-btn:hover { background: var(--sk-navy) !important; color: #fff !important; }
body.mm-body .mm-signup-form__submit { height: 54px; font-family: var(--sk-display) !important; font-weight: 400 !important; font-size: 1.25rem !important; letter-spacing: .03em; }
body.mm-body .mm-signup-form__secondary { border-radius: 999px !important; border: 2px solid #dbe6f7 !important; background: #fff !important; color: var(--sk-navy) !important; font-weight: 900 !important; }
body.mm-body .mm-signup-form__secondary:hover { border-color: var(--sk-blue) !important; color: var(--sk-blue) !important; }
body.mm-body .mm-signup__note { border-radius: 16px !important; }

body.mm-body .bt_btn .bt_btn_text{position:absolute !important;inset:0 !important;margin:0 !important;width:auto !important;height:auto !important;
  display:flex !important;align-items:center;justify-content:center;text-align:center;padding:.3rem 3.1rem .3rem 36% !important}
body.mm-body .bt_btn .bt_btn_text::after{position:absolute;right:.75rem;top:50%;margin-top:-14px}
body.mm-body .bt_btn:hover .bt_btn_text::after{transform:translateX(3px)}
body.mm-body .d-flex.w-100 > .bt_btn.w-50 .bt_btn_text{margin:0 !important;padding:.3rem 2.4rem .3rem 38% !important}
body.mm-body .d-flex.w-100 > .bt_btn.w-50 .bt_btn_text::after{right:.55rem;margin-top:-11px}

body.mm-body .mm-charge { display: flex; flex-direction: column; gap: 1rem; }
body.mm-body .mm-charge__intro { position: relative; overflow: hidden; isolation: isolate; display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.2rem 1.4rem !important; border-radius: 22px !important; box-shadow: 0 5px 0 #071334, var(--sk-shadow) !important; }
body.mm-body .mm-charge__intro::after { content: ""; position: absolute; inset: 0; z-index: -1; background: url(../img/skin/bg-henches.webp) right center / cover no-repeat; opacity: .14; mix-blend-mode: screen; }
body.mm-body .mm-charge__lead { margin: 0 !important; max-width: 520px; color: #fff !important; font-weight: 800 !important; font-size: 1rem !important; }
body.mm-body .mm-charge__balance { display: inline-flex !important; align-items: center; gap: .6rem; padding: .55rem 1.1rem .55rem .55rem !important; border: 0 !important; border-radius: 999px !important; background: linear-gradient(180deg, #ffe14d, #ffb300) !important; box-shadow: 0 4px 0 #c97b00, 0 12px 20px -10px rgba(0, 0, 0, .6) !important; }
body.mm-body .mm-charge__balance-label { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 50%; background: #fff !important; color: #c97b00 !important; font-weight: 900 !important; font-size: .78rem !important; letter-spacing: 0 !important; box-shadow: inset 0 0 0 3px #ffd970; }
body.mm-body .mm-charge__balance-value { color: #5a2a00 !important; font-size: 1.6rem !important; line-height: 1 !important; }
body.mm-body .mm-charge__balance-value img { display: none; }

body.mm-body .mm-charge__steps { display: grid !important; grid-template-columns: 1fr 1fr; gap: .6rem !important; margin: 0 !important; padding: 0 !important; counter-reset: none; }
body.mm-body .mm-charge__step { display: flex !important; align-items: center; gap: .6rem; padding: .65rem .9rem !important; border: 0 !important; border-radius: 16px !important; background: rgba(255, 255, 255, .85) !important; box-shadow: inset 0 0 0 2px #e1ebfb !important; color: #6a7599 !important; font-weight: 800; font-size: .85rem; }
body.mm-body .mm-charge__step-num { flex: 0 0 auto; display: grid !important; place-items: center; width: 2rem !important; height: 2rem !important; border-radius: 50% !important; background: #e1e7f3 !important; color: #8a93b0 !important; font-family: var(--sk-display); font-size: 1.05rem !important; }
body.mm-body .mm-charge__step.is-active { background: #fff8dc !important; box-shadow: inset 0 0 0 2px #ffd970 !important; color: #7a4300 !important; }
body.mm-body .mm-charge__step.is-active .mm-charge__step-num { background: linear-gradient(180deg, #ffe14d, #ffb300) !important; color: #5a2a00 !important; box-shadow: 0 3px 0 #c97b00; }
body.mm-body .mm-charge__step.is-done { background: #ecfbf2 !important; box-shadow: inset 0 0 0 2px #b9ebcd !important; color: #157a44 !important; }
body.mm-body .mm-charge__step.is-done .mm-charge__step-num { background: #22a861 !important; color: #fff !important; box-shadow: 0 3px 0 #157a44; }

body.mm-body :is(.mm-charge__section, .mm-charge__packs) { margin: 0 !important; padding: 1.2rem 1.3rem 1.3rem !important; border: 0 !important; border-radius: 22px !important; background: #fff !important; box-shadow: var(--sk-shadow) !important; }
body.mm-body :is(.mm-charge__section-title, .mm-charge__packs-title) { display: flex !important; align-items: center; flex-wrap: wrap; gap: .5rem; margin: 0 0 1rem !important; font-family: var(--sk-display) !important; font-weight: 400 !important; font-size: 1.45rem !important; color: var(--sk-navy) !important; }
body.mm-body .mm-charge__section-title .bi { display: grid; place-items: center; width: 2.1rem; height: 2.1rem; border-radius: 50%; background: var(--sk-yellow); color: #5a2a00 !important; font-size: 1rem; box-shadow: 0 3px 0 #c97b00; }
body.mm-body .mm-charge__packs-title::before { content: ""; width: 10px; height: 26px; border-radius: 999px; background: var(--sk-yellow); box-shadow: 0 2px 0 #c97b00; }
body.mm-body :is(.mm-charge__section-title, .mm-charge__packs-title) small { padding: .15rem .6rem; border-radius: 999px; background: #eaf4ff; color: var(--sk-blue) !important; font-family: var(--sk-body); font-weight: 900; font-size: .75rem !important; }

body.mm-body .mm-charge__methods { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important; gap: .8rem !important; }
body.mm-body .mm-charge__method {
  display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: .55rem; min-height: 118px; padding: 1rem .8rem !important;
  border: 0 !important; border-radius: 18px !important; background: #f6f9ff !important; box-shadow: inset 0 0 0 2px #e1ebfb, 0 4px 0 #d5e2f7 !important;
  color: var(--sk-navy) !important; font-weight: 900 !important; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}
body.mm-body .mm-charge__method:hover { transform: translateY(-4px); background: #fff !important; box-shadow: inset 0 0 0 2px var(--sk-yellow), 0 6px 0 #c97b00, 0 16px 26px -14px rgba(11, 29, 74, .6) !important; }
body.mm-body .mm-charge__method img { max-height: 46px !important; max-width: 120px !important; width: auto !important; object-fit: contain; transition: transform .2s ease; }
body.mm-body .mm-charge__method:hover img { transform: scale(1.08); }
body.mm-body .mm-charge__method span { font-size: .9rem; }
body.mm-body .mm-charge__method--pix:hover { box-shadow: inset 0 0 0 2px #32bcad, 0 6px 0 #1f8a7f, 0 16px 26px -14px rgba(11, 29, 74, .6) !important; }

body.mm-body .mm-charge__back { align-self: flex-start; display: inline-flex !important; align-items: center; gap: .35rem; padding: .45rem 1rem !important; border-radius: 999px !important; background: rgba(255, 255, 255, .9) !important; border: 0 !important; color: var(--sk-navy) !important; font-weight: 900; box-shadow: var(--sk-shadow-sm); text-decoration: none; }
body.mm-body .mm-charge__back:hover { background: #fff !important; color: var(--sk-blue) !important; }
body.mm-body .mm-charge__provider { display: flex !important; align-items: center; gap: 1rem; flex-wrap: wrap; padding: .9rem 1.2rem !important; border: 0 !important; border-radius: 18px !important; background: #fff !important; box-shadow: var(--sk-shadow-sm) !important; }
body.mm-body .mm-charge__provider img { max-height: 44px !important; width: auto; }
body.mm-body .mm-charge__provider-note { margin: 0 !important; padding: .2rem .7rem; border-radius: 999px; background: #eaf4ff; color: var(--sk-blue) !important; font-weight: 900; font-size: .8rem; }
body.mm-body .mm-charge__alert { border: 0 !important; border-radius: 16px !important; background: #eaf4ff !important; box-shadow: inset 0 0 0 2px #cfe3ff; color: #2c3d6b !important; font-weight: 700; }
body.mm-body .mm-charge__alert > .bi { color: var(--sk-blue) !important; }
body.mm-body .mm-charge__identity-notice { background: #fff8dc !important; box-shadow: inset 0 0 0 2px #ffe08a; color: #6b4a00 !important; }
body.mm-body .mm-charge__identity-notice > .bi { color: #c97b00 !important; }
body.mm-body .mm-charge__note { border: 0 !important; border-radius: 16px !important; background: #ffecea !important; box-shadow: inset 0 0 0 2px #ffc9c4; color: #9d130c !important; font-weight: 800; }

body.mm-body .mm-charge__grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)) !important; gap: 1rem !important; }
body.mm-body .mm-charge__grid--wide { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important; }
body.mm-body .mm-charge-pack {
  position: relative; display: flex !important; flex-direction: column; overflow: hidden; border: 0 !important; border-radius: 22px !important; background: #fff !important;
  box-shadow: 0 5px 0 #d5e2f7, 0 14px 24px -16px rgba(11, 29, 74, .55) !important; transition: transform .2s ease, box-shadow .2s ease !important;
}
body.mm-body .mm-charge-pack:hover { transform: translateY(-5px); box-shadow: 0 7px 0 var(--sk-yellow), 0 22px 32px -16px rgba(11, 29, 74, .6) !important; }
body.mm-body .mm-charge-pack__body { position: relative; display: flex !important; flex-direction: column; align-items: center; gap: .35rem; padding: 1.1rem .9rem .6rem !important; text-align: center; }
body.mm-body .mm-charge-pack__body::before { content: ""; position: absolute; left: .55rem; right: .55rem; top: .55rem; height: 118px; z-index: 0; border-radius: 16px; background: radial-gradient(circle at 50% 65%, #fff 0%, #fff1c4 45%, #ffd970 100%); }
body.mm-body .mm-charge-pack__body > * { position: relative; z-index: 1; }
body.mm-body .mm-charge-pack__coin { width: 92px !important; height: 92px !important; margin: 0 0 .7rem !important; object-fit: contain; filter: drop-shadow(0 8px 10px rgba(150, 90, 0, .45)); transition: transform .3s ease; }
body.mm-body .mm-charge-pack:hover .mm-charge-pack__coin { transform: translateY(-5px) scale(1.08) rotate(-6deg); }
body.mm-body .mm-charge-pack__name { margin: 0 !important; font-weight: 900 !important; color: #6a7599 !important; font-size: .78rem !important; letter-spacing: .06em; text-transform: uppercase; }
body.mm-body .mm-charge-pack__amount { display: inline-flex !important; align-items: center; justify-content: center; flex-wrap: wrap; gap: .3rem; }
body.mm-body .mm-charge-pack__amount strong { font-family: var(--sk-display); font-weight: 400 !important; font-size: 1.9rem !important; line-height: 1; color: var(--sk-navy) !important; }
body.mm-body .mm-charge-pack__strike { color: #9aa3bf !important; font-weight: 800; font-size: .85rem; text-decoration: line-through; }
body.mm-body .mm-charge-pack__price { margin: .1rem 0 0 !important; padding: .25rem .8rem; border-radius: 999px; background: #eaf4ff; color: var(--sk-blue) !important; font-weight: 900 !important; font-size: .95rem !important; }
body.mm-body .mm-charge-pack__footer { margin-top: auto; padding: .4rem .9rem 1rem !important; border: 0 !important; background: transparent !important; text-align: center; }
body.mm-body .mm-charge-pack__btn { width: 100%; justify-content: center; font-family: var(--sk-display) !important; font-weight: 400 !important; font-size: 1.1rem !important; letter-spacing: .03em; padding: .6rem .9rem !important; }
body.mm-body .mm-charge-pack__stock { margin: .5rem 0 0 !important; color: #c0392b !important; font-weight: 900; font-size: .8rem; }
body.mm-body .mm-charge-pack__badge { position: absolute !important; z-index: 3; top: .9rem; right: .9rem; left: auto !important; padding: .2rem .6rem !important; border-radius: 999px !important; background: linear-gradient(180deg, #ff6a5c, #e8261c) !important; color: #fff !important; font-weight: 900 !important; font-size: .78rem !important; box-shadow: 0 2px 0 #9d130c !important; border: 0 !important; }
body.mm-body .mm-charge-pack--limited { box-shadow: 0 0 0 3px var(--sk-yellow), 0 6px 0 #c97b00, 0 18px 30px -12px rgba(201, 123, 0, .6) !important; }
body.mm-body .mm-charge-pack__ribbon { position: relative !important; z-index: 2; margin: 0 !important; padding: .5rem .8rem !important; border-radius: 0 !important; background: linear-gradient(90deg, #e8261c, #ff6a3c) !important; color: #fff !important; font-weight: 900 !important; font-size: .8rem !important; text-align: center; letter-spacing: .02em; transform: none !important; }
body.mm-body .mm-charge-pack__offer { position: absolute !important; z-index: 3; top: 2.9rem; left: .9rem; right: auto !important; padding: .2rem .6rem !important; border-radius: 999px !important; background: var(--sk-navy) !important; color: var(--sk-yellow) !important; font-weight: 900 !important; font-size: .72rem !important; letter-spacing: .04em; text-transform: uppercase; transform: none !important; }
body.mm-body .mm-charge-pack--limited .mm-charge-pack__body::before { background: radial-gradient(circle at 50% 65%, #fff 0%, #ffe0d6 45%, #ff9f7f 100%); }

@media (max-width: 575.98px) {
  body.mm-body .mm-charge__steps { grid-template-columns: 1fr; }
  body.mm-body .mm-charge__methods { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.mm-body .mm-charge__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .7rem !important; }
  body.mm-body .mm-charge-pack__coin { width: 72px !important; height: 72px !important; }
  body.mm-body .mm-charge-pack__amount strong { font-size: 1.5rem !important; }
  body.mm-body .mm-charge-pack__body::before { height: 98px; }
}
body.mm-body .mm-charge-pack__btn { display: flex !important; align-items: center; gap: .35rem !important; white-space: nowrap; font-size: 1rem !important; padding: .6rem .55rem !important; }
body.mm-body .mm-charge-pack__coin { width: 108px !important; height: 108px !important; margin: -.4rem 0 .4rem !important; }
@media (max-width: 575.98px) {
  body.mm-body .mm-charge-pack__btn { font-size: .9rem !important; }
  body.mm-body .mm-charge-pack__btn .bi { display: none; }
  body.mm-body .mm-charge-pack__coin { width: 84px !important; height: 84px !important; }
}

body.mm-body .mm-news-hero {
  position: relative; overflow: hidden; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) 150px; align-items: center; gap: 1rem;
  margin: 0 0 .9rem; padding: 1.5rem 1.8rem; border-radius: 24px; color: #fff;
  background: radial-gradient(120% 140% at 100% 0%, rgba(255, 210, 31, .3) 0%, transparent 50%), linear-gradient(135deg, #0b1d4a 0%, #14408f 65%, #1e8bff 120%);
  box-shadow: 0 6px 0 #071334, var(--sk-shadow);
}
body.mm-body .mm-news-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: url(../img/skin/bg-henches.webp) right center / cover no-repeat; opacity: .16; mix-blend-mode: screen; }
body.mm-body .mm-news-hero__crumbs { display: flex; align-items: center; gap: .4rem; font-size: .8rem; font-weight: 800; color: rgba(255, 255, 255, .75); }
body.mm-body .mm-news-hero__crumbs a { color: var(--sk-yellow) !important; text-decoration: none; }
body.mm-body .mm-news-hero__crumbs .bi-chevron-right { font-size: .65rem; }
body.mm-body .mm-news-hero__title { margin: .35rem 0 .9rem; font-family: var(--sk-display); font-weight: 400; font-size: clamp(2rem, 4.4vw, 2.9rem); line-height: 1.02; color: #fff !important; text-shadow: 0 3px 0 rgba(0, 0, 0, .25); }
body.mm-body .mm-news-hero__search { display: flex; align-items: center; max-width: 440px; margin: 0; padding: .35rem .4rem .35rem 1.1rem; border-radius: 999px; background: #fff; box-shadow: 0 5px 0 rgba(0, 0, 0, .2), 0 14px 26px -12px rgba(0, 0, 0, .6); }
body.mm-body .mm-news-hero__search input { flex: 1; min-width: 0; height: 38px; border: 0 !important; outline: 0; background: transparent !important; box-shadow: none !important; color: var(--sk-navy); font-weight: 800; }
body.mm-body .mm-news-hero__search input::placeholder { color: #9aa6c4; }
body.mm-body .mm-news-hero__search button { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border: 0; border-radius: 50%; background: linear-gradient(180deg, #ffe14d, #ffb300); color: #5a2a00; font-size: 1.05rem; box-shadow: 0 3px 0 #c97b00; }
body.mm-body .mm-news-hero__art { display: grid; place-items: center; }
body.mm-body .mm-news-hero__icon { display: grid; place-items: center; width: 110px; height: 110px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #ffe14d, #ffb300 65%, #c97b00); color: #5a2a00; font-size: 3.2rem; box-shadow: 0 7px 0 #8a5300, 0 0 0 10px rgba(255, 255, 255, .1), 0 20px 30px -10px rgba(0, 0, 0, .6); animation: skMegaphone 3.2s ease-in-out infinite; }

body.mm-body .mm-news-filters { display: flex; gap: .45rem; margin: 0 0 1rem; padding: .45rem; border-radius: 999px; background: rgba(255, 255, 255, .85); box-shadow: var(--sk-shadow-sm); overflow-x: auto; scrollbar-width: none; }
body.mm-body .mm-news-filters::-webkit-scrollbar { display: none; }
body.mm-body .mm-news-filter { flex: 0 0 auto; display: inline-flex; align-items: center; gap: .4rem; padding: .5rem 1rem; border-radius: 999px; color: var(--sk-navy) !important; font-weight: 900; font-size: .88rem; text-decoration: none; white-space: nowrap; transition: background .15s ease; }
body.mm-body .mm-news-filter .bi { color: var(--sk-blue); }
body.mm-body .mm-news-filter:hover { background: #eaf4ff; }
body.mm-body .mm-news-filter.is-active { background: linear-gradient(180deg, #ffe14d, #ffb300); color: #5a2a00 !important; box-shadow: 0 3px 0 #c97b00; }
body.mm-body .mm-news-filter.is-active .bi { color: #5a2a00; }

body.mm-body .mm-news-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
body.mm-body .mm-news-grid .mm-news-card {
  display: flex !important; flex-direction: column; grid-template-columns: none !important; overflow: hidden; margin: 0 !important; cursor: pointer;
  border: 0 !important; border-radius: 22px !important; background: #fff !important; box-shadow: 0 5px 0 #d5e2f7, 0 14px 24px -16px rgba(11, 29, 74, .55) !important;
  transition: transform .2s ease, box-shadow .2s ease !important; animation: skGalIn .45s ease-out both; animation-delay: calc(var(--i, 0) * 50ms);
}
body.mm-body .mm-news-grid .mm-news-card:hover, body.mm-body .mm-news-grid .mm-news-card:focus-visible { transform: translateY(-5px); outline: 0; box-shadow: 0 7px 0 var(--sk-yellow), 0 22px 32px -16px rgba(11, 29, 74, .6) !important; }
body.mm-body .mm-news-grid .mm-news-card__media { position: relative; display: block !important; width: 100% !important; min-height: 0 !important; aspect-ratio: 16 / 7; overflow: hidden; background: linear-gradient(135deg, #14408f, #1e8bff) !important; }
body.mm-body .mm-news-grid .mm-news-card__media img { display: block; width: 100% !important; height: 100% !important; min-height: 0 !important; object-fit: cover; transition: transform .4s ease; }
body.mm-body .mm-news-grid .mm-news-card:hover .mm-news-card__media img { transform: scale(1.06); }
body.mm-body .mm-news-grid .mm-news-card__media-fallback { display: grid !important; place-items: center; width: 100%; height: 100%; min-height: 0 !important; color: rgba(255, 255, 255, .5); font-size: 3rem; background: url(../img/skin/bg-sky.webp) center / cover; }
body.mm-body .mm-news-grid .mm-news-card__badge { position: absolute; top: .7rem; left: .7rem; z-index: 2; padding: .25rem .7rem !important; border-radius: 999px !important; font-weight: 900 !important; font-size: .7rem !important; letter-spacing: .06em; text-transform: uppercase; color: #fff !important; background: var(--sk-blue) !important; box-shadow: 0 2px 0 rgba(0, 0, 0, .25); }
body.mm-body .mm-news-grid .mm-news-card--event .mm-news-card__badge { background: linear-gradient(180deg, #ff6a5c, #e8261c) !important; }
body.mm-body .mm-news-grid .mm-news-card--patch .mm-news-card__badge { background: linear-gradient(180deg, #4fd18b, #1f9a55) !important; }
body.mm-body .mm-news-grid .mm-news-card--maintenance .mm-news-card__badge { background: linear-gradient(180deg, #ffe14d, #ffb300) !important; color: #5a2a00 !important; }
body.mm-body .mm-news-grid .mm-news-card__body { display: flex; flex-direction: column; gap: .45rem; flex: 1; padding: .95rem 1.1rem 1.05rem !important; }
body.mm-body .mm-news-grid .mm-news-card__title { margin: 0 !important; font-family: var(--sk-display) !important; font-weight: 400 !important; font-size: 1.25rem !important; line-height: 1.15 !important; color: var(--sk-navy) !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.mm-body .mm-news-grid .mm-news-card__excerpt { margin: 0 !important; color: #5c6890 !important; font-weight: 600; font-size: .88rem !important; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
body.mm-body .mm-news-grid .mm-news-card__footer { display: flex !important; align-items: center; justify-content: space-between; gap: .5rem; margin-top: auto; padding-top: .3rem; }
body.mm-body .mm-news-grid .mm-news-card__date { display: inline-flex; align-items: center; gap: .3rem; padding: .2rem .65rem; border-radius: 999px; background: #eef3fb; color: #6a7599 !important; font-weight: 800; font-size: .75rem; }
body.mm-body .mm-news-card__more { display: inline-flex; align-items: center; gap: .3rem; padding: .35rem .85rem; border-radius: 999px; background: linear-gradient(180deg, #ffe14d, #ffb300); color: #5a2a00; font-family: var(--sk-display); font-size: .9rem; letter-spacing: .02em; box-shadow: 0 3px 0 #c97b00; white-space: nowrap; }
body.mm-body .mm-news-card__more .bi { transition: transform .2s ease; }
body.mm-body .mm-news-grid .mm-news-card:hover .mm-news-card__more .bi { transform: translateX(3px); }
body.mm-body .mm-news-grid .mm-news-card--featured { grid-column: 1 / -1; display: grid !important; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) !important; }
body.mm-body .mm-news-grid .mm-news-card--featured .mm-news-card__media { aspect-ratio: auto; min-height: 260px !important; height: 100%; }
body.mm-body .mm-news-grid .mm-news-card--featured .mm-news-card__body { padding: 1.4rem 1.5rem !important; justify-content: center; }
body.mm-body .mm-news-grid .mm-news-card--featured .mm-news-card__title { font-size: 1.7rem !important; -webkit-line-clamp: 3; }
body.mm-body .mm-news-grid .mm-news-card--featured .mm-news-card__excerpt { -webkit-line-clamp: 5; font-size: .95rem !important; }
body.mm-body .mm-news-empty { padding: 2rem 1rem; border-radius: 20px; background: #fff; text-align: center; color: #6a7599; font-weight: 800; box-shadow: var(--sk-shadow-sm); }
body.mm-body .mm-news-pager { display: flex; flex-wrap: wrap; justify-content: center; gap: .4rem; margin: 1.2rem 0 0; padding: 0; list-style: none; }
body.mm-body .mm-news-pager .page-link { display: grid; place-items: center; min-width: 2.4rem; height: 2.4rem; padding: 0 .8rem; border: 0 !important; border-radius: 999px !important; background: #fff !important; color: var(--sk-navy) !important; font-weight: 900; box-shadow: 0 3px 0 #d5e2f7; text-decoration: none; }
body.mm-body .mm-news-pager .page-link:hover { background: #eaf4ff !important; }
body.mm-body .mm-news-pager .active .page-link { background: linear-gradient(180deg, #ffe14d, #ffb300) !important; color: #5a2a00 !important; box-shadow: 0 3px 0 #c97b00; }
@media (max-width: 767.98px) {
  body.mm-body .mm-news-hero { grid-template-columns: 1fr; padding: 1.3rem 1.1rem; }
  body.mm-body .mm-news-hero__art { display: none; }
  body.mm-body .mm-news-filters { border-radius: 18px; }
  body.mm-body .mm-news-grid { grid-template-columns: 1fr; }
  body.mm-body .mm-news-grid .mm-news-card--featured { display: flex !important; }
  body.mm-body .mm-news-grid .mm-news-card--featured .mm-news-card__media { min-height: 0 !important; aspect-ratio: 16 / 8; }
  body.mm-body .mm-news-grid .mm-news-card--featured .mm-news-card__title { font-size: 1.35rem !important; }
}
body.mm-body a.mm-member-panel__xp--tier { display: block; text-decoration: none; color: inherit; border-radius: 14px; transition: transform .15s ease; }
body.mm-body a.mm-member-panel__xp--tier:hover { transform: translateY(-2px); }
body.mm-body .mm-member-panel__xp--tier .mm-member-panel__xp-head .bi { color: #9333ea; }
body.mm-body .mm-member-panel__xp--tier .mm-member-panel__xp-bar span { background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, .3) 0 6px, transparent 6px 12px), linear-gradient(90deg, #a855f7, #ffb300) !important; }

body.mm-body .mm-stack--media { border-radius: 24px !important; overflow: hidden; background: var(--sk-navy) !important; box-shadow: 0 6px 0 #071334, 0 18px 30px -16px rgba(11, 29, 74, .7) !important; }
body.mm-body .mm-slide { position: relative; overflow: hidden; }
body.mm-body .mm-slide .carousel-item { overflow: hidden; }
body.mm-body .mm-slide .carousel-item img { aspect-ratio: 16 / 7.4; height: auto; object-fit: cover; transform-origin: 60% 50%; }
body.mm-body .mm-slide .carousel-item.active img { animation: skKenBurns 7s ease-out both; }
@keyframes skKenBurns { from { transform: scale(1.08); } to { transform: scale(1); } }
body.mm-body .mm-slide::after { content: ""; position: absolute; inset: auto 0 0 0; height: 32%; z-index: 1; pointer-events: none; background: linear-gradient(180deg, transparent, rgba(11, 29, 74, .55)); }
body.mm-body .mm-slide .carousel-control-prev, body.mm-body .mm-slide .carousel-control-next { z-index: 3; width: 4.2rem; opacity: 1; }
body.mm-body .mm-slide__ctrl {
  display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border-radius: 50%; background: linear-gradient(180deg, #ffe14d, #ffb300); color: #5a2a00; font-size: 1.25rem;
  box-shadow: 0 4px 0 #c97b00, 0 10px 18px -6px rgba(0, 0, 0, .6); opacity: 0; transform: scale(.8); transition: opacity .2s ease, transform .2s ease;
}
body.mm-body .mm-slide:hover .mm-slide__ctrl, body.mm-body .mm-slide :focus-visible > .mm-slide__ctrl { opacity: 1; transform: scale(1); }
body.mm-body .mm-slide .carousel-control-prev:hover .mm-slide__ctrl, body.mm-body .mm-slide .carousel-control-next:hover .mm-slide__ctrl { transform: scale(1.1); }
body.mm-body .mm-slide .carousel-indicators { z-index: 3; margin-bottom: .8rem; gap: .35rem; }
body.mm-body .mm-slide .carousel-indicators [data-bs-target] { position: relative; overflow: hidden; width: 12px; height: 8px; margin: 0; border: 0; border-radius: 999px; background: rgba(255, 255, 255, .55); opacity: 1; transition: width .3s ease, background .3s ease; }
body.mm-body .mm-slide .carousel-indicators .active { width: 40px; background: rgba(255, 255, 255, .35); }
body.mm-body .mm-slide .carousel-indicators .active::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: var(--sk-yellow); transform-origin: left center; animation: skSlideProgress 5s linear both; }
body.mm-body .mm-slide:hover .carousel-indicators .active::after { animation-play-state: paused; }
@keyframes skSlideProgress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
body.mm-body .mm-slide .carousel-caption { z-index: 2; left: 1.2rem; right: auto; bottom: 2.2rem; padding: .5rem 1rem !important; border-radius: 14px; background: rgba(11, 29, 74, .7) !important; text-align: left; }
body.mm-body .mm-slide .carousel-caption h5 { margin: 0; font-family: var(--sk-display); font-weight: 400; }
body.mm-body .mm-social-bar { padding: .6rem 1rem !important; border-top: 1px solid rgba(255, 255, 255, .08); }
body.mm-body .mm-social-bar .social-icon { width: 2.4rem; height: 2.4rem; display: grid !important; place-items: center; padding: 0 !important; border: 0 !important; background: rgba(255, 255, 255, .1) !important; transition: transform .15s ease, background .15s ease !important; }
body.mm-body .mm-social-bar .social-icon:hover { transform: translateY(-3px); }
@media (max-width: 767.98px) {
  body.mm-body .mm-slide__ctrl { opacity: .9; transform: scale(.85); width: 2.3rem; height: 2.3rem; font-size: 1rem; }
  body.mm-body .mm-slide .carousel-control-prev, body.mm-body .mm-slide .carousel-control-next { width: 3rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.mm-body .mm-slide .carousel-item.active img, body.mm-body .mm-slide .carousel-indicators .active::after { animation: none; }
  body.mm-body .mm-slide .carousel-indicators .active::after { transform: none; }
}

body.mm-body .mm-top5 { overflow: hidden; margin: .5rem 0; border-radius: 22px; background: #fff; box-shadow: 0 6px 0 #d5e2f7, 0 16px 28px -16px rgba(11, 29, 74, .6); }
body.mm-body .mm-top5__head { position: relative; overflow: hidden; isolation: isolate; display: flex; align-items: center; gap: .6rem; padding: .9rem 1rem; background: radial-gradient(120% 160% at 100% 0%, rgba(255, 210, 31, .35), transparent 55%), linear-gradient(135deg, #0b1d4a, #14408f 70%, #1e8bff 130%); }
body.mm-body .mm-top5__icon { display: grid; place-items: center; flex: 0 0 auto; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: linear-gradient(180deg, #ffe14d, #ffb300); color: #5a2a00; font-size: 1.15rem; box-shadow: 0 3px 0 #c97b00; animation: skBugBob 3s ease-in-out infinite; }
body.mm-body .mm-top5__title { flex: 1; min-width: 0; margin: 0; font-family: var(--sk-display) !important; font-weight: 400 !important; font-size: 1.3rem !important; line-height: 1.05; }
body.mm-body .mm-top5__title a { color: #fff !important; text-decoration: none; text-shadow: 0 2px 0 rgba(0, 0, 0, .3); }
body.mm-body .mm-top5__badge { flex: 0 0 auto; padding: .2rem .6rem; border-radius: 999px; background: var(--sk-red); color: #fff; font-weight: 900; font-size: .72rem; letter-spacing: .06em; box-shadow: 0 2px 0 #9d130c; }
body.mm-body .mm-top5__tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: .3rem; margin: 0; padding: .55rem .6rem .2rem; list-style: none; }
body.mm-body .mm-top5__tab { display: flex; align-items: center; justify-content: center; gap: .3rem; width: 100%; padding: .45rem .3rem; border: 0; border-radius: 999px; background: #eef3fb; color: var(--sk-navy); font-weight: 900; font-size: .78rem; transition: background .15s ease; }
body.mm-body .mm-top5__tab:hover { background: #dfe9fa; }
body.mm-body .mm-top5__tab.active { background: linear-gradient(180deg, #ffe14d, #ffb300); color: #5a2a00; box-shadow: 0 3px 0 #c97b00; }
body.mm-body .mm-top5__list { margin: 0; padding: .45rem .6rem .3rem; list-style: none; }
body.mm-body .mm-top5__row { display: flex; align-items: center; gap: .55rem; padding: .5rem .55rem; border-radius: 14px; transition: background .15s ease; animation: skGalIn .4s ease-out both; animation-delay: calc(var(--i, 0) * 60ms); }
body.mm-body .mm-top5__row + .mm-top5__row { margin-top: .2rem; }
body.mm-body .mm-top5__row:hover { background: #f3f7ff; }
body.mm-body .mm-top5__row--1 { background: linear-gradient(90deg, #fff6d6, #fff 80%); box-shadow: inset 0 0 0 2px #ffe08a; }
body.mm-body .mm-top5__pos { flex: 0 0 auto; display: grid; place-items: center; width: 1.9rem; height: 1.9rem; border-radius: 50%; background: #eef3fb; color: #6a7599; font-family: var(--sk-display); font-size: 1rem; }
body.mm-body .mm-top5__pos--1 { background: linear-gradient(180deg, #ffe14d, #ffb300); color: #5a2a00; box-shadow: 0 3px 0 #c97b00; }
body.mm-body .mm-top5__pos--2 { background: linear-gradient(180deg, #f3f6fb, #b9c4d8); color: #3d4a66; box-shadow: 0 3px 0 #8d99b3; }
body.mm-body .mm-top5__pos--3 { background: linear-gradient(180deg, #ffc89a, #d9813f); color: #5a2a00; box-shadow: 0 3px 0 #a55a1f; }
body.mm-body .mm-top5__avatar { flex: 0 0 auto; width: 2.1rem; height: 2.1rem; border-radius: 50%; object-fit: cover; background: #0b1d4a; box-shadow: 0 0 0 2px #fff, 0 2px 6px rgba(11, 29, 74, .3); }
body.mm-body .mm-top5__avatar--guild { display: grid; place-items: center; color: var(--sk-yellow); font-size: 1rem; }
body.mm-body .mm-top5__who { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.2; }
body.mm-body .mm-top5__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--sk-navy) !important; font-weight: 900; font-size: .88rem; text-decoration: none; }
body.mm-body a.mm-top5__name:hover { color: var(--sk-blue) !important; }
body.mm-body .mm-top5__sub { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #6a7599; font-weight: 700; font-size: .72rem; }
body.mm-body .mm-top5__sub .bi { color: var(--sk-blue); }
body.mm-body .mm-top5__value { flex: 0 0 auto; padding: .15rem .55rem; border-radius: 999px; background: #eaf4ff; color: var(--sk-blue); font-weight: 900; font-size: .82rem; white-space: nowrap; }
body.mm-body .mm-top5__value small { font-size: .7em; opacity: .8; }
body.mm-body .mm-top5__row--1 .mm-top5__value { background: #ffe9a8; color: #7a4300; }
body.mm-body .mm-top5__empty { padding: 1rem; text-align: center; color: #6a7599; font-weight: 800; }
body.mm-body .mm-top5__more { display: flex; align-items: center; justify-content: center; gap: .35rem; margin: .4rem .6rem .7rem; padding: .55rem; border-radius: 999px; background: var(--sk-navy); color: #fff !important; font-weight: 900; font-size: .85rem; text-decoration: none; transition: background .15s ease; }
body.mm-body .mm-top5__more:hover { background: var(--sk-blue); }
body.mm-body .mm-top5__more .bi { transition: transform .2s ease; }
body.mm-body .mm-top5__more:hover .bi { transform: translateX(3px); }
body.mm-body .mm-home-body__hero .mm-stack--media { margin-bottom: .8rem !important; }

@keyframes mmConfetti { 0% { transform: translate3d(0, -20px, 0) rotate(0); opacity: 0; } 10% { opacity: 1; } 100% { transform: translate3d(var(--dx, 0), 520px, 0) rotate(var(--r, 540deg)); opacity: 0; } }
@keyframes mmPop { 0% { transform: scale(.4); opacity: 0; } 60% { transform: scale(1.12); opacity: 1; } 100% { transform: scale(1); } }
@keyframes mmBurst { to { transform: rotate(360deg); } }
@keyframes mmBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
body.mm-body .mm-welcome, body.mm-body .mm-activate { position: relative; overflow: hidden; isolation: isolate; text-align: center; }
body.mm-body .mm-welcome__confetti { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
body.mm-body .mm-welcome__confetti i { position: absolute; top: 0; width: 9px; height: 14px; border-radius: 2px; opacity: 0; animation: mmConfetti 3.2s cubic-bezier(.2, .6, .4, 1) forwards; }
body.mm-body .mm-welcome__confetti i:nth-child(4n+1) { background: var(--sk-yellow); }
body.mm-body .mm-welcome__confetti i:nth-child(4n+2) { background: var(--sk-blue); }
body.mm-body .mm-welcome__confetti i:nth-child(4n+3) { background: var(--sk-red-2); }
body.mm-body .mm-welcome__confetti i:nth-child(4n+4) { background: var(--sk-green); border-radius: 50%; width: 10px; height: 10px; }
body.mm-body .mm-welcome__confetti i:nth-child(1) { left: 6%; --dx: 30px; animation-delay: .05s; }
body.mm-body .mm-welcome__confetti i:nth-child(2) { left: 14%; --dx: -20px; animation-delay: .35s; --r: 380deg; }
body.mm-body .mm-welcome__confetti i:nth-child(3) { left: 23%; --dx: 40px; animation-delay: .15s; }
body.mm-body .mm-welcome__confetti i:nth-child(4) { left: 31%; --dx: -30px; animation-delay: .55s; }
body.mm-body .mm-welcome__confetti i:nth-child(5) { left: 40%; --dx: 20px; animation-delay: .25s; --r: 720deg; }
body.mm-body .mm-welcome__confetti i:nth-child(6) { left: 49%; --dx: -40px; animation-delay: .65s; }
body.mm-body .mm-welcome__confetti i:nth-child(7) { left: 57%; --dx: 30px; animation-delay: .1s; }
body.mm-body .mm-welcome__confetti i:nth-child(8) { left: 66%; --dx: -25px; animation-delay: .45s; --r: 420deg; }
body.mm-body .mm-welcome__confetti i:nth-child(9) { left: 74%; --dx: 35px; animation-delay: .3s; }
body.mm-body .mm-welcome__confetti i:nth-child(10) { left: 82%; --dx: -35px; animation-delay: .7s; }
body.mm-body .mm-welcome__confetti i:nth-child(11) { left: 90%; --dx: 15px; animation-delay: .2s; }
body.mm-body .mm-welcome__confetti i:nth-child(12) { left: 96%; --dx: -15px; animation-delay: .5s; }

body.mm-body .mm-welcome__hero { position: relative; padding: .5rem 0 1rem; }
body.mm-body .mm-welcome__art { position: relative; display: flex; align-items: flex-end; justify-content: center; height: 150px; margin-bottom: .4rem; }
body.mm-body .mm-welcome__burst { position: absolute; left: 50%; top: 50%; width: 220px; height: 220px; margin: -110px 0 0 -110px; border-radius: 50%; z-index: -1;
  background: repeating-conic-gradient(rgba(255, 210, 31, .45) 0 10deg, transparent 10deg 24deg); -webkit-mask: radial-gradient(circle, #000 20%, transparent 68%); mask: radial-gradient(circle, #000 20%, transparent 68%); animation: mmBurst 24s linear infinite; }
body.mm-body .mm-welcome__char { height: 140px; width: auto; filter: drop-shadow(0 10px 12px rgba(11, 29, 74, .3)); animation: mmPop .6s ease-out both, mmBob 3.6s ease-in-out .6s infinite; }
body.mm-body .mm-welcome__char--b { height: 128px; margin-left: -18px; animation-delay: .15s, .9s; }
body.mm-body .mm-welcome__kicker { display: inline-flex; align-items: center; gap: .35rem; padding: .3rem .85rem; border-radius: 999px; background: linear-gradient(180deg, #e9ffe4, #c9f5bf); color: var(--sk-green-d); font-weight: 900; font-size: .8rem; box-shadow: inset 0 0 0 2px #a6e898; animation: mmPop .5s ease-out .2s both; }
body.mm-body .mm-welcome__title { margin: .6rem 0 .35rem; color: var(--sk-navy); font-family: var(--sk-display); font-size: clamp(1.5rem, 3.4vw, 2.1rem); line-height: 1.15; word-break: break-word; }
body.mm-body .mm-welcome__title b, body.mm-body .mm-welcome__title { font-weight: 400; }
body.mm-body .mm-welcome__lead { max-width: 520px; margin: 0 auto; color: var(--sk-muted); font-weight: 700; }
body.mm-body .mm-welcome__steps { display: grid; gap: .6rem; margin: 1.2rem 0; padding: 0; list-style: none; text-align: left; counter-reset: none; }
body.mm-body .mm-welcome__step { position: relative; display: flex; align-items: flex-start; gap: .8rem; padding: .9rem 1rem .9rem 1rem; border-radius: 18px; background: var(--sk-soft); box-shadow: inset 0 0 0 2px var(--sk-line); }
body.mm-body .mm-welcome__step.is-current { background: linear-gradient(180deg, #fffbea, #fff4c7); box-shadow: inset 0 0 0 2px #ffd969, 0 4px 0 #f0c64a; }
body.mm-body .mm-welcome__num { position: absolute; top: -.55rem; left: -.4rem; display: grid; place-items: center; width: 1.6rem; height: 1.6rem; border-radius: 50%; background: var(--sk-navy); color: #fff; font-family: var(--sk-display); font-size: .85rem; box-shadow: 0 3px 0 #050d24; }
body.mm-body .mm-welcome__step.is-current .mm-welcome__num { background: linear-gradient(180deg, #ffe14d, var(--sk-yellow-2)); color: #5a2a00; box-shadow: 0 3px 0 var(--sk-yellow-d); }
body.mm-body .mm-welcome__ico { flex: 0 0 auto; display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border-radius: 14px; background: #fff; color: var(--sk-blue); font-size: 1.35rem; box-shadow: 0 3px 0 var(--sk-line); }
body.mm-body .mm-welcome__step.is-current .mm-welcome__ico { color: var(--sk-red); }
body.mm-body .mm-welcome__txt { display: flex; flex-direction: column; gap: .15rem; min-width: 0; }
body.mm-body .mm-welcome__txt b { color: var(--sk-navy); font-weight: 900; }
body.mm-body .mm-welcome__txt small { color: var(--sk-muted); font-weight: 700; font-size: .84rem; line-height: 1.5; }
body.mm-body .mm-welcome__mail { color: var(--sk-blue-d); word-break: break-all; }
body.mm-body .mm-welcome__inbox { align-self: flex-start; display: inline-flex; align-items: center; gap: .3rem; margin-top: .35rem; padding: .35rem .8rem; border-radius: 999px; background: var(--sk-navy); color: #fff !important; font-weight: 900; font-size: .78rem; text-decoration: none !important; box-shadow: 0 3px 0 #050d24; }
body.mm-body .mm-welcome__inbox:hover { background: var(--sk-blue); }
body.mm-body .mm-welcome__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; margin-top: .4rem; }
body.mm-body .mm-welcome__btn { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-height: 48px; padding: .6rem 1.3rem; border-radius: 999px; font-weight: 900; text-decoration: none !important; transition: transform .15s, filter .15s; }
body.mm-body .mm-welcome__btn:hover { transform: translateY(-2px); }
body.mm-body .mm-welcome__btn--primary { background: linear-gradient(180deg, #ffe14d, var(--sk-yellow-2)); color: #5a2a00 !important; font-family: var(--sk-display); font-weight: 400; font-size: 1.1rem; box-shadow: 0 5px 0 var(--sk-yellow-d), inset 0 2px 0 rgba(255, 255, 255, .6); }
body.mm-body .mm-welcome__btn--ghost { background: #fff; color: var(--sk-navy) !important; box-shadow: inset 0 0 0 2px var(--sk-line), 0 3px 0 var(--sk-line); }
body.mm-body .mm-welcome__help { margin: 1rem 0 0; color: var(--sk-muted); font-weight: 700; font-size: .82rem; }
body.mm-body .mm-welcome__help a { font-weight: 900; }

body.mm-body .mm-activate { padding: 1.6rem 1.2rem 1.4rem; border-radius: 24px; background: #fff; box-shadow: 0 6px 0 var(--sk-line), var(--sk-shadow); }
body.mm-body .mm-activate__head { position: relative; display: flex; flex-direction: column; align-items: center; gap: .3rem; }
body.mm-body .mm-activate__badge { display: grid; place-items: center; width: 92px; height: 92px; border-radius: 50%; font-size: 2.6rem; color: #fff; animation: mmPop .55s ease-out both; }
body.mm-body .mm-activate--ok .mm-activate__badge { background: linear-gradient(180deg, #6fe06a, var(--sk-green)); box-shadow: 0 6px 0 var(--sk-green-d), 0 0 0 10px rgba(76, 195, 58, .15); }
body.mm-body .mm-activate--bad .mm-activate__badge { background: linear-gradient(180deg, var(--sk-red-2), var(--sk-red)); box-shadow: 0 6px 0 var(--sk-red-d), 0 0 0 10px rgba(232, 38, 28, .12); }
body.mm-body .mm-activate--warn .mm-activate__badge { background: linear-gradient(180deg, #ffe14d, var(--sk-yellow-2)); color: #5a2a00; box-shadow: 0 6px 0 var(--sk-yellow-d), 0 0 0 10px rgba(255, 179, 0, .15); }
body.mm-body .mm-activate--info .mm-activate__badge { background: linear-gradient(180deg, var(--sk-blue-2), var(--sk-blue)); box-shadow: 0 6px 0 var(--sk-blue-d), 0 0 0 10px rgba(30, 139, 255, .15); }
body.mm-body .mm-activate__char { position: absolute; right: 2%; top: -10px; height: 120px; width: auto; filter: drop-shadow(0 8px 10px rgba(11, 29, 74, .25)); animation: mmPop .6s ease-out .2s both, mmBob 3.8s ease-in-out .8s infinite; }
body.mm-body .mm-activate__hello { margin: .6rem 0 0; color: var(--sk-muted); font-weight: 800; }
body.mm-body .mm-activate__hello b { color: var(--sk-navy); }
body.mm-body .mm-activate__title { margin: .2rem 0 .3rem; color: var(--sk-navy); font-family: var(--sk-display); font-weight: 400; font-size: clamp(1.6rem, 3.6vw, 2.2rem); }
body.mm-body .mm-activate__msg { max-width: 560px; margin: 0 auto .6rem; color: var(--sk-ink); font-weight: 700; line-height: 1.65; }
body.mm-body .mm-activate__sub { margin: 1.2rem 0 .6rem; color: var(--sk-navy); font-family: var(--sk-display); font-weight: 400; font-size: 1.15rem; }
body.mm-body .mm-activate__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin-bottom: 1rem; }
body.mm-body .mm-activate__card { display: flex; flex-direction: column; align-items: center; gap: .25rem; padding: 1rem .8rem; border-radius: 18px; background: var(--sk-soft); color: inherit !important; text-decoration: none !important; box-shadow: inset 0 0 0 2px var(--sk-line); transition: transform .15s, box-shadow .15s; }
body.mm-body .mm-activate__card:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 2px var(--sk-yellow-2), 0 5px 0 var(--sk-yellow-d); }
body.mm-body .mm-activate__card > i { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: var(--sk-navy); color: var(--sk-yellow); font-size: 1.4rem; box-shadow: 0 3px 0 #050d24; }
body.mm-body .mm-activate__card b { color: var(--sk-navy); font-weight: 900; }
body.mm-body .mm-activate__card small { color: var(--sk-muted); font-weight: 700; font-size: .8rem; line-height: 1.5; }
@media (max-width: 575.98px) {
  body.mm-body .mm-activate__grid { grid-template-columns: 1fr; }
  body.mm-body .mm-activate__char { display: none; }
  body.mm-body .mm-welcome__btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  body.mm-body .mm-welcome *, body.mm-body .mm-activate * { animation: none !important; }
  body.mm-body .mm-welcome__confetti { display: none; }
}
body.mm-body .mm-signup__panel:has(.mm-welcome) .mm-signup__panel-head { display: none; }
body.mm-body .mm-signup__panel:has(.mm-welcome) { padding-top: 1.4rem; }

body.mm-body .mm-buy-modal .modal-dialog { max-width: 440px; }
body.mm-body .mm-buy { --buy-acc: var(--sk-yellow-2); --buy-acc-2: #ffe14d; --buy-acc-d: var(--sk-yellow-d); --buy-tint: #fff4c7; --buy-ink: #5a2a00;
  position: relative; background: #fff !important; color: var(--sk-ink); font-family: var(--sk-body); }
body.mm-body .mm-buy--apstore { --buy-acc: var(--sk-blue); --buy-acc-2: var(--sk-blue-2); --buy-acc-d: var(--sk-blue-d); --buy-tint: #e6f2ff; --buy-ink: #fff; }
body.mm-body .mm-buy--opstore { --buy-acc: var(--sk-green); --buy-acc-2: #7fe06c; --buy-acc-d: var(--sk-green-d); --buy-tint: #e9fbe4; --buy-ink: #fff; }
body.mm-body .mm-buy--gems { --buy-acc: #9b5cff; --buy-acc-2: #c49bff; --buy-acc-d: #6a2fd1; --buy-tint: #f2eaff; --buy-ink: #fff; }

body.mm-body .mm-buy__top { position: relative; clip-path: inset(0 0 -60px 0); display: flex; flex-direction: column; align-items: center; gap: .9rem; padding: 1rem 1rem 0; height: 132px; isolation: isolate;
  background: radial-gradient(120% 90% at 50% 0%, var(--buy-acc-2), var(--buy-acc) 55%, var(--buy-acc-d)); }
body.mm-body .mm-buy__top::before { content: ""; position: absolute; left: 50%; top: 100%; width: 360px; height: 360px; margin: -180px 0 0 -180px; z-index: -1; border-radius: 50%;
  background: repeating-conic-gradient(rgba(255, 255, 255, .22) 0 9deg, transparent 9deg 22deg); animation: mmBurst 30s linear infinite; }
body.mm-body .mm-buy--bad .mm-buy__top::before, body.mm-body .mm-buy--warn .mm-buy__top::before { animation: none; opacity: .5; }
body.mm-body .mm-buy__store { display: inline-flex; align-items: center; gap: .4rem; padding: .3rem .8rem .3rem .45rem; border-radius: 999px; background: rgba(11, 29, 74, .78); color: #fff; font-weight: 900; font-size: .78rem; letter-spacing: .02em; backdrop-filter: blur(2px); }
body.mm-body .mm-buy__store img { width: 18px; height: 18px; }
body.mm-body .mm-buy__badge { position: absolute; left: 50%; bottom: -46px; display: grid; place-items: center; width: 92px; height: 92px; margin-left: -46px; border-radius: 50%; border: 6px solid #fff; font-size: 2.6rem; color: #fff; z-index: 2;
  background: linear-gradient(180deg, #6fe06a, var(--sk-green)); box-shadow: 0 6px 0 var(--sk-green-d), 0 14px 24px -10px rgba(11, 29, 74, .5); animation: mmPop .55s ease-out .1s both; }
body.mm-body .mm-buy--warn .mm-buy__badge { background: linear-gradient(180deg, #ffe14d, var(--sk-yellow-2)); color: #5a2a00; box-shadow: 0 6px 0 var(--sk-yellow-d), 0 14px 24px -10px rgba(11, 29, 74, .5); }
body.mm-body .mm-buy--bad .mm-buy__badge { background: linear-gradient(180deg, var(--sk-red-2), var(--sk-red)); box-shadow: 0 6px 0 var(--sk-red-d), 0 14px 24px -10px rgba(11, 29, 74, .5); }
body.mm-body .mm-buy__top::before { pointer-events: none; }

body.mm-body .mm-buy__confetti { position: absolute; inset: 0; z-index: 3; overflow: hidden; pointer-events: none; }
body.mm-body .mm-buy__confetti i { position: absolute; top: 0; width: 8px; height: 13px; border-radius: 2px; opacity: 0; animation: mmConfetti 2.8s cubic-bezier(.2, .6, .4, 1) forwards; }
body.mm-body .mm-buy__confetti i:nth-child(4n+1) { background: var(--sk-yellow); }
body.mm-body .mm-buy__confetti i:nth-child(4n+2) { background: #fff; }
body.mm-body .mm-buy__confetti i:nth-child(4n+3) { background: var(--sk-red-2); }
body.mm-body .mm-buy__confetti i:nth-child(4n+4) { background: var(--sk-blue-2); border-radius: 50%; width: 9px; height: 9px; }
body.mm-body .mm-buy__confetti i:nth-child(1) { left: 5%; --dx: 24px; animation-delay: .1s; }
body.mm-body .mm-buy__confetti i:nth-child(2) { left: 12%; --dx: -18px; animation-delay: .4s; --r: 380deg; }
body.mm-body .mm-buy__confetti i:nth-child(3) { left: 19%; --dx: 30px; animation-delay: .2s; }
body.mm-body .mm-buy__confetti i:nth-child(4) { left: 26%; --dx: -26px; animation-delay: .6s; }
body.mm-body .mm-buy__confetti i:nth-child(5) { left: 33%; --dx: 18px; animation-delay: .3s; --r: 700deg; }
body.mm-body .mm-buy__confetti i:nth-child(6) { left: 40%; --dx: -30px; animation-delay: .7s; }
body.mm-body .mm-buy__confetti i:nth-child(7) { left: 47%; --dx: 26px; animation-delay: .15s; }
body.mm-body .mm-buy__confetti i:nth-child(8) { left: 54%; --dx: -22px; animation-delay: .5s; --r: 420deg; }
body.mm-body .mm-buy__confetti i:nth-child(9) { left: 61%; --dx: 30px; animation-delay: .35s; }
body.mm-body .mm-buy__confetti i:nth-child(10) { left: 68%; --dx: -30px; animation-delay: .75s; }
body.mm-body .mm-buy__confetti i:nth-child(11) { left: 75%; --dx: 14px; animation-delay: .25s; }
body.mm-body .mm-buy__confetti i:nth-child(12) { left: 82%; --dx: -14px; animation-delay: .55s; }
body.mm-body .mm-buy__confetti i:nth-child(13) { left: 89%; --dx: 20px; animation-delay: .45s; --r: 600deg; }
body.mm-body .mm-buy__confetti i:nth-child(14) { left: 95%; --dx: -20px; animation-delay: .65s; }

body.mm-body .mm-buy__body { display: flex; flex-direction: column; align-items: center; gap: .55rem; padding: 3.6rem 1.4rem 1.4rem; text-align: center; }
body.mm-body .mm-buy__kicker { display: inline-flex; align-items: center; gap: .35rem; padding: .28rem .8rem; border-radius: 999px; font-weight: 900; font-size: .76rem;
  background: linear-gradient(180deg, #e9ffe4, #c9f5bf); color: var(--sk-green-d); box-shadow: inset 0 0 0 2px #a6e898; }
body.mm-body .mm-buy--warn .mm-buy__kicker { background: linear-gradient(180deg, #fffbea, #fff0b8); color: #8a5300; box-shadow: inset 0 0 0 2px #ffd969; }
body.mm-body .mm-buy--bad .mm-buy__kicker { background: linear-gradient(180deg, #fff1ef, #ffd9d3); color: var(--sk-red-d); box-shadow: inset 0 0 0 2px #ffb4a8; }
body.mm-body .mm-buy__title { margin: .1rem 0 0; color: var(--sk-navy); font-family: var(--sk-display); font-weight: 400; font-size: clamp(1.4rem, 4.6vw, 1.8rem); line-height: 1.15; }
body.mm-body .mm-buy__lead { max-width: 360px; margin: 0; color: var(--sk-muted); font-weight: 700; font-size: .92rem; line-height: 1.55; }

body.mm-body .mm-buy__item { display: flex; align-items: center; gap: .8rem; width: 100%; margin-top: .4rem; padding: .7rem .8rem; border-radius: 18px; text-align: left;
  background: var(--buy-tint); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--buy-acc) 35%, transparent); }
body.mm-body .mm-buy__thumb { flex: 0 0 auto; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 16px; background: #fff; box-shadow: 0 3px 0 color-mix(in srgb, var(--buy-acc) 40%, transparent); color: var(--buy-acc-d); font-size: 1.6rem; }
body.mm-body .mm-buy__thumb { position: relative; }
body.mm-body .mm-buy__thumb img { position: absolute; inset: 0; margin: auto; max-width: 46px; max-height: 46px; background: #fff; }
body.mm-body .mm-buy--ok .mm-buy__thumb img { animation: mmPop .5s ease-out .35s both, mmBob 3.4s ease-in-out 1s infinite; }
body.mm-body .mm-buy__item-txt { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; }
body.mm-body .mm-buy__item-txt small { color: var(--sk-muted); font-weight: 800; font-size: .74rem; }
body.mm-body .mm-buy__item-txt b { color: var(--sk-navy); font-weight: 900; font-size: 1rem; line-height: 1.25; overflow-wrap: anywhere; }
body.mm-body .mm-buy__qty { flex: 0 0 auto; padding: .25rem .6rem; border-radius: 999px; background: var(--sk-navy); color: #fff; font-family: var(--sk-display); font-size: .95rem; box-shadow: 0 3px 0 #050d24; }

body.mm-body .mm-buy__receipt { display: grid; gap: 0; width: 100%; margin: .2rem 0 0; padding: .2rem .9rem; border-radius: 16px; background: var(--sk-soft); box-shadow: inset 0 0 0 2px var(--sk-line); }
body.mm-body .mm-buy__receipt > div { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .55rem 0; }
body.mm-body .mm-buy__receipt > div + div { border-top: 2px dashed var(--sk-line); }
body.mm-body .mm-buy__receipt dt { margin: 0; color: var(--sk-muted); font-weight: 800; font-size: .85rem; }
body.mm-body .mm-buy__receipt dd { margin: 0; }
body.mm-body .mm-buy__amount { display: inline-flex; align-items: center; gap: .35rem; color: var(--sk-navy); font-family: var(--sk-display); font-size: 1.1rem; }
body.mm-body .mm-buy__amount b { font-weight: 400; }
body.mm-body .mm-buy__coin { width: 18px; height: 18px; }

body.mm-body .mm-buy__meter { width: 100%; height: 12px; border-radius: 999px; background: #ffe0d9; box-shadow: inset 0 2px 0 rgba(0, 0, 0, .06); overflow: hidden; }
body.mm-body .mm-buy__meter i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--buy-acc-2), var(--buy-acc)); }
body.mm-body .mm-buy__need { display: flex; align-items: center; gap: .4rem; margin: 0; color: var(--sk-red-d); font-weight: 900; font-size: .88rem; }

body.mm-body .mm-buy__tip { display: flex; align-items: flex-start; gap: .65rem; width: 100%; padding: .75rem .9rem; border-radius: 16px; text-align: left; background: linear-gradient(180deg, #fffbea, #fff4c7); box-shadow: inset 0 0 0 2px #ffd969; color: #6b4300; font-weight: 800; font-size: .86rem; line-height: 1.5; }
body.mm-body .mm-buy__tip i { flex: 0 0 auto; display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 12px; background: #fff; color: var(--sk-red); font-size: 1.1rem; box-shadow: 0 3px 0 #f0c64a; }
body.mm-body .mm-buy__safe { display: flex; align-items: center; gap: .4rem; margin: 0; color: var(--sk-green-d); font-weight: 800; font-size: .84rem; }

body.mm-body .mm-buy__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; width: 100%; margin-top: .5rem; }
body.mm-body .mm-buy__btn { flex: 1 1 auto; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-height: 48px; padding: .6rem 1.1rem; border-radius: 999px; font-weight: 900; text-decoration: none !important; transition: transform .15s, filter .15s; }
body.mm-body .mm-buy__btn:hover { transform: translateY(-2px); filter: brightness(1.04); }
body.mm-body .mm-buy__btn:focus-visible { outline: 3px solid var(--sk-blue); outline-offset: 3px; }
body.mm-body .mm-buy__btn--primary { background: linear-gradient(180deg, #ffe14d, var(--sk-yellow-2)); color: #5a2a00 !important; font-family: var(--sk-display); font-weight: 400; font-size: 1.08rem; box-shadow: 0 5px 0 var(--sk-yellow-d), inset 0 2px 0 rgba(255, 255, 255, .6); }
body.mm-body .mm-buy__btn--ghost { background: #fff; color: var(--sk-navy) !important; box-shadow: inset 0 0 0 2px var(--sk-line), 0 3px 0 var(--sk-line); }

@media (max-width: 575.98px) {
  body.mm-body .mm-buy-modal .modal-dialog { margin: .75rem; }
  body.mm-body .mm-buy__body { padding: 3.4rem 1rem 1.1rem; }
  body.mm-body .mm-buy__btn { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  body.mm-body .mm-buy *, body.mm-body .mm-buy__top::before { animation: none !important; }
  body.mm-body .mm-buy__confetti { display: none; }
}