/* baken_layout.css */
/* うまAI 共通：馬券レイアウト表示専用CSS */
/* baken_generator.html の内部CSSから外部化（2026-05-17）*/
/* 対象：baken_layout.js が出力する全CSSクラス + .baken-num-box / .baken-sep */
.baken-layout {
  box-sizing: border-box;
  width: 100%;
}

.baken-layout.baken-layout-compact {
  max-width: 100%;
  min-height: 0 !important;
  overflow: hidden;
  padding: 0 !important;
  width: auto !important;
}

.baken-layout.baken-layout-compact.baken-layout-single,
.baken-layout.baken-layout-compact.baken-layout-box,
.baken-layout.baken-layout-compact.baken-layout-formation,
.baken-layout.baken-layout-compact.baken-layout-nagashi {
  min-height: 0 !important;
  padding: 0 !important;
}

/* Standard compact number box: border-width 1px, size 32px */
.baken-layout.baken-layout-compact .baken-num-box {
  border-width: 1px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  height: 32px !important;
  line-height: 1 !important;
  margin: 0 2px !important;
  min-width: 32px !important;
  padding: 0 !important;
  width: 32px !important;
}

/* Grids cells and single box: border-width 1px, size 32px */
.baken-layout.baken-layout-compact.baken-layout-single .baken-num-box,
.baken-layout.baken-layout-compact .baken-box-cell,
.baken-layout.baken-layout-compact .baken-nagashi-cell,
.baken-layout.baken-layout-compact .baken-nagashi-axis-cell,
.baken-layout.baken-layout-compact .baken-nagashi-opponent-cell,
.baken-layout.baken-layout-compact .baken-layout-formation-cell {
  border-width: 1px !important;
  height: 32px !important;
  width: 32px !important;
}

/* Separators and arrows: size 32px */
.baken-layout.baken-layout-compact .baken-sep,
.baken-layout.baken-layout-compact .baken-layout-arrow,
.baken-layout.baken-layout-compact .baken-nagashi-triple-arrow {
  font-size: 18px !important;
  height: 32px !important;
  line-height: 32px !important;
  margin: 0 5px !important;
}

/* Interior boxes: no border, smaller font inside grid */
.baken-layout.baken-layout-compact .baken-box-cell .baken-num-box,
.baken-layout.baken-layout-compact .baken-nagashi-cell .baken-num-box,
.baken-layout.baken-layout-compact .baken-layout-formation-cell .baken-num-box {
  border: 0 !important;
  font-size: 14px !important;
  height: 100% !important;
  margin: 0 !important;
  width: 100% !important;
}

.baken-layout.baken-layout-compact.baken-layout-box {
  --baken-compact-box-size: 26px;
  --baken-compact-box-font: 14px;
  --baken-compact-star-font: 24px;
  --baken-compact-box-gap-y: 2px;
  --baken-compact-box-gap-x: 3px;
  justify-content: center;
}

@media(min-width:601px) and (max-width:1024px) {
  .baken-layout.baken-layout-compact.baken-layout-box {
    --baken-compact-box-size: 26px;
    --baken-compact-box-font: 14px;
    --baken-compact-star-font: 24px;
    --baken-compact-box-gap-y: 2px;
    --baken-compact-box-gap-x: 4px;
  }
}

@media(min-width:1025px) {
  .baken-layout.baken-layout-compact.baken-layout-box {
    --baken-compact-box-size: 40px;
    --baken-compact-box-font: 21px;
    --baken-compact-star-font: 38px;
    --baken-compact-box-gap-y: 4px;
    --baken-compact-box-gap-x: 8px;
  }
}

.baken-layout.baken-layout-compact.baken-layout-box .baken-layout-box-grid {
  gap: var(--baken-compact-box-gap-y) var(--baken-compact-box-gap-x) !important;
  grid-template-columns: repeat(5, var(--baken-compact-box-size)) !important;
  width: max-content;
}

.baken-layout.baken-layout-compact.baken-layout-box .baken-box-cell {
  border-width: 1px !important;
  font-size: var(--baken-compact-box-font) !important;
  height: var(--baken-compact-box-size) !important;
  min-width: var(--baken-compact-box-size) !important;
  width: var(--baken-compact-box-size) !important;
}

.baken-layout.baken-layout-compact.baken-layout-box .baken-box-cell .baken-num-box {
  border: 0 !important;
  font-size: var(--baken-compact-box-font) !important;
  height: 100% !important;
  min-width: var(--baken-compact-box-size) !important;
  width: 100% !important;
}

.baken-layout.baken-layout-compact.baken-layout-box .baken-layout-star {
  font-size: var(--baken-compact-star-font) !important;
  height: var(--baken-compact-box-size) !important;
  width: var(--baken-compact-box-size) !important;
}

.baken-layout.baken-layout-compact.baken-layout-nagashi {
  grid-template-columns: 28px 16px 82px !important;
}

.baken-layout.baken-layout-compact.baken-layout-nagashi-small {
  grid-template-columns: 28px 16px 82px !important;
}

.baken-layout.baken-layout-compact .baken-layout-axis-label,
.baken-layout.baken-layout-compact .baken-layout-col-label {
  font-size: 10px !important;
  height: 14px !important;
  margin-bottom: 2px !important;
}

.baken-layout.baken-layout-compact .baken-nagashi-axis-grid {
  gap: 4px !important;
  grid-template-columns: 24px !important;
}

.baken-layout.baken-layout-compact .baken-nagashi-join-grid {
  gap: 4px !important;
  grid-template-columns: 16px !important;
  margin-top: 18px !important;
}

.baken-layout.baken-layout-compact .baken-nagashi-opponent-grid {
  gap: 4px !important;
  grid-template-columns: repeat(3, 24px) !important;
}

.baken-layout.baken-layout-compact .baken-nagashi-cell,
.baken-layout.baken-layout-compact .baken-nagashi-link-cell,
.baken-layout.baken-layout-compact .baken-nagashi-axis-cell,
.baken-layout.baken-layout-compact .baken-nagashi-opponent-cell {
  height: 24px !important;
}

.baken-layout.baken-layout-compact .baken-layout-formation {
  column-gap: 4px !important;
}

