.wallet-pill{position:relative;overflow:visible}
[data-balance]{font-variant-numeric:tabular-nums;white-space:nowrap}
.balance-credit{position:absolute;top:calc(100% + 2px);right:12px;color:#07884c;font-size:11px;font-weight:600;line-height:13px;pointer-events:none;white-space:nowrap;font-variant-numeric:tabular-nums;animation:balance-credit-in 140ms ease-out both}
.balance-credit[hidden]{display:none}
:root[data-theme=dark] .balance-credit{color:#6de2a0}
@keyframes balance-credit-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
.participants-card{position:relative;min-width:0}
.participant-controls[hidden]{display:none}
.participant-controls button{position:absolute;top:calc(50% - 17px);width:26px;height:34px;display:grid;place-items:center;background:#fff;border:1px solid #e8e3dd;color:#777780;border-radius:9px;padding:4px;z-index:2;transition:opacity 150ms,border-color 150ms}
.participant-controls button:first-child{left:5px}.participant-controls button:last-child{right:5px}
.participant-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.participant-controls button:disabled{opacity:.3;cursor:default}
.participant-controls button:not(:disabled):hover{border-color:var(--orange);color:var(--orange)}
.participant-controls button:focus-visible,.participants:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.participants-card.has-participant-overflow{padding-inline:36px}
.has-participant-overflow .participants{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc(100% / 6);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;min-width:0;padding-block:3px;margin-block:-3px}
.has-participant-overflow .participants::-webkit-scrollbar{display:none}
.has-participant-overflow .participant{scroll-snap-align:start;min-width:0}
.participant-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.participant-tickets{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
:root[data-theme=dark] .participant-controls button{background:#24272e;border-color:#383c44;color:#b1b5bf}
@media(max-width:760px){
 .has-participant-overflow .participants{grid-template-rows:repeat(2,auto);grid-auto-columns:calc((100% - 16px) / 3)}
 .participants-card.has-participant-overflow{padding-inline:34px}
 .participant-controls button{width:24px;height:34px}
 .balance-credit{right:8px;font-size:10px;line-height:12px;top:calc(100% + 2px)}
}
@media(prefers-reduced-motion:reduce){.balance-credit{animation:none}.participant-controls button{transition:none}}
/* Only accepted stakes occupy tiles; reserve the rail when a round is still empty. */
.participants { min-height: 56px; grid-auto-rows: 56px; }
.participants-empty {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  color: var(--muted);
  font-size: 13px;
}
@media (min-width: 761px) and (max-width: 1270px) {
  .participants { min-height: 88px; grid-auto-rows: 88px; }
}
@media (max-width: 760px) {
  .participants { min-height: 142px; grid-template-rows: repeat(2, 67px); grid-auto-rows: 67px; }
  .has-participant-overflow .participants { grid-template-rows: repeat(2, 67px); }
  .participants-empty { grid-row: 1 / 3; font-size: 12px; }
}