/* Hắc kim V2 · Cửa hàng Nhân vật.
   Presentation only: the live Smarty templates, SPAY endpoints, form fields,
   selectors and purchase/listing handlers stay untouched. */

body[data-mu-preview] #index_content .sc-page,
body[data-mu-preview] #index_content .sc-list-wrap,
body[data-mu-preview] .scbp-wrap {
  --neo-blue-ink: #f5f0e6 !important;
  --neo-blue-soft: #b5b3ae !important;
  --neo-glass-top: #20262b !important;
  --neo-glass-body: #171d22 !important;
  --neo-shadow-1: none !important;
  --neo-shadow-2: none !important;
  --sc-gold: #d5b77a;
  --sc-line: #756344;
  --sc-text: #f5f0e6;
  --sc-muted: #b5b3ae;
  --sc-card: #1b2126;
  --sc-field: #11171c;
  color: var(--sc-text) !important;
}

body[data-mu-preview] #index_content .sc-page {
  width: 100% !important;
  max-width: 1200px;
  padding: 0 0 12px !important;
  margin-inline: auto;
  background: transparent !important;
}
body[data-mu-preview] #index_content .sc-page::before,
body[data-mu-preview] #index_content .sc-page .mk-neo-hero::before,
body[data-mu-preview] #index_content .sc-page .sc-topbar::before { display: none !important; }
/* The Zen promotion is already available in its own shop; it obscures the
   character listings when injected above this page's title. */
body[data-mu-preview] #index_content .sc-page .zs-pin-card { display: none !important; }
body[data-mu-preview] #index_content .sc-layer { min-width: 0; }

/* One quiet header for browse, sell, review and edit. */
body[data-mu-preview] #index_content .sc-page :is(.mk-neo-hero,.sc-topbar) {
  min-height: 62px !important;
  margin: 0 0 12px !important;
  padding: 10px 13px !important;
  border: 1px solid var(--sc-line) !important;
  border-radius: 7px !important;
  color: var(--sc-text) !important;
  background: linear-gradient(110deg,#252822,#1b2126 62%,#171c20) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body[data-mu-preview] #index_content .sc-page :is(.mk-neo-title-row,.sc-topbar-inner) { gap: 10px !important; }
body[data-mu-preview] #index_content .sc-page :is(.mk-neo-title-icon,.sc-icon) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 39px !important;
  width: 39px !important;
  height: 39px !important;
  border: 1px solid #74613f !important;
  border-radius: 6px !important;
  color: #efce91 !important;
  background: #322c22 !important;
  box-shadow: none !important;
  font-size: 18px !important;
}
body[data-mu-preview] #index_content .sc-page :is(.mk-neo-title,.sc-title) {
  margin: 0 !important;
  color: var(--sc-text) !important;
  font: 700 clamp(18px,2.3vw,25px)/1.2 Manrope,'Be Vietnam Pro',sans-serif !important;
  letter-spacing: -.025em !important;
  text-transform: none !important;
}
body[data-mu-preview] #index_content .sc-page :is(.mk-neo-subtitle,.sc-subtitle) {
  margin: 3px 0 0 !important;
  color: var(--sc-muted) !important;
  font: 400 11px/1.35 'Be Vietnam Pro',sans-serif !important;
}
body[data-mu-preview] #index_content .sc-page .mk-neo-title-actions { gap: 7px !important; }
body[data-mu-preview] #index_content .sc-page :is(.mk-neo-rule-btn,.sc-nav-btn) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 44px !important;
  padding: 9px 11px !important;
  border: 1px solid #66583e !important;
  border-radius: 5px !important;
  color: #ebd09b !important;
  background: #21272b !important;
  box-shadow: none !important;
  font: 600 12px/1.25 'Be Vietnam Pro',sans-serif !important;
  text-decoration: none !important;
  transform: none !important;
  white-space: nowrap;
}
body[data-mu-preview] #index_content .sc-page :is(.mk-neo-rule-btn,.sc-nav-btn):hover,
body[data-mu-preview] #index_content .sc-page :is(.mk-neo-rule-btn,.sc-nav-btn):focus-visible {
  border-color: #d5b77a !important;
  background: #2c302d !important;
}
body[data-mu-preview] #index_content .sc-page .mk-neo-rule-btn-sell {
  color: #241c12 !important;
  background: linear-gradient(115deg,#f0d49e,#caa666) !important;
  border-color: #ead09a !important;
}
body[data-mu-preview] #index_content .sc-page .sc-native-hidden { display: none !important; }
body[data-mu-preview] #index_content #t-shop_list { min-height: 0 !important; }

