.playing-pill-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%}.playing-pill{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;height:28px;box-sizing:border-box;padding:0 12px 0 10px;border-radius:999px;background:color-mix(in srgb,#16a34a 12%,transparent);color:#15803d;font-size:14px;font-weight:700;line-height:1;white-space:nowrap}.dark .playing-pill{background:#45bd6224;color:#5fd37a}.playing-pill--away{padding:0 12px;background:var(--fb-context-pill);color:var(--fb-text-secondary);font-weight:600}.dark .playing-pill--away{background:var(--fb-context-pill);color:var(--fb-text-secondary)}.playing-pill__dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#22c55e}.dark .playing-pill__dot{background:#45bd62}.playing-pill__game{flex-shrink:0}.playing-pill__doing{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:var(--fb-text-secondary)}.playing-pill__join{display:inline-flex;align-items:center;height:28px;padding:0 14px;border-radius:999px;background:#15803d;color:#fff;font-size:14px;font-weight:800;text-decoration:none}.playing-pill__join:hover{background:#166534;color:#fff;text-decoration:none}.dark .playing-pill__join{background:#45bd62;color:#0f2a17}.dark .playing-pill__join:hover{background:#5fd37a;color:#0f2a17}