/* ===== V3 polish: market section separation ===== */
.marketWrap{
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid rgba(148,163,184,.18);
  position: relative;
}
.marketWrap::before{
  content:"";
  position:absolute;
  left:-2px; right:-2px; top:8px; bottom:-6px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(56,189,248,.08), rgba(34,197,94,.05) 55%, rgba(2,6,23,0));
  border: 1px solid rgba(56,189,248,.16);
  pointer-events:none;
  opacity:.95;
}
.marketWrap > *{ position: relative; }

/* Make the “market” intro line feel like a section header */
.marketWrap .row{
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(2,6,23,.18);
  border: 1px solid rgba(148,163,184,.18);
}

/* Market box: a bit more contrast from the hero */
#marketBox{
  margin-top: 12px !important;
  padding: 12px;
  border-radius: 16px;
  background: rgba(2,6,23,.22);
  border: 1px solid rgba(148,163,184,.18);
}

/* ===== History modal polish ===== */
.midCard{
  background: linear-gradient(180deg, rgba(2,6,23,.78), rgba(2,6,23,.62));
  border: 1px solid rgba(148,163,184,.16);
  box-shadow: 0 18px 55px rgba(0,0,0,.55);
}
.midHeader{
  position: sticky;
  top: 0;
  z-index: 2;
  padding-bottom: 10px;
  background: linear-gradient(180deg, rgba(2,6,23,.92), rgba(2,6,23,.70));
  border-bottom: 1px solid rgba(148,163,184,.12);
  backdrop-filter: blur(10px);
}
.midHeader .row{ gap:10px; flex-wrap: wrap; justify-content:flex-end; }
.midTitle{ letter-spacing:.2px; }
.histList{
  padding-right: 6px;
}
.histItem{
  background: rgba(15,23,42,.35);
  border: 1px solid rgba(148,163,184,.16);
  box-shadow: 0 10px 22px rgba(0,0,0,.22);
  transition: transform .12s ease, border-color .12s ease;
}
.histItem:hover{
  transform: translateY(-1px);
  border-color: rgba(56,189,248,.28);
}
.histTop .t{
  font-size: 18px;
  letter-spacing:.2px;
}
.histTop .p{
  font-weight: 900;
  background: linear-gradient(90deg, rgba(56,189,248,1), rgba(34,197,94,1));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 6px 16px rgba(0,0,0,.35));
}
.histMeta{
  color: rgba(226,232,240,.72);
}
/* Footer hint in history */
.midHint{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed rgba(148,163,184,.18);
  color: rgba(226,232,240,.62);
}