/* タイトル */
.siaitaitoru {
  max-width: 1024px;
  margin: 80px auto 0 auto;
}

.siaitaitoru h1 {
  font-size: 30px;
}

/* テーブルを横スクロール可能にするラッパー */
.table-container {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100vw;
  padding-bottom: 1rem;
  /* border-bottom: 1px solid #ccc;  ← これを削除またはコメントアウト */
  margin: 0 auto;
}

/* テーブル本体 */
table {
  width: 100%;
  min-width: 600px;
  max-width: 1024px;
  margin: 0 auto 1rem;
  border-collapse: collapse;
}

/* テーブルのセル共通スタイル */
thead th, tbody th, tbody td {
  border: 1px solid #999;
  text-align: center;
  padding: 6px 8px;
  width: 40px;
  user-select: none;
  white-space: nowrap;
}

/* チーム名セル */
#awayTeamName, #homeTeamName {
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  vertical-align: middle;
  padding: 4px 8px;
  font-size: 14px;
}

/* ハイライトセル */
.highlight {
  background-color: yellow;
}

/* 試合状態や回情報 */
#gameStatus, #currentInningInfo {
  font-weight: bold;
  text-align: center;
  margin: 10px auto;
}

/* 状態表示エリア */
.status-wrapper {
  text-align: center;
  margin-top: 10px;
}

#gameStatus {
  font-weight: bold;
  text-align: center;
  margin: 10px auto;
  font-size: 1rem;
  padding: 5px 16px;
  border-radius: 8px;
  display: inline-block;
  min-width: 140px;
  user-select: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* 試合状態の色分け */
#gameStatus.in_progress {
  background-color: #E33434;
  color: white;
}

#gameStatus.finished {
  background-color: #333;
  color: white;
}

#gameStatus.postponed {
  background-color: #3AAA39;
  color: white;
}

#gameStatus.paused {
  background-color: #2E84E9;
  color: white;
}

#gameStatus.hidden {
  background-color: transparent;
  color: transparent;
  box-shadow: none;
}

/* スマホ表示時にスクロールバーを表示 */
@media (max-width: 768px) {
  .table-container::-webkit-scrollbar {
    height: 8px;
  }

  .table-container::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 4px;
  }

  .table-container::-webkit-scrollbar-track {
    background-color: #f0f0f0;
  }
}