.baken-layout.baken-layout-compact .baken-layout-formation-size-4 .baken-layout-formation-grid,
.baken-layout.baken-layout-compact .baken-layout-formation-size-10 .baken-layout-formation-grid,
.baken-layout.baken-layout-compact .baken-layout-formation-size-18 .baken-layout-formation-grid {
  gap: 4px !important;
  grid-template-columns: repeat(2, 22px) !important;
}

.baken-layout.baken-layout-compact .baken-layout-formation-cell {
  height: 22px !important;
  width: 22px !important;
}

.baken-layout.baken-layout-compact.baken-preview-wide {
  --baken-wide-preview-cell-size: 32px;
  --baken-wide-preview-num-font: 18px;
  --baken-wide-preview-star-font: 24px;
  --baken-wide-preview-gap: 4px;
  --baken-wide-preview-nagashi-join: 32px;
}

.baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-box {
  --baken-compact-box-size: var(--baken-wide-preview-cell-size);
  --baken-compact-box-font: var(--baken-wide-preview-num-font);
  --baken-compact-star-font: var(--baken-wide-preview-star-font);
  --baken-compact-box-gap-y: var(--baken-wide-preview-gap);
  --baken-compact-box-gap-x: var(--baken-wide-preview-gap);
}

.baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-nagashi {
  --baken-wide-preview-cell-size: 37px;
  --baken-wide-preview-num-font: 20px;
  --baken-wide-preview-star-font: 30px;
  --baken-wide-preview-gap: 7px;
  --baken-wide-preview-nagashi-join: 42px;
  --baken-wide-preview-nagashi-offset-y: 16px;
  --baken-wide-preview-opponent-gap-x: 10px;
  grid-template-columns:
    var(--baken-wide-preview-cell-size) var(--baken-wide-preview-nagashi-join) calc(var(--baken-wide-preview-cell-size) * 3 + var(--baken-wide-preview-opponent-gap-x) * 2) !important;
}

.baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-nagashi .baken-nagashi-axis-grid {
  gap: var(--baken-wide-preview-gap) !important;
  grid-template-columns: var(--baken-wide-preview-cell-size) !important;
}

.baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-nagashi .baken-nagashi-join-grid {
  gap: var(--baken-wide-preview-gap) !important;
  grid-template-columns: var(--baken-wide-preview-nagashi-join) !important;
  margin-top: var(--baken-wide-preview-nagashi-offset-y, 16px) !important;
}

.baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-nagashi .baken-nagashi-join-grid::after {
  bottom: calc(var(--baken-wide-preview-cell-size) / 2) !important;
  left: 50% !important;
  top: calc(var(--baken-wide-preview-cell-size) / 2) !important;
  transform: translateX(-1px) !important;
}

.baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-nagashi .baken-nagashi-link-cell::before {
  top: 50% !important;
  transform: translateY(-1px) !important;
}

.baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-nagashi .baken-nagashi-link-cell:first-child::before {
  left: 0 !important;
}

.baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-nagashi .baken-nagashi-link-cell:nth-child(n+2)::before {
  left: 50% !important;
  right: 0 !important;
}

.baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-nagashi .baken-nagashi-link-cell:nth-child(n+4) {
  display: none !important;
}

.baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-nagashi .baken-nagashi-opponent-grid {
  gap: var(--baken-wide-preview-gap) var(--baken-wide-preview-opponent-gap-x, var(--baken-wide-preview-gap)) !important;
  grid-template-columns: repeat(3, var(--baken-wide-preview-cell-size)) !important;
}

.baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-nagashi .baken-nagashi-cell,
.baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-nagashi .baken-nagashi-link-cell,
.baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-nagashi .baken-nagashi-axis-cell,
.baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-nagashi .baken-nagashi-opponent-cell {
  height: var(--baken-wide-preview-cell-size) !important;
  width: var(--baken-wide-preview-cell-size) !important;
}

.baken-layout.baken-layout-compact.baken-preview-wide .baken-nagashi-cell,
.baken-layout.baken-layout-compact.baken-preview-wide .baken-nagashi-link-cell,
.baken-layout.baken-layout-compact.baken-preview-wide .baken-nagashi-axis-cell,
.baken-layout.baken-layout-compact.baken-preview-wide .baken-nagashi-opponent-cell,
.baken-layout.baken-layout-compact.baken-preview-wide .baken-layout-formation-cell {
  height: var(--baken-wide-preview-cell-size) !important;
  width: var(--baken-wide-preview-cell-size) !important;
}

.baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-nagashi .baken-nagashi-link-cell {
  width: var(--baken-wide-preview-nagashi-join) !important;
}

.baken-layout.baken-layout-compact.baken-preview-wide .baken-nagashi-cell .baken-num-box,
.baken-layout.baken-layout-compact.baken-preview-wide .baken-layout-formation-cell .baken-num-box {
  font-size: var(--baken-wide-preview-num-font) !important;
  height: var(--baken-wide-preview-cell-size) !important;
  margin: 0 !important;
  min-width: var(--baken-wide-preview-cell-size) !important;
  width: var(--baken-wide-preview-cell-size) !important;
}

.baken-layout.baken-layout-compact.baken-preview-wide .baken-layout-formation-size-4 .baken-layout-formation-grid,
.baken-layout.baken-layout-compact.baken-preview-wide .baken-layout-formation-size-10 .baken-layout-formation-grid,
.baken-layout.baken-layout-compact.baken-preview-wide .baken-layout-formation-size-18 .baken-layout-formation-grid {
  gap: var(--baken-wide-preview-gap) !important;
  grid-template-columns: repeat(2, var(--baken-wide-preview-cell-size)) !important;
}

.baken-layout.baken-layout-compact.baken-preview-wide .baken-layout-star {
  font-size: var(--baken-wide-preview-star-font) !important;
  height: var(--baken-wide-preview-cell-size) !important;
  line-height: var(--baken-wide-preview-cell-size) !important;
  width: var(--baken-wide-preview-cell-size) !important;
}

@media(max-width:900px) {
  .baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-nagashi {
    --baken-wide-preview-cell-size: 32px;
    --baken-wide-preview-num-font: 17px;
    --baken-wide-preview-star-font: 24px;
    --baken-wide-preview-gap: 6px;
    --baken-wide-preview-nagashi-join: 30px;
    --baken-wide-preview-opponent-gap-x: 10px;
  }
}

