/* Compact public catalogue/detail, not dashboard or site chrome.
   Load after retained market styles. Existing data, handlers and visibility win.
   Hierarchy reference: compact-vehicle-concept.png; deliberately denser media.
   No invented copy/assets or removed sections; only the catalogue assistant
   receives a real in-flow slot instead of covering content. */
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) {
  --mk-c1-gap: 8px;
  --mk-c1-accent: var(--mk-unified-accent, #a472f7);
  width: 100% !important;
  max-width: 1180px !important;
  min-width: 0;
  margin-inline: auto !important;
  padding: 12px 16px !important;
  gap: var(--mk-c1-gap);
}
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-project-bar { margin-block: 0; padding-block: 0; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-project-bar__row { gap: 8px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-search { padding: 8px; gap: 8px; margin-block: 8px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-layout { gap: 8px; margin-top: 0; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) :is(.mk-main-column,.mk-results) { padding-top: 0; margin-top: 0; min-width: 0; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-filter-grid { gap: 8px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-meta { margin-block: 4px 8px; min-height: 0; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-compact-results-tools { gap: 8px; margin-bottom: 4px; }

/* The actual same-node assistant is mounted by the public catalogue hook.
   Its launcher occupies real flow, never a fixed hotspot over catalogue cards. */
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) [data-catalog-assistant-tools]:not([hidden]) { display: flex; justify-content: flex-end; gap: 8px; padding-block: 4px; margin-bottom: 8px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) [data-catalog-assistant-tools] > #miki-ai-guide { position: relative !important; inset: auto !important; width: max-content !important; height: auto !important; margin: 0 !important; transform: none !important; z-index: auto !important; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) [data-catalog-assistant-tools] > #miki-ai-guide > .miki-ai-guide__launcher { min-width: 44px !important; min-height: 44px !important; }
/* Retained vehicle tools already supply a working proxy and hide this native
   launcher. Remove only its empty flow box while that existing proxy owns it. */
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) [data-catalog-assistant-tools]:has(> #miki-ai-guide > [data-player-tool-proxied]) { padding-block: 0; margin-bottom: 0; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) [data-catalog-assistant-tools] > #miki-ai-guide > .miki-ai-guide__launcher[data-player-tool-proxied] { position: absolute !important; }
/* Only the deliberately opened native dialog overlays the viewport. Its same
   panel, controls and handlers remain intact, including close/Escape. */
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) [data-catalog-assistant-tools] > #miki-ai-guide > .miki-ai-guide__panel:not([hidden]) { position: fixed !important; inset: auto 12px 12px auto !important; width: min(420px,calc(100vw - 24px)) !important; max-height: calc(100dvh - 24px) !important; z-index: 1601 !important; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) [data-catalog-assistant-tools] > #miki-ai-guide :is(.miki-ai-guide__close,.miki-ai-guide__clear) { min-width: 44px; min-height: 44px; }

/* Density is spacing, not tiny targets. Hidden controls stay hidden. */
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) :is(button,select,summary,input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])) {
  min-height: 44px !important;
  box-sizing: border-box;
  font-family: inherit;
}
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) :is(button,select,input):focus-visible,
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) :is(a,summary):focus-visible {
  outline: 3px solid var(--mk-c1-accent);
  outline-offset: 2px;
}
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) :is(.mk-unified-card__actions,.mk-auto__actions,.mk-detail-top__actions) { gap: 8px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) :is([data-watch-action],[data-compare-toggle],[data-card-gallery-step],[data-gallery-step],[data-player-current-image],[data-img]) { min-width: 44px; }

