（ゴールの口の 4 点を投影）。#cam の CSS transform で
ピッチの線・ゴールの網と同じカメラの動きに乗るので、ここでは位置・大きさを一切指定しない（13. 指摘対応）。
網目はゴールの網と同じ #hatch パターンを薄く重ねる */
/* M8: #cam は寄るほど拡大する CSS transform が乗るので、stroke-width をそのままにすると縁が太って見える。
vector-effect:non-scaling-stroke で、画面上の太さを寄り引きによらず一定にする */
.shot-mouth-poly{fill:url(#hatch);fill-opacity:.55;stroke:var(--ink2);stroke-width:2;vector-effect:non-scaling-stroke;opacity:0;pointer-events:none;transition:opacity .2s}
.goal-minute{position:absolute;left:16px;top:-7px;white-space:nowrap;font-family:var(--num);font-size:11px;font-weight:800;color:var(--ink);text-shadow:0 0 3px var(--paper),0 0 3px var(--paper)}
.shot-scorer{display:inline-block;white-space:nowrap}
/* round8（2026-10-16）: .88em だと sp390 の枠内（.shots-scene .capin p: 12px）で 10.56px になり下限 11px を割る。
得点者の行との釣り合いは大きさではなく色（var(--mute)）・太さで付ける */
.shot-scorer.own{font-size:1em;font-weight:700;color:var(--mute)}
@media(max-width:760px){.stage.shots-scene #gGoal{opacity:0}.goal-minute{display:none}}
/* 開始の章（スマホ・R-A）: スコアボードは出さず、ピッチを横いっぱいまで寄せる。外周の時計・目盛り・旗は消し、名前は丸の真下（stage.js の stageOpenPlace） */
.open-teams{position:absolute;left:0;top:0;width:100%;height:0;opacity:0;pointer-events:none;z-index:7;transition:opacity .3s}
.open-teams .ot{position:absolute;left:50%;top:0;display:flex;align-items:center;gap:7px;height:22px;padding:0 11px;border-radius:11px;background:var(--paper);box-shadow:0 1px 4px #16181d26;font-size:13px;font-weight:800;color:var(--ink);white-space:nowrap;transition:opacity .35s}
.open-teams .ot i{width:10px;height:10px;border-radius:50%;background:var(--h)}
.open-teams .ot.a i{background:var(--aSw)}
.open-teams .ot span{font-size:12px;font-weight:700;color:var(--ink2)}
@media(min-width:761px){.open-teams{display:none}}
@media(max-width:760px){
.stage.open-pt #gTrack,.stage.open-pt .tkl,.stage.open-pt .mk,.stage.open-pt .mkl,.stage.open-pt .flag,.stage.open-pt .moshiki{opacity:0!important}
.stage.open-pt .theatre #dots .dot .lb,.stage.open-pt #dots .dot .lb{left:0;top:0}
.stage.open-pt .theatre #dots .dot.hot .c{transform:scale(calc(var(--k)*1.08))}
.stage.open-pt #dots .dot .c{font-size:calc(var(--d)*.58)} /* 丸が小さい画面でも、背番号は 11px 以上（丸の直径の 0.58 倍×--k＝直径が 20px 以上なら 11.6px 以上） */
.stage.sky-off[data-ch="0"]:not(.has-card) .intro-head{top:0}
.stage.sky-off.mast-on[data-ch="0"] .intro-head{top:50px}
}
/* まとめた章（交代・警告）の、終わった件の一覧: 4 件以上は 2 列 */
.capin h2.sum{font-size:inherit;line-height:1.3;margin:2px 0 0;letter-spacing:0}
.capin .sub-sum{display:grid;gap:1px 8px;font-weight:800;line-height:1.3}
.capin .sub-sum.two{grid-template-columns:1fr 1fr;font-size:12px}
.capin .sub-sum.one{grid-template-columns:1fr;font-size:13.5px;gap:1px}
.capin .sub-sum .sub-pair{white-space:normal;overflow:visible} /* 名前が長いときは折り返す（欠けない） */
.capin .sub-sum .sub-arrow{margin:0 3px}
.capin .sub-sum .sub-min{font-family:var(--num);font-weight:700;color:var(--mute)}
.capin .sub-sum .num{font-family:var(--num);font-weight:800}
@media(max-width:760px){.stage.light-sum #cap{height:auto;min-height:90px;max-height:178px}}
/* まとめた章の止まった絵: 入った選手の丸に残す小さな緑の▲ */
.theatre #dots .dot.sub-in .c::before{content:"";position:absolute;inset:calc(var(--d)*-.14) calc(var(--d)*-.12) auto auto;width:calc(var(--d)*.42);height:calc(var(--d)*.38);background:#1b6f3a;clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 1px #fff);pointer-events:none}
.theatre .board .g .roll.nojump{transition:none}
/* ハーフタイム（スマホ）の終わりの小さな表: 4 項目を字幕の位置に並べる */
.capin h2.tbl{font-size:inherit;line-height:1.3;margin:2px 0 3px}
.capin .ht-tbl{display:grid;gap:1px;font-size:14px;font-weight:800;color:var(--ink)}
.capin .ht-tbl .r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,6.4em) minmax(0,6.4em);align-items:baseline;column-gap:6px}
.capin .ht-tbl .l{font-size:14px;font-weight:700;color:var(--ink2)}
.capin .ht-tbl .h,.capin .ht-tbl .a{text-align:right;font-family:var(--num);font-size:16px}
.capin .ht-tbl .h{color:var(--hInk)}.capin .ht-tbl .a{color:var(--aInk)}
.capin .ht-tbl .hd .h,.capin .ht-tbl .hd .a{font-family:inherit;font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* 長いチーム名は 1 行で省略記号（単語の途中で折らない） */
@media(max-width:760px){.stage.ht-scene #cap{height:auto;min-height:150px;max-height:252px} /* v6 M9: 6 項目（モデルの上限）の表と注記が必ず収まる高さ。もとの 210px は 6 項目で下が切れる恐れがあった（中身の高さ。ピッチは topRes で空けた分だけ引く） */}
/* スマホ: 見える字は 11px 以上（凡例・小さな札・終了の章の丸の背番号）。順位の章はピッチを出さず棒を広く */
@media(max-width:760px){
.pressure-key{font-size:11px}
.rate-legend{font-size:11px}
.plb small{font-size:12px}
.stage.end-scene #dots .dot .c{font-size:calc(var(--d)*.6)}
.stage.tab-scene .cam,.stage.tab-scene #fx,.stage.tab-scene #dots{opacity:0}
}
/* 縞の説明（最初に縞が出る章だけ）: 字幕を少し高くする */
.capin .strip-note{font-size:12px;line-height:1.35;font-weight:600;color:var(--ink2);margin-top:3px}
@media(max-width:760px){.stage.strip-intro #cap{height:132px}.stage.strip-intro.event-hold #cap{height:168px}}
/* スマホ: 丸の背番号は、丸が小さい画面（低い画面・遠い全景）でも見た目 11px 以上。丸の直径の 0.7 倍までに収める */
@media(max-width:760px){
.theatre #dots .dot .c{font-size:calc(min(max(var(--d)*.48,11px/var(--k)),var(--d)*.7))}
.stage.end-scene #dots .dot .c{font-size:calc(min(max(var(--d)*.6,11px/var(--k)),var(--d)*.72))}
.stage.open-pt #dots .dot .c{font-size:calc(var(--d)*.58)}
}
/* 終了の章（スマホ）: 最終スコアの下に得点者の一覧。左がホーム・右がアウェイ。字幕は中身の高さ（ピッチは topRes で空けた分だけ引く） */
.capin .end-sc{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;margin-top:6px}
.capin .end-col{display:flex;flex-wrap:wrap;align-content:flex-start;gap:2px 10px;min-width:0;font-size:13px;line-height:1.3;font-weight:700;color:var(--ink2)}
.capin .end-col.a{justify-content:flex-end;text-align:right}
.capin .end-sc-i{white-space:nowrap;font-family:var(--num)}
.capin .end-sc-i b{font-family:inherit;font-weight:800;color:var(--hInk)}
.capin .end-col.a .end-sc-i b{color:var(--aInk)}
@media(max-width:760px){.stage.end-scene #cap{height:auto;min-height:90px;max-height:190px}.stage.end-scene .capin p:empty{display:none}}
/* 評点の章（スマホ）の「最高は◯◯ 8.39」の 1 行 */
.capin h2.rb{font-size:calc(17px*var(--fz,1));line-height:1.25;margin:0 0 2px;font-weight:800}
.capin h2.rb b{font-size:1.1em}
/* シュートの線の始まりの点 */
.sdot{position:absolute;left:0;top:0;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--h);pointer-events:none;transition:opacity .3s}
.sdot.a{background:var(--aInk)}
.sdot.b{background:#8b9099}
.sdot.x{background:#b3b6ae}
/* シュートの章（スマホ）の、両チームの枠外・枠内・ブロックの小さな表（字幕の中） */
.capin .shot-tbl{display:grid;gap:1px;margin-top:3px;font-size:12.5px;font-weight:800}
.capin .shot-tbl .r{display:grid;grid-template-columns:minmax(0,1fr) 3.4em 3.4em 3.9em;align-items:baseline;column-gap:4px}
.capin .shot-tbl .r b{text-align:right;font-family:var(--num);font-weight:800}
.capin .shot-tbl .r b.l{text-align:left;font-family:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.capin .shot-tbl .r.hd b{font-family:inherit;font-weight:700;font-size:11.5px;color:var(--mute)}
.capin .shot-tbl .r.h b.l{color:var(--hInk)}.capin .shot-tbl .r.a b.l{color:var(--aInk)}
@media(max-width:760px){.stage.shots-scene #cap{height:auto;min-height:120px}}
/* v6（A2）: スマホ専用の分析（終了・シュート・押し込みの時間帯などに重ねる表）。棒はホーム・アウェイの比（くらべた値。量そのものではない行は棒を出さない） */
.capin .an-tbl{display:grid;gap:2px;font-size:13px;font-weight:800;color:var(--ink);margin-top:3px}
.capin .an-tbl .r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,5.6em) minmax(0,5.6em);align-items:baseline;column-gap:6px;line-height:1.15}
.capin .an-tbl .l{font-size:12.5px;font-weight:700;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.capin .an-tbl .h,.capin .an-tbl .a{text-align:right;font-family:var(--num);font-size:13.5px}
.capin .an-tbl .h{color:var(--hInk)}.capin .an-tbl .a{color:var(--aInk)}
.capin .an-tbl .hd .l,.capin .an-tbl .hd .h,.capin .an-tbl .hd .a{font-family:inherit;font-size:11.5px;font-weight:800;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.capin .an-tbl .an-bar{grid-column:1/-1;display:block;height:3px;border-radius:1.5px;background:var(--aTrk);margin:0 0 1px}
.capin .an-tbl .an-bar::before{content:"";display:block;height:100%;width:var(--ph);background:var(--hTrk);border-radius:1.5px 0 0 1.5px}
.capin .an-tbl.gk{gap:4px}
.capin .an-tbl.gk .gk-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:2px 0 2px 7px;border-left:3px solid var(--h)}
.capin .an-tbl.gk .gk-row.a{border-left-color:var(--a)}
.capin .an-tbl.gk .gk-row .nm{font-size:12.5px;font-weight:800;color:var(--ink)}
.capin .an-tbl.gk .gk-row .gk-st{font-size:12px;font-weight:700;color:var(--ink2)}
/* シュートの章は丸の印とゴール口がすぐ下にあり、字幕が高いと口が小さくなって印がはみ出す（ゴール口の判定は字幕の高さに連動）。
撃った人は多いと 10 人近いので、2 列に流して縦の高さを抑える */
.capin .an-tbl.shooters{display:block;column-count:2;column-gap:14px}
.capin .an-tbl.shooters .r{grid-template-columns:minmax(0,1fr) minmax(0,4.4em);break-inside:avoid}
.capin .an-tbl.shooters .v{text-align:right;font-family:var(--num);font-size:13px;color:var(--ink2)}
/* v6（A2）: 「このスタッツは誰が良かったか」（kind:'leaders'）。カテゴリ（左）× 選手名＋数字（右、本人のチーム色） */
.capin .an-tbl.leaders .r{grid-template-columns:minmax(0,1fr) minmax(0,9.5em)}
.capin .an-tbl.leaders .r b.h,.capin .an-tbl.leaders .r b.a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px}
@media(max-width:760px){.stage.ana-scene #cap{height:auto;min-height:120px;max-height:255px}
/* 評点の章（.rate-scene）はスコアボードを畳んでいて字幕が高い位置から始まるため、ほかの章より詰めた上限にする（丸の名前ラベルと重ならないように。anaLeadersTable 側も件数を絞る） */
.stage.rate-scene.ana-scene #cap{max-height:170px}}
/* ===== v6 M9（2026-10-15 オーナー指示）: スマホの分析の章（scene.type="panel"）は、ピッチを消して画面いっぱいを図にする =====
左＝ホーム・右＝アウェイ。クラブカラーの帯で比べる。PC は今までどおり布陣のまま（.anafull は PC では display:none）。
動かすのは transform（帯の伸び scaleX）と opacity（数字の出現）だけ。 */
.anafull{display:none}
@media(max-width:760px){
.anafull{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:0;bottom:var(--bot,56px);z-index:7;
padding:10px 14px 2px;opacity:0;pointer-events:none;transition:opacity .25s var(--ease)}
.anafull[hidden]{display:none}
.stage.ana-full .anafull{opacity:1;pointer-events:auto}
.stage.ana-full.mast-on .anafull{padding-top:58px}
/* 図に画面を渡す: ピッチ・字幕・凡例は消す（opacity だけ） */
.stage.ana-full .pw,.stage.ana-full #cap,.stage.ana-full .pressure-key,.stage.ana-full .rate-legend,.stage.ana-full .hbands{opacity:0;pointer-events:none}
/* L2（2026-10-16 レビュー round 7）: 隠れている間も、中の無限の演出（選手の丸の輪・外周の針の輪）は回り続ける
（CSS では祖先の opacity:0 が子の animation を止めない）。e7bab19（隠れている間は計算しない）と同じ考えで止める。 */
.stage.ana-full #dots .dot.hot .c::after,.stage.ana-full .pw .mk i::after{animation:none}
.stage.ana-full.has-card .anafull{opacity:0;pointer-events:none}
/* 見出し */
.af-head{flex:none}
.af-k{display:block;font-size:12px;font-weight:800;letter-spacing:.05em;color:var(--mute)}
/* M5（2026-10-16 レビュー round 7）: 見出しは 30〜32px（docs/design-references.md §4-1。本文 12.5px の 2.4 倍以上。
読みのカードの見出し 33px と階層をそろえる）。長い章名は 2 行に折り返す（折り返しても図が画面に収まることを実測した） */
.af-t{margin:1px 0 0;font-size:31px;line-height:1.14;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.af-t b{font-family:var(--num)}
/* 左＝ホーム・右＝アウェイ。クラブカラーは細い印と帯だけ（面で塗らない） */
.af-teams{flex:none;display:flex;justify-content:space-between;align-items:center;gap:8px;margin:7px 0 2px;
font-size:12.5px;font-weight:800;color:var(--ink2)}
.af-teams .tm{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.af-teams .tm i{flex:none;width:12px;height:12px;border-radius:3px;background:var(--h)}
.af-teams .tm.a{color:var(--ink2)}
.af-teams .tm.a i{background:var(--aSw)}
/* 行（項目ごとの左右の帯） */
/* class 名は af- で始める（#big の .big、字幕の .dense など、ほかの決まりと取り違えないため） */
.af-rows{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:space-evenly;gap:12px;padding:6px 0}
.af-rows.af-sm{gap:8px}
/* 行が少ない章（3 行まで）は、帯と数字を大きくして余白を埋める */
.af-rows.af-lg{gap:26px}
.af-rows.af-lg .af-bar{height:30px;border-radius:15px}
.af-rows.af-lg .af-bar .af-fill{border-radius:15px 4px 4px 15px}
.af-rows.af-lg .af-bar i.a .af-fill{border-radius:4px 15px 15px 4px}
.af-rows.af-lg .af-rl{margin-bottom:6px}
.af-rows.af-lg .af-rl .v .n{font-size:40px}
.af-rows.af-lg .af-rl .v .u{font-size:14px}
.af-rows.af-lg .af-rl .l{font-size:14.5px}
.af-row{display:block}
.af-rl{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;margin-bottom:4px}
.af-rl .l{flex:1 1 auto;min-width:0;text-align:center;font-size:13px;font-weight:700;color:var(--ink2);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.af-rl .v{flex:none;display:flex;align-items:baseline;gap:1px;font-weight:800;line-height:1}
.af-rl .v .n{font-family:var(--num);font-size:25px;letter-spacing:-.01em}
.af-rl .v .u{font-size:12px;font-weight:700;margin-left:1px}
.af-rl .v.h{color:var(--hInk)}
.af-rl .v.a{color:var(--aInk)}
.af-rows.af-sm .af-rl .v .n{font-size:21px}
/* 帯: 中央から左右へ。足して 100% 未満のときは真ん中が中立（どちらでもない分） */
.af-bar{display:flex;align-items:stretch;height:15px;border-radius:8px;background:#16181d12;overflow:hidden}
.af-bar.thin{height:7px;margin-bottom:3px;opacity:.55}
.af-bar i{display:block;height:100%;min-width:0}
.af-bar i.a{margin-left:auto}
.af-bar .af-fill{display:block;width:100%;height:100%;background:var(--hTrk);border-radius:8px 3px 3px 8px;transform-origin:0 50%}
.af-bar i.a .af-fill{background:var(--aTrk);border-radius:3px 8px 8px 3px;transform-origin:100% 50%}
/* 前後半: 細い帯（前半）→ 太い帯（後半） */
.af-legend{flex:none;display:flex;align-items:center;justify-content:center;gap:5px;margin:2px 0 0;font-size:12px;font-weight:700;color:var(--mute)}
.af-legend i{display:inline-block;width:16px;border-radius:3px;background:var(--mute)}
.af-legend i.b1{height:4px;opacity:.5}
.af-legend i.b2{height:9px;margin-left:8px}
.af-rows.hv .af-rl .v{align-items:baseline;gap:2px}
.af-rows.hv .af-rl .v .bf{font-family:var(--num);font-size:13.5px;font-weight:700;color:var(--mute)}
.af-rows.hv .af-rl .v .ar{font-style:normal;font-size:12px;font-weight:700;color:var(--faint);margin:0 1px}
.af-rows.hv .af-rl .v .n{font-size:22px}
.af-rows.hv .af-rl .l{font-size:12.5px}
/* GK の仕事: 両 GK を左右に並べる。帯はホームが左から・アウェイが右から伸びて、画面の真ん中で向き合う */
.af-gk{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:10px 0 2px}
.af-gkin{display:flex;align-items:flex-start;gap:16px}
.af-gkc{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:2px}
.af-gkc.a{text-align:right}
.gk-nm{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:18px;font-weight:800;color:var(--ink);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.af-gkc.a .gk-nm{flex-direction:row-reverse}
.gk-nm i{flex:none;width:4px;height:18px;border-radius:2px;background:var(--h)}
.af-gkc.a .gk-nm i{background:var(--aSw)}
.gk-row{display:flex;align-items:baseline;gap:5px;margin-top:16px}
.af-gkc.a .gk-row{flex-direction:row-reverse}
.gk-v{font-size:34px;font-weight:800;line-height:1;color:var(--hInk)}
.af-gkc.a .gk-v{color:var(--aInk)}
.gk-l{min-width:0;font-size:13px;font-weight:700;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.af-bar.gkb{height:11px;border-radius:6px;margin-top:5px}
.af-bar.gkb .af-fill{border-radius:6px}
/* 決定機と枠内シュート: 1 回を 1 つの印に（塗った丸＝決定機、輪郭だけの丸＝逃した決定機、短い棒＝枠内シュート） */
.af-ch{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:space-evenly;gap:14px;padding:6px 0}
.ch-row{display:block}
.ch-l{margin:0 0 7px;text-align:center;font-size:13.5px;font-weight:700;color:var(--ink2)}
.ch-line{display:flex;align-items:center;gap:8px}
.ch-ax{flex:none;width:2px;height:30px;border-radius:1px;background:#16181d1f}
.ch-line .v{flex:none;display:flex;align-items:baseline;font-weight:800;line-height:1}
.ch-line .v .n{font-family:var(--num);font-size:30px}
.ch-line .v .u{font-size:12px;font-weight:700;margin-left:1px}
.ch-line .v.h{color:var(--hInk)}
.ch-line .v.a{color:var(--aInk)}
.ch-mk{flex:1 1 0;min-width:0;display:flex;flex-wrap:wrap;align-content:center;gap:5px 5px}
.ch-mk.h{justify-content:flex-end}
.ch-mk.a{justify-content:flex-start}
.ch-mk .m{display:block;width:15px;height:15px;border-radius:50%;background:var(--h)}
.ch-mk.a .m{background:var(--aSw)}
.ch-mk .m.ring{background:none;border:2.5px solid var(--h)}
.ch-mk.a .m.ring{border-color:var(--aSw)}
.ch-mk .m.bar{width:8px;height:20px;border-radius:4px}
/* 押し込みの時間帯: 軸は画面の真ん中に固定し、ホームは左へ・アウェイは右へ伸ばす（行ごとに軸が動かない） */
.af-bar.p15{background:none;overflow:visible;gap:0}
.p15-hf{flex:1 1 0;min-width:0;display:flex;height:100%;background:#16181d12}
.p15-hf.h{justify-content:flex-end;border-radius:8px 0 0 8px}
.p15-hf.a{border-radius:0 8px 8px 0}
/* アウェイの帯も中央の軸から右へ伸ばす（.af-bar i.a の margin-left:auto を打ち消す。
打ち消さないと帯が画面の右端から出て、中央の軸との間が空いて見える。2026-10-15 オーナー指摘） */
.p15-hf i{display:block;height:100%;min-width:0}
.p15-hf i.a{margin-left:0}
.p15-hf.h i .af-fill{border-radius:4px 0 0 4px;transform-origin:100% 50%}
.p15-hf.a i .af-fill{background:var(--aTrk);border-radius:0 4px 4px 0;transform-origin:0 50%}
/* 真ん中の軸: 図の上から下まで 1 本の線（行の帯はその上に重なる） */
.af-rows.p15w{position:relative}
.af-rows.p15w::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#16181d24}
.p15-ax{flex:none;width:2px}
/* 数字が良かった選手: スタッツのチップ → ミニのピッチで本人が光る → 名前・チーム・値 */
.af-hint{flex:none;margin:7px 0 0;font-size:12px;font-weight:700;color:var(--mute)}
.af-chips{flex:none;display:flex;flex-wrap:wrap;gap:7px;margin:6px 0 2px}
.af-chip{flex:0 1 auto;min-width:44px;min-height:44px;padding:0 13px;border:1px solid var(--line);border-radius:22px;
background:var(--paper);font-size:13px;font-weight:800;color:var(--ink2);cursor:pointer;
transition:transform .18s var(--ease),opacity .18s}
.af-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
/* ミニのピッチ（選手を出す場）。左がホーム、右がアウェイ */
/* L3（2026-10-16 レビュー round 7）: 緑 2 色を足すと、この画面の色数が 3 を超える（docs/design-references.md §4-2）。
ピッチの枠と線は、クラブカラー 2 色と同じ黒の濃淡（#16181d の薄い重なり）で描く。 */
.af-pitch{position:relative;flex:1 1 auto;min-height:148px;margin:8px 0 4px;
border:1.5px solid #16181d1f;border-radius:10px;background:#16181d08}
.af-pitch .pt-mid{position:absolute;left:50%;top:0;bottom:0;width:1.5px;margin-left:-.75px;background:#16181d1f}
.af-pitch .pt-circ{position:absolute;left:50%;top:50%;width:74px;height:74px;margin:-37px 0 0 -37px;border:1.5px solid #16181d1f;border-radius:50%}
.af-pitch .pt-bx{position:absolute;top:23%;height:54%;width:50px;border:1.5px solid #16181d1f}
.af-pitch .pt-bx.h{left:-1px;border-left:0;border-radius:0 6px 6px 0}
.af-pitch .pt-bx.a{right:-1px;border-right:0;border-radius:6px 0 0 6px}
.af-pl{position:absolute;opacity:.3;transform:translate(-50%,-50%);transition:transform .28s var(--ease),opacity .28s}
.af-pl.on{opacity:1;transform:translate(-50%,-50%) scale(1.16)}
.af-pl .c{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:var(--h);color:var(--hT);
font-weight:700;font-size:17px;box-shadow:0 3px 6px #16181d38}
.af-pl.a .c{background:var(--aSw);color:var(--aT)}
.af-pl.on .c{box-shadow:0 0 0 3px var(--paper),0 0 0 6px color-mix(in srgb,var(--h) 50%,transparent),0 6px 18px color-mix(in srgb,var(--h) 40%,transparent)}
.af-pl.on.a .c{box-shadow:0 0 0 3px var(--paper),0 0 0 6px color-mix(in srgb,var(--aSw) 50%,transparent),0 6px 18px color-mix(in srgb,var(--aSw) 40%,transparent)}
.af-pl .nm{position:absolute;left:50%;top:calc(100% + 5px);transform:translateX(-50%);opacity:0;
white-space:nowrap;font-style:normal;font-size:12.5px;font-weight:800;color:var(--ink);
text-shadow:0 0 3px var(--paper),0 0 3px var(--paper),0 0 4px var(--paper);transition:opacity .2s}
.af-pl.on .nm{opacity:1}
/* 選んだ項目の 1 行（名前・チーム・値）。全部の項目をあらかじめ重ねて置き、選んだものだけを出す */
.af-liw{position:relative;flex:none;height:62px;margin-top:4px}
.af-li{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;
align-items:center;column-gap:12px;opacity:0;transition:opacity .2s}
.af-li.on{opacity:1}
.af-li .k{grid-area:1/1;font-size:12.5px;font-weight:800;color:var(--mute)}
.af-li .who{grid-area:2/1;display:flex;align-items:baseline;gap:7px;min-width:0}
.af-li .who .nm{font-size:23px;font-weight:800;line-height:1.1;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.af-li .who .tm{flex:none;font-size:12.5px;font-weight:700;color:var(--ink2)}
.af-li .v{grid-area:1/2/3/3;display:flex;align-items:baseline;font-size:46px;font-weight:700;line-height:1;color:var(--hInk)}
.af-li .v .u{font-size:14px;font-weight:800;margin-left:2px}
.af-li.a .v{color:var(--aInk)}
.af-note{flex:none;margin:6px 0 2px;font-size:12px;line-height:1.35;font-weight:600;color:var(--mute);
display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* M3（2026-10-16 レビュー round 9）: 実機のブラウザは上下の帯の分だけ低い（390×844 の機種で 664px 前後）。
「数字が良かった選手」はミニのピッチの最低の高さ（148px）と答えの行（62px）で縮みきらず、
図が 620px になって画面（608px）に収まっていなかった。低い画面だけ、この 2 つを詰める（字の大きさは変えない）。 */
@media (max-height:720px){
.af-pitch{min-height:116px;margin:6px 0 2px}
.af-liw{height:56px}
}
}
@media(max-width:380px){
.anafull{padding-left:10px;padding-right:10px}
.af-t{font-size:30px}
.af-rl .v .n{font-size:22px}
/* 狭い画面はミニのピッチも狭いので、丸を小さくして区分どうしをぶつけない */
.af-pl .c{width:32px;height:32px;font-size:15px}
}
/* ===== PC の分析の章（2026-10-16 オーナー決定「できるだけスマホと合わせたい。全部 PC にも出していいよ」
「PC は演出をスマホより強くできる。スマホに引っ張られてグレードダウンさせたくない」）=====
スマホの節（上の @media(max-width:760px)）は 1 行も変えていない。ここは PC だけの作り直しで、
スマホの縮小コピーにはしない。PC は画面が広いので:
・図を横幅いっぱい（最大 1180px）に広げ、左右の対比・15 分の帯を横長に、GK の対比を大きくする。
・文字は 3 段（見出し 38〜52px / 小見出し 16〜17px / ラベル 13〜14px）。数字は主役として 46〜72px。
docs/design-references.md §4-1 の 1・2（本文の 2.3 倍以上・数字は等幅で右揃え・単位は小さく直下）。
・色は 3 色まで（クラブカラー 2 色＋黒の濃淡）。囲まず 1px の線と余白で区切る（§4-1 の 3・6）。
動き（CLAUDE.md §6 の「transform / opacity だけ」はスマホだけの制限。PC は他のプロパティも使ってよい）:
・章に入った瞬間、図の面が下から上がる（translateY 14px → 0。420ms。§4-3「章が変わった瞬間」）。
・帯が上から 1 本ずつ伸びる（scaleX。afStep が PC だけ長めにずらす）。
・主役の数字が 0 から数え上がる（afStep。PC だけ。§4-3「数値は数え上げ」）。桁は --d の min-width で固定。
・チップはマウスに反応する（背景と枠の色。PC の入力に合わせた反応。§4-1 の 10）。
同時に動かすのはこの順（面 → 帯 → 数字）の 1 本の流れだけ。意味のない動き・常時ループは足さない（§4-2 の 5）。 */
@media (min-width:761px){
/* 舞台の絵と同じ升（grid-area:left）に重ねる。下の帯（bar）は残す */
.anafull{display:flex;flex-direction:column;grid-area:left;min-width:0;min-height:0;overflow:hidden;z-index:7;
padding:36px clamp(28px,4.5vw,92px) 14px;opacity:0;pointer-events:none;transform:translateY(14px);
transition:opacity .3s var(--ease),transform .42s var(--ease)}
.anafull[hidden]{display:none}
.stage.ana-full .anafull{opacity:1;transform:none;pointer-events:auto}
.stage.ana-full.mast-on .anafull{padding-top:92px}
/* 図に画面を渡す: ピッチ・字幕・図の見方・読みのカード・凡例は引っ込める */
.stage.ana-full .pw,.stage.ana-full #cap,.stage.ana-full .pressure-key,.stage.ana-full .rate-legend,.stage.ana-full .hbands,.stage.ana-full .cards{opacity:0;pointer-events:none}
/* スコアボードも引っ込める（1 画面 1 メッセージ。スマホは sky-off で既に出ていない）。
display ではなく opacity で消す（display を切ると #pw の大きさを測り直すことになり、前後の章の絵が動く） */
.stage.ana-full .sky{opacity:0;pointer-events:none;transition:opacity .25s var(--ease)}
.stage.ana-full .cnote{display:none}
/* 隠れている間、ピッチの中の無限の演出（丸の輪・外周の針）を回し続けない（スマホと同じ直し） */
.stage.ana-full #dots .dot.hot .c::after,.stage.ana-full .pw .mk i::after{animation:none}
/* 【字の段】2026-10-16（round-11 PC 担当 low L4）: 15 / 17 / 18px を 16px に、14px を 13px にまとめ、
名前（GK 30px・注目の選手 36px）を 32px に揃えた。PC の分析の章で使う字の段は次の 4 つだけにする:
章名 clamp(38–52px) ／ 名前 32px ／ ラベル・単位 16px ／ 注と小見出し 13px
（主役の数字は「字」ではなく図の一部として別に決める。docs/design-references.md §4-1）。
新しい大きさを足さない。足したくなったら、この 4 つのどれかに寄せる。 */
/* --- 見出しの帯: 小見出し（13px）→ 章名（大きく）→ 左＝ホーム・右＝アウェイ → 1px の線 --- */
.anafull .af-head{flex:none}
.anafull .af-k{display:block;font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--mute)}
.anafull .af-t{margin:4px 0 0;font-size:clamp(38px,3.3vw,52px);line-height:1.06;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.anafull .af-t b{font-family:var(--num)}
.anafull .af-teams{flex:none;display:flex;justify-content:space-between;align-items:center;gap:20px;
margin:16px 0 0;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:16px;font-weight:800;color:var(--ink2)}
.anafull .af-teams .tm{display:flex;align-items:center;gap:9px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.anafull .af-teams .tm i{flex:none;width:16px;height:16px;border-radius:4px;background:var(--h)}
.anafull .af-teams .tm.a i{background:var(--aSw)}
/* 数え上げる数字は桁の位置を固定する（数え上がっても左右に揺れない。§4-2 の 3）。
--d ＝ 数字（と符号）の桁数、--dp ＝ 小数点などの細い区切りの数（stage.js の afCtVars が書く）。
実測（Barlow Condensed）: 1ch は数字の送り幅より 2.3% 狭く、小数点は 0.45ch・マイナスは 0.72ch。
ここは JS が無いとき（数え上げも起きないとき）の下地で、JS があるときは stage.js の afPinWidths が
実測の幅を min-width に上書きする（ch の見込みでは字送り・字間の分だけ 1〜2px 足りないため）。
tabular-nums は、数字の幅が揃わないフォントに替わったときの保険。 */
.anafull .af-ct{display:inline-block;min-width:calc(var(--d,1) * 1ch + var(--dp,0) * .5ch);text-align:right;
font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
/* --- 行（球際と拾った数・パスの前進・守備の数・押し込みの時間帯） --- */
.anafull .af-rows{flex:1 1 auto;min-height:0;width:100%;max-width:1180px;margin:0 auto;
display:flex;flex-direction:column;justify-content:space-evenly;gap:18px;padding:20px 0 8px}
.anafull .af-rows.af-sm{gap:12px}
.anafull .af-rows.af-lg{gap:40px}
.anafull .af-row{display:block}
.anafull .af-rl{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:10px}
.anafull .af-rl .l{flex:1 1 auto;min-width:0;text-align:center;font-size:16px;font-weight:700;color:var(--ink2);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.anafull .af-rl .v{flex:none;display:flex;align-items:baseline;gap:2px;font-weight:800;line-height:1}
.anafull .af-rl .v .n{font-family:var(--num);font-size:46px;letter-spacing:-.01em}
.anafull .af-rl .v .u{font-size:16px;font-weight:700;margin-left:3px}
.anafull .af-rl .v.h{color:var(--hInk)}
.anafull .af-rl .v.a{color:var(--aInk)}
.anafull .af-rows.af-sm .af-rl .v .n{font-size:38px}
.anafull .af-rows.af-lg .af-rl .v .n{font-size:58px}
.anafull .af-rows.af-lg .af-rl .l{font-size:16px}
/* 帯: 中央から左右へ。PC は太く長く（左右の対比を広く） */
.anafull .af-bar{display:flex;align-items:stretch;height:26px;border-radius:13px;background:#16181d12;overflow:hidden}
.anafull .af-rows.af-lg .af-bar{height:36px;border-radius:18px}
.anafull .af-bar.thin{height:10px;margin-bottom:5px;border-radius:5px;opacity:.55}
.anafull .af-bar i{display:block;height:100%;min-width:0}
.anafull .af-bar i.a{margin-left:auto}
.anafull .af-bar .af-fill{display:block;width:100%;height:100%;background:var(--hTrk);border-radius:13px 4px 4px 13px;transform-origin:0 50%}
.anafull .af-bar i.a .af-fill{background:var(--aTrk);border-radius:4px 13px 13px 4px;transform-origin:100% 50%}
.anafull .af-rows.af-lg .af-bar .af-fill{border-radius:18px 5px 5px 18px}
.anafull .af-rows.af-lg .af-bar i.a .af-fill{border-radius:5px 18px 18px 5px}
/* 行が多い章（af-sm ＝ 6 行以上。押し込みの時間帯の 7 行・前後半の 6 行）は、
行の数だけ縦に伸びて画面からはみ出すので、字と帯を 1 段落として収める（行も中身も減らさない） */
.anafull .af-rows.af-sm{gap:10px;padding:14px 0 4px}
.anafull .af-rows.af-sm .af-rl{margin-bottom:6px}
.anafull .af-rows.af-sm .af-rl .l{font-size:16px}
.anafull .af-rows.af-sm .af-bar{height:20px;border-radius:10px}
.anafull .af-rows.af-sm .af-bar .af-fill{border-radius:10px 3px 3px 10px}
.anafull .af-rows.af-sm .af-bar i.a .af-fill{border-radius:3px 10px 10px 3px}
.anafull .af-rows.af-sm .af-bar.thin{height:8px;margin-bottom:4px;border-radius:4px}
.anafull .af-rows.af-sm .p15-hf.h{border-radius:10px 0 0 10px}
.anafull .af-rows.af-sm .p15-hf.a{border-radius:0 10px 10px 0}
/* --- 前後半の数字: 細い帯（前半）→ 太い帯（後半） --- */
.anafull .af-legend{flex:none;display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 0;
font-size:13px;font-weight:700;color:var(--mute)}
.anafull .af-legend i{display:inline-block;width:24px;border-radius:3px;background:var(--mute)}
.anafull .af-legend i.b1{height:5px;opacity:.5}
.anafull .af-legend i.b2{height:12px;margin-left:14px}
.anafull .af-rows.hv .af-rl .v{align-items:baseline;gap:3px}
.anafull .af-rows.hv .af-rl .v .bf{font-family:var(--num);font-size:24px;font-weight:700;color:var(--mute)}
.anafull .af-rows.hv .af-rl .v .ar{font-style:normal;font-size:16px;font-weight:700;color:var(--faint);margin:0 7px}
.anafull .af-rows.hv .af-rl .v .n{font-size:42px}
.anafull .af-rows.hv .af-rl .l{font-size:16px}
.anafull .af-rows.hv.af-sm .af-rl .v .bf{font-size:19px}
.anafull .af-rows.hv.af-sm .af-rl .v .ar{font-size:13px;margin:0 5px}
.anafull .af-rows.hv.af-sm .af-rl .v .n{font-size:38px} /* ほかの 6 行の章（af-sm）と同じ段。33px は中間の大きさだった（round-11 PC 担当 low L3） */
/* --- GK の仕事: 両 GK を画面の左右いっぱいに離し、真ん中で向き合わせる（対比を大きく） --- */
.anafull .af-gk{flex:1 1 auto;min-height:0;width:100%;max-width:1180px;margin:0 auto;
display:flex;flex-direction:column;justify-content:center;padding:16px 0 6px}
.anafull .af-gkin{display:flex;align-items:flex-start;gap:clamp(48px,9vw,150px)}
.anafull .af-gkc{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:2px}
.anafull .af-gkc.a{text-align:right}
/* 片側にしか記録が無く GK が 1 人だけのとき（stage.js が .one を付ける）、PC は 1 列にする。
2 列のままだと 1440px のうち 640px が空いたまま、帯だけが空の側まで通しで伸びて
「どちらのチームの帯か」が図から読めない（round-11 PC 担当 M2）。
列を真ん中に寄せ、帯の長さもその列の中に収める。記録の無い側は 0 で埋めない（数字を偽らない）。 */
.anafull .af-gkin.one{justify-content:center}
.anafull .af-gkin.one .af-gkc{flex:0 1 660px;max-width:660px}
.anafull .gk-nm{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:32px;font-weight:800;color:var(--ink);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.anafull .af-gkc.a .gk-nm{flex-direction:row-reverse}
.anafull .gk-nm i{flex:none;width:6px;height:32px;border-radius:3px;background:var(--h)}
.anafull .af-gkc.a .gk-nm i{background:var(--aSw)}
.anafull .gk-row{display:flex;align-items:baseline;gap:10px;margin-top:30px}
.anafull .af-gkc.a .gk-row{flex-direction:row-reverse}
.anafull .gk-v{font-size:62px;font-weight:800;line-height:1;color:var(--hInk)}
.anafull .af-gkc.a .gk-v{color:var(--aInk)}
.anafull .gk-l{min-width:0;font-size:16px;font-weight:700;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.anafull .af-bar.gkb{height:16px;border-radius:8px;margin-top:10px}
.anafull .af-bar.gkb .af-fill{border-radius:8px}
/* --- 決定機と枠内シュート: 1 回を 1 つの印に（塗った丸・輪郭だけの丸・短い棒） --- */
/* 印が中央の軸のまわりに集まるので、数字が遠くに離れないよう少しだけ狭くする */
.anafull .af-ch{flex:1 1 auto;min-height:0;width:100%;max-width:1020px;margin:0 auto;
display:flex;flex-direction:column;justify-content:space-evenly;gap:22px;padding:20px 0 8px}
.anafull .ch-row{display:block}
.anafull .ch-l{margin:0 0 12px;text-align:center;font-size:16px;font-weight:700;color:var(--ink2)}
.anafull .ch-line{display:flex;align-items:center;gap:18px}
.anafull .ch-ax{flex:none;width:2px;height:54px;border-radius:1px;background:#16181d1f}
.anafull .ch-line .v{flex:none;display:flex;align-items:baseline;font-weight:800;line-height:1}
.anafull .ch-line .v .n{font-family:var(--num);font-size:52px}
.anafull .ch-line .v .u{font-size:16px;font-weight:700;margin-left:3px}
.anafull .ch-line .v.h{color:var(--hInk)}
.anafull .ch-line .v.a{color:var(--aInk)}
/* 印は 1 行に収める。折り返すと「点で数える」図の意味が弱くなるため（round-11 PC 担当 low L5。
19732687 の決定機 13 個が 12 + 1 に折れていた）。印 1 つを格子の 1 列にして、
入りきらないときは折り返さずに印のほうを小さくする。列の幅の上限は丸 24px・棒 13px なので、
余裕があるときの見た目は今までと同じ。 */
.anafull .ch-mk{flex:1 1 0;min-width:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,24px);align-items:center;gap:9px}
.anafull .ch-mk.mk-bar{grid-auto-columns:minmax(0,13px)}
.anafull .ch-mk.h{justify-content:end}
.anafull .ch-mk.a{justify-content:start}
.anafull .ch-mk .m{display:block;width:100%;aspect-ratio:1;border-radius:50%;background:var(--h)}
.anafull .ch-mk.a .m{background:var(--aSw)}
.anafull .ch-mk .m.ring{background:none;border:4px solid var(--h)}
.anafull .ch-mk.a .m.ring{border-color:var(--aSw)}
.anafull .ch-mk .m.bar{aspect-ratio:13/32;border-radius:6px}
/* --- 押し込みの時間帯: 真ん中の軸を固定し、15 分の帯を横長に --- */
.anafull .af-bar.p15{background:none;overflow:visible;gap:0}
.anafull .p15-hf{flex:1 1 0;min-width:0;display:flex;height:100%;background:#16181d12}
.anafull .p15-hf.h{justify-content:flex-end;border-radius:13px 0 0 13px}
.anafull .p15-hf.a{border-radius:0 13px 13px 0}
.anafull .p15-hf i{display:block;height:100%;min-width:0}
.anafull .p15-hf i.a{margin-left:0}
.anafull .p15-hf.h i .af-fill{border-radius:6px 0 0 6px;transform-origin:100% 50%}
.anafull .p15-hf.a i .af-fill{background:var(--aTrk);border-radius:0 6px 6px 0;transform-origin:0 50%}
.anafull .af-rows.p15w{position:relative}
.anafull .af-rows.p15w::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#16181d24}
.anafull .p15-ax{flex:none;width:2px}
/* --- 数字が良かった選手: スタッツのチップ → 広いピッチで本人が光る → 名前・チーム・値 --- */
.anafull .af-hint{flex:none;margin:14px 0 0;font-size:13px;font-weight:700;color:var(--mute)}
.anafull .af-chips{flex:none;display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 2px}
.anafull .af-chip{flex:0 1 auto;min-width:46px;min-height:46px;padding:0 20px;border:1px solid var(--line);border-radius:23px;
background:var(--paper);font-size:16px;font-weight:800;color:var(--ink2);cursor:pointer;
transition:transform .15s var(--ease),background-color .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease)}
/* PC はマウスがあるので、押す前に「押せる」ことが分かる反応を付ける（入りは速く・170ms 前後） */
.anafull .af-chip:hover:not(.on){background:#16181d0a;border-color:#16181d40;color:var(--ink)}
.anafull .af-chip:active{transform:scale(.97)}
.anafull .af-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.anafull .af-pitch{position:relative;flex:1 1 auto;min-height:0;width:100%;max-width:1100px;margin:16px auto 10px;
border:2px solid #16181d1f;border-radius:16px;background:#16181d08}
.anafull .af-pitch .pt-mid{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#16181d1f}
.anafull .af-pitch .pt-circ{position:absolute;left:50%;top:50%;width:132px;height:132px;margin:-66px 0 0 -66px;border:2px solid #16181d1f;border-radius:50%}
.anafull .af-pitch .pt-bx{position:absolute;top:23%;height:54%;width:112px;border:2px solid #16181d1f}
.anafull .af-pitch .pt-bx.h{left:-2px;border-left:0;border-radius:0 10px 10px 0}
.anafull .af-pitch .pt-bx.a{right:-2px;border-right:0;border-radius:10px 0 0 10px}
.anafull .af-pl{position:absolute;opacity:.3;transform:translate(-50%,-50%);transition:transform .28s var(--ease),opacity .28s}
.anafull .af-pl.on{opacity:1;transform:translate(-50%,-50%) scale(1.2)}
.anafull .af-pl .c{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--h);color:var(--hT);
font-weight:700;font-size:25px;box-shadow:0 4px 10px #16181d38}
.anafull .af-pl.a .c{background:var(--aSw);color:var(--aT)}
.anafull .af-pl.on .c{box-shadow:0 0 0 4px var(--paper),0 0 0 8px color-mix(in srgb,var(--h) 50%,transparent),0 8px 24px color-mix(in srgb,var(--h) 40%,transparent)}
.anafull .af-pl.on.a .c{box-shadow:0 0 0 4px var(--paper),0 0 0 8px color-mix(in srgb,var(--aSw) 50%,transparent),0 8px 24px color-mix(in srgb,var(--aSw) 40%,transparent)}
.anafull .af-pl .nm{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);opacity:0;
white-space:nowrap;font-style:normal;font-size:16px;font-weight:800;color:var(--ink);
text-shadow:0 0 3px var(--paper),0 0 3px var(--paper),0 0 5px var(--paper);transition:opacity .2s}
.anafull .af-pl.on .nm{opacity:1}
.anafull .af-liw{position:relative;flex:none;height:92px;width:100%;max-width:1100px;margin:4px auto 0}
.anafull .af-li{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;
align-items:center;column-gap:24px;opacity:0;transition:opacity .2s}
.anafull .af-li.on{opacity:1}
.anafull .af-li .k{grid-area:1/1;font-size:13px;font-weight:800;color:var(--mute)}
.anafull .af-li .who{grid-area:2/1;display:flex;align-items:baseline;gap:12px;min-width:0}
.anafull .af-li .who .nm{font-size:32px;font-weight:800;line-height:1.1;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.anafull .af-li .who .tm{flex:none;font-size:16px;font-weight:700;color:var(--ink2)}
.anafull .af-li .v{grid-area:1/2/3/3;display:flex;align-items:baseline;font-size:72px;font-weight:700;line-height:1;color:var(--hInk)}
.anafull .af-li .v .u{font-size:16px;font-weight:800;margin-left:4px}
.anafull .af-li.a .v{color:var(--aInk)}
/* --- 注記（出所・数え方の但し書き） --- */
.anafull .af-note{flex:none;width:100%;max-width:1180px;margin:14px auto 2px;font-size:13px;line-height:1.5;font-weight:600;color:var(--mute)}
}
/* 低い PC の画面（ノート PC など）は、いちばん大きい数字と見出しだけ 1 段落とす（行の数・中身は変えない） */
@media (min-width:761px) and (max-height:820px){
.anafull .af-t{font-size:clamp(32px,2.8vw,42px)}
.anafull .af-rl .v .n{font-size:38px}
.anafull .af-rows.af-lg .af-rl .v .n{font-size:46px}
.anafull .af-rows.hv .af-rl .v .n,.anafull .af-rows.hv.af-sm .af-rl .v .n{font-size:34px}
.anafull .gk-v{font-size:50px}
.anafull .gk-row{margin-top:20px}
.anafull .ch-line .v .n{font-size:42px}
.anafull .af-li .v{font-size:58px}
/* 名前は 32px の段のまま（低い画面で落とすのは主役の数字だけ。字の段を増やさない） */
.anafull .af-liw{height:80px}
.anafull .af-pl .c{width:48px;height:48px;font-size:22px}
}
/* ===== v6 M9（§5 交代と采配。2026-10-15 オーナー指示「交代と采配の画面デザインもっとかっちょ良く」）=====
スマホだけ、テレビ中継の帯のように見せる（大きな分・背番号・OUT / IN の対比・時間の軸の上の位置）。
PC は今までどおりの一覧（.sub-sum）。動かすのは transform / opacity だけ（ここは静止の見た目のみ）。 */
.capin .sub-tv{display:grid;gap:2px;margin-top:2px}
/* 時間の軸: 得点の印を同じ軸に出すので、その交代が流れの変わり目の前か後かが読める */
.capin .sub-ax{position:relative;display:block;height:13px;margin:2px 0 5px}
.capin .sub-ax .sx-l{position:absolute;left:0;right:0;top:5.5px;height:2px;border-radius:1px;background:#16181d1f}
.capin .sub-ax .sx-ht{position:absolute;top:2px;width:1px;height:9px;background:#16181d33}
.capin .sub-ax .sx-g{position:absolute;top:2px;width:6px;height:9px;margin-left:-3px;border-radius:3px;background:var(--hTrk)}
.capin .sub-ax .sx-g.a{background:var(--aTrk)}
.capin .sub-ax .sx-y{position:absolute;top:3px;width:2px;height:7px;margin-left:-1px;border-radius:1px;background:var(--ylw)}
.capin .sub-ax .sx-now{position:absolute;top:0;width:3px;height:13px;margin-left:-1.5px;border-radius:2px;background:var(--ink)}
.capin .sub-tr{display:flex;align-items:center;gap:8px;padding:2px 0 2px 8px;border-left:3px solid var(--h)}
.capin .sub-tr.a{border-left-color:var(--aSw)}
.capin .sub-tr .mn{flex:none;min-width:2.7em;font-family:var(--num);font-size:18px;font-weight:800;line-height:1.1;color:var(--ink)}
.capin .sub-tr .sb{min-width:0;flex:1 1 auto;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 9px}
.capin .sub-tv.two .sub-tr{padding-top:3px;padding-bottom:3px}
.capin .sub-tv.two .sub-tr .mn{font-size:22px}
.capin .sub-tv.two .sb{flex-direction:column;gap:2px}
.capin .sp{display:flex;align-items:baseline;gap:5px;min-width:0}
.capin .sp .tg{flex:none;font-style:normal;font-size:12px;font-weight:800;line-height:1.35;letter-spacing:.02em;color:#fff;background:#b3261e;border-radius:4px;padding:0 5px}
.capin .sp.in .tg{background:#1b6f3a}
.capin .sp .n{flex:none;font-family:var(--num);font-size:15px;font-weight:800;color:var(--ink2)}
.capin .sp .s{min-width:0;font-size:13.5px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.capin .sp.card{font-size:13.5px;font-weight:700;color:var(--ink2)}
.capin .sp.card .cd{flex:none;width:9px;height:13px;border-radius:2px;background:var(--ylw);box-shadow:0 1px 2px #16181d33;transform:translateY(2px)}
.capin .sp.card .cd.r{background:var(--red)}
/* 2026-10-16: 章に添えたイエロー（scene.warnNotes）の 1 行。字幕の下に小さく、うるさくしない */
.capin .warn-notes{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:10px;margin-left:10px;max-width:100%;overflow:hidden;vertical-align:baseline}
.capin .warn-notes .wn{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.capin .warn-notes .wn .cd{flex:none;width:7px;height:10px;border-radius:1.5px;background:var(--ylw);box-shadow:0 1px 2px #16181d33}
.capin .warn-notes .wn .num{font-family:var(--num);font-weight:800;color:var(--ink2)}
.capin .sub-tv.two .sp .s{font-size:17px}
.capin .sub-tv.two .sp .n{font-size:17px}
/* 1 件だけを見せている間（寄っている最中）は、いちばん大きく */
.capin .sub-big{display:grid;gap:3px;margin-top:1px}
.capin .sub-big .sp .s{font-size:20px}
.capin .sub-big .sp .n{font-size:20px}
.capin .sub-big .sp .tg{font-size:12.5px}
@media(max-width:760px){
.stage.event-hold #cap{height:142px}
/* 2026-10-16: まとめた章（light-sum）の字幕は、中身の高さに合わせる。
これまでは、縞の説明が入る章（.stage.strip-intro #cap{height:132px}）や 1 件を見せている間
（.stage.event-hold #cap{height:142px}）の「決まった高さ」が後から効いて、#cap が overflow:hidden のため
説明の下 1 行（「ピッチの周りの縞は…」）が切れていた。4 つ並べた指定で、どの組み合わせでも height:auto を勝たせる。
高さの上限は、実測でいちばん高い中身（交代 5 件 + 縞の説明 = 226px）が入る 232px。 */
.stage.light-sum #cap,
.stage.light-sum.strip-intro #cap,
.stage.light-sum.event-hold #cap,
.stage.light-sum.strip-intro.event-hold #cap{height:auto;min-height:90px;max-height:232px}
/* まとめた章は説明文（c[3]）が無いことがある。空の は min-height のぶん場所を取るので消す（終了の章と同じ扱い） */
.stage.light-sum .capin p:empty{display:none}
}