@media(max-width:480px) {
  .baken-layout.baken-layout-compact.baken-preview-wide {
    --baken-wide-preview-cell-size: 24px;
    --baken-wide-preview-num-font: 13px;
    --baken-wide-preview-star-font: 19px;
    --baken-wide-preview-gap: 4px;
    --baken-wide-preview-nagashi-join: 24px;
  }

  .baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-nagashi {
    --baken-wide-preview-cell-size: 24px;
    --baken-wide-preview-num-font: 13px;
    --baken-wide-preview-star-font: 19px;
    --baken-wide-preview-gap: 5px;
    --baken-wide-preview-nagashi-join: 24px;
    --baken-wide-preview-opponent-gap-x: 5px;
  }

  .baken-layout.baken-layout-compact.baken-preview-sanrenpuku.baken-layout-single .baken-layout-single-combo,
  .baken-layout.baken-layout-compact.baken-preview-sanrentan.baken-layout-single .baken-layout-single-combo {
    align-items: center;
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: center;
    white-space: nowrap;
  }

  .baken-layout.baken-layout-compact.baken-preview-sanrenpuku.baken-layout-single .baken-num-box,
  .baken-layout.baken-layout-compact.baken-preview-sanrentan.baken-layout-single .baken-num-box,
  .baken-layout.baken-layout-compact.baken-preview-sanrenpuku.baken-layout-single .bet-num-box,
  .baken-layout.baken-layout-compact.baken-preview-sanrentan.baken-layout-single .bet-num-box {
    font-size: 13px !important;
    height: 22px !important;
    margin: 0 1px !important;
    min-width: 22px !important;
    width: 22px !important;
  }

  .baken-layout.baken-layout-compact.baken-preview-sanrenpuku.baken-layout-single .baken-sep,
  .baken-layout.baken-layout-compact.baken-preview-sanrentan.baken-layout-single .baken-sep,
  .baken-layout.baken-layout-compact.baken-preview-sanrenpuku.baken-layout-single .bet-sep,
  .baken-layout.baken-layout-compact.baken-preview-sanrentan.baken-layout-single .bet-sep {
    font-size: 13px !important;
    height: 22px !important;
    line-height: 22px !important;
    margin: 0 1px !important;
    white-space: nowrap;
  }
}

@media(max-width:768px) {

  .bet-combo .baken-layout.baken-layout-compact.baken-preview-sanrenpuku.baken-layout-single,
  .bet-combo .baken-layout.baken-layout-compact.baken-preview-sanrentan.baken-layout-single {
    display: inline-flex !important;
    max-width: none !important;
    white-space: nowrap !important;
  }

  .bet-combo .baken-layout.baken-layout-compact.baken-preview-sanrenpuku.baken-layout-single .baken-layout-single-combo,
  .bet-combo .baken-layout.baken-layout-compact.baken-preview-sanrentan.baken-layout-single .baken-layout-single-combo {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }

  .bet-combo .baken-layout.baken-layout-compact.baken-preview-sanrenpuku.baken-layout-single .baken-num-box,
  .bet-combo .baken-layout.baken-layout-compact.baken-preview-sanrentan.baken-layout-single .baken-num-box {
    font-size: 15px !important;
    height: 26px !important;
    margin: 0 1px !important;
    min-width: 26px !important;
    width: 26px !important;
  }

  .bet-combo .baken-layout.baken-layout-compact.baken-preview-sanrenpuku.baken-layout-single .baken-sep,
  .bet-combo .baken-layout.baken-layout-compact.baken-preview-sanrentan.baken-layout-single .baken-sep {
    font-size: 15px !important;
    height: 26px !important;
    line-height: 26px !important;
    margin: 0 1px !important;
    white-space: nowrap !important;
  }

  .bet-combo .baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-box .baken-layout-box-grid {
    gap: 2px 5px !important;
    grid-template-columns: repeat(5, 26px) !important;
  }

  .bet-combo .baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-box .baken-box-cell {
    font-size: 15px !important;
    height: 26px !important;
    min-width: 26px !important;
    width: 26px !important;
  }

  .bet-combo .baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-box .baken-box-cell .baken-num-box {
    font-size: 15px !important;
    height: 26px !important;
    min-width: 26px !important;
    width: 26px !important;
  }

  .bet-combo .baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-box .baken-layout-star {
    font-size: 17px !important;
    height: 26px !important;
    line-height: 26px !important;
    width: 26px !important;
  }
}

.baken-layout.baken-layout-compact .baken-layout-arrow,
.baken-layout.baken-layout-compact .baken-nagashi-triple-arrow {
  font-size: 14px !important;
  height: 24px !important;
  line-height: 24px !important;
  margin-top: 18px !important;
}

.baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-formation .baken-layout-arrow {
  font-size: 0 !important;
  height: var(--baken-wide-preview-cell-size, 32px) !important;
  line-height: var(--baken-wide-preview-cell-size, 32px) !important;
  margin-top: calc(16px + (var(--baken-wide-preview-cell-size, 32px) + var(--baken-wide-preview-gap, 4px)) / 2) !important;
  min-width: calc(var(--baken-wide-preview-cell-size, 32px) * 0.7) !important;
  overflow: visible !important;
}

.baken-layout.baken-layout-compact.baken-preview-wide.baken-layout-formation .baken-layout-arrow::before {
  content: "◆" !important;
  display: inline-block !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  transform: scaleX(1.45) !important;
  transform-origin: center center !important;
}

.baken-layout-single {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  min-height: 170px;
  padding-left: 18px;
  padding-top: 10px;
}

.baken-layout-single .baken-num-box {
  height: 54px;
  width: 54px;
}

.baken-preview-wakuren .baken-layout-single {
  justify-content: flex-start;
  padding-left: 18px;
}

.baken-preview-wakuren .baken-num-box {
  background: #000;
  border-color: #000;
  color: #fff;
}

.baken-layout-nagashi {
  align-items: start;
  column-gap: 0;
  display: grid;
  grid-template-columns: 58px 34px 248px;
  justify-content: center;
  min-height: 170px;
  padding-top: 6px;
  row-gap: 0;
}

