/* Rizzball shared player chips. Loaded by index, rosters, powerup. */

/* Option B: position circle, team logo circle, headshot, name */
.prow{display:flex;align-items:center;gap:8px;min-width:0}
.prow .ppos{width:30px;height:30px;border-radius:50%;background:var(--panel2);border:2px solid var(--line);color:var(--grass);font-family:"Anton",Impact,sans-serif;font-size:13px;display:flex;align-items:center;justify-content:center;flex:none;letter-spacing:.02em}
.prow .plogo{width:32px;height:32px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden}
.prow .plogo img{width:24px;height:24px;object-fit:contain}
.prow .pface{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:top;background:#0D1A2C;flex:none}
.prow .pface.blank{display:flex;align-items:center;justify-content:center;color:var(--dim);font-size:12px;font-weight:900;background:#22385A}
.prow .pname{font-weight:800;font-size:15px;line-height:1.15;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prow .pname small{color:var(--dim);font-size:11px;font-weight:900;letter-spacing:.06em;margin-left:5px}
.prow .pname .subtxt{display:block;color:var(--gold);font-size:11px;font-weight:900;white-space:normal}
.prow.sm .ppos{width:24px;height:24px;font-size:11px}
.prow.sm .plogo{width:26px;height:26px}
.prow.sm .plogo img{width:19px;height:19px}
.prow.sm .pface{width:30px;height:30px}
.prow.sm .pname{font-size:13px}
.prow.nopos .ppos{display:none}

/* Option A: headshot with a small logo badge, for tight spots */
.face{position:relative;display:inline-block;flex:none;width:22px;height:22px}
.face img.fimg{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top;background:#0D1A2C;display:block}
.face .finit{width:100%;height:100%;border-radius:50%;background:#22385A;color:var(--chalk);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900}
.face img.flogo{position:absolute;right:-5px;bottom:-4px;width:13px;height:13px;border-radius:50%;background:#fff;padding:1px;object-fit:contain}
.face.lg{width:30px;height:30px}
.face.lg img.flogo{width:16px;height:16px;right:-6px;bottom:-5px}