/* Server-backed character cards: icon, four stats and price remain legible. */
body[data-mu-preview] #index_content .sc-list-wrap .sc-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit,minmax(min(205px,100%),1fr)) !important;
  align-items: start !important;
  gap: 10px !important;
  margin: 0 0 10px !important;
}
body[data-mu-preview] #index_content .sc-list-wrap .sc-char-card {
  min-width: 0;
  border: 1px solid #5d503b !important;
  border-radius: 7px !important;
  background: linear-gradient(145deg,#22282b,#171c20) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
  touch-action: manipulation;
}
body[data-mu-preview] #index_content .sc-list-wrap .sc-char-card:hover,
body[data-mu-preview] #index_content .sc-list-wrap .sc-char-card:focus-within {
  border-color: #d5b77a !important;
  background: linear-gradient(145deg,#2b302e,#1d2327) !important;
}
body[data-mu-preview] #index_content .sc-list-wrap .sc-card-top {
  min-height: 76px;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 10px !important;
}
body[data-mu-preview] #index_content .sc-list-wrap .sc-card-avatar {
  flex: 0 0 58px !important;
  width: 58px !important;
  height: 58px !important;
  padding: 3px;
  border: 1px solid #66583e;
  border-radius: 6px;
  background: #302b24;
  object-fit: contain;
  filter: none !important;
}
body[data-mu-preview] #index_content .sc-list-wrap .sc-card-right { gap: 3px !important; padding: 0 !important; }
body[data-mu-preview] #index_content .sc-list-wrap .sc-stat-row { gap: 3px !important; }
body[data-mu-preview] #index_content .sc-list-wrap .sc-stat-val {
  color: #f5f0e6 !important;
  font: 700 14px/1.15 Manrope,'Be Vietnam Pro',sans-serif !important;
}
body[data-mu-preview] #index_content .sc-list-wrap .sc-stat-lbl {
  color: #aaa9a5 !important;
  font: 500 9px/1.2 'Be Vietnam Pro',sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body[data-mu-preview] #index_content .sc-list-wrap .sc-buy-btn {
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 10px !important;
  border-top: 1px solid #796647 !important;
  border-radius: 0 !important;
  color: #f5d8a0 !important;
  background: #302b23 !important;
  box-shadow: none !important;
  font: 700 13px/1.25 Manrope,'Be Vietnam Pro',sans-serif !important;
  font-variant-numeric: tabular-nums;
}
body[data-mu-preview] #index_content .sc-list-wrap .sc-empty {
  padding: 28px 14px !important;
  border: 1px dashed #66583e;
  border-radius: 7px;
  color: #b9b5ae !important;
  background: #1a2025;
}
body[data-mu-preview] #index_content .sc-list-wrap .sc-pager { gap: 6px !important; margin: 0 !important; }
body[data-mu-preview] #index_content .sc-list-wrap .sc-page-btn {
  min-width: 44px;
  min-height: 44px;
  padding: 9px 12px !important;
  border: 1px solid #66583e !important;
  border-radius: 5px !important;
  color: #ead09b !important;
  background: #21272b !important;
  box-shadow: none !important;
  font: 600 12px/1.2 'Be Vietnam Pro',sans-serif !important;
  text-decoration: none !important;
}
body[data-mu-preview] #index_content .sc-list-wrap .sc-page-btn.is-active {
  color: #241c12 !important;
  border-color: #ead09a !important;
  background: #e5c78c !important;
}
body[data-mu-preview] #index_content .sc-list-wrap .sc-page-btn.is-disabled { opacity: .35 !important; }
body[data-mu-preview] #index_content .sc-list-wrap :is(.sc-rules-box,.sc-foot) { color: var(--sc-muted) !important; }
body[data-mu-preview] #index_content .sc-list-wrap .sc-rules-box {
  border: 1px solid #66583e;
  border-radius: 6px !important;
  background: #1b2126 !important;
  box-shadow: none !important;
}
@supports selector(:has(*)) {
  body[data-mu-preview] #index_content .sc-list-wrap .sc-pager:has(> a:first-of-type.is-disabled):has(> a:last-of-type.is-disabled) { display: none !important; }
  body[data-mu-preview] #index_content .sc-list-wrap .sc-grid:has(> .sc-char-card:nth-child(2):last-child) {
    grid-template-columns: repeat(2,minmax(0,250px)) !important;
    justify-content: center;
  }
  body[data-mu-preview] #index_content .sc-list-wrap .sc-grid:has(> .sc-char-card:first-child:last-child) {
    grid-template-columns: minmax(0,250px) !important;
    justify-content: center;
  }
}

