.liquidation-treemap-card { min-height: 500px; }
.liquidation-treemap {
  position: relative;
  display: block;
  min-height: 440px;
  padding: 0;
  background: radial-gradient(circle at 50% 20%, rgba(22, 115, 128, .08), transparent 52%), #03070c;
}
.liquidation-treemap > div {
  position: absolute;
  display: block;
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 8px;
  overflow: hidden;
  transition: border-color .18s ease, filter .18s ease, transform .18s ease;
}
.liquidation-treemap > div:hover {
  z-index: 3;
  border-color: rgba(218, 247, 255, .38);
  filter: brightness(1.14);
  transform: translateY(-1px);
}
.liquidation-treemap .is-short-heavy {
  background: radial-gradient(circle at 88% 8%, rgba(255, 92, 117, .25), transparent 42%), linear-gradient(145deg, rgba(67, 22, 35, .97), rgba(18, 15, 25, .98));
  box-shadow: inset 0 0 34px rgba(255, 55, 88, .07);
}
.liquidation-treemap .is-long-heavy {
  background: radial-gradient(circle at 88% 8%, rgba(38, 218, 170, .23), transparent 42%), linear-gradient(145deg, rgba(13, 58, 50, .97), rgba(10, 20, 24, .98));
  box-shadow: inset 0 0 34px rgba(39, 211, 166, .07);
}
.liquidation-tile-content {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: clamp(8px, 1vw, 14px);
}
.liquidation-tile-name { display: flex; align-items: center; gap: 8px; min-width: 0; }
.liquidation-tile-icon { width: 22px; height: 22px; flex: 0 0 auto; filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .35)); }
.liquidation-tile-watermark {
  position: absolute;
  z-index: 1;
  top: 8%;
  right: 5%;
  width: clamp(58px, 33%, 150px);
  height: auto;
  opacity: .12;
  filter: grayscale(.15) drop-shadow(0 12px 24px rgba(0, 0, 0, .35));
  transform: rotate(-8deg);
  pointer-events: none;
}
.liquidation-treemap .liquidation-tile-content strong { color: #f5fbff; font-size: clamp(16px, 1.55vw, 25px); letter-spacing: -.03em; }
.liquidation-treemap .liquidation-tile-content > span { margin-top: 4px; color: rgba(239, 249, 255, .9); font: 750 12px ui-monospace, SFMono-Regular, Menlo, monospace; }
.liquidation-treemap .liquidation-tile-content small { margin-top: 7px; color: rgba(197, 214, 225, .62); font-size: 12px; font-weight: 800; letter-spacing: .07em; }
.liquidation-treemap .liquidation-tile-content em {
  margin-top: 5px;
  padding: 3px 6px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  letter-spacing: .04em;
}
.liquidation-treemap .is-short-heavy em { color: #ff7185; background: rgba(255, 70, 99, .08); }
.liquidation-treemap .is-long-heavy em { color: #43ddb5; background: rgba(43, 215, 172, .08); }
.liquidation-treemap .tile-sm .liquidation-tile-watermark,
.liquidation-treemap .tile-micro .liquidation-tile-watermark { width: 48px; opacity: .1; }
.liquidation-treemap .tile-sm small,
.liquidation-treemap .tile-sm em,
.liquidation-treemap .tile-micro small,
.liquidation-treemap .tile-micro em { display: none; }
.liquidation-treemap .tile-micro .liquidation-tile-icon { width: 18px; height: 18px; }
.liquidation-treemap .tile-micro .liquidation-tile-content { padding: 7px; }
.liquidation-treemap .tile-micro .liquidation-tile-content strong { font-size: 14px; }
.liquidation-treemap .tile-micro .liquidation-tile-content > span { margin-top: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 760px) { .liquidation-treemap { min-height: 520px; } }