/* Balão flutuante de dados (assets/js/data-pop.js) */
.u-pop.u-pop--float {
  position: fixed;
  left: 0;
  top: 0;
  bottom: auto;
  z-index: 1000;
  display: grid;
  gap: 6px;
  min-width: 0;
  width: max-content;
  max-width: min(320px, calc(100vw - 16px));
  padding: 11px 14px 12px;
  border-radius: 12px;
  background: #0d121b;
  border: 1px solid #2c384c;
  color: #e9edf3;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(6px) scale(0.98);
  transform-origin: var(--arrow-x, 50%) 100%;
  transition: opacity 0.16s ease, transform 0.2s cubic-bezier(.2, .8, .2, 1), visibility 0.16s;
}
.u-pop--float.is-below { transform: translateY(-6px) scale(0.98); transform-origin: var(--arrow-x, 50%) 0; }
.u-pop--float.is-on { opacity: 1; visibility: visible; transform: none; }
.u-pop--float::after {
  content: "";
  position: absolute;
  left: var(--arrow-x, 50%);
  top: 100%;
  width: 12px;
  height: 12px;
  background: inherit;
  border-right: inherit;
  border-bottom: inherit;
  transform: translate(-50%, -6px) rotate(45deg);
}
.u-pop--float.is-below::after { top: auto; bottom: 100%; transform: translate(-50%, 6px) rotate(225deg); }
.u-pop--float .u-pop-title { font-size: 0.66rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #8b96a9; }
.u-pop--float .u-pop-value { font-family: var(--u-display, var(--game, "Rajdhani", sans-serif)); font-size: 1.5rem; font-weight: 400; line-height: 1.05; font-variant-numeric: tabular-nums; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.u-pop--float.is-text .u-pop-value { font-family: inherit; font-size: 0.86rem; font-weight: 600; line-height: 1.4; white-space: normal; }
.u-pop--float .u-pop-row { display: flex; justify-content: space-between; gap: 18px; padding-top: 6px; border-top: 1px solid rgba(255, 255, 255, 0.07); font-size: 0.78rem; color: #9aa6b8; white-space: nowrap; }
.u-pop--float .u-pop-row b { color: #e9edf3; font-weight: 600; font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) {
  .u-pop--float { transition: none; }
}