/*

topic.cssから一部コピーしてきたもの

*/

/* 大会メモプレイヤーリスト */
/* 親コンテナ */
.topic_player_list {
	display: flex;
	flex-wrap: wrap;      /* 足りなければ次の行に折り返す */
	gap: 0px;            /* 要素間の隙間 */
	margin-bottom: 20px;
	/* max-width: 580px; */ /* プレイヤーリストは5列単位（145*5=725）で良いから最大値は指定しない */
}
.topic_player_list_teams {
	display: flex;
	flex-wrap: wrap;      /* 足りなければ次の行に折り返す */
	gap: 0px;            /* 要素間の隙間 */
	margin-bottom: 20px;
	max-width: 580px; /* チーム側は145pxのboxを4列までに制限（最大で5列にならないように） */
}
/* 各プレイヤーBOX */
.topic_player_list_box {
	position: relative;
	width: 145px; /* 最大で5つ並べられつつ、320pxのブラウザで2列になるのが145px（BS3の余白が15x2） */
	flex: 0 0 auto;
	border: 1px solid var(--color13-default-color);
	padding: 5px 5px 5px 5px;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0 -1px -1px 0; /* 2pxになる線を2重にして消してる */
	box-sizing: border-box;
	background-color: var(--color16-default-color);
}
/* チーム単位のBOX */
.topic_player_list_team_box {
  display: flex;
  flex-direction: column; /* プレイヤーは縦並び */
  width: 145px; /* 最大で5つ並べられつつ、320pxのブラウザで2列になるのが145px（BS3の余白が15x2） */
  margin: 0 -1px -1px 0; /* ボーダー重ね込み */
  border: 1px solid var(--color13-default-color);
  box-sizing: border-box;
/*  background-color:; */

}
/* チーム単位のプレイヤーBOX */
.topic_player_list_team_box_player_box, .topic_player_list_teams_box_vs_player {
  position: relative;
  padding: 3px 2px;
  font-size: 14px;
  white-space: nowrap;
  margin: 0 0 -1px 0;
  overflow: hidden;
  text-overflow: ellipsis;
/*  background-color:; */
  border-bottom: 1px solid var(--color13-default-color);
}
/* チーム名ヘッダー */
.topic_player_list_team_header {
  font-weight: bold;
  text-align: center;
  padding: 3px 0;
  margin-bottom: 0;
  background-color: var(--color13-default-color);
  font-size: 11px;
  border-bottom: 1px solid var(--color13-default-color);
}
/* 補足情報がある場合だけ少し余白を空ける */
.topic_player_list_box.has-info, .topic_player_list_team_box_player_box.has-info, .topic_player_list_teams_box_vs_player.has-info {
	padding-right: 25px;
}
/* 補足情報＜右上＞ */
.topic_player_list_box_info_top_right {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 11px;
	color: var(--color7-default-color);
}
/* 補足情報＜右下＞ */
.topic_player_list_box_info_bottom_right {
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 11px;
	color: var(--color10-default-color);
}
.topic_player_list_box_info_char {
	font-size: 11px;
	color: var(--color10-default-color);
}


/* マッチコンテナ：横並び、折り返しあり */
.topic_match_list_teams {
	display: flex;
	flex-wrap: wrap;    /* はみ出したら折り返す */
	gap: 8px 4px;          /* ブラケット間の余白 */
	margin-bottom: 20px;
	max-width: 580px; /* チーム側は290pxのboxを2列までに制限（最大で3列にならないように） */
}
/* マッチチーム単位のBOX */
.topic_match_list_teams_box {
	display: flex;
	flex-direction: column; /* マッチを縦に積む */
	width: 286px; /* 320pxのブラウザで1列になるのが290px（BS3の余白が15x2） */
	border: 1px solid var(--color13-default-color);
	box-sizing: border-box;
	margin: 0;
}
/* 1マッチ（プレイヤー2人） */
.topic_match_list_teams_box_vs {
	position: relative;
	display: flex;           /* プレイヤー横並び */
/*	background-color: var(--color16-default-color);*/
	margin-bottom: -1px;
}
/* チーム単位のプレイヤーBOX */
.topic_player_list_teams_box_vs_player {
	flex: 0 0 143px;         /* 今の.topic_player_list_boxに合わせた幅 */
	padding: 3px 5px;
	font-size: 14px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-right: 1px solid var(--color13-default-color);
	margin-right: -1px;
}
.topic_player_list_teams_box_vs_player_1p {
	padding-right: 15px; /* 「vs」表示用 */
}
.topic_player_list_teams_box_vs_player_2p {
	padding-left: 15px;
}
.topic_player_list_teams_box_vs_icon {
	z-index: 10;
	background-color: var(--color16-default-color);
	font-size:11px;
	padding: 1px;
	position: absolute;
	border: 1px solid var(--color13-default-color);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); /* 中心に移動 */
}

/* 勝敗カラー */
/* 2025-11-07 文字色までは一旦必要ないかも */
.topic_color_win {
  background-color: var(--color_win_1);
/*  color: var(--color_win_2); */
}
.topic_color_lose {
  background-color: var(--color_lose_1);
/*  color: var(--color_lose_2); */
}
.topic_color_draw {
  background-color: var(--color16-default-color);
/*  color: var(--color7-default-color); */
}