@charset "UTF-8";.friend-game-line{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%}.friend-game-line__text{overflow:hidden;font-size:13px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;color:var(--fb-text-secondary)}.friend-game-line__text--ahead,.friend-game-line__text--behind,.friend-game-line__text--level{font-weight:700}.friend-game-line__text--ahead{color:var(--fb-record-ahead)}.friend-game-line__text--behind{color:var(--fb-record-behind)}.friend-game-line--list .game-glyph{border-radius:5px}.friend-game-line--list .friend-game-line__text{font-weight:400}.friend-game-line--list .friend-game-line__text--live{color:var(--fb-online);font-weight:700}.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}.game-glyph{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--glyph-size);height:var(--glyph-size);border-radius:var(--glyph-radius, calc(var(--glyph-size) / 4));background:linear-gradient(135deg,var(--game-from) 0%,var(--game-to) 100%);font-size:calc(var(--glyph-size) * .58);line-height:1}.game-glyph__face{max-width:70%;max-height:70%;-o-object-fit:contain;object-fit:contain}