/* C3：通常打撃練習の最初の 3 球の案内（bat-guide.js）と、表示改善（view-ui）を入れた後のボタンの置き場所 */
/* 案内カード：投球前だけ・画面の下（元の 1 行のヒントの場所）。投手・ゾーンの枠にかからない。カードの上を押しても投球は始まる（閉じるボタンだけ押せる） */
.bg-card{position:absolute;left:8px;right:8px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:9;pointer-events:none;background:#0f2132e6;border:1px solid #ffffff2e;border-radius:14px;padding:7px 10px 8px;color:#e9f1f6;font:12px/1.45 system-ui,-apple-system,"Hiragino Sans",sans-serif;box-shadow:0 4px 16px #0006;max-width:520px;margin:0 auto}
.bg-card[hidden]{display:none!important}
.bg-card p{margin:0}
.bg-h{display:flex;align-items:center;gap:8px;margin:0 0 2px!important}
.bg-t{font-size:13.5px;color:#ffdc65}.bg-n{font-size:10.5px;color:#9fb6c6;margin-right:auto}
.bg-x{pointer-events:auto;min-height:44px;min-width:44px;margin:-10px -6px -10px 0;padding:0 8px;border:0;background:none;color:#b9cad6;font:11px system-ui;text-decoration:underline;touch-action:manipulation}
.bg-l1 b,.bg-l2 b{color:#fff}
.bg-prev{margin-top:4px!important;padding-top:4px;border-top:1px solid #ffffff22;color:#bfeef5;font-size:11.5px}
.bg-prev:empty{display:none}
/* カードが出ている間は、同じ場所の元のヒント 1 行を隠す（言っている事はカードに入っている） */
[data-bg="1"] .hint{visibility:hidden}
/* 投球中：上の「残り N 球」の横に球種と球速（1〜3 球目だけ） */
.bg-pitch{font-size:12px;color:#ffdc65;white-space:nowrap;font-variant-numeric:tabular-nums}
.bg-pitch[hidden]{display:none}
/* 通常打撃練習：バント・盗塁のボタンは元の右上（帯と目標の下）のまま。右下へ移すと、ゾーンの枠のすぐ右（＝「マス以外をタップ」で押す所）に来て、投げさせるつもりでバントを押してしまう
   幅 320px で投手の上半身に重なっていたのは「二盗」の幅 152px の板 → 押せない時は隠し（下）、押せる時も幅を 124px にして投手の右に収める */
[data-ik="1"][data-view-ui="1"] .acts2{top:calc(76px + env(safe-area-inset-top))!important;right:8px}
[data-ik="1"][data-view-ui="1"] .acts2 .stealbtn{width:124px}
/* 走者がいない時の「二盗：一塁走者なし」（押せない）は、育成の練習では隠す（走者がいる時は今まで通り出る） */
[data-ik="1"] .acts2 .stealbtn:disabled{display:none}
@media(max-width:340px){.bg-card{padding:6px 8px 7px;font-size:11px;line-height:1.4}.bg-t{font-size:12.5px}.bg-prev{font-size:10.5px}}
/* ゾーンの下の説明（白い枠＝ストライク…）：左右に 30px ずつはみ出す作りで、スマホ幅では左端が画面の外に切れていた → 枠の左端からそろえて 1 行に */
[data-ik="1"] .yama .ylbl{left:0;right:auto;white-space:nowrap;text-align:left;font-size:10.5px}