.bet-cell-content { display: inline-block; text-align: center; }
.tooltip-anchor {
  position: relative;
  z-index: 0;
}
.tooltip-anchor[data-tooltip] { cursor: help; }
.bet-input-wrap { display: inline-block; }
.crowd-inline {
  display: block;
  margin-top: 6px;
  color: #475569;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.tooltip-anchor::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  z-index: 20;
  width: max-content;
  max-width: min(280px, 70vw);
  padding: 7px 9px;
  border-radius: 6px;
  background: #0b1f44;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  white-space: pre-line;
  text-align: left;
  overflow-wrap: anywhere;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, 4px);
  transition: opacity .12s ease, transform .12s ease, visibility 0s linear .12s;
}
.tooltip-anchor[data-tooltip]:hover,
.tooltip-anchor[data-tooltip]:focus-within {
  z-index: 20;
}
.tooltip-anchor[data-tooltip]:hover::after,
.tooltip-anchor[data-tooltip]:focus-within::after {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
  transition-delay: 0s;
}
.crowd-total {
  display: block;
  color: #334155;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.crowd-inline.crowd-profit-win { color: #15803d; }
.crowd-inline.crowd-profit-lose { color: #b91c1c; }
.crowd-inline.crowd-profit-neutral { color: #64748b; }

@media (max-width: 720px) {
  .crowd-inline { font-size: 13px; }
  .crowd-total { font-size: 14px; }
}