/* Marketplace character layer (2026-11-02): richer cards, rows and stats on
   top of isle-marketplace-overhaul.css. Colours come from the page's own
   accent (--market-accent) so every Isle theme still applies. */

html[data-game="isle"] body.isle-marketplace-page {
  --mk-accent: var(--market-accent, #43d6ff);
  --mk-good: #5cf1bd;
  --mk-warn: #ffc857;
  --mk-bad: #ff8a8a;
  --mk-gold: #d8ef98;
  --mk-line: color-mix(in srgb, var(--mk-accent) 22%, transparent);
  --mk-soft: color-mix(in srgb, var(--mk-accent) 8%, transparent);
  --mk-card: linear-gradient(180deg, rgba(10, 26, 35, .96), rgba(5, 15, 21, .96));
}

/* ---------- Market pulse strip ---------- */
html[data-game="isle"] body.isle-marketplace-page .mk-pulse {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 18px;
}
html[data-game="isle"] body.isle-marketplace-page .mk-pulse-item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid var(--mk-line);
  border-radius: 14px;
  background: var(--mk-card);
}
html[data-game="isle"] body.isle-marketplace-page .mk-pulse-icon {
  display: grid;
  place-items: center;
  flex: none;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: var(--mk-soft);
  border: 1px solid var(--mk-line);
  font-size: 18px;
}
html[data-game="isle"] body.isle-marketplace-page .mk-pulse-item strong {
  display: block;
  color: #fff;
  font: 800 20px/1.1 var(--font-h, inherit);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[data-game="isle"] body.isle-marketplace-page .mk-pulse-item small {
  color: var(--muted);
  font-size: 11px;
  letter-spacing: .04em;
}

/* ---------- Tab count badges ---------- */
html[data-game="isle"] body.isle-marketplace-page .tab { position: relative; }
html[data-game="isle"] body.isle-marketplace-page .tab .mk-badge {
  position: absolute;
  top: 6px;
  right: 6px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--mk-accent);
  color: #02090e;
  font: 900 10px/18px var(--font-h, inherit);
  font-style: normal;
  text-align: center;
}
html[data-game="isle"] body.isle-marketplace-page .tab .mk-badge[hidden] { display: none; }

/* ---------- Panel headers: one consistent shape ---------- */
html[data-game="isle"] body.isle-marketplace-page .panel-head {
  flex-wrap: nowrap;
  align-items: flex-start;
}
html[data-game="isle"] body.isle-marketplace-page .panel-head > div:first-child { min-width: 0; max-width: 820px; }
html[data-game="isle"] body.isle-marketplace-page .panel-head > .button { flex: none; }