/* Sell, review and edit reuse the real forms and names. */
body[data-mu-preview] #index_content .sc-page .sc-card {
  padding: clamp(11px,1.5vw,17px) !important;
  margin-bottom: 10px !important;
  border: 1px solid #60523c !important;
  border-radius: 7px !important;
  color: var(--sc-text) !important;
  background: #1b2126 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body[data-mu-preview] #index_content .sc-page :is(.sc-label,.sc-sec-title,.sc-info-lbl) {
  color: #c1b7a4 !important;
  font: 600 11px/1.35 'Be Vietnam Pro',sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body[data-mu-preview] #index_content .sc-page :is(.sc-title,.sc-info-val) { color: var(--sc-text) !important; }
body[data-mu-preview] #index_content .sc-page :is(.sc-help,.sc-check-label,.sc-subtitle) { color: var(--sc-muted) !important; }
body[data-mu-preview] #index_content .sc-page .sc-price-val { color: #efd09a !important; }
body[data-mu-preview] #index_content .sc-page .sc-info-table td {
  padding: 5px 0 !important;
  border-bottom: 1px solid #74603d55 !important;
  color: var(--sc-text);
  overflow-wrap: anywhere;
}
body[data-mu-preview] #index_content .sc-page :is(.sc-row,.sc-foot-row) { gap: 9px !important; }
body[data-mu-preview] #index_content .sc-page :is(.sc-input,.sc-select,.sc-picker) {
  min-height: 44px !important;
  border: 1px solid #786443 !important;
  border-radius: 5px !important;
  color: #f5f0e6 !important;
  background: #11171c !important;
  box-shadow: none !important;
  transform: none !important;
  font: 400 16px/1.35 'Be Vietnam Pro',sans-serif !important;
}
body[data-mu-preview] #index_content .sc-page .sc-input::placeholder { color: #989b9d !important; }
body[data-mu-preview] #index_content .sc-page :is(.sc-input,.sc-select,.sc-picker):focus-visible {
  border-color: #e4c68d !important;
  box-shadow: 0 0 0 2px #e4c68d33 !important;
}
body[data-mu-preview] #index_content .sc-page :is(.sc-picker-caret,.sc-check-muted) { color: #c6ad7b !important; }
body[data-mu-preview] #index_content .sc-page .sc-check-row {
  min-height: 44px !important;
  border: 1px solid #66583e !important;
  border-radius: 5px !important;
  background: #20262a !important;
  box-shadow: none !important;
  transform: none !important;
}
body[data-mu-preview] #index_content .sc-page .sc-check-row input[type=checkbox] {
  width: 18px !important;
  height: 18px !important;
  border: 1px solid #a98a55 !important;
  border-radius: 3px !important;
  background: #11171c !important;
  box-shadow: none !important;
  accent-color: #d5b77a !important;
}
body[data-mu-preview] #index_content .sc-page .sc-check-row input[type=checkbox]:checked::after { background: #eacb8e !important; }
body[data-mu-preview] #index_content .sc-page .sc-submit {
  min-height: 44px !important;
  border: 1px solid #ead09a !important;
  border-radius: 5px !important;
  color: #241c12 !important;
  background: linear-gradient(115deg,#f0d49e,#caa666) !important;
  box-shadow: none !important;
  font: 700 13px/1.25 'Be Vietnam Pro',sans-serif !important;
  transform: none !important;
}
body[data-mu-preview] #index_content .sc-page :is(.sc-fee-box,.sc-rules-box) {
  padding: 10px 12px !important;
  border: 1px solid #80683d !important;
  border-radius: 6px !important;
  color: #e9d5b5 !important;
  background: #302a21 !important;
  box-shadow: none !important;
}
body[data-mu-preview] #index_content .sc-page .sc-fee-box b { color: #f3dbad !important; }
body[data-mu-preview] #index_content .sc-page .sc-captcha-img { border-radius: 0 4px 4px 0 !important; }
body[data-mu-preview] #index_content .sc-page .sc-nav-row { justify-content: flex-start !important; }

