/* Standalone additive styling; removing this file and its module tag restores the live baseline. */
.market-heatmap.cap-proportional {
  display: block !important;
  position: relative;
  height: var(--cap-map-height) !important;
  min-height: 0 !important;
  overflow: hidden;
}
.market-heatmap.cap-proportional > .heat-tile {
  position: absolute !important;
  grid-area: auto !important;
  left: var(--cap-x) !important;
  top: var(--cap-y) !important;
  width: max(0px, calc(var(--cap-w) - 5px)) !important;
  height: max(0px, calc(var(--cap-h) - 5px)) !important;
  min-height: 0 !important;
  margin: 0 !important;
  box-sizing: border-box;
}
.market-heatmap.cap-proportional > .heat-tile.cap-hero {
  padding: clamp(18px, 4vw, 40px);
  border-radius: 10px;
}
.market-heatmap.cap-proportional > .heat-tile.cap-hero .coin-id strong {
  font-size: clamp(38px, 9vw, 112px);
  line-height: 1;
  letter-spacing: -.045em;
}
.market-heatmap.cap-proportional > .heat-tile.cap-hero .tile-price {
  font-size: clamp(30px, 6vw, 76px);
  letter-spacing: -.035em;
}
.market-heatmap.cap-proportional > .heat-tile.cap-small { padding: 6px; }
.market-heatmap.cap-proportional > .heat-tile.cap-small .coin-id { gap: 3px; }
.market-heatmap.cap-proportional > .heat-tile.cap-small .coin-orb,
.market-heatmap.cap-proportional > .heat-tile.cap-small .coin-id span:not(.coin-orb),
.market-heatmap.cap-proportional > .heat-tile.cap-small .tile-footer,
.market-heatmap.cap-proportional > .heat-tile.cap-small .watch-button { display: none; }
.market-heatmap.cap-proportional > .heat-tile.cap-small .coin-id strong { font-size: clamp(10px, 1.1vw, 14px); }
.market-heatmap.cap-proportional > .heat-tile.cap-small .tile-price { font-size: 12px; }
.market-heatmap.cap-proportional > .heat-tile.cap-tiny .tile-main { display: none; }
.market-heatmap.cap-proportional > .heat-tile.cap-tiny .coin-id strong { font-size: 10px; }
@media (max-width: 600px) {
  .market-heatmap.cap-proportional > .heat-tile.cap-hero .coin-id strong { font-size: clamp(44px, 18vw, 88px); }
  .market-heatmap.cap-proportional > .heat-tile.cap-hero .tile-price { font-size: clamp(36px, 10vw, 56px); }
  .market-heatmap.cap-proportional > .heat-tile.cap-small .coin-id strong { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .market-heatmap.cap-proportional > .heat-tile { animation: none !important; transition: none !important; }
}