/* ---------- Shared pieces ---------- */
html[data-game="isle"] body.isle-marketplace-page .mk-thumb {
  display: grid;
  place-items: center;
  flex: none;
  width: 54px;
  height: 54px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--mk-line);
  background: radial-gradient(circle at 50% 70%, var(--mk-soft), transparent 70%), rgba(2, 9, 14, .7);
}
html[data-game="isle"] body.isle-marketplace-page .mk-thumb img { width: 100%; height: 100%; object-fit: contain; padding: 4px; }
html[data-game="isle"] body.isle-marketplace-page .mk-thumb b { color: var(--muted); font-size: 11px; }
html[data-game="isle"] body.isle-marketplace-page .mk-thumb.big { width: 72px; height: 72px; }
html[data-game="isle"] body.isle-marketplace-page .mk-thumb.small { width: 38px; height: 38px; border-radius: 9px; }
html[data-game="isle"] body.isle-marketplace-page .mk-species {
  display: block;
  color: var(--muted);
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
}
html[data-game="isle"] body.isle-marketplace-page .mk-card-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 6px 0 0; }
html[data-game="isle"] body.isle-marketplace-page .mk-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 9px;
  border-radius: 999px;
  border: 1px solid var(--mk-line);
  background: rgba(255, 255, 255, .03);
  color: var(--text2, #b8ccd4);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}
html[data-game="isle"] body.isle-marketplace-page .mk-pill.prime { color: var(--mk-gold); border-color: rgba(216, 239, 152, .4); background: rgba(216, 239, 152, .08); }
html[data-game="isle"] body.isle-marketplace-page .mk-pill.good { color: var(--mk-good); border-color: rgba(92, 241, 189, .35); }
html[data-game="isle"] body.isle-marketplace-page .mk-pill.lead { color: #02090e; background: var(--mk-good); border-color: transparent; }
html[data-game="isle"] body.isle-marketplace-page .mk-muts { display: inline-flex; align-items: center; gap: 3px; white-space: nowrap; }
html[data-game="isle"] body.isle-marketplace-page .mk-muts i { width: 7px; height: 7px; border-radius: 50%; background: var(--mk-accent); box-shadow: 0 0 6px color-mix(in srgb, var(--mk-accent) 60%, transparent); }
html[data-game="isle"] body.isle-marketplace-page .mk-muts b { margin-left: 3px; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
html[data-game="isle"] body.isle-marketplace-page .mk-growth { display: flex; align-items: center; gap: 8px; margin: 8px 0 0; }
html[data-game="isle"] body.isle-marketplace-page .mk-growth-track { position: relative; flex: 1; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .07); overflow: hidden; }
html[data-game="isle"] body.isle-marketplace-page .mk-growth-track i { position: absolute; inset: 0 auto 0 0; border-radius: 3px; background: linear-gradient(90deg, color-mix(in srgb, var(--mk-accent) 55%, transparent), var(--mk-accent)); }
html[data-game="isle"] body.isle-marketplace-page .mk-growth b { min-width: 36px; color: #fff; font-size: 11px; text-align: right; }
html[data-game="isle"] body.isle-marketplace-page .mk-fossils { display: inline-flex; align-items: baseline; gap: 5px; color: var(--mk-gold); font: 800 15px/1 var(--font-h, inherit); white-space: nowrap; }
html[data-game="isle"] body.isle-marketplace-page .mk-fossils small { color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
html[data-game="isle"] body.isle-marketplace-page .mk-fossils.big { font-size: 24px; }
html[data-game="isle"] body.isle-marketplace-page .mk-fossils.earned { color: var(--mk-good); }
html[data-game="isle"] body.isle-marketplace-page .mk-fossils.spent { color: #fff; }
html[data-game="isle"] body.isle-marketplace-page .mk-status { padding: 4px 10px; border-radius: 999px; border: 1px solid var(--mk-line); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
html[data-game="isle"] body.isle-marketplace-page .mk-status.live { color: var(--mk-accent); border-color: color-mix(in srgb, var(--mk-accent) 45%, transparent); }
html[data-game="isle"] body.isle-marketplace-page .mk-status.good { color: var(--mk-good); border-color: rgba(92, 241, 189, .4); }
html[data-game="isle"] body.isle-marketplace-page .mk-status.bad { color: var(--mk-bad); border-color: rgba(255, 138, 138, .4); }
html[data-game="isle"] body.isle-marketplace-page .mk-status.muted { color: var(--muted); }
html[data-game="isle"] body.isle-marketplace-page .mk-quiet { margin: 6px 2px 0; color: var(--muted); font-size: 12px; }

/* Empty states with a purpose. */
html[data-game="isle"] body.isle-marketplace-page .mk-empty {
  grid-column: 1 / -1;
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: 42px 20px;
  border: 1px dashed var(--mk-line);
  border-radius: 16px;
  background: radial-gradient(ellipse at 50% 0, var(--mk-soft), transparent 70%);
  color: var(--muted);
  text-align: center;
}
html[data-game="isle"] body.isle-marketplace-page .mk-empty-icon { font-size: 34px; filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .5)); }
html[data-game="isle"] body.isle-marketplace-page .mk-empty strong { color: #fff; font: 800 17px/1.2 var(--font-h, inherit); letter-spacing: .04em; text-transform: uppercase; }
html[data-game="isle"] body.isle-marketplace-page .mk-empty p { max-width: 420px; margin: 0; font-size: 13px; }
html[data-game="isle"] body.isle-marketplace-page .mk-empty .button { margin-top: 6px; }

/* ---------- Browse cards ---------- */
html[data-game="isle"] body.isle-marketplace-page .market-grid {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
html[data-game="isle"] body.isle-marketplace-page .mk-card {
  background: var(--mk-card);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
html[data-game="isle"] body.isle-marketplace-page .mk-card:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--mk-accent) 55%, transparent);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .45), 0 0 0 1px color-mix(in srgb, var(--mk-accent) 25%, transparent);
}
html[data-game="isle"] body.isle-marketplace-page .mk-card.is-mine { border-color: color-mix(in srgb, var(--mk-good) 40%, transparent); }
html[data-game="isle"] body.isle-marketplace-page .mk-card .dino-art { position: relative; }
html[data-game="isle"] body.isle-marketplace-page .mk-deal,
html[data-game="isle"] body.isle-marketplace-page .mk-timer {
  position: absolute;
  padding: 4px 9px;
  border-radius: 999px;
  backdrop-filter: blur(6px);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
html[data-game="isle"] body.isle-marketplace-page .mk-deal { top: 10px; right: 10px; border: 1px solid; }
html[data-game="isle"] body.isle-marketplace-page .mk-deal.good { color: #02130c; background: var(--mk-good); border-color: transparent; }
html[data-game="isle"] body.isle-marketplace-page .mk-deal.fair { color: #fff; background: rgba(2, 9, 14, .6); border-color: rgba(255, 255, 255, .2); }
html[data-game="isle"] body.isle-marketplace-page .mk-deal.high { color: var(--mk-warn); background: rgba(2, 9, 14, .6); border-color: rgba(255, 200, 87, .4); }
html[data-game="isle"] body.isle-marketplace-page .mk-timer { bottom: 10px; right: 10px; color: #fff; background: rgba(2, 9, 14, .62); border: 1px solid rgba(255, 255, 255, .14); }
html[data-game="isle"] body.isle-marketplace-page .mk-timer.soon { color: #02090e; background: var(--mk-warn); border-color: transparent; }
html[data-game="isle"] body.isle-marketplace-page .mk-card-body { display: flex; flex: 1; flex-direction: column; padding: 14px 16px 12px; }
html[data-game="isle"] body.isle-marketplace-page .mk-card-title { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
html[data-game="isle"] body.isle-marketplace-page .mk-card-title .dino-name { font-size: 20px; }
html[data-game="isle"] body.isle-marketplace-page .mk-vitals { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 12px 0 0; }
html[data-game="isle"] body.isle-marketplace-page .mk-vitals span { padding: 8px 10px; border-radius: 10px; background: rgba(255, 255, 255, .03); border: 1px solid rgba(255, 255, 255, .05); color: #fff; font-weight: 800; }
html[data-game="isle"] body.isle-marketplace-page .mk-vitals small { display: block; color: var(--muted); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
html[data-game="isle"] body.isle-marketplace-page .mk-mutlist { display: flex; flex-wrap: wrap; gap: 5px; margin: 10px 0 0; }
html[data-game="isle"] body.isle-marketplace-page .mk-mutlist span { padding: 3px 8px; border-radius: 6px; background: var(--mk-soft); color: var(--text2, #b8ccd4); font-size: 11px; }
html[data-game="isle"] body.isle-marketplace-page .mk-mutlist.none { color: var(--muted); font-size: 11px; }
html[data-game="isle"] body.isle-marketplace-page .mk-card .price-guide-line { margin: 10px 0 0; padding: 0; color: var(--muted); font-size: 11px; }
html[data-game="isle"] body.isle-marketplace-page .mk-card-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding: 12px 16px 14px;
  border-top: 1px solid var(--mk-line);
  background: rgba(2, 9, 14, .35);
}
html[data-game="isle"] body.isle-marketplace-page .mk-seller { margin-top: 5px; color: var(--muted); font-size: 11px; }
html[data-game="isle"] body.isle-marketplace-page .mk-seller .verified-tick { color: var(--mk-good); }

/* ---------- Sell ---------- */
html[data-game="isle"] body.isle-marketplace-page .sell-layout { grid-template-columns: minmax(0, 1fr) minmax(300px, 360px); align-items: start; }
html[data-game="isle"] body.isle-marketplace-page .inventory-grid { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
html[data-game="isle"] body.isle-marketplace-page .mk-pick {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: var(--mk-card);
  transition: border-color .15s ease, transform .15s ease;
}
html[data-game="isle"] body.isle-marketplace-page .mk-pick:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--mk-accent) 45%, transparent); }
html[data-game="isle"] body.isle-marketplace-page .mk-pick .pick-copy { flex: 1; min-width: 0; }
html[data-game="isle"] body.isle-marketplace-page .mk-pick .pick-title { display: block; color: #fff; font-size: 16px; }
html[data-game="isle"] body.isle-marketplace-page .mk-value { display: block; margin-top: 7px; color: var(--mk-gold); font-size: 11px; font-weight: 800; letter-spacing: .04em; }
html[data-game="isle"] body.isle-marketplace-page .mk-pick .pick-check { position: absolute; top: 8px; right: 8px; }
html[data-game="isle"] body.isle-marketplace-page .mk-sell-form { position: sticky; top: 90px; }
html[data-game="isle"] body.isle-marketplace-page .mk-sell-preview {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
  padding: 12px;
  border: 1px dashed var(--mk-line);
  border-radius: 12px;
  color: var(--muted);
}
html[data-game="isle"] body.isle-marketplace-page .mk-sell-preview.picked { border-style: solid; border-color: color-mix(in srgb, var(--mk-accent) 45%, transparent); background: var(--mk-soft); }
html[data-game="isle"] body.isle-marketplace-page .mk-sell-preview > div { flex: 1; min-width: 0; }
html[data-game="isle"] body.isle-marketplace-page .mk-sell-preview strong { display: block; color: #fff; font-size: 16px; }
html[data-game="isle"] body.isle-marketplace-page .mk-sell-preview small { font-size: 12px; }
html[data-game="isle"] body.isle-marketplace-page .mk-step {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--mk-accent);
  color: #02090e;
  font: 900 12px/1 var(--font-h, inherit);
}
html[data-game="isle"] body.isle-marketplace-page .mk-step-label { display: flex; align-items: center; gap: 9px; margin: 4px 0 10px; color: #fff; font-weight: 800; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; }

/* ---------- Rows: listings, history, wanted, auctions ---------- */
html[data-game="isle"] body.isle-marketplace-page .mk-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  background: var(--mk-card);
  border: 1px solid var(--mk-line);
  border-radius: 14px;
  transition: border-color .15s ease;
}
html[data-game="isle"] body.isle-marketplace-page .mk-row:hover { border-color: color-mix(in srgb, var(--mk-accent) 45%, transparent); }
html[data-game="isle"] body.isle-marketplace-page .mk-row + .mk-row { margin-top: 8px; }
html[data-game="isle"] body.isle-marketplace-page .mk-row-main { flex: 1; min-width: 0; }
html[data-game="isle"] body.isle-marketplace-page .mk-row .history-title,
html[data-game="isle"] body.isle-marketplace-page .mk-row .wanted-title { display: flex; align-items: center; gap: 8px; color: #fff; font-size: 16px; font-weight: 800; }
html[data-game="isle"] body.isle-marketplace-page .mk-row .history-meta,
html[data-game="isle"] body.isle-marketplace-page .mk-row .wanted-meta { margin-top: 5px; color: var(--muted); font-size: 12px; }
html[data-game="isle"] body.isle-marketplace-page .mk-row .mk-growth { max-width: 260px; }
html[data-game="isle"] body.isle-marketplace-page .mk-row-side { display: flex; align-items: center; gap: 14px; flex: none; }
html[data-game="isle"] body.isle-marketplace-page .mk-role { padding: 3px 8px; border-radius: 6px; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
html[data-game="isle"] body.isle-marketplace-page .mk-role.sold { color: #02130c; background: var(--mk-good); }
html[data-game="isle"] body.isle-marketplace-page .mk-role.bought { color: #02090e; background: var(--mk-accent); }
html[data-game="isle"] body.isle-marketplace-page .mk-receipt { font-family: ui-monospace, Consolas, monospace; opacity: .75; }
html[data-game="isle"] body.isle-marketplace-page .mk-auction.is-leading { border-color: rgba(92, 241, 189, .45); box-shadow: inset 3px 0 0 var(--mk-good); }
html[data-game="isle"] body.isle-marketplace-page .mk-bidblock { display: grid; justify-items: end; gap: 4px; }
html[data-game="isle"] body.isle-marketplace-page .mk-bidblock small { color: var(--muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
html[data-game="isle"] body.isle-marketplace-page .mk-bid { display: flex; gap: 6px; }
html[data-game="isle"] body.isle-marketplace-page .mk-bid input { width: 112px; }
html[data-game="isle"] body.isle-marketplace-page .mk-timer-inline { white-space: nowrap; }
html[data-game="isle"] body.isle-marketplace-page .mk-timer-inline.soon { color: var(--mk-warn); font-weight: 800; }

/* ---------- Price guide ---------- */
html[data-game="isle"] body.isle-marketplace-page .mk-guide { display: grid; gap: 8px; }
html[data-game="isle"] body.isle-marketplace-page .mk-guide-row {
  display: grid;
  grid-template-columns: auto minmax(150px, 1.1fr) minmax(110px, .7fr) minmax(180px, 1.4fr) minmax(0, 1.2fr);
  align-items: center;
  gap: 16px;
  padding: 10px 14px;
  background: var(--mk-card);
  border: 1px solid var(--mk-line);
  border-radius: 14px;
}
html[data-game="isle"] body.isle-marketplace-page .mk-guide-name strong { display: block; color: #fff; font-size: 16px; }
html[data-game="isle"] body.isle-marketplace-page .mk-guide-name small { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; }
html[data-game="isle"] body.isle-marketplace-page .mk-guide-name .mk-pill { margin-top: 4px; }
html[data-game="isle"] body.isle-marketplace-page .mk-guide-median small { display: block; color: var(--muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
html[data-game="isle"] body.isle-marketplace-page .mk-range-track { position: relative; display: block; height: 8px; border-radius: 4px; background: rgba(255, 255, 255, .06); }
html[data-game="isle"] body.isle-marketplace-page .mk-range-track i { position: absolute; top: 0; bottom: 0; border-radius: 4px; background: color-mix(in srgb, var(--mk-accent) 45%, transparent); }
html[data-game="isle"] body.isle-marketplace-page .mk-range-track b { position: absolute; top: -4px; width: 4px; height: 16px; margin-left: -2px; border-radius: 2px; background: var(--mk-gold); box-shadow: 0 0 8px rgba(216, 239, 152, .6); }
html[data-game="isle"] body.isle-marketplace-page .mk-range-labels { display: flex; justify-content: space-between; margin-top: 5px; color: var(--muted); font-size: 10px; }
html[data-game="isle"] body.isle-marketplace-page .mk-recent { display: flex; flex-wrap: wrap; gap: 5px; }
html[data-game="isle"] body.isle-marketplace-page .mk-recent span { padding: 3px 8px; border-radius: 6px; background: rgba(255, 255, 255, .04); color: #fff; font-size: 12px; font-weight: 700; }
html[data-game="isle"] body.isle-marketplace-page .mk-recent small { color: var(--muted); font-weight: 600; }

/* ---------- Top traders and missions ---------- */
html[data-game="isle"] body.isle-marketplace-page .mk-board { display: grid; gap: 8px; }
html[data-game="isle"] body.isle-marketplace-page .mk-rank {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) minmax(80px, 1.2fr) auto;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  background: var(--mk-card);
  border: 1px solid var(--mk-line);
  border-radius: 12px;
}
html[data-game="isle"] body.isle-marketplace-page .mk-rank.top1 { border-color: rgba(255, 210, 90, .5); background: linear-gradient(90deg, rgba(255, 210, 90, .12), transparent 60%), var(--mk-card); }
html[data-game="isle"] body.isle-marketplace-page .mk-medal { font-size: 20px; text-align: center; color: var(--muted); font-weight: 800; }
html[data-game="isle"] body.isle-marketplace-page .mk-rank-name { display: flex; align-items: center; gap: 6px; min-width: 0; color: #fff; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-game="isle"] body.isle-marketplace-page .mk-rank-name .verified-tick { color: var(--mk-good); font-size: 12px; }
html[data-game="isle"] body.isle-marketplace-page .mk-rank-bar,
html[data-game="isle"] body.isle-marketplace-page .mk-progress { position: relative; display: block; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .07); overflow: hidden; }
html[data-game="isle"] body.isle-marketplace-page .mk-rank-bar i,
html[data-game="isle"] body.isle-marketplace-page .mk-progress i { position: absolute; inset: 0 auto 0 0; border-radius: 3px; background: var(--mk-accent); }
html[data-game="isle"] body.isle-marketplace-page .mk-rank b { color: #fff; font-size: 16px; }
html[data-game="isle"] body.isle-marketplace-page .mk-rank b small { color: var(--muted); font-size: 11px; }
html[data-game="isle"] body.isle-marketplace-page .mk-mission { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border: 1px solid var(--mk-line); border-radius: 12px; background: rgba(2, 9, 14, .35); }
html[data-game="isle"] body.isle-marketplace-page .mk-mission + .mk-mission { margin-top: 8px; }
html[data-game="isle"] body.isle-marketplace-page .mk-mission .wanted-title { color: #fff; font-weight: 800; font-size: 14px; }
html[data-game="isle"] body.isle-marketplace-page .mk-mission .mk-progress { margin: 7px 0 4px; }
html[data-game="isle"] body.isle-marketplace-page .mk-mission small { color: var(--muted); font-size: 11px; }
html[data-game="isle"] body.isle-marketplace-page .mk-mission.done .mk-progress i { background: var(--mk-good); }
html[data-game="isle"] body.isle-marketplace-page .mk-reward { color: var(--mk-gold); font-weight: 900; white-space: nowrap; }

/* ---------- Smaller screens ---------- */
@media (max-width: 1100px) {
  html[data-game="isle"] body.isle-marketplace-page .mk-pulse { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html[data-game="isle"] body.isle-marketplace-page .mk-guide-row { grid-template-columns: auto minmax(0, 1fr) auto; }
  html[data-game="isle"] body.isle-marketplace-page .mk-guide-row .mk-range,
  html[data-game="isle"] body.isle-marketplace-page .mk-guide-row .mk-recent { grid-column: 2 / -1; }
}
@media (max-width: 980px) {
  html[data-game="isle"] body.isle-marketplace-page .sell-layout { grid-template-columns: 1fr; }
  html[data-game="isle"] body.isle-marketplace-page .mk-sell-form { position: static; }
}
@media (max-width: 640px) {
  html[data-game="isle"] body.isle-marketplace-page .mk-pulse { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-game="isle"] body.isle-marketplace-page .mk-pulse-item:last-child { grid-column: 1 / -1; }
  html[data-game="isle"] body.isle-marketplace-page .panel-head { flex-wrap: wrap; }
  html[data-game="isle"] body.isle-marketplace-page .mk-row { flex-wrap: wrap; }
  html[data-game="isle"] body.isle-marketplace-page .mk-row-side { width: 100%; justify-content: space-between; }
  html[data-game="isle"] body.isle-marketplace-page .mk-rank { grid-template-columns: 30px minmax(0, 1fr) auto; }
  html[data-game="isle"] body.isle-marketplace-page .mk-rank-bar { display: none; }
}

/* Fixes from the first visual pass. */
html[data-game="isle"] body.isle-marketplace-page .mk-row > :not(.mk-row-main),
html[data-game="isle"] body.isle-marketplace-page .mk-row-side > *,
html[data-game="isle"] body.isle-marketplace-page .mk-card-foot > * { flex-shrink: 0; }
html[data-game="isle"] body.isle-marketplace-page .mk-row .mk-pill.lead { color: #02130c; background: var(--mk-good); }
html[data-game="isle"] body.isle-marketplace-page .mk-deal,
html[data-game="isle"] body.isle-marketplace-page .mk-timer { white-space: nowrap; }
html[data-game="isle"] body.isle-marketplace-page .mk-card .dino-name { word-break: normal; overflow-wrap: normal; hyphens: none; }
html[data-game="isle"] body.isle-marketplace-page .mk-deal,
html[data-game="isle"] body.isle-marketplace-page .mk-timer { z-index: 3; }
html[data-game="isle"] body.isle-marketplace-page .mk-timer { background: rgba(2, 9, 14, .82); }
html[data-game="isle"] body.isle-marketplace-page .mk-pick input { width: 1px; height: 1px; }