/* Shared Hắc kim dialogs. These stay hidden until the template's JS opens them. */
body[data-mu-preview] :is(.sc-class-modal,.sc-rules-modal,.sc-picker-modal,.scbp-charpicker,.scbp-carry-modal,.scbp-item-modal) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 12000 !important;
  padding: max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left)) !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 !important;
  background: #05090edd !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body[data-mu-preview] :is(.sc-class-dialog,.sc-rules-dialog,.sc-picker-dialog,.scbp-charpicker-dialog,.scbp-carry-dialog,.scbp-item-dialog) {
  width: min(100%,500px) !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: calc(100dvh - 20px) !important;
  padding: 14px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  border: 1px solid #a58958 !important;
  border-radius: 7px !important;
  color: #f5f0e6 !important;
  background: #1a2026 !important;
  box-shadow: 0 16px 48px #0009 !important;
}
body[data-mu-preview] :is(.sc-class-title-icon,.sc-rules-title-icon,.sc-picker-title-icon,.scbp-charpicker-title-icon,.scbp-top-icon) {
  width: 36px !important;
  height: 36px !important;
  border: 1px solid #786443 !important;
  border-radius: 5px !important;
  color: #efd09a !important;
  background: #302b23 !important;
  box-shadow: none !important;
}
body[data-mu-preview] :is(.sc-class-title-label,.sc-rules-title-label,.sc-picker-title-label,.scbp-charpicker-title-label,.scbp-top-title,.scbp-step-title) {
  color: #f5f0e6 !important;
  font: 700 16px/1.25 Manrope,'Be Vietnam Pro',sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body[data-mu-preview] :is(.sc-class-title-sub,.sc-rules-title-sub,.sc-picker-title-sub,.scbp-charpicker-title-sub,.scbp-top-sub) {
  color: #b5b3ae !important;
  font: 400 11px/1.35 'Be Vietnam Pro',sans-serif !important;
}
body[data-mu-preview] :is(.sc-class-close,.sc-rules-close,.sc-picker-close,.scbp-charpicker-close,.scbp-carry-close,.scbp-item-close,.scbp-top-close) {
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  border: 1px solid #786443 !important;
  border-radius: 5px !important;
  color: #efd09a !important;
  background: #252b2e !important;
  box-shadow: none !important;
}
body[data-mu-preview] :is(.sc-class-option,.sc-picker-option,.scbp-charpicker-opt) {
  min-height: 44px !important;
  padding: 10px 12px !important;
  border: 1px solid #66583e !important;
  border-radius: 5px !important;
  color: #f5f0e6 !important;
  background: #252b2e !important;
  box-shadow: none !important;
  transform: none !important;
  font: 600 13px/1.35 'Be Vietnam Pro',sans-serif !important;
}
body[data-mu-preview] :is(.sc-class-option,.sc-picker-option,.scbp-charpicker-opt):is(:hover,.is-active,.is-selected) {
  border-color: #d5b77a !important;
  color: #f2d49b !important;
  background: #352f25 !important;
}
body[data-mu-preview] :is(.sc-rule-row,.sc-rule-text,.scbp-charpicker-empty,.sc-picker-empty) {
  color: #d7d2c7 !important;
  border-color: #75634466 !important;
}
body[data-mu-preview] .sc-rule-num {
  border: 1px solid #786443 !important;
  border-radius: 4px !important;
  color: #efd09a !important;
  background: #302b23 !important;
  box-shadow: none !important;
}
body[data-mu-preview] :is(.sc-rule-text,.scbp-charpicker-empty,.sc-picker-empty) a { color: #efd09a !important; }

/* The real two-step purchase modal keeps its IDs and submit form intact. */
body[data-mu-preview] #modal-popup:has(.scbp-wrap) .modal-dialog {
  width: min(640px,calc(100% - 20px)) !important;
  max-width: 640px !important;
  min-height: 0 !important;
  max-height: calc(100dvh - 20px) !important;
  margin: 10px auto !important;
}
body[data-mu-preview] #modal-popup:has(.scbp-wrap) .modal-content {
  max-height: calc(100dvh - 20px) !important;
  border: 1px solid #a58958 !important;
  border-radius: 7px !important;
  color: #f5f0e6 !important;
  background: #1a2026 !important;
  box-shadow: 0 16px 48px #0009 !important;
  overflow: hidden !important;
}
body[data-mu-preview] #modal-popup:has(.scbp-wrap) .modal-body {
  min-height: 0 !important;
  max-height: calc(100dvh - 22px) !important;
  padding: 10px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
