/* ==========================================================================
   PLIXWIN – Latest bets (v3): one flat table, amounts in the viewer's currency
   ========================================================================== */
#pxBets .lbx {
  --lb-bg: #061A24; --lb-stripe: #09212D; --lb-green: #00B175; --lb-win: #10C98A;
  --lb-text: #FFFFFF; --lb-soft: #C3D3DA; --lb-muted: #86A4B6; --lb-dim: #5E7A8A;
  background: var(--lb-bg); border-radius: 16px; padding: 6px 8px 8px;
  font-family: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif; color: var(--lb-text);
  font-variant-numeric: tabular-nums;
}
#pxBets .lbx-row {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(0, 1.1fr) minmax(0, .8fr) minmax(0, 1.1fr) minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center; gap: 16px; min-height: 46px; padding: 0 14px; border-radius: 10px;
  font-size: 13.5px; font-weight: 600;
}
#pxBets .lbx-head { min-height: 40px; font-size: 13px; font-weight: 600; color: var(--lb-dim); }
#pxBets .lbx-body .lbx-row:nth-child(odd) { background: var(--lb-stripe); }
#pxBets .lbx-row > span { display: flex; align-items: center; gap: 7px; min-width: 0; white-space: nowrap; }
#pxBets .lbx-r { justify-content: flex-end; text-align: right; }
#pxBets .lbx-row em, #pxBets .lbx-row b, #pxBets .lbx-c-game a, #pxBets .lbx-c-game button {
  font-style: normal; font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* game: two-tone icon + name */
#pxBets .lbx-c-game { gap: 10px !important; color: var(--lb-text); }
#pxBets .lbx-c-game .tl-duo { width: 20px !important; height: 20px !important; flex: none; }
#pxBets .lbx-c-game a, #pxBets .lbx-c-game button { all: unset; cursor: pointer; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#pxBets .lbx-c-game b { font-weight: 700; }
#pxBets .lbx-c-game a:hover, #pxBets .lbx-c-game button:hover { color: var(--lb-win); }
#pxBets .lbx-c-game a:focus-visible, #pxBets .lbx-c-game button:focus-visible { outline: 2px solid var(--lb-green); outline-offset: 2px; border-radius: 4px; }

#pxBets .lbx-c-user { color: var(--lb-soft); overflow: hidden; text-overflow: ellipsis; display: flex !important; align-items: center; }
.px-hidden-user { display: inline-flex; align-items: center; gap: 6px; color: #8DA2B5; font-weight: 600; font-size: 13.5px; line-height: 1; letter-spacing: -0.01em; }
.px-hidden-user .px-i-spy { width: 14px; height: 14px; flex: none; stroke: #8DA2B5; }
#pxBets .lbx-c-time { color: var(--lb-muted); }
#pxBets .lbx-c-bet { color: var(--lb-text); }
#pxBets .lbx-c-mult { color: var(--lb-text); }
#pxBets .lbx-c-mult.is-zero { color: var(--lb-dim); }
#pxBets .lbx-c-pay { color: var(--lb-muted) !important; }
#pxBets .lbx-c-pay.is-win { color: var(--lb-win) !important; }

/* currency coin – same as the header balance */
#pxBets .lbx-coin {
  width: 16px; height: 16px; flex: none; border-radius: 50%; display: inline-grid; place-items: center;
  background: var(--lb-green); color: #FFFFFF; font-style: normal; font-size: 9.5px; font-weight: 800; line-height: 1;
}
#pxBets .lbx-c-pay:not(.is-win) .lbx-coin { background: #2A4552; color: #A9BEC9; }

/* new rows fade in */
#pxBets .lbx-row.is-new { animation: lbxIn .4s ease both; }
@keyframes lbxIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
#pxBets .lbx-row.is-skel { position: relative; }
#pxBets .lbx-row.is-skel::after { content: ""; position: absolute; left: 14px; right: 14px; top: 50%; height: 10px; margin-top: -5px; border-radius: 6px; background: #0B2633; }
#pxBets .lbx-empty { padding: 28px 14px; text-align: center; font-size: 13.5px; font-weight: 600; color: var(--lb-muted); }

/* tablet: drop the time column */
@media (max-width: 1100px) {
  #pxBets .lbx-row { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.1fr) minmax(0, 1.1fr) minmax(0, .9fr) minmax(0, 1.1fr); }
  #pxBets .lbx-c-time { display: none !important; }
}
/* phone: Game · Multiplier · Payout */
@media (max-width: 700px) {
  #pxBets .lbx { padding: 4px 6px 6px; border-radius: 14px; }
  #pxBets .lbx-row { grid-template-columns: minmax(0, 1.5fr) minmax(0, .8fr) minmax(0, 1.15fr); gap: 10px; min-height: 44px; padding: 0 10px; font-size: 13px; }
  #pxBets .lbx-head { min-height: 36px; font-size: 12px; }
  #pxBets .lbx-c-user, #pxBets .lbx-c-time, #pxBets .lbx-c-bet { display: none !important; }
  #pxBets .lbx-c-game { gap: 8px !important; }
  #pxBets .lbx-c-game .tl-duo { width: 18px !important; height: 18px !important; }
}
@media (prefers-reduced-motion: reduce) { #pxBets .lbx-row.is-new { animation: none; } }
#pxBets .lbx-head > span { color: var(--lb-dim) !important; font-weight: 600; }
#pxBets .lbx-game-picture { width: 30px; height: 36px; object-fit: cover; border-radius: 5px; flex: none; }
.activity-demo-note { color: #86A4B6; font: 700 10px 'Manrope', sans-serif; letter-spacing: .06em; }