/* Real list/grid controls are retained; no new layout state is invented. */
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded):not(.is-detail-view) .mk-grid {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 12px !important;
}
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded):not(.is-detail-view) .mk-card.mk-unified-card {
  min-height: 0 !important;
  grid-template-rows: 120px minmax(0,1fr) auto !important;
}
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded):not(.is-detail-view) .mk-unified-card__media {
  height: 120px !important;
  min-height: 120px !important;
  max-height: 120px !important;
}
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded):not(.is-detail-view) .mk-card.mk-unified-card:has(.mk-unified-card__media.is-empty) { grid-template-rows: 72px minmax(0,1fr) auto !important; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded):not(.is-detail-view) .mk-unified-card__media.is-empty { height: 72px !important; min-height: 72px !important; max-height: 72px !important; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-unified-card__body { padding: 8px 10px 6px; gap: 4px; min-width: 0; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-unified-card__title { font-size: 15px; line-height: 1.3; min-height: 0; white-space: normal; overflow-wrap: anywhere; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-unified-card__metrics { gap: 6px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-unified-card__metric small { font-size: 12px; line-height: 1.35; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-unified-card__metric b { font-size: 13px; line-height: 1.4; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-unified-card__price b { font-size: 19px; line-height: 1.25; overflow-wrap: anywhere; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-unified-card__footer { padding: 8px 10px; gap: 8px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded):not(.is-detail-view) .mk-grid[data-layout="list"] { grid-template-columns: minmax(0,1fr) !important; gap: 8px !important; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded):not(.is-detail-view) .mk-grid[data-layout="list"] .mk-card.mk-unified-card {
  grid-template-columns: 104px minmax(0,1fr) minmax(150px,190px);
  grid-template-rows: minmax(104px,auto) !important;
}
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded):not(.is-detail-view) .mk-grid[data-layout="list"] .mk-unified-card__media { width: 104px; height: 100% !important; min-height: 104px !important; max-height: none !important; }

/* Generic item/RO market cards, including a compact honest missing-image state. */
/* The actual public shell already provides the page gutter. Its detail wrapper
   must not add a second 28px frame around the case/vehicle's own real sections. */
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded).is-detail-view > .mk-project-shell > .mk-project-main > [data-detail-view] {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-detail-top__hero { padding: 10px 0; gap: 12px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) :is(.mk-detail-top__title,.mk-auto__heading h1) { margin-block: 0; font-size: 28px; line-height: 1.15; letter-spacing: -.025em; overflow-wrap: anywhere; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-detail-top__price strong { font-size: 22px; line-height: 1.25; overflow-wrap: anywhere; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-unified-detail__layout { gap: 16px; align-items: start; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) :is(.mk-unified-detail__visual,.mk-clothing__visual) { height: 240px; min-height: 0; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-unified-detail__media.is-empty .mk-unified-detail__visual { height: 96px; min-height: 0; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-unified-detail__media.is-empty .mk-media-fallback { min-height: 96px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-live-grid { gap: 8px; margin-bottom: 8px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-live-grid span { padding: 8px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-detail-freshness { gap: 8px; padding-top: 8px; }

/* Every transport type/project uses .mk-auto; do not scope this to BMW/G20. */
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto { max-width: 1120px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__heading { margin: 4px 0 10px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__heading p { margin-top: 6px; font-size: 14px; line-height: 1.4; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__hero { gap: 16px; margin-bottom: 12px; grid-template-columns: minmax(0,1.2fr) minmax(300px,1fr); }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto .mk-auto__visual { height: 240px; min-height: 0; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto .mk-auto__visual:has([data-gallery-fallback]) { height: 96px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__rail { padding-left: 16px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__prices { gap: 12px; margin-bottom: 8px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__prices strong { font-size: 22px; line-height: 1.25; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__server { gap: 8px; margin-block: 8px 4px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__market-summary { gap: 12px; padding-bottom: 8px; margin-bottom: 4px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__market-summary b { font-size: 14px; line-height: 1.4; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto .mk-auto__rail .mk-auto__facts > div { padding: 4px 0; gap: 8px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto .mk-auto__rail .mk-auto__facts dt { font-size: 12px; line-height: 1.4; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto .mk-auto__rail .mk-auto__facts dd { font-size: 13px; line-height: 1.4; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__actions { margin-top: 8px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__thumbs { gap: 8px; padding-block: 8px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__thumbs button { flex-basis: 96px; height: 56px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__overview { gap: 16px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__appearance-section { margin-bottom: 20px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__appearance-grid { gap: 12px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__appearance-card > button { height: 132px; padding: 8px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__appearance-copy { padding: 10px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto h2 { font-size: 20px; margin-bottom: 12px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__data-note { margin-top: 16px; padding-top: 12px; }

/* Conditional native tabs/rewards remain real controls/content, never overlays. */
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-item-tabs > nav { gap: 8px; margin-block: 4px 12px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) [data-item-tab] { font-size: 14px; padding: 8px 10px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto .mk-item-tabs > nav > button { min-height: 44px; padding: 8px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-reward-grid { grid-template-columns: repeat(auto-fill,minmax(142px,1fr)); gap: 12px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-reward { padding: 8px; gap: 6px; min-width: 0; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-reward img { height: 104px; object-fit: contain; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-reward b { font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-reward small { font-size: 12px; line-height: 1.4; }

/* Case-first renderer contract. Source images/counts/links come from real DTOs. */
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-detail { min-width: 0; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-detail__heading { margin-bottom: 12px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-detail__heading h1 { margin: 4px 0 0; font-size: 28px; line-height: 1.15; letter-spacing: -.025em; overflow-wrap: anywhere; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-detail__heading h1 { width: fit-content; max-width: 100%; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-detail__heading h1:focus-visible { outline: 3px solid var(--mk-c1-accent); outline-offset: 3px; border-radius: 4px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-detail__overview:not([hidden]) {
  display: grid;
  grid-template-columns: 176px minmax(0,1fr);
  gap: 16px;
  align-items: start;
  padding: 12px;
  border: 1px solid var(--mk-unified-line, #2c384d);
  border-radius: 8px;
  background: var(--mk-unified-panel, #101a2b);
}
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-detail__cover { width: 176px; height: 140px; object-fit: contain; max-width: 100%; margin: 0; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-detail__cover img:not([hidden]) { display: block; width: 100%; height: 100%; object-fit: contain; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-detail__overview :is(p,dl) { margin-block: 4px 8px; font-size: 14px; line-height: 1.5; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) :is(.mk-case-detail__source,.mk-case-detail__note) { font-size: 12px; line-height: 1.5; color: var(--mk-unified-muted, #aebed6); overflow-wrap: anywhere; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-detail__note { padding: 8px 10px; border-left: 3px solid #e4b64f; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-detail__rewards { margin-top: 16px; min-width: 0; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward-toolbar:not([hidden]) {
  display: grid;
  grid-template-columns: minmax(120px,1fr) minmax(200px,1.5fr) minmax(130px,1fr) minmax(140px,1fr);
  align-items: end;
  gap: 8px;
  margin-bottom: 12px;
}
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward-toolbar h2 { font-size: 20px; line-height: 1.3; margin: 0; align-self: center; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward-toolbar label:not([hidden]) { display: grid; gap: 4px; min-width: 0; font-size: 12px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward-toolbar :is(input,select) { width: 100%; min-width: 0; font-size: 14px; padding: 8px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward-grid:not([hidden]) { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 12px; align-items: start; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward:not([hidden]) {
  display: grid;
  align-content: start;
  grid-template-rows: none;
  min-width: 0;
  padding: 8px;
  gap: 6px;
  border: 1px solid var(--mk-unified-line, #2c384d);
  border-bottom-width: 3px;
  border-radius: 8px;
  background: var(--mk-unified-panel, #101a2b);
}
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward__image { height: 96px; min-width: 0; margin: 0; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward__image img:not([hidden]) { display: block; width: 100%; height: 96px; object-fit: contain; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward :is(b,p) { margin: 0; font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
/* The retained generic reward title uses ellipsis/line clamping. A case title
   is evidence, not decoration: retain its complete source text at any width. */
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward > b:not([hidden]),
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward__variant > b:not([hidden]) {
  display: block;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  -webkit-line-clamp: unset;
  -webkit-box-orient: initial;
  max-height: none;
  height: auto;
  overflow-wrap: anywhere;
}
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) :is(.mk-case-reward__meta,.mk-case-reward__unlinked) { font-size: 12px; line-height: 1.4; color: var(--mk-unified-muted, #aebed6); overflow-wrap: anywhere; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward > .mk-case-reward__meta:not([hidden]),
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward > .mk-case-reward__unlinked:not([hidden]),
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward__variant > small:not([hidden]) {
  display: block;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  -webkit-line-clamp: unset;
  -webkit-box-orient: initial;
  min-width: 0;
  max-width: 100%;
  max-height: none;
  height: auto;
  overflow-wrap: anywhere;
}
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward a:not([hidden]) { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward__variants { min-width: 0; font-size: 12px; }
/* Actual renderer structure is details > div > article, not a variant <ul>.
   Expansion is deliberate content: retain every variant without clipping it. */
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward__variants > summary {
  min-height: 44px;
  box-sizing: border-box;
  padding: 10px 4px;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.5;
  color: var(--mk-unified-text, #f1f4fb);
  overflow-wrap: anywhere;
}
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward__variants > div:not([hidden]) { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; margin-block: 8px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward__variant:not([hidden]) { display: grid; min-width: 0; gap: 4px; padding-block: 8px; border-top: 1px solid var(--mk-unified-line, #2c384d); }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward__variant > b { font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward__variant > small,
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward__variants > p { font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
/* An explicitly opened variant group owns its row, rather than making five
   neighboring reward columns wait through thousands of pixels of empty grid. */
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward:not([hidden]):has(> .mk-case-reward__variants[open]) { grid-column: 1 / -1; grid-template-columns: 120px minmax(0,1fr); grid-template-rows: auto auto auto auto; gap: 8px 12px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward:not([hidden]):has(> .mk-case-reward__variants[open]) > .mk-case-reward__image { grid-column: 1; grid-row: 1 / 4; width: 120px; height: 96px; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward:not([hidden]):has(> .mk-case-reward__variants[open]) > b { grid-column: 2; grid-row: 1; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward:not([hidden]):has(> .mk-case-reward__variants[open]) > .mk-case-reward__meta { grid-column: 2; grid-row: 2; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward:not([hidden]):has(> .mk-case-reward__variants[open]) > :is(a,.mk-case-reward__unlinked) { grid-column: 2; grid-row: 3; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward:not([hidden]):has(> .mk-case-reward__variants[open]) > .mk-case-reward__variants { grid-column: 1 / -1; grid-row: 4; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward:not([hidden]):has(> .mk-case-reward__variants[open]) > .mk-case-reward__variants > div:not([hidden]) { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 12px; }
/* Rarity is already present as readable text; these borders do not encode chance. */
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward[data-rarity="common"] { border-bottom-color: #94a3b8; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward[data-rarity="uncommon"] { border-bottom-color: #52c58f; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward[data-rarity="rare"] { border-bottom-color: #6ab7ff; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward[data-rarity="epic"] { border-bottom-color: #b494ff; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward[data-rarity="legendary"] { border-bottom-color: #ffd277; }
body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward[data-rarity="mythic"] { border-bottom-color: #ff9fab; }

@media (max-width: 1100px) {
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__hero { grid-template-columns: minmax(0,1fr) minmax(260px,1fr); }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward-grid:not([hidden]) { grid-template-columns: repeat(3,minmax(0,1fr)); }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward-toolbar:not([hidden]) { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward:not([hidden]):has(> .mk-case-reward__variants[open]) > .mk-case-reward__variants > div:not([hidden]) { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded):not(.is-detail-view) .mk-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 760px) {
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) { padding: 8px 12px !important; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) :is(.mk-detail-top__title,.mk-auto__heading h1) { font-size: 24px; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__hero { grid-template-columns: minmax(0,1fr); gap: 12px; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto .mk-auto__visual,
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) :is(.mk-unified-detail__visual,.mk-clothing__visual) { height: 220px; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__rail { padding-left: 0; border-left: 0; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__prices strong { font-size: 20px; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto .mk-item-tabs > nav { flex-wrap: wrap; justify-content: flex-start; gap: 8px; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__overview { gap: 16px; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-auto__appearance-card > button { height: 120px; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-detail__heading h1 { font-size: 24px; }
}
@media (max-width: 620px) {
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded):not(.is-detail-view) .mk-grid { grid-template-columns: minmax(0,1fr) !important; }
  /* Match retained mobile-tools specificity, not just its nominal media height. */
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded):not(.is-detail-view) .mk-layout.mk-mobile-tools-mounted .mk-grid[data-layout="grid"] .mk-card.mk-unified-card { grid-template-rows: 120px minmax(0,1fr) auto !important; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded):not(.is-detail-view) .mk-layout.mk-mobile-tools-mounted .mk-grid[data-layout="grid"] .mk-card.mk-unified-card .mk-unified-card__media { height: 120px !important; min-height: 120px !important; max-height: 120px !important; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded):not(.is-detail-view) .mk-layout.mk-mobile-tools-mounted .mk-grid[data-layout="grid"] .mk-card.mk-unified-card:has(.mk-unified-card__media.is-empty) { grid-template-rows: 72px minmax(0,1fr) auto !important; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded):not(.is-detail-view) .mk-layout.mk-mobile-tools-mounted .mk-grid[data-layout="grid"] .mk-card.mk-unified-card .mk-unified-card__media.is-empty { height: 72px !important; min-height: 72px !important; max-height: 72px !important; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded):not(.is-detail-view) .mk-grid[data-layout="list"] .mk-card.mk-unified-card { grid-template-columns: 88px minmax(0,1fr); grid-template-rows: auto auto !important; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded):not(.is-detail-view) .mk-layout .mk-grid[data-layout="list"] .mk-card.mk-unified-card .mk-unified-card__media { width: 88px; height: 100% !important; min-height: 96px !important; max-height: none !important; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-search { padding: 8px; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-detail__overview:not([hidden]) { grid-template-columns: 120px minmax(0,1fr); gap: 12px; padding: 8px; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-detail__cover { width: 120px; height: 108px; }
  /* Keep the source warning readable across the phone width, not squeezed into
     the cover's narrow right column. Source order and all paragraphs remain. */
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-detail__overview > div:not(.mk-case-detail__cover):not([hidden]) { display: contents; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-detail__overview > .mk-case-detail__cover { grid-column: 1; grid-row: 1 / 3; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-detail__overview > div > b { grid-column: 2; grid-row: 1; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-detail__overview > div > p:first-of-type { grid-column: 2; grid-row: 2; margin: 0; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-detail__overview > div > p:nth-of-type(n+2) { grid-column: 1 / -1; margin: 0; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward-toolbar h2,
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward-toolbar label:has(input[type="search"]) { grid-column: 1 / -1; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward-grid:not([hidden]) { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward:not([hidden]):has(> .mk-case-reward__variants[open]) { grid-template-columns: 96px minmax(0,1fr); }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward:not([hidden]):has(> .mk-case-reward__variants[open]) > .mk-case-reward__image { width: 96px; }
  body.miki-pulse:is(.miki-page-public,.miki-page-market) .mk-app[data-majestic-catalog]:not(.is-embedded) .mk-case-reward:not([hidden]):has(> .mk-case-reward__variants[open]) > .mk-case-reward__variants > div:not([hidden]) { grid-template-columns: repeat(2,minmax(0,1fr)); }
}