/* 遊びの円（バーチャルな円）の欄。main.py の VIRTUAL_BET_ENABLED が入の時だけ、base.html から読まれる。
   スマホの幅 360px が主。字は 12px 以上。注記（.vb-note）は、本文と同じ濃さの色（薄い色にしない＝法務部の条件 5）。
   グラフは 1本の線だけ（色は、サイトのリンクの青）。字は SVG の外に置く。光る・動く飾りは、入れない（条件 8・10） */
.vb-line { font-size: 14px; line-height: 1.5; font-weight: 700; margin: 0 0 6px; text-align: center; overflow-wrap: anywhere; }
.vb-rest { font-size: 14px; line-height: 1.5; margin: 0 0 6px; text-align: center; overflow-wrap: anywhere; }
.vb { background: var(--panel); border: 1px solid var(--border); border-radius: 12px; padding: 12px 12px 10px; margin: 0 0 12px; scroll-margin-top: 8px; }
.vb p { overflow-wrap: anywhere; }
.vb-now { border: 1px solid var(--border); border-radius: 10px; padding: 8px 10px; margin: 0 0 8px; }
.vb-balance { font-size: 18px; line-height: 1.5; font-weight: 700; margin: 0 0 2px; }
.vb-note { font-size: 13px; line-height: 1.6; color: var(--text); margin: 0 0 8px; }
.vb-now .vb-note { margin: 0; }
/* 盤の成績の段（残高の行）のすぐ下の、短い 1行（top_note_short。2026-10-08 法務部 #3517）。字の大きさと色は、上の .vb-note のまま（13px・本文と同じ色）。いつも出す（見える高さで出し分けない） */
.vb-yen-short { text-align: center; margin: 2px 0 0; }
.vb-msg { font-size: 15px; line-height: 1.6; font-weight: 700; margin: 0 0 8px; }
.vb-text { font-size: 13px; line-height: 1.6; color: var(--text); margin: 0 0 6px; }
.vb-deposit { margin: 4px 0 6px; }
.vb-deposit .btn { width: 100%; min-height: 48px; font-size: 16px; }
.vb-h { font-size: 15px; line-height: 1.5; margin: 14px 0 4px; }
.vb-chart { margin: 0 0 4px; }
.vb-svg { display: block; width: 100%; height: auto; max-width: 100%; }
.vb-grid { stroke: var(--border); stroke-width: 1; stroke-dasharray: 3 3; }
.vb-base { stroke: #8a94a6; stroke-width: 1; }
.vb-path { fill: none; stroke: var(--link); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.vb-last { fill: var(--link); stroke: var(--panel); stroke-width: 2; }
.vb-hit { fill: transparent; stroke: none; }
.vb-axis { font-size: 12px; line-height: 1.4; color: var(--text); margin: 0; }
.vb-tbl { font-size: 12px; margin: 0 0 6px; table-layout: auto; }
/* 語の途中では折らない（列の幅は、語の長さで決まる）。入り切らない幅では、表だけ横に送れる（ページは横にはみ出さない） */
.vb-tbl-box { overflow-x: auto; margin: 0 0 6px; }
.vb-tbl-box .vb-tbl { margin: 0; }
.vb-tbl th, .vb-tbl td { padding: 5px 4px; overflow-wrap: break-word; }
.vb-tbl th { font-size: 12px; line-height: 1.4; }
.vb-tbl th.num { white-space: normal; }
.vb-down { color: #a01818; }
/* 盤の中の残高の 1行のすぐ下の、短い注記（法務部 10/6 の C。12px 以上・本文と同じ色） */
.vb-note-in { font-size: 12px; line-height: 1.5; text-align: center; margin: 0 0 6px; }
.vb-line { margin-bottom: 0; }
/* 残高を見やすく（2026-10-06。社長 09:52 ごろ「もうちょっと見やすくしてください。」）: 行を薄い地で囲み、数字だけ大きく太く。すぐ右に、直前の回で
   残高が動いた数（手数料を入れた差し引き。+／- の記号つき＝色だけで分けない）。光る・動く飾りは付けない（法務部の条件 10） */
.vb-line { background: #eef1f6; border: 1px solid var(--border); border-radius: 10px; padding: 4px 10px; margin: 2px 0 4px; font-weight: 400; }
.vb-num { font-size: 22px; line-height: 1.3; font-weight: 700; margin-left: 4px; }
.vb-last { font-size: 13px; font-weight: 700; margin-left: 6px; white-space: nowrap; }
.vb-last-up { color: #14602b; }
.vb-last-down { color: #a01818; }
.vb-line-msg { font-size: 14px; line-height: 1.5; font-weight: 700; text-align: center; margin: 0 0 4px; overflow-wrap: anywhere; }
.vb-balance .vb-num { font-size: 24px; }
/* 履歴の表のページ送り（2026-10-06。リンクだけ＝JavaScript なし。押す所は 44px 以上） */
.vb-pager { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 8px; }
.vb-page { flex: 0 0 auto; min-width: 88px; min-height: 44px; padding: 9px 12px; font-size: 14px; line-height: 1.6; box-sizing: border-box; }
.vb-page-off { border-color: var(--border); color: #8a94a6; }
.vb-page-now { flex: 1 1 auto; text-align: center; font-size: 14px; line-height: 1.6; font-weight: 700; }
/* 「賭けずに遊ぶ／遊びの円を賭けて遊ぶ」の切り替え（2026-10-06。法務部の後読み）。どちらのボタンも同じ見た目（戻す方を、光らせない・大きくしない） */
.vb-mode { font-size: 12px; line-height: 1.5; text-align: center; margin: 0 0 4px; overflow-wrap: anywhere; }
.vb-mode-row { margin: 0 0 8px; text-align: center; }
.vb-mode-btn { display: inline-block; width: auto; min-height: 44px; padding: 9px 14px; font-size: 14px; line-height: 1.6; font-weight: 400; box-sizing: border-box; border-color: var(--border); color: var(--text); }
/* 回が終わった後の、押せない手のボタン（2026-10-06 10:4x。見た目は .move:disabled と同じ＝薄い色。光る・動く飾りなし）と、盤の中の入金のボタン */
.mv-off { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 0; padding: 6px 2px 4px; font: inherit; font-weight: 700; font-size: 14px; line-height: 1.4; color: #6b7686; background: #eef1f6; border: 2px dashed #b8bfcc; border-radius: 12px; cursor: not-allowed; opacity: 0.6; }
.mv-off .hand { width: 48px; height: 48px; }
.mv-off span { color: var(--muted); }
.vb-deposit-in { margin: 0 0 6px; }
.vb-lock { margin: 0 0 8px; }
.vb-lock-msg { font-size: 15px; line-height: 1.5; font-weight: 700; text-align: center; margin: 0 0 6px; overflow-wrap: anywhere; }
/* 残高の箱の 2段目: 次の回に賭ける額（数字は 20px の太字）と手数料。箱のすぐ下に、前の回に賭けた額（12px）。光る・動く飾りなし */
.vb-bet-row { display: block; border-top: 1px solid var(--border); margin-top: 3px; padding-top: 2px; }
.vb-num-bet { font-size: 20px; }
.vb-fee-s { font-size: 12px; white-space: nowrap; }
.vb-prev { font-size: 12px; line-height: 1.5; text-align: center; margin: 0 0 2px; overflow-wrap: anywhere; }
/* 回が終わった時の文（遊びの円が 1,000 以下・残り 0）は、赤い字（2026-10-06 社長「赤文字にしてください。」）。色は、結果の「あなたの負け」と同じ赤。光らせない・動かさない */
.vb-end-msg { color: #a01818; }
/* 盤の中の入金のボタンのすぐ上に、入金 1回の額（2026-10-06 社長「入金金額を表示するようにしてください。入金するとき。」）。文は、下の欄と同じ vb_deposit_amount */
.vb-lock-amount { font-size: 14px; line-height: 1.4; font-weight: 700; text-align: center; margin: 0 0 4px; }
/* 残高と掛け金を、縦ではなく横に並べる（2026-10-06 社長「縦ではなく横で表示してください。」）。左に残高・右に掛け金の 2つの枠。
   スマホの幅で 1行に入り切らない時は、それぞれの枠の中で折り返す（増減や手数料が、数字の下に回る）。左右の並びは、どの幅でも崩さない */
.vb-line { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; column-gap: 0; }
.vb-bal-part, .vb-bet-row { flex: 1 1 0; min-width: 0; text-align: center; white-space: normal; overflow-wrap: anywhere; }
.vb-bal-part:only-child { flex: 0 1 auto; }
.vb-bet-row { display: block; border-top: 0; margin-top: 0; padding-top: 0; border-left: 1px solid var(--border); padding-left: 8px; margin-left: 8px; }
.vb-line .vb-num, .vb-line .vb-last, .vb-line .vb-fee-s { white-space: nowrap; }
@media (max-width: 440px) {
  .vb-line { font-size: 12px; padding: 4px 6px; }
  .vb-line .vb-num, .vb-line .vb-num-bet { font-size: 18px; margin-left: 2px; }
  .vb-line .vb-last { font-size: 12px; margin-left: 3px; }
  .vb-bet-row { padding-left: 6px; margin-left: 6px; }
}
/* 掛け金を左・残高を右に（2026-10-06 社長「掛け金を。を左にしてください。」）。並びの順だけを替える（HTML の順はそのまま） */
.vb-bet-row { order: -1; border-left: 0; padding-left: 0; margin-left: 0; border-right: 1px solid var(--border); padding-right: 8px; margin-right: 8px; }
@media (max-width: 440px) { .vb-bet-row { padding-left: 0; margin-left: 0; padding-right: 6px; margin-right: 6px; } }

/* ルールの記事へのリンク（説明の所に置く。残高・入金のボタン・終了の文のすぐ隣には置かない） */
.vb-rules-link a { display: inline-block; min-height: 32px; font-weight: 700; }
/* 「おまかせで 5回」のボタン（手のボタンより控えめ: 白地・細い枠・ふつうの太さ。光る・動く飾りなし）と、結果の一覧 */
.auto5 { margin: 0 0 8px; }
button.btn.auto5-btn { display: block; width: 100%; min-height: 44px; padding: 9px 12px; font: inherit; font-size: 14px; line-height: 1.6; font-weight: 400; box-sizing: border-box; border: 1px solid var(--border); color: var(--text); background: var(--panel); border-radius: 10px; cursor: pointer; }
.auto5-btn:disabled { opacity: 0.5; cursor: default; }
.auto5-list { border: 1px solid var(--border); border-radius: 10px; padding: 6px 10px; margin: 2px 0 6px; }
.auto5-h { font-size: 13px; line-height: 1.5; font-weight: 700; margin: 0 0 2px; }
.auto5-list ol { margin: 0; padding-left: 1.6em; }
.auto5-list li { font-size: 13px; line-height: 1.6; margin: 0; overflow-wrap: anywhere; }
.auto5-list .vb-up { color: #14602b; font-weight: 700; }
.auto5-list .vb-down { font-weight: 700; }
.auto5-note { font-size: 12px; line-height: 1.5; color: var(--text); margin: 0 0 2px; overflow-wrap: anywhere; }
/* 「連続で5回やる」を目立つように（2026-10-06 13:37 ごろ 社長「目立つようにしてください。」）: 手のボタンと同じ太い枠 2px・同じ青・太字・16px・高さ 48px。
   点滅・光る・動く飾りは付けない。赤や金の塗りにしない */
button.btn.auto5-btn { min-height: 48px; font-size: 16px; font-weight: 700; color: #0b5cad; border: 2px solid #0b5cad; border-radius: 12px; background: #fff; }
button.btn.auto5-btn:active { background: #e6f0fb; }
.auto5-btn-note { font-size: 12px; line-height: 1.5; color: var(--text); text-align: center; margin: 3px 0 0; overflow-wrap: anywhere; }
/* 直前の回の増減を目立つように（2026-10-06 13:39 社長「+8,200　損益額はもうちょっと目立つようにしてください。」）: 数字を大きく太く・
   薄い地の色の札（プラスは薄い緑・マイナスは薄い赤）。色は前のまま・記号（+・-）つき＝色だけで分けない。光る・点滅・動く飾りは付けない。
   「損益」「利益」などの字は、画面に足していない（数字だけ）。札は折り返さない（残高の数字の右か、入らない時は下の段） */
.vb-line .vb-last { display: inline-block; font-size: 19px; line-height: 1.3; font-weight: 700; margin-left: 6px; padding: 1px 8px; border-radius: 8px; white-space: nowrap; vertical-align: baseline; }
.vb-line .vb-last-up { color: #14602b; background: #e3f3e7; border: 1px solid #9fcfab; }
.vb-line .vb-last-down { color: #a01818; background: #fbe6e6; border: 1px solid #e3a8a8; }
@media (max-width: 519px) { .vb-line .vb-last { font-size: 17px; margin-left: 4px; padding: 1px 6px; } }
.auto5-list li .vb-up, .auto5-list li .vb-down, .auto5-list li .vb-flat { font-size: 14px; font-weight: 700; }
.auto5-list li .vb-down { color: #a01818; }
.vb-record { font-size: 15px; line-height: 1.5; font-weight: 700; margin: 0 0 2px; }
/* 連続のボタン 2つ（5回・10回）を横に並べる。下の 1行は、2つの下に 1回だけ */
.auto-row { display: flex; gap: 8px; margin: 0; }
.auto-row .auto5 { flex: 1 1 0; min-width: 0; margin: 0; }
.auto-row button.btn.auto5-btn { height: 100%; padding: 6px 4px; line-height: 1.35; overflow-wrap: anywhere; }
.auto5-btn-note { margin: 3px 0 8px; }
/* 連続の結果の一覧: 何回目・結果・増減 の 3列（そろえて読める形） */
.auto5-tbl { border-collapse: collapse; margin: 2px auto 0; }
.auto5-tbl td { font-size: 13px; line-height: 1.6; padding: 0 8px; vertical-align: baseline; }
.auto5-n { text-align: right; color: var(--muted); }
.auto5-d { text-align: right; white-space: nowrap; font-size: 14px; font-weight: 700; }
.auto5-tbl .vb-up { color: #14602b; }
.auto5-tbl .vb-down { color: #a01818; }
/* 入金の表示: 入金した直後の知らせ（次の手で消える）と、これまでの入金の合計。色や飾りで強めない（残高との差は出さない） */
.vb-dep-done { font-size: 14px; line-height: 1.5; font-weight: 700; text-align: center; margin: 0 0 2px; overflow-wrap: anywhere; }
.vb-now .vb-dep-done { text-align: left; }
.vb-dep-total { font-size: 13px; line-height: 1.5; margin: 0 0 2px; overflow-wrap: anywhere; }
/* 「勝敗を 0 に戻す」（◯勝◯敗 の行の右。枠だけの控えめな見た目。1回も出していない時は出ない） */
.vb-record { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 10px; }
.tally-open { flex: none; display: inline-block; width: auto; min-height: 44px; padding: 9px 12px; font-size: 14px; line-height: 1.6; font-weight: 700; box-sizing: border-box; border: 1.5px solid #8a94a6; border-radius: 8px; color: var(--text); background: var(--panel); }
/* 連続のボタン 4つ（5・10・50・100）: 2つずつ 2段 */
.auto-row { flex-wrap: wrap; }
.auto-row .auto5 { flex: 1 1 calc(50% - 4px); }
/* 連続の結果: まとめの 1行と、1回ずつの行（10行ぶんの高さの枠の中で、縦に送れる） */
.auto5-sum { font-size: 13px; line-height: 1.6; font-weight: 700; margin: 0 0 2px; overflow-wrap: anywhere; }
.auto5-scroll { max-height: 216px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.auto5-skip-row { margin: 2px 0 6px; text-align: center; }
button.btn.auto5-skip { display: inline-block; width: auto; min-height: 44px; padding: 9px 14px; font: inherit; font-size: 14px; line-height: 1.6; font-weight: 400; box-sizing: border-box; border: 1px solid var(--border); color: var(--text); background: var(--panel); border-radius: 10px; cursor: pointer; }
/* 下の欄の 2列（左＝あなた・右＝マイク）。スマホの 360px でも 2列のまま。残高の数字は大きく（20〜24px）。光る・動く飾りなし */
.vb-duo { display: flex; gap: 8px; margin: 0 0 8px; }
.vb-side { flex: 1 1 0; min-width: 0; border: 1px solid var(--border); border-radius: 10px; padding: 8px 8px 6px; }
.vb-side p { margin: 0 0 2px; overflow-wrap: anywhere; }
.vb-side-h { display: flex; align-items: center; gap: 6px; font-size: 14px; line-height: 1.4; font-weight: 700; }
.vb-side-h svg { flex: 0 0 36px; width: 36px; height: 36px; display: block; }
.vb-side .char-mike .k-idle { display: inline; }
.vb-side .char.char-mike { opacity: 1; }
.vb-side-rec { font-size: 14px; line-height: 1.5; font-weight: 700; }
.vb-side-rate { font-size: 12px; line-height: 1.5; }
.vb-side-bal { font-size: 13px; line-height: 1.4; font-weight: 400; }
.vb-side-lbl { display: block; }
.vb-side-bal .vb-num, .vb-side .vb-balance .vb-num { font-size: 22px; margin-left: 0; white-space: nowrap; }
.vb-side .vb-dep-total { font-size: 12px; }
.vb-mike-broke { font-size: 12px; line-height: 1.5; }
.vb-duo-bet { font-size: 14px; line-height: 1.5; margin: 0 0 2px; }
.vb-duo-bet strong { font-size: 18px; }
@media (min-width: 520px) { .vb-side-bal .vb-num, .vb-side .vb-balance .vb-num { font-size: 24px; } .vb-side-h svg { flex-basis: 44px; width: 44px; height: 44px; } }
/* 盤の中の箱は「掛け金（手数料）｜直前の増減」（2026-10-07。残高は、盤の成績＝css/janken.css の .bd-duo の左へ移した）。
   増減の見出し（履歴の表の列と同じ文）は 12px。掛け金だけの時（入金の直後）は、仕切りの線を出さない */
.vb-delta-k { font-size: 12px; }
.vb-bet-row:only-child { border-right: 0; padding-right: 0; margin-right: 0; flex: 0 1 auto; }
/* 連続の結果に、マイクの側（2026-10-07 社長「マイク側の結果が見れないです。」）。まとめは、左＝あなた・右＝マイクの 2つの箱。
   一覧は「回｜あなた（結果・増減）｜マイク（結果・増減）」。見出しの行は、送っても上に残る。あなたとマイクの間に、細い線。字は 12px から */
.auto5-sums { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 8px; margin: 0 0 4px; }
.auto5-sums .auto5-sum { margin: 0; font-size: 12px; line-height: 1.5; }
.auto5-sums .auto5-sum-mike { border-left: 1px solid var(--border); padding-left: 8px; }
.auto5-duo { width: 100%; max-width: 420px; }
.auto5-duo th { position: sticky; top: 0; z-index: 1; background: var(--panel); font-size: 12px; line-height: 1.6; font-weight: 700; text-align: center; padding: 0 4px; border-bottom: 1px solid var(--border); }
.auto5-duo td { padding: 0 4px; white-space: nowrap; }
.auto5-duo td.auto5-r { font-size: 12px; text-align: left; padding-left: 8px; }
.auto5-duo .auto5-mk { border-left: 1px solid var(--border); }
.auto5-duo .vb-flat { color: var(--text); }
.vb-prev-mike { margin-top: -2px; }
@media (max-width: 380px) { .auto5-duo td.auto5-d { font-size: 13px; } .auto5-duo td { padding: 0 3px; } .auto5-duo td.auto5-r { padding-left: 5px; } }
/* 盤の中の箱（2026-10-07 08:4x）: 上の段＝掛け金（手数料）／下の段＝増減を、左＝あなた・右＝マイクで（社長「あなたとマイクの 2つの収支を、右と左で」）。
   数字は、前と同じ大きい字の札（増えた＝緑・減った＝赤・動かない＝灰）。マイクの数字は桁が大きくなるので、名前と数字は、折れる時は 2行に分かれる */
.vb-line.vb-box { display: block; text-align: center; }
.vb-box p { margin: 0; }
.vb-box-bet { font-size: 14px; line-height: 1.5; }
.vb-box-moves { border-top: 1px solid var(--border); margin-top: 3px; padding-top: 2px; }
.vb-box-moves:first-child { border-top: 0; margin-top: 0; padding-top: 0; }
.vb-box-k { line-height: 1.5; }
.vb-box-duo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.vb-mv { min-width: 0; font-size: 12px; line-height: 1.5; padding: 0 2px 1px; }
.vb-mv-mike { border-left: 1px solid var(--border); }
.vb-mv-who { font-weight: 700; white-space: nowrap; }
.vb-line .vb-last-flat { color: var(--text); background: #fff; border: 1px solid var(--border); }
.vb-line .vb-mv .vb-last { margin-left: 2px; }
/* 連続のまとめは、数字だけ（2026-10-07 社長「儲けの額なんかだけを表示」）: 見出し（増減（遊びの円）・N回）→ 左＝あなた・右＝マイク。増減は大きい字（増えた＝緑・減った＝赤）、
   その下に小さく ◯勝◯敗◯あいこ、左だけ「手数料 N を含む」。一覧の勝ち負けは、短い印（勝・負・分）と色の両方 */
.auto5-sums { column-gap: 0; text-align: center; }
.as-k { grid-column: 1 / -1; margin: 0 0 2px; font-size: 12px; line-height: 1.5; }
.as-n { font-weight: 700; margin-left: 6px; }
.as-side { min-width: 0; display: flex; flex-direction: column; align-items: center; padding: 0 4px 2px; }
.as-mike { border-left: 1px solid var(--border); }
.as-who { font-size: 12px; line-height: 1.4; font-weight: 700; }
.as-num { font-size: 22px; line-height: 1.25; font-weight: 700; white-space: nowrap; }
.as-num.vb-up { color: #14602b; }
.as-num.vb-down { color: #a01818; }
.as-rec, .as-fee { font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
.auto5-duo td.auto5-r { font-weight: 700; width: 1.6em; }
/* 縦の線を 1本にそろえる（2026-10-07 社長「縦線ずれてます。」）。前は、一覧の表（幅 420px・回の列の分だけ右へ寄る）と、まとめ（箱の幅いっぱいの半分ずつ）で、境い目の位置が違っていた。
   まとめと一覧を、同じ幅（420px まで）の真ん中に置き、どちらも「左半分｜右半分」。一覧の 1行は、回・印・数｜印・数・（回と同じ幅の空き）の 6つ＝境い目は、ちょうど真ん中。
   見出し「回｜あなた｜マイク」も同じ割り。数は右ぞろえ・等幅の数字（桁がそろう）。境い目の線は、行の間で切れない（行の高さ＝字の行の高さ） */
.auto5-sums, .auto5-scroll { max-width: 420px; margin-left: auto; margin-right: auto; }
.auto5-sums { margin-bottom: 0; }
.as-k { border-bottom: 0; }
.as-you { padding: 0 4px 4px 2.2em; }
.as-mike { padding: 0 2.2em 4px 4px; }
.auto5-duo, .auto5-duo thead, .auto5-duo tbody { display: block; width: 100%; max-width: none; margin: 0; }
.auto5-duo thead { position: sticky; top: 0; z-index: 1; background: var(--panel); }
.auto5-duo tr { display: grid; grid-template-columns: 2.2em 1.8em minmax(0, 1fr) 1.8em minmax(0, 1fr) 2.2em; align-items: stretch; }
.auto5-duo th { position: static; display: block; border-bottom: 1px solid var(--border); border-top: 1px solid var(--border); padding: 0; }
.auto5-duo th.auto5-n { grid-column: 1; text-align: right; }
.auto5-duo th:nth-child(2) { grid-column: 2 / 4; }
.auto5-duo th.auto5-mk { grid-column: 4 / 7; padding-right: 2.2em; }
.auto5-duo td { display: block; padding: 0; line-height: 21px; }
.auto5-duo td.auto5-n { text-align: right; font-variant-numeric: tabular-nums; }
.auto5-duo td.auto5-r { width: auto; padding-left: 8px; text-align: left; }
.auto5-duo td.auto5-d { text-align: right; font-variant-numeric: tabular-nums; padding-right: 6px; }
.auto5-duo .auto5-mk { border-left: 1px solid var(--border); }
.as-num, .vb-line .vb-last, .vb-num, .bd-num { font-variant-numeric: tabular-nums; }
@media (max-width: 380px) { .auto5-duo td { padding: 0; } .auto5-duo td.auto5-r { padding-left: 6px; } .auto5-duo td.auto5-d { padding-right: 4px; } }
/* 連続の結果の箱の中は、どの字も真ん中（2026-10-07 社長「中央揃えにしてください。」＝「◯回目で…止まりました。」の 1行）。題（連続で◯回やる）も、まとめ・一覧と同じ軸に合わせて真ん中。折れた時も真ん中 */
.auto5-list .auto5-sum, .auto5-list .auto5-h { text-align: center; }

/* 下の欄の右の箱の顔が、写真のように見える絵（img.char-photo）の時も、SVG の時と同じ大きさ（36px・520px から 44px） */
.vb-side-h img.char-photo { flex: 0 0 36px; width: 36px; height: 36px; display: block; }
@media (min-width: 520px) { .vb-side-h img.char-photo { flex-basis: 44px; width: 44px; height: 44px; } }
/* 下の欄の相手の顔のそばの 1行（法務部の条件 1。写真の顔が入の時だけ） */
.vb-side .vb-face-note { margin: 2px 0 2px; font-size: 12px; line-height: 1.4; font-weight: 400; color: var(--text); }