.baken-layout-nagashi-small {
  column-gap: 6px;
  grid-template-columns: 58px 28px 154px;
}

.baken-nagashi-col {
  text-align: center;
}

.baken-layout-axis-label,
.baken-layout-col-label {
  font-size: 13px;
  font-weight: 700;
  height: 18px;
  margin-bottom: 4px;
}

.baken-nagashi-cell-grid {
  display: grid;
  justify-content: center;
}

.baken-nagashi-axis-grid {
  gap: 7px;
  grid-template-columns: 46px;
}

.baken-nagashi-join-grid {
  gap: 7px;
  grid-template-columns: 34px;
  margin-top: 27px;
  position: relative;
}

.baken-nagashi-join-grid::after {
  border-left: 2px solid #111;
  bottom: 18px;
  content: "";
  left: 50%;
  position: absolute;
  top: 18px;
  transform: translateX(-1px);
  z-index: 1;
}

.baken-nagashi-opponent-grid {
  gap: 7px 8px;
  grid-template-columns: repeat(5, 36px);
}

.baken-layout-nagashi-small .baken-nagashi-opponent-grid {
  grid-template-columns: repeat(3, 46px);
}

.baken-layout-nagashi-small .baken-nagashi-join-grid {
  margin-top: 22px;
}

.baken-layout-nagashi-small .baken-nagashi-join-grid::after {
  bottom: 23px;
  top: 23px;
}

.baken-nagashi-cell,
.baken-nagashi-link-cell {
  box-sizing: border-box;
  height: 36px;
}

.baken-nagashi-axis-cell,
.baken-layout-nagashi-small .baken-nagashi-opponent-cell,
.baken-layout-nagashi-small .baken-nagashi-link-cell {
  height: 46px;
}

.baken-nagashi-axis-cell .baken-num-box,
.baken-layout-nagashi-small .baken-nagashi-opponent-cell .baken-num-box {
  font-size: 23px;
}

.baken-nagashi-cell {
  align-items: center;
  border: 2px solid #111;
  display: flex;
  justify-content: center;
}

.baken-nagashi-link-cell {
  position: relative;
}

.baken-nagashi-link-cell::before {
  border-top: 2px solid #111;
  content: "";
  left: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-1px);
  z-index: 2;
}

.baken-nagashi-link-cell:first-child::before {
  left: 0;
}

.baken-preview-umatan .baken-nagashi-join-grid::after,
.baken-preview-exacta .baken-nagashi-join-grid::after {
  display: none;
}

.baken-preview-umatan .baken-nagashi-link-cell::before,
.baken-preview-exacta .baken-nagashi-link-cell::before {
  border-top: 0;
  content: "▶";
  font-size: 22px;
  font-weight: 900;
  left: 50%;
  line-height: 1;
  right: auto;
  top: 50%;
  transform: translate(-50%, -50%);
}

.baken-preview-umatan .baken-nagashi-link-cell:nth-child(n+2),
.baken-preview-exacta .baken-nagashi-link-cell:nth-child(n+2) {
  display: none;
}

.baken-preview-umatan .baken-layout-nagashi-secondNagashi,
.baken-preview-exacta .baken-layout-nagashi-secondNagashi {
  grid-template-columns: 248px 34px 58px;
}

.baken-preview-umatan .baken-layout-nagashi-secondNagashi.baken-layout-nagashi-small,
.baken-preview-exacta .baken-layout-nagashi-secondNagashi.baken-layout-nagashi-small {
  grid-template-columns: 154px 28px 58px;
}

.baken-preview-umatan .baken-layout-nagashi-secondNagashi>.baken-nagashi-opponents,
.baken-preview-exacta .baken-layout-nagashi-secondNagashi>.baken-nagashi-opponents {
  order: 1;
}

.baken-preview-umatan .baken-layout-nagashi-secondNagashi>.baken-nagashi-join-grid,
.baken-preview-exacta .baken-layout-nagashi-secondNagashi>.baken-nagashi-join-grid {
  order: 2;
}

.baken-preview-umatan .baken-layout-nagashi-secondNagashi>.baken-nagashi-axis,
.baken-preview-exacta .baken-layout-nagashi-secondNagashi>.baken-nagashi-axis {
  order: 3;
}

.baken-nagashi-axis-cell:nth-child(n+2),
.baken-nagashi-link-cell:nth-child(n+5) {
  display: none;
}

.baken-layout-nagashi-two-axis .baken-nagashi-axis-cell:nth-child(2) {
  display: flex;
}

.baken-nagashi-opponent-cell {
  margin: 0;
}

.baken-nagashi-star-cell {
  border-color: transparent;
}

.baken-layout-nagashi-small .baken-nagashi-star-cell {
  height: 46px;
}

.baken-nagashi-cell .baken-num-box {
  border: 0;
  font-size: 20px;
  height: 100%;
  margin: 0;
  width: 100%;
}

