/* Captures share the existing second line. No new row appears after a move. */
#play-view .player-row>.player-identity{flex:1;min-width:0}
#play-view .player-row .player-details{display:flex;align-items:center;gap:5px;min-width:0;min-height:18px;line-height:18px}
#play-view .player-row .player-details>small{flex:1;min-width:58px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:18px}
#play-view .player-row .captured-pieces{display:inline-flex;align-items:center;justify-content:flex-start;flex:0 0 auto;gap:2px;height:18px;line-height:1;direction:ltr;isolation:isolate}
#play-view .player-row .captured-pieces[data-empty=true]{width:0;gap:0}
#play-view .captured-piece-group{display:inline-flex;align-items:center;flex:0 0 auto;height:18px;gap:0;border-radius:3px;background:var(--board-light,#eedcba);color:#252525;padding:0 1px}
#play-view .captured-piece-group svg.piece{display:block;flex:0 0 16px;width:16px;height:16px;filter:none;transform:none;pointer-events:none}
#play-view .captured-piece-count{font-size:9px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.4px;line-height:1}
html[lang=ar] #play-view .player-row .player-details{direction:rtl}
/* Landscape already hides the long player note; use that line for captures. */
body[data-viewport-layout=compact-landscape] #play-view .player-details{min-height:14px;line-height:14px}
body[data-viewport-layout=compact-landscape] #play-view .captured-pieces,
body[data-viewport-layout=compact-landscape] #play-view .captured-piece-group{height:14px}
body[data-viewport-layout=compact-landscape] #play-view .captured-piece-group svg.piece{width:14px;height:14px;flex-basis:14px}
@media(min-width:540px) and (max-height:600px){
 #play-view .player-row .player-details{min-height:14px;line-height:14px}
 #play-view .player-row .captured-pieces,#play-view .captured-piece-group{height:14px}
 #play-view .captured-piece-group svg.piece{width:14px;height:14px;flex-basis:14px}
}
@media(max-width:420px){
 #play-view .player-row .player-details{gap:3px}
 #play-view .player-row .captured-pieces{gap:1px}
 #play-view .captured-piece-group{padding:0}
 #play-view .captured-piece-group svg.piece{width:14px;height:16px;flex-basis:14px}
}