body[data-mu-preview] .scbp-wrap { gap: 9px !important; }
body[data-mu-preview] .scbp-wrap :is(.scbp-top,.scbp-shell,.scbp-card) {
  border: 1px solid #66583e !important;
  border-radius: 6px !important;
  color: #f5f0e6 !important;
  background: #20262b !important;
  box-shadow: none !important;
}
body[data-mu-preview] .scbp-wrap .scbp-top { padding: 8px 10px !important; }
body[data-mu-preview] .scbp-wrap .scbp-shell { padding: 8px !important; }
body[data-mu-preview] .scbp-wrap .scbp-head {
  gap: 9px !important;
  padding: 9px 10px !important;
  background: linear-gradient(110deg,#292923,#20262b) !important;
}
body[data-mu-preview] .scbp-wrap .scbp-avatar {
  width: 48px !important;
  height: 48px !important;
  border: 1px solid #786443 !important;
  border-radius: 5px !important;
  background: #302b23 !important;
  filter: none !important;
}
body[data-mu-preview] .scbp-wrap .scbp-name {
  color: #f5f0e6 !important;
  font: 700 17px/1.2 Manrope,'Be Vietnam Pro',sans-serif !important;
  text-transform: none !important;
}
body[data-mu-preview] .scbp-wrap .scbp-class,
body[data-mu-preview] .scbp-wrap .scbp-class span { color: #bdb7ac !important; }
body[data-mu-preview] .scbp-wrap .scbp-price {
  color: #efd09a !important;
  font: 700 17px/1.2 Manrope,'Be Vietnam Pro',sans-serif !important;
}
body[data-mu-preview] .scbp-wrap .scbp-price small { color: #c8b99f !important; }
body[data-mu-preview] .scbp-wrap .scbp-free { color: #c6d9aa !important; }
body[data-mu-preview] .scbp-wrap .scbp-stats {
  border-color: #66583e !important;
  overflow: hidden;
}
body[data-mu-preview] .scbp-wrap .scbp-stat { min-height: 54px !important; border-color: #66583e88 !important; }
body[data-mu-preview] .scbp-wrap :is(.scbp-stat-cell,.scbp-stat-btn) {
  min-height: 54px !important;
  padding: 7px 4px !important;
  background: transparent !important;
  box-shadow: none !important;
}
body[data-mu-preview] .scbp-wrap .scbp-stat-btn:is(:hover,.is-active) { background: #302b23 !important; }
body[data-mu-preview] .scbp-wrap .scbp-stat-btn::after { display: none !important; }
body[data-mu-preview] .scbp-wrap .scbp-stat-val { color: #f5f0e6 !important; font: 700 14px/1.15 Manrope,'Be Vietnam Pro',sans-serif !important; }
body[data-mu-preview] .scbp-wrap .scbp-stat-lbl { color: #b2b0a9 !important; font-size: 10px !important; letter-spacing: 0 !important; text-transform: none !important; }
body[data-mu-preview] .scbp-wrap .scbp-stat-wing-preview,
body[data-mu-preview] .scbp-wrap :is(.scbp-items,.scbp-items .t-item,.scbp-carry-item-row .t-item) {
  border: 1px solid #66583e !important;
  border-radius: 5px !important;
  background: #11171c !important;
  box-shadow: none !important;
}
body[data-mu-preview] .scbp-wrap .scbp-inline-balance {
  padding: 5px 8px !important;
  border: 1px solid #66583e !important;
  border-radius: 5px !important;
  color: #f5f0e6 !important;
  background: #252b2e !important;
  box-shadow: none !important;
}
body[data-mu-preview] .scbp-wrap .scbp-inline-balance-icon {
  color: #efd09a !important;
  background: #302b23 !important;
  box-shadow: none !important;
}
body[data-mu-preview] .scbp-wrap :is(.scbp-inline-balance-label,.scbp-check-label) { color: #b5b3ae !important; }
body[data-mu-preview] .scbp-wrap :is(.scbp-inline-balance-value,.scbp-silver-text) { color: #efd09a !important; font-family: Manrope,'Be Vietnam Pro',sans-serif !important; }
body[data-mu-preview] .scbp-wrap .scbp-actions { gap: 8px !important; }
body[data-mu-preview] .scbp-wrap .scbp-btn {
  min-height: 44px !important;
  border: 1px solid #786443 !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  transform: none !important;
  font: 700 13px/1.25 'Be Vietnam Pro',sans-serif !important;
}
body[data-mu-preview] .scbp-wrap .scbp-btn-primary {
  color: #241c12 !important;
  border-color: #ead09a !important;
  background: linear-gradient(115deg,#f0d49e,#caa666) !important;
}
body[data-mu-preview] .scbp-wrap .scbp-btn-secondary {
  color: #efd09a !important;
  background: #252b2e !important;
}
body[data-mu-preview] .scbp-wrap :is(.scbp-input,.scbp-select,.scbp-select-trigger) {
  min-height: 44px !important;
  border: 1px solid #786443 !important;
  border-radius: 5px !important;
  color: #f5f0e6 !important;
  background: #11171c !important;
  box-shadow: none !important;
  font: 400 16px/1.35 'Be Vietnam Pro',sans-serif !important;
}
body[data-mu-preview] .scbp-wrap .scbp-input::placeholder { color: #999b9b !important; }
body[data-mu-preview] .scbp-wrap .scbp-select-trigger i { color: #d5b77a !important; }
body[data-mu-preview] .scbp-wrap .scbp-check-row input[type=checkbox] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #d5b77a !important;
}
body[data-mu-preview] .scbp-wrap .scbp-more-btn { color: #efd09a !important; background: #302b23 !important; border-color: #786443 !important; }
body[data-mu-preview] .scbp-wrap .scbp-step-title span { color: #c9bdab !important; }
body[data-mu-preview] .scbp-wrap .scbp-alert {
  border: 1px solid #987341 !important;
  border-radius: 5px !important;
  color: #efdbbb !important;
  background: #3b2c1e !important;
  box-shadow: none !important;
}
body[data-mu-preview] .scbp-wrap .scbp-alert b { color: #ffe3af !important; }
body[data-mu-preview] .scbp-mini-pop {
  border: 1px solid #a58958 !important;
  border-radius: 6px !important;
  color: #f5f0e6 !important;
  background: #1a2026 !important;
  box-shadow: 0 12px 32px #000a !important;
}
body[data-mu-preview] .scbp-mini-pop::after { border-color: #a58958 !important; background: #1a2026 !important; }
body[data-mu-preview] .scbp-mini-pop :is(.scbp-mini-title,.scbp-stat-detail-title) { color: #d5b77a !important; }
body[data-mu-preview] .scbp-mini-pop :is(.scbp-mini-body,.scbp-stat-detail-value,.scbp-stat-detail-line,.scbp-stat-detail-line strong) { color: #f5f0e6 !important; }

/* One-row tools and three across cards on a short game browser. */
@media (max-height: 520px) and (orientation: landscape) {
  body[data-mu-preview] #index_content .sc-page :is(.mk-neo-hero,.sc-topbar) { min-height: 50px !important; margin-bottom: 7px !important; padding: 4px 8px !important; }
  body[data-mu-preview] #index_content .sc-page :is(.mk-neo-title-icon,.sc-icon) { width: 33px !important; height: 33px !important; flex-basis: 33px !important; }
  body[data-mu-preview] #index_content .sc-page :is(.mk-neo-title,.sc-title) { font-size: 17px !important; }
  body[data-mu-preview] #index_content .sc-page :is(.mk-neo-subtitle,.sc-subtitle) { display: none !important; }
  body[data-mu-preview] #index_content .sc-page .mk-neo-title-actions { flex-wrap: nowrap !important; }
  body[data-mu-preview] #index_content .sc-list-wrap .sc-grid { grid-template-columns: repeat(auto-fit,minmax(min(190px,100%),1fr)) !important; gap: 7px !important; }
  body[data-mu-preview] #index_content .sc-list-wrap .sc-card-top { min-height: 64px; padding: 5px 7px !important; }
  body[data-mu-preview] #index_content .sc-list-wrap .sc-card-avatar { width: 50px !important; height: 50px !important; flex-basis: 50px !important; }
  body[data-mu-preview] #index_content .sc-page .sc-card { padding: 9px !important; margin-bottom: 7px !important; }
  body[data-mu-preview] #index_content .sc-page .sc-info-table td { padding: 3px 0 !important; }
  body[data-mu-preview] .scbp-wrap .scbp-top-sub { display: none !important; }
}

/* Portrait phones show a compact horizontal listing while preserving 44px
   touch targets. The natural page scrollbar remains available for long lists. */
@media (max-width: 620px) and (orientation: portrait) {
  body[data-mu-preview] #index_content .sc-page :is(.mk-neo-hero,.sc-topbar) { min-height: 0 !important; padding: 9px 10px !important; margin-bottom: 8px !important; }
  body[data-mu-preview] #index_content .sc-page .mk-neo-title-row { flex-direction: column !important; align-items: stretch !important; gap: 7px !important; }
  body[data-mu-preview] #index_content .sc-page .mk-neo-title-actions { width: 100% !important; display: flex !important; flex-wrap: nowrap !important; gap: 5px !important; }
  body[data-mu-preview] #index_content .sc-page .mk-neo-rule-btn { min-width: 0 !important; flex: 1 1 0 !important; padding: 8px 5px !important; font-size: 10px !important; overflow: hidden; text-overflow: ellipsis; }
  body[data-mu-preview] #index_content .sc-page .mk-neo-rule-btn i { display: none !important; }
  body[data-mu-preview] #index_content .sc-page #sc-toggle-rules { flex: 0 0 44px !important; font-size: 0 !important; }
  body[data-mu-preview] #index_content .sc-page #sc-toggle-rules i { display: inline-block !important; font-size: 15px !important; }
  body[data-mu-preview] #index_content .sc-page :is(.mk-neo-title,.sc-title) { font-size: 18px !important; }
  body[data-mu-preview] #index_content .sc-page .mk-neo-subtitle { display: none !important; }
  body[data-mu-preview] #index_content .sc-list-wrap .sc-grid { grid-template-columns: minmax(0,1fr) !important; gap: 7px !important; }
  body[data-mu-preview] #index_content .sc-list-wrap .sc-char-card {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: stretch !important;
    min-height: 70px !important;
  }
  body[data-mu-preview] #index_content .sc-list-wrap .sc-card-top { min-height: 68px; gap: 6px !important; padding: 6px !important; }
  body[data-mu-preview] #index_content .sc-list-wrap .sc-card-avatar { width: 50px !important; height: 50px !important; flex-basis: 50px !important; }
  body[data-mu-preview] #index_content .sc-list-wrap .sc-card-right { gap: 2px !important; }
  body[data-mu-preview] #index_content .sc-list-wrap .sc-stat-val { font-size: 12px !important; }
  body[data-mu-preview] #index_content .sc-list-wrap .sc-stat-lbl { font-size: 8px !important; }
  body[data-mu-preview] #index_content .sc-list-wrap .sc-buy-btn {
    align-self: center !important;
    width: min(112px,29vw) !important;
    min-height: 44px !important;
    margin: 5px 6px 5px 0 !important;
    border: 1px solid #edcf95 !important;
    border-radius: 5px !important;
    color: #241c12 !important;
    background: linear-gradient(115deg,#f0d49e,#caa666) !important;
    font-size: 11px !important;
  }
  body[data-mu-preview] #index_content .sc-list-wrap .sc-grid:has(> .sc-char-card:nth-child(2):last-child),
  body[data-mu-preview] #index_content .sc-list-wrap .sc-grid:has(> .sc-char-card:first-child:last-child) { grid-template-columns: minmax(0,1fr) !important; }
  body[data-mu-preview] #index_content .sc-page .sc-card { padding: 10px !important; }
  body[data-mu-preview] #index_content .sc-page .sc-row { flex-direction: row !important; }
  body[data-mu-preview] #index_content .sc-page .sc-row .sc-col { min-width: 0 !important; }
  body[data-mu-preview] #index_content .sc-page .sc-captcha-img { width: 78px !important; }
  body[data-mu-preview] #index_content .sc-page .sc-captcha-wrap .sc-input { padding-right: 82px !important; }
  body[data-mu-preview] .scbp-wrap .scbp-head { grid-template-columns: 48px minmax(0,1fr) auto !important; }
  body[data-mu-preview] .scbp-wrap .scbp-price { grid-column: auto !important; padding-left: 0 !important; text-align: right !important; font-size: 14px !important; }
  body[data-mu-preview] .scbp-wrap .scbp-stats,
  body[data-mu-preview] .scbp-wrap .scbp-stats.scbp-stats-no-wing { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  body[data-mu-preview] .scbp-wrap .scbp-actions > div { flex-wrap: wrap !important; }
}
@media (max-width: 370px) and (orientation: portrait) {
  body[data-mu-preview] #index_content .sc-page .sc-row:has(.sc-captcha-wrap) { flex-direction: column !important; }
  body[data-mu-preview] #index_content .sc-page .mk-neo-rule-btn { font-size: 9px !important; }
  body[data-mu-preview] .scbp-wrap .scbp-head { grid-template-columns: 43px minmax(0,1fr) !important; }
  body[data-mu-preview] .scbp-wrap .scbp-price { grid-column: 2 !important; text-align: left !important; }
}

/* Native bottom sheet in portrait and side sheet for an in-game landscape. */
@media (max-width: 620px) and (orientation: portrait) {
  body[data-mu-preview] :is(.sc-class-modal,.sc-rules-modal,.sc-picker-modal,.scbp-charpicker,.scbp-carry-modal,.scbp-item-modal) {
    align-items: flex-end !important;
    padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left) !important;
  }
  body[data-mu-preview] :is(.sc-class-dialog,.sc-rules-dialog,.sc-picker-dialog,.scbp-charpicker-dialog,.scbp-carry-dialog,.scbp-item-dialog) {
    width: 100% !important;
    max-height: min(78dvh,650px) !important;
    border-radius: 9px 9px 0 0 !important;
    padding: 13px !important;
  }
  body[data-mu-preview] #modal-popup.show:has(.scbp-wrap) { display: flex !important; align-items: flex-end !important; }
  body[data-mu-preview] #modal-popup:has(.scbp-wrap) .modal-dialog {
    width: 100% !important;
    max-width: none !important;
    max-height: 88dvh !important;
    margin: auto 0 0 !important;
  }
  body[data-mu-preview] #modal-popup:has(.scbp-wrap) .modal-content {
    max-height: 88dvh !important;
    border-radius: 9px 9px 0 0 !important;
  }
  body[data-mu-preview] #modal-popup:has(.scbp-wrap) .modal-body { max-height: 88dvh !important; }
}
@media (max-height: 520px) and (orientation: landscape) {
  body[data-mu-preview] :is(.sc-class-modal,.sc-rules-modal,.sc-picker-modal,.scbp-charpicker,.scbp-carry-modal,.scbp-item-modal) {
    align-items: stretch !important;
    justify-content: flex-end !important;
    padding: 0 !important;
  }
  body[data-mu-preview] :is(.sc-class-dialog,.sc-rules-dialog,.sc-picker-dialog,.scbp-charpicker-dialog,.scbp-carry-dialog,.scbp-item-dialog) {
    width: min(440px,56vw) !important;
    height: 100% !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
    border-width: 0 0 0 1px !important;
  }
  body[data-mu-preview] #modal-popup.show:has(.scbp-wrap) { display: flex !important; align-items: stretch !important; justify-content: flex-end !important; }
  body[data-mu-preview] #modal-popup:has(.scbp-wrap) .modal-dialog {
    width: min(460px,58vw) !important;
    max-width: none !important;
    max-height: 100dvh !important;
    height: 100% !important;
    margin: 0 !important;
  }
  body[data-mu-preview] #modal-popup:has(.scbp-wrap) .modal-content {
    height: 100% !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
    border-width: 0 0 0 1px !important;
  }
  body[data-mu-preview] #modal-popup:has(.scbp-wrap) .modal-body { max-height: 100dvh !important; }
  body[data-mu-preview] .scbp-wrap .scbp-stats,
  body[data-mu-preview] .scbp-wrap .scbp-stats.scbp-stats-no-wing { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-mu-preview] :is(.sc-char-card,.scbp-btn,.sc-class-option,.sc-picker-option,.scbp-charpicker-opt) { transition: none !important; }
}