.baken-nagashi-cell .baken-layout-star {
  align-items: center;
  display: inline-flex;
  font-size: 22px;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.baken-layout-nagashi-triple {
  column-gap: 8px;
  grid-template-columns: 58px 18px auto 18px auto;
  min-height: 170px;
  padding-top: 6px;
}

.baken-layout-nagashi-triple-second {
  grid-template-columns: auto 18px 58px 18px auto;
}

.baken-layout-nagashi-triple-two-axis {
  grid-template-columns: 58px 18px 58px 18px auto;
}

.baken-layout-nagashi-triple-first-third {
  grid-template-columns: 58px 18px auto 18px 58px;
}

.baken-layout-nagashi-triple-third {
  grid-template-columns: auto 18px auto 18px 58px;
}

.baken-layout-nagashi-triple-third>.baken-nagashi-opponents:nth-child(3) {
  order: 1;
}

.baken-layout-nagashi-triple-third>.baken-nagashi-triple-arrow:nth-child(2) {
  order: 2;
}

.baken-layout-nagashi-triple-third>.baken-nagashi-opponents:nth-child(5) {
  order: 3;
}

.baken-layout-nagashi-triple-third>.baken-nagashi-triple-arrow:nth-child(4) {
  order: 4;
}

.baken-layout-nagashi-triple-third>.baken-nagashi-axis {
  order: 5;
}

.baken-layout-nagashi-triple .baken-nagashi-axis-grid {
  grid-template-columns: 58px;
  margin-top: 18px;
}

.baken-layout-nagashi-triple .baken-nagashi-axis-cell {
  height: 58px;
}

.baken-layout-nagashi-triple .baken-nagashi-axis-cell .baken-num-box {
  font-size: 30px;
}

.baken-nagashi-triple-arrow {
  align-items: center;
  display: flex;
  font-size: 22px;
  font-weight: 900;
  height: 58px;
  justify-content: center;
  margin-top: 40px;
}

.baken-layout-nagashi-triple-1 .baken-nagashi-opponent-grid {
  gap: 0;
  grid-template-columns: repeat(1, 58px);
}

.baken-layout-nagashi-triple-4 .baken-nagashi-opponent-grid {
  gap: 6px 7px;
  grid-template-columns: repeat(2, 40px);
}

.baken-layout-nagashi-triple-10 .baken-nagashi-opponent-grid {
  gap: 5px 6px;
  grid-template-columns: repeat(2, 30px);
}

.baken-layout-nagashi-triple-18 .baken-nagashi-opponent-grid {
  gap: 2px 3px;
  grid-template-columns: repeat(3, 29px);
}

.baken-layout-nagashi-triple-1 .baken-nagashi-opponent-cell {
  height: 58px;
}

.baken-layout-nagashi-triple-4 .baken-nagashi-opponent-cell {
  height: 40px;
}

.baken-layout-nagashi-triple-10 .baken-nagashi-opponent-cell {
  height: 30px;
}

.baken-layout-nagashi-triple-18 .baken-nagashi-opponent-cell {
  height: 29px;
}

.baken-layout-nagashi-triple-1 .baken-nagashi-opponent-cell .baken-num-box {
  font-size: 30px;
}

.baken-layout-nagashi-triple-4 .baken-nagashi-opponent-cell .baken-num-box {
  font-size: 22px;
}

.baken-layout-nagashi-triple-10 .baken-nagashi-opponent-cell .baken-num-box {
  font-size: 17px;
}

.baken-layout-nagashi-triple-18 .baken-nagashi-opponent-cell .baken-num-box {
  font-size: 17px;
}

.baken-layout-nagashi-triple .baken-nagashi-star-cell {
  border-color: transparent;
}

.baken-layout-num-grid {
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(3, 36px);
  justify-content: center;
}

.baken-layout-num-grid.many {
  grid-template-columns: repeat(4, 32px);
}

.baken-layout-num-grid.axis {
  grid-template-columns: repeat(2, 54px);
}

.baken-layout-num-grid.many .baken-num-box {
  font-size: 0.75em;
  height: 32px;
  width: 32px;
}

.baken-layout-slot-grid {
  display: grid;
  gap: 4px;
  justify-content: center;
  position: relative;
}

.baken-layout-slot-grid.axis {
  grid-template-columns: repeat(1, 54px);
}

.baken-layout-slot-grid.axis::before {
  border-left: 2px solid #111;
  bottom: 8px;
  content: "";
  left: calc(50% + 31px);
  position: absolute;
  top: 44px;
  transform: translateX(-1px);
  z-index: 0;
}

.baken-layout-slot-grid.opponents {
  grid-template-columns: repeat(2, 36px);
}

.baken-layout-slot-grid .baken-num-box,
.baken-layout-star {
  background: transparent;
  color: #111;
  position: relative;
  z-index: 2;
}

.baken-layout-star {
  align-items: center;
  display: inline-flex;
  font-size: 30px;
  font-weight: 900;
  height: 36px;
  justify-content: center;
  line-height: 1;
  width: 36px;
}

.baken-layout-box {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start;
  min-height: 170px;
  padding-left: 18px;
  padding-top: 10px;
}

.baken-layout-box-grid {
  display: grid;
  gap: 7px 8px;
  grid-template-columns: repeat(5, 44px);
}

.baken-box-cell {
  align-items: center;
  border: 2px solid #111;
  box-sizing: border-box;
  display: flex;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.baken-layout-box-large .baken-box-cell {
  height: 44px;
  width: 44px;
}

.baken-layout-box-large .baken-box-cell:nth-child(n+19) {
  display: none;
}

.baken-box-star-cell {
  border-color: transparent;
}

.baken-box-cell .baken-num-box {
  border: 0;
  font-size: 23px;
  height: 100%;
  margin: 0;
  width: 100%;
}

.baken-layout-box-large .baken-box-cell .baken-num-box {
  font-size: 23px;
}

.baken-layout-formation {
  align-items: start;
  column-gap: 8px;
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  min-height: 170px;
  padding-top: 6px;
}

.baken-layout-formation-col {
  text-align: center;
}

.baken-layout-arrow {
  align-items: center;
  display: flex;
  font-size: 22px;
  font-weight: 900;
  height: 58px;
  justify-content: center;
  margin-top: 40px;
}

.baken-preview-umaren .baken-layout-formation .baken-layout-arrow {
  font-size: 0;
}

.baken-preview-umaren .baken-layout-formation .baken-layout-arrow::before {
  content: "―";
  font-size: 22px;
  font-weight: 900;
}

.baken-preview-wide .baken-layout-formation .baken-layout-arrow {
  font-size: 0;
}

.baken-preview-wide .baken-layout-formation .baken-layout-arrow::before {
  content: "◆";
  display: inline-block;
  font-size: 18px;
  font-weight: 900;
  transform: scaleX(1.45);
}

.baken-layout-formation-grid {
  display: grid;
  justify-content: center;
}

.baken-layout-formation-size-4 .baken-layout-formation-grid {
  gap: 6px 7px;
  grid-template-columns: repeat(2, 40px);
}

.baken-layout-formation-size-10 .baken-layout-formation-grid {
  gap: 5px 6px;
  grid-template-columns: repeat(2, 30px);
}

.baken-layout-formation-size-18 .baken-layout-formation-grid {
  gap: 2px 3px;
  grid-template-columns: repeat(3, 29px);
}

.baken-layout-formation-cell {
  align-items: center;
  border: 2px solid #111;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}

.baken-layout-formation-size-4 .baken-layout-formation-cell {
  height: 40px;
  width: 40px;
}

.baken-layout-formation-size-10 .baken-layout-formation-cell {
  height: 30px;
  width: 30px;
}

.baken-layout-formation-size-18 .baken-layout-formation-cell {
  height: 29px;
  width: 29px;
}

.baken-layout-formation-star-cell {
  border-color: transparent;
}

.baken-layout-formation-cell .baken-num-box {
  border: 0;
  height: 100%;
  margin: 0;
  width: 100%;
}

.baken-layout-formation-size-4 .baken-num-box {
  font-size: 22px;
}

.baken-layout-formation-size-10 .baken-num-box,
.baken-layout-formation-size-18 .baken-num-box {
  font-size: 17px;
}

.baken-preview-umatan .baken-layout-formation-col:first-child:has(.baken-layout-formation-cell:nth-child(2).baken-layout-formation-star-cell) .baken-layout-formation-grid,
.baken-preview-exacta .baken-layout-formation-col:first-child:has(.baken-layout-formation-cell:nth-child(2).baken-layout-formation-star-cell) .baken-layout-formation-grid {
  grid-template-columns: 58px;
}

.baken-preview-umatan .baken-layout-formation-col:first-child:has(.baken-layout-formation-cell:nth-child(2).baken-layout-formation-star-cell) .baken-layout-formation-cell:first-child,
.baken-preview-exacta .baken-layout-formation-col:first-child:has(.baken-layout-formation-cell:nth-child(2).baken-layout-formation-star-cell) .baken-layout-formation-cell:first-child {
  height: 58px;
  width: 58px;
}

.baken-preview-umatan .baken-layout-formation-col:first-child:has(.baken-layout-formation-cell:nth-child(2).baken-layout-formation-star-cell) .baken-layout-formation-cell:first-child .baken-num-box,
.baken-preview-exacta .baken-layout-formation-col:first-child:has(.baken-layout-formation-cell:nth-child(2).baken-layout-formation-star-cell) .baken-layout-formation-cell:first-child .baken-num-box {
  font-size: 30px;
}

.baken-preview-umatan .baken-layout-formation-col:first-child:has(.baken-layout-formation-cell:nth-child(2).baken-layout-formation-star-cell) .baken-layout-formation-star-cell,
.baken-preview-exacta .baken-layout-formation-col:first-child:has(.baken-layout-formation-cell:nth-child(2).baken-layout-formation-star-cell) .baken-layout-formation-star-cell {
  display: none;
}

.baken-preview-umatan .baken-layout-formation-col:nth-child(3):has(.baken-layout-formation-cell:nth-child(2).baken-layout-formation-star-cell) .baken-layout-formation-grid,
.baken-preview-exacta .baken-layout-formation-col:nth-child(3):has(.baken-layout-formation-cell:nth-child(2).baken-layout-formation-star-cell) .baken-layout-formation-grid {
  grid-template-columns: 58px;
}

.baken-preview-umatan .baken-layout-formation-col:nth-child(3):has(.baken-layout-formation-cell:nth-child(2).baken-layout-formation-star-cell) .baken-layout-formation-cell:first-child,
.baken-preview-exacta .baken-layout-formation-col:nth-child(3):has(.baken-layout-formation-cell:nth-child(2).baken-layout-formation-star-cell) .baken-layout-formation-cell:first-child {
  height: 58px;
  width: 58px;
}

.baken-preview-umatan .baken-layout-formation-col:nth-child(3):has(.baken-layout-formation-cell:nth-child(2).baken-layout-formation-star-cell) .baken-layout-formation-cell:first-child .baken-num-box,
.baken-preview-exacta .baken-layout-formation-col:nth-child(3):has(.baken-layout-formation-cell:nth-child(2).baken-layout-formation-star-cell) .baken-layout-formation-cell:first-child .baken-num-box {
  font-size: 30px;
}

.baken-preview-umatan .baken-layout-formation-col:nth-child(3):has(.baken-layout-formation-cell:nth-child(2).baken-layout-formation-star-cell) .baken-layout-formation-star-cell,
.baken-preview-exacta .baken-layout-formation-col:nth-child(3):has(.baken-layout-formation-cell:nth-child(2).baken-layout-formation-star-cell) .baken-layout-formation-star-cell {
  display: none;
}

.baken-layout-list {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  width: auto;
}

.baken-layout.baken-layout-compact.baken-layout-list {
  gap: 2px;
  min-height: 0 !important;
  padding: 0 !important;
}

.baken-layout-list .baken-image-combo-line {
  align-items: center;
  display: flex;
  justify-content: center;
}

.baken-image-combo-line {
  line-height: 1.45;
  white-space: nowrap;
}

.baken-image-combo-more {
  color: #555;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 4px;
}

.baken-num-box {
  align-items: center;
  background: transparent;
  border: 2px solid #111;
  border-radius: 2px;
  box-sizing: border-box;
  display: inline-flex;
  font-size: 0.9em;
  height: 36px;
  justify-content: center;
  line-height: 1;
  margin: 0 2px;
  min-width: 0;
  padding: 0;
  text-align: center;
  width: 36px;
}

.baken-sep {
  display: inline-block;
  margin: 0 4px;
}

.baken-preview-umatan .baken-image-combo .baken-sep,
.baken-preview-exacta .baken-image-combo .baken-sep {
  font-size: 0;
  margin: 0 6px;
  text-align: center;
  width: 18px;
}

.baken-preview-umatan .baken-image-combo .baken-sep::before,
.baken-preview-exacta .baken-image-combo .baken-sep::before {
  content: "▶";
  font-size: 22px;
  font-weight: 900;
}

/* 共通表示対応：ワイドは画像表示・planner表示どちらでも区切りを◆に統一 */
/* planner側の .bet-table .baken-sep !important に負けないよう、詳細度を上げる */
.baken-layout.baken-preview-wide .baken-sep,
.baken-preview-wide .baken-sep {
  font-size: 0 !important;
  margin: 0 8px !important;
  text-align: center;
  width: 22px !important;
}

.baken-layout.baken-preview-wide .baken-sep::before,
.baken-preview-wide .baken-sep::before {
  content: "◆" !important;
  display: inline-block;
  font-size: 18px !important;
  font-weight: 900;
  transform: scaleX(1.45);
}

/* ==========================================================================
   Planner integration：planner内の買い目表示調整
   ========================================================================== */

.bet-table .baken-layout,
.saved-plan-bet-table .baken-layout,
.saved-result-detail .baken-layout {
  width: auto !important;
}

.bet-table .baken-layout-single,
.bet-table .baken-layout-box,
.bet-table .baken-layout-formation,
.bet-table .baken-layout-nagashi,
.bet-table .baken-layout-nagashi-triple,
.saved-plan-bet-table .baken-layout-single,
.saved-plan-bet-table .baken-layout-box,
.saved-plan-bet-table .baken-layout-formation,
.saved-plan-bet-table .baken-layout-nagashi,
.saved-plan-bet-table .baken-layout-nagashi-triple,
.saved-result-detail .baken-layout-single,
.saved-result-detail .baken-layout-box,
.saved-result-detail .baken-layout-formation,
.saved-result-detail .baken-layout-nagashi,
.saved-result-detail .baken-layout-nagashi-triple {
  min-height: 0 !important;
  padding: 0 !important;
}

.bet-table .baken-layout-single .baken-num-box,
.bet-table .baken-box-cell,
.bet-table .baken-nagashi-cell,
.bet-table .baken-nagashi-axis-cell,
.bet-table .baken-nagashi-opponent-cell,
.bet-table .baken-layout-formation-cell,
.saved-plan-bet-table .baken-layout-single .baken-num-box,
.saved-plan-bet-table .baken-box-cell,
.saved-plan-bet-table .baken-nagashi-cell,
.saved-plan-bet-table .baken-nagashi-axis-cell,
.saved-plan-bet-table .baken-nagashi-opponent-cell,
.saved-plan-bet-table .baken-layout-formation-cell,
.saved-result-detail .baken-layout-single .baken-num-box,
.saved-result-detail .baken-box-cell,
.saved-result-detail .baken-nagashi-cell,
.saved-result-detail .baken-nagashi-axis-cell,
.saved-result-detail .baken-nagashi-opponent-cell,
.saved-result-detail .baken-layout-formation-cell {
  border-width: 1px !important;
  height: 32px !important;
  width: 32px !important;
}

.bet-table .baken-num-box,
.saved-plan-bet-table .baken-num-box,
.saved-result-detail .baken-num-box {
  border-width: 1px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  height: 32px !important;
  line-height: 1 !important;
  margin: 0 2px !important;
  min-width: 32px !important;
  padding: 0 !important;
  width: 32px !important;
}

.bet-table .baken-box-cell .baken-num-box,
.bet-table .baken-nagashi-cell .baken-num-box,
.bet-table .baken-layout-formation-cell .baken-num-box,
.saved-plan-bet-table .baken-box-cell .baken-num-box,
.saved-plan-bet-table .baken-nagashi-cell .baken-num-box,
.saved-plan-bet-table .baken-layout-formation-cell .baken-num-box,
.saved-result-detail .baken-box-cell .baken-num-box,
.saved-result-detail .baken-nagashi-cell .baken-num-box,
.saved-result-detail .baken-layout-formation-cell .baken-num-box {
  border: 0 !important;
  font-size: 14px !important;
  height: 100% !important;
  margin: 0 !important;
  width: 100% !important;
}

.bet-table .baken-layout.baken-layout-box {
  align-items: center !important;
  justify-content: center !important;
  min-height: 96px !important;
  overflow: hidden !important;
  padding-left: 0 !important;
  padding-top: 0 !important;
}

.bet-table .baken-layout.baken-layout-box .baken-layout-box-grid {
  gap: 4px 6px !important;
  grid-template-columns: repeat(5, 32px) !important;
  width: max-content;
}

.bet-table .baken-layout.baken-layout-box .baken-box-cell {
  height: 32px !important;
  min-width: 32px !important;
  width: 32px !important;
}

.bet-table .baken-layout.baken-layout-compact.baken-layout-box .baken-box-cell .baken-num-box,
.bet-table .baken-layout.baken-layout-box .baken-box-cell .baken-num-box {
  border: 0 !important;
  font-size: 18px !important;
  height: 100% !important;
  min-width: 32px !important;
  width: 100% !important;
}

.bet-table .baken-layout.baken-layout-compact.baken-layout-box .baken-layout-star,
.bet-table .baken-layout.baken-layout-box .baken-layout-star {
  font-size: 26px !important;
  height: 32px !important;
  line-height: 32px !important;
  width: 32px !important;
}

.bet-table tbody td:nth-child(2),
.saved-plan-bet-table tbody td:nth-child(2),
.saved-result-bet-combo {
  text-align: center;
}

.bet-table tbody td:nth-child(2) .baken-layout,
.saved-plan-bet-table tbody td:nth-child(2) .baken-layout,
.saved-result-bet-combo .baken-layout {
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.bet-table .baken-layout.baken-layout-nagashi {
  --planner-nagashi-cell: 30px;
  --planner-nagashi-gap: 5px;
  --planner-nagashi-join: 28px;
  display: grid;
  grid-template-columns: 38px var(--planner-nagashi-join) 112px !important;
  justify-content: center;
  min-height: 104px !important;
  overflow: hidden !important;
  padding-top: 2px !important;
}

.bet-table .baken-layout.baken-layout-nagashi .baken-nagashi-axis-grid {
  gap: var(--planner-nagashi-gap) !important;
  grid-template-columns: var(--planner-nagashi-cell) !important;
}

.bet-table .baken-layout.baken-layout-nagashi .baken-nagashi-join-grid {
  gap: var(--planner-nagashi-gap) !important;
  grid-template-columns: var(--planner-nagashi-join) !important;
  margin-top: 27px !important;
}

.bet-table .baken-layout.baken-layout-nagashi .baken-nagashi-join-grid::after {
  bottom: calc(var(--planner-nagashi-cell) / 2) !important;
  top: calc(var(--planner-nagashi-cell) / 2) !important;
}

.bet-table .baken-layout.baken-layout-nagashi .baken-nagashi-link-cell::before {
  left: 0 !important;
  right: 0 !important;
}

.bet-table .baken-layout.baken-layout-nagashi .baken-nagashi-link-cell:nth-child(n+2)::before {
  display: block !important;
  left: 50% !important;
  right: 0 !important;
}

.bet-table .baken-layout.baken-preview-umatan.baken-layout-nagashi .baken-nagashi-link-cell::before,
.bet-table .baken-layout.baken-preview-exacta.baken-layout-nagashi .baken-nagashi-link-cell::before {
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, -50%) !important;
}

.bet-table .baken-layout.baken-preview-umatan.baken-layout-nagashi .baken-nagashi-link-cell:nth-child(n+2)::before,
.bet-table .baken-layout.baken-preview-exacta.baken-layout-nagashi .baken-nagashi-link-cell:nth-child(n+2)::before {
  left: 50% !important;
  right: auto !important;
}

.bet-table .baken-layout.baken-layout-nagashi .baken-nagashi-opponent-grid {
  gap: var(--planner-nagashi-gap) 10px !important;
  grid-template-columns: repeat(3, var(--planner-nagashi-cell)) !important;
}

.bet-table .baken-layout.baken-layout-nagashi .baken-nagashi-cell,
.bet-table .baken-layout.baken-layout-nagashi .baken-nagashi-link-cell {
  height: var(--planner-nagashi-cell) !important;
}

.bet-table .baken-layout.baken-layout-nagashi .baken-nagashi-axis-cell,
.bet-table .baken-layout.baken-layout-nagashi .baken-nagashi-opponent-cell {
  height: var(--planner-nagashi-cell) !important;
  position: relative !important;
  width: var(--planner-nagashi-cell) !important;
}

.bet-table .baken-layout.baken-layout-nagashi .baken-num-box {
  font-size: 20px !important;
  height: 100% !important;
  min-width: var(--planner-nagashi-cell) !important;
  width: 100% !important;
}

.bet-table .baken-layout.baken-layout-nagashi .baken-layout-star {
  font-size: 30px !important;
  height: var(--planner-nagashi-cell) !important;
  width: var(--planner-nagashi-cell) !important;
}

@media(max-width:900px) {

  .bet-table .baken-layout.baken-layout-nagashi {
    --planner-nagashi-cell: 24px;
    --planner-nagashi-gap: 4px;
    --planner-nagashi-join: 22px;
    grid-template-columns: 28px var(--planner-nagashi-join) 80px !important;
    min-height: 84px !important;
  }

  .bet-table .baken-layout.baken-layout-nagashi .baken-num-box {
    font-size: 13px !important;
  }

  .bet-table .baken-layout.baken-layout-nagashi .baken-layout-star {
    font-size: 19px !important;
  }
}

@media(max-width:480px) {

  .bet-table .baken-layout.baken-layout-nagashi {
    --planner-nagashi-cell: 20px;
    --planner-nagashi-gap: 3px;
    --planner-nagashi-join: 18px;
    grid-template-columns: 24px var(--planner-nagashi-join) 68px !important;
    min-height: 76px !important;
  }

  .bet-table .baken-layout.baken-layout-nagashi .baken-num-box {
    font-size: 12px !important;
  }

  .bet-table .baken-layout.baken-layout-nagashi .baken-layout-star {
    font-size: 16px !important;
  }
}

.bet-table .baken-layout.baken-layout-nagashi-triple {
  column-gap: 4px !important;
  grid-template-columns: 30px 14px 56px 14px 56px !important;
  min-height: 92px !important;
  overflow: hidden !important;
  padding-top: 2px !important;
}

.bet-table .baken-layout.baken-layout-nagashi-triple .baken-nagashi-axis-grid {
  grid-template-columns: 30px !important;
  margin-top: 15px !important;
}

.bet-table .baken-layout.baken-layout-nagashi-triple .baken-nagashi-axis-cell {
  height: 30px !important;
  width: 30px !important;
}

.bet-table .baken-layout.baken-layout-nagashi-triple .baken-nagashi-triple-arrow {
  font-size: 16px !important;
  height: 30px !important;
  margin-top: 31px !important;
}

.bet-table .baken-layout.baken-layout-nagashi-triple .baken-nagashi-opponent-grid {
  gap: 4px 4px !important;
  grid-template-columns: repeat(2, 26px) !important;
}

.bet-table .baken-layout.baken-layout-nagashi-triple .baken-nagashi-opponent-cell {
  height: 26px !important;
  width: 26px !important;
}

.bet-table .baken-layout.baken-layout-nagashi-triple .baken-num-box {
  font-size: 15px !important;
  min-width: 26px !important;
}

.bet-table .baken-layout.baken-layout-nagashi-triple .baken-layout-star {
  font-size: 20px !important;
  height: 26px !important;
  width: 26px !important;
}

/* ==========================================================================
   Predictions / History / Planner Unified Centering & Sizing (32px)
   ========================================================================== */

/* 1. Center-align the ticket combos and list lines across cells */
.bet-combo,
.history-bet-combo {
  text-align: center !important;
}

.bet-combo .baken-layout,
.history-bet-combo .baken-layout {
  display: flex !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Center-align multiple combo lines in list views */
.bet-combo .baken-image-combo-line,
.history-bet-combo .baken-image-combo-line {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  margin: 3px auto !important;
}

/* 2. Scale all predictions and history combination number boxes to exactly 32px standard size */
.bet-combo .baken-num-box,
.history-bet-combo .baken-num-box {
  border-width: 1px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  height: 32px !important;
  line-height: 1 !important;
  margin: 0 2px !important;
  min-width: 32px !important;
  padding: 0 !important;
  width: 32px !important;
}

.bet-combo .baken-sep,
.history-bet-combo .baken-sep {
  font-size: 18px !important;
  height: 32px !important;
  line-height: 32px !important;
  margin: 0 5px !important;
}

/* ==========================================================================
   Win / Place (単勝・複勝) Fallback Box Unification
   ========================================================================== */

/* Target both predictions table, card view, and history list for Win/Place fallback box */
.bet-combo.bk-tansho .bet-num-box,
.bet-combo.bk-fukusho .bet-num-box,
.bet-card:has(.bk-tansho) .bet-num-box,
.bet-card:has(.bk-fukusho) .bet-num-box,
.history-bet-combo.bk-tansho .history-bet-num-box,
.history-bet-combo.bk-fukusho .history-bet-num-box {
  align-items: center !important;
  background: transparent !important;
  border: 1px solid #666 !important;
  border-radius: 2px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  height: 32px !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 2px !important;
  min-width: 32px !important;
  padding: 0 !important;
  width: 32px !important;
}