:root{
  color-scheme:light only;
  --bg:#f4f4f1;--paper:#fff;--ink:#16181d;--ink2:#2c3038;--mute:#5b6069;--line:#d7d8d2;--dot:#c3c5bf;--acc:#1d55c4;
  --home:#23262c;--away:#c42a22;--homeT:#23262c;--awayT:#c42a22;--awaysw:#c42a22;
  --mast:48px;--now:112px;
  --S:min(calc(100vh - var(--mast) - 24px), 56vw);
  --hd:42px;--nav:62px;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:"Zen Kaku Gothic New",system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
a{color:var(--ink);text-decoration:underline;text-decoration-color:#9aa0a8;text-underline-offset:3px}
a:hover{color:var(--acc);text-decoration-color:var(--acc)}
button{font-family:inherit;cursor:pointer;color:var(--ink)}
.num{font-family:"Barlow Condensed",sans-serif;font-feature-settings:"tnum"}
.mono{font-family:"IBM Plex Mono",monospace}
.k{font-size:11px;letter-spacing:.12em;color:var(--mute);font-weight:700}
.chip{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:3px;letter-spacing:.04em;vertical-align:1px;white-space:nowrap}
.c-a{background:#e6e9ef;color:#27303f}
.c-c{background:#fbe9d6;color:#7a3b06}
.plbl{paint-order:stroke;stroke:#f3f5f0;stroke-width:5px;stroke-linejoin:round}
.note{font-size:12px;color:var(--mute);line-height:1.65}
.th{color:var(--homeT);font-weight:700}
.ta{color:var(--awayT);font-weight:700}

/* which layout: fit2a (PC) on wide screens, c2 (phone app) on narrow ones */
@media (max-width:760px){ .pc{display:none!important} }
@media (min-width:761px){ .ph{display:none!important} }

/* ============================ shared figure parts ============================ */
/* 図の区切り: どの図も上に細い線、その下に見出しの1行（短い黒い印＋見出し）。図が続いても境目が分かる（見本 fit2a-bayern の点線の区切りを実線に） */
.fg{margin-top:28px;padding-top:12px;border-top:1px solid var(--line)}
.fg .cap{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;color:var(--ink);letter-spacing:.06em;line-height:1.5}
.fg .cap::before{content:"";flex:none;width:12px;height:3px;background:var(--ink);transform:translateY(-3px)}
.fg + .fg{margin-top:30px}
.bx-note{border-top:1px dotted var(--dot);padding-top:10px}
.fg svg{display:block;width:100%;height:auto}
.fg svg[width]{display:inline-block;width:auto;vertical-align:-2px}
.fg-row .bw span svg{margin-right:2px}
.fg .fnote{font-size:11.5px;color:var(--mute);line-height:1.6;margin-top:6px}
.fg-sq{display:inline-block;box-sizing:border-box}
.fg-grid{display:grid;grid-template-columns:minmax(84px,max-content) 1fr;gap:8px 12px;align-items:center}
.fg-grid .lb{font-size:12px;font-weight:700;line-height:1.35}
.fg-grid .lb .num{font-size:20px;color:var(--ink)}
.fg-sqs{display:flex;flex-wrap:wrap;gap:3px}
.fg-xg{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:4px 10px;align-items:baseline}
.fg-xg .v{font-size:36px;font-weight:700;line-height:1}
.fg-xg .l{font-size:12px;line-height:1.4}
.fg-split{display:flex;height:14px;margin-top:4px}
.fg-split span{display:block;height:100%}
.fg-row{display:grid;grid-template-columns:minmax(92px,max-content) 1fr;gap:8px;align-items:center;padding:5px 0;border-top:1px dotted #dcddd8}
.fg-row .nm{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.fg-row .bw{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0}
.fg-row .bar{height:11px;display:inline-block;flex:none}
.fg-row .bw > span:not(.bar){white-space:nowrap}
.fg-row .ics{display:inline-flex;gap:1px}
.fg-row .nt{font-size:11px;color:var(--acc);font-weight:700}
.fg-row.hl .nm{color:var(--acc)}
.fg-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.fg-tile{border-top:2px solid var(--c);padding-top:8px}
.fg-tile .n{font-weight:700;font-size:13px}
.fg-tile .how{font-size:11px;color:var(--mute);margin-top:2px}
.fg-tile .st{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:11.5px;align-items:baseline}
.fg-tile .st .num{font-size:24px;font-weight:700;line-height:1}
.fg-pair{display:grid;grid-template-columns:minmax(96px,max-content) 1fr;gap:4px 10px;align-items:center}
.fg-pair .lb{font-size:12px;font-weight:700}
/* 棒の行は3列（見出し ｜ 数 ｜ 棒の溝）を .bars の grid でそろえる。数は見出しのすぐ右、棒の左に右そろえで置く */
.fg .bars{display:grid;grid-template-columns:max-content minmax(2.4em,max-content) minmax(0,1fr);row-gap:4px;align-items:center}
.fg .bars > .b{display:contents}
.fg .bars .bl{font-size:11.5px;font-weight:500;white-space:nowrap;padding-right:8px}
.fg .bars .bl:empty{padding:0}
.fg .bars .v{font-size:15px;font-weight:700;line-height:1.15;text-align:right;white-space:nowrap;padding-right:8px}
.fg .bars .v.hi{color:var(--acc)}
.fg .bars .v small{font-size:11px;font-weight:500;color:var(--mute);margin-left:2px;font-family:"Zen Kaku Gothic New",system-ui,sans-serif}
.fg .bars .bl,.fg .bars .v{line-height:1.25;align-self:center}
.fg .bars .tk{display:flex;align-items:center;gap:6px;min-width:0}
.fg .bars .tr2{flex:1 1 auto;min-width:36px;display:flex}
.fg .bars .bar{display:block;height:10px}
.fg .bars .bn{flex:0 1 auto;font-size:11px;color:var(--mute);line-height:1.3}
.fg-pitch_at > svg{max-width:520px}
.fg-shapes{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fg-shapes .cap2{font-size:12px;font-weight:700;margin-top:4px}
.fg-shapes .sub2{font-size:11px;color:var(--mute);line-height:1.5}
.fg-leg{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px;color:#3b3e44;align-items:center;margin-top:6px}
.fg-gseq{list-style:none;margin:4px 0 0;padding:0;position:relative}
.fg-gseq li{position:relative;display:flex;gap:10px;align-items:flex-start;padding:0 0 12px}
.fg-gseq li:not(:last-child)::after{content:"";position:absolute;left:13px;top:28px;bottom:2px;border-left:2px dashed var(--c)}
.fg-gseq .dot{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid var(--c);color:var(--c);background:#fff;display:flex;align-items:center;justify-content:center;font:700 13px/1 'Barlow Condensed',sans-serif;box-sizing:border-box}
.fg-gseq .dot.last{background:var(--c);color:#fff}
.fg-gseq .bd{min-width:0;padding-top:4px;font-size:12.5px;line-height:1.5}
.fg-gseq .bd b{margin-right:8px}
.fg-gseq .ac{color:var(--mute);word-break:keep-all;overflow-wrap:anywhere}
.fg-tl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:12.5px;line-height:1.55}
.fg-tl .d{font-weight:700;color:var(--acc);white-space:nowrap}
.fg-tally{display:flex;gap:18px;align-items:baseline}
.fg-tally .num{font-size:34px;font-weight:700;line-height:1}
/* 図の描き込み（見本 fit2a の .rv/.in と同じ考え方）。.fg.rv が画面に入ると page.js が .in を付け、一度だけ動く。
   文字は隠さない（動くのは棒・線・マス・印だけ）。.rv の外（交代カードの小さなピッチなど）では効かない。 */
.fg.rv:not(.in) .rv-b{transform:scaleX(0)}
.fg.rv:not(.in) .rv-z{transform:scaleY(0)}
.fg.rv:not(.in) .rv-s{opacity:0}
.fg.rv:not(.in) .rv-p{transform:scale(0)}
.fg.rv:not(.in) .rv-t{opacity:.12}
.fg.rv:not(.in) .rv-u{opacity:.5;transform:translateY(8px)}
.fg.rv:not(.in) .fg-tile::before{transform:scaleX(0)}
.fg.rv:not(.in) .fg-tl::before{transform:scaleY(0)}
.rv-b{transform-origin:left center}
.rv-z{transform-origin:center bottom}
svg .rv-b,svg .rv-z,svg .rv-p{transform-box:fill-box}
.rv-p{transform-origin:center}
span.rv-p{display:inline-block}
.fg.rv:not(.in) .rv-d{stroke-dashoffset:1}
.fg.rv.in .rv-d{transition:stroke-dashoffset .9s cubic-bezier(.4,0,.2,1) var(--d,.2s)}
.fg.rv.in .cp-l{transition-duration:1.1s}
.rv-u{display:inline-block}
.fg.rv.in .rv-b{transition:transform .8s cubic-bezier(.2,.7,.2,1) var(--d,.2s)}
.fg.rv.in .rv-z{transition:transform .5s cubic-bezier(.2,.7,.2,1) var(--d,.2s)}
.fg.rv.in .rv-s{transition:opacity .35s ease var(--d,.2s)}
.fg.rv.in .rv-p{transition:transform .5s cubic-bezier(.3,1.6,.5,1) var(--d,.2s)}
.fg.rv.in .rv-t{transition:opacity .22s ease var(--d,.2s)}
.fg.rv.in .rv-u{transition:opacity .4s ease var(--d,.2s),transform .6s cubic-bezier(.2,.7,.2,1) var(--d,.2s)}
.fg-tile{position:relative;border-top-color:#e4e5e0}
.fg-tile::before{content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:var(--c);transform-origin:left center}
.fg.rv.in .fg-tile::before{transition:transform .8s cubic-bezier(.2,.7,.2,1) var(--d,.2s)}
.fg-tl{position:relative;padding-left:12px}
.fg-tl::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:var(--acc);transform-origin:center top}
.fg.rv.in .fg-tl::before{transition:transform 1s cubic-bezier(.4,0,.2,1) .2s}
.src-inline{font-size:11px;color:var(--mute)}

/* =============================== PC: fit2a =============================== */
.pc .p{font-size:15px;line-height:1.95;margin:0}
.pc .youshi{border-left:3px solid var(--ink);padding:2px 0 2px 14px;font-size:13.5px;line-height:1.85;color:var(--ink2)}
.pc .src{font-size:11px;color:var(--mute);margin-top:4px}
.pc .mast{position:sticky;top:0;z-index:20;height:var(--mast);display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--ink);background:var(--paper)}
.pc .mast .t{font-weight:900;font-size:17px;letter-spacing:.02em}
.pc .mast .s{font-size:12px;color:var(--mute);margin-left:16px}
.ai{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;border:1px solid var(--ink);padding:5px 10px;border-radius:3px;white-space:nowrap}
.pc .layout{display:grid;grid-template-columns:calc(var(--S) + 32px) minmax(0,1fr)}
.pc .dialcol{position:sticky;top:var(--mast);height:calc(100vh - var(--mast));display:flex;align-items:center;justify-content:center;background:var(--paper);border-right:1px solid var(--line)}
.pc .dialwrap{position:relative;width:var(--S);height:var(--S)}
.pc #dial{display:block;width:100%;height:100%;overflow:visible}
.pc .hit{fill:transparent;cursor:pointer}
.pc .hit:hover{fill:rgba(29,85,196,.10)}
.pc .skipper{fill:transparent;cursor:pointer}
.pc .badge{cursor:pointer}
.pc .badge:focus{outline:none}
.pc .badge:focus-visible circle{stroke:var(--acc);stroke-width:3}
.pc #bars path{transition:opacity .55s ease}
.pc #dial.sweeping #bars path{transition:none}
.pc #band,.pc #bandEdge{transition:opacity .4s ease}
.pc .replay{position:absolute;left:0;bottom:0;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid #c3c5bf;background:var(--paper);border-radius:4px;font-size:12px;font-weight:700;color:var(--ink)}
.pc .replay:hover{border-color:var(--acc);color:var(--acc)}
.pc .flow{min-width:0;padding:0 clamp(20px,3vw,48px) 40px}
.pc .flow > *{max-width:720px}
.pc .now{position:sticky;top:var(--mast);z-index:10;height:var(--now);margin:0 calc(-1 * clamp(20px,3vw,48px));padding:10px clamp(20px,3vw,48px);max-width:none;background:rgba(244,244,241,.96);backdrop-filter:blur(4px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 16px;align-items:start;overflow:hidden}
.pc .now .min{font-size:50px;font-weight:700;line-height:.9;color:var(--acc);min-width:74px;white-space:nowrap}
.pc .now .meta{display:flex;flex-wrap:nowrap;white-space:nowrap;overflow:hidden;min-width:0;align-items:center;gap:0 12px;font-size:13px;line-height:1.5}
.pc .now .meta b{font-weight:700}
.pc .now .sw{width:10px;height:10px;display:inline-block;margin-right:6px;vertical-align:-1px}
.pc .now .evs{grid-column:2 / 3;grid-row:2;min-width:0;font-size:12px;line-height:1.45;margin-top:-4px}
.pc .now > div:first-child{grid-row:1 / 3}
.pc .now .evs div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc .now .nav{display:flex;gap:6px;grid-column:3;grid-row:1 / 3}
.pc .now .nav button{width:40px;height:40px;border:1px solid #c3c5bf;background:var(--paper);border-radius:4px;padding:0}
.pc .now .nav button:hover{border-color:var(--acc)}
.pc .now.flash .min{animation:flash .45s cubic-bezier(.2,.7,.2,1)}
@keyframes flash{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
.pc .intro{padding:28px 0 8px}
.pc h1{font-size:clamp(24px,2.1vw,31px);line-height:1.45;font-weight:900;margin:12px 0 14px;letter-spacing:.01em}
.pc .lede{margin:0;font-size:15px;line-height:1.9;color:var(--ink2)}
.pc .score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);padding:12px 0;margin-top:22px}
.pc .score .tn{font-weight:900;font-size:16px}
.pc .score .ts{font-size:12px;color:var(--mute);margin-top:3px}
.pc .three div{display:grid;grid-template-columns:22px 1fr;gap:8px;padding:6px 0;border-top:1px dotted var(--dot);font-size:13.5px;line-height:1.6}
.pc .howto{margin-top:24px;background:var(--paper);border:1px solid var(--line);padding:16px 18px}
.pc .howto .g{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;margin-top:10px;font-size:12.5px;line-height:1.55;align-items:center}
.pc h2{margin:0;font-size:22px;font-weight:900}
.pc .sec{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding:44px 0 6px}
.pc .sec span{font-size:13px;color:var(--mute)}
.pc [data-step]{scroll-margin-top:calc(var(--mast) + var(--now) + 12px)}
.pc .rd{position:relative;padding:40px 0 36px;border-top:1px solid var(--ink)}
.pc .rd::before{content:"";position:absolute;left:-16px;top:40px;bottom:36px;width:3px;background:transparent;transition:background-color .35s ease}
.pc .rd.on::before{background:var(--acc)}
.pc .rd .no{font-size:44px;font-weight:700;line-height:1}
.pc .rd .ti{font-weight:900;font-size:19px;margin-top:6px;line-height:1.45}
.pc .rd .when{margin-top:8px;font-size:12px;color:var(--acc);font-weight:700;letter-spacing:.04em}
.pc .rf{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--mute);align-items:center}
.pc .fg{max-width:560px}
.pc .dec{position:relative;display:grid;grid-template-columns:232px minmax(0,1fr);gap:18px;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--c);padding:14px;margin-top:14px;transition:box-shadow .3s ease}
.pc .dec.on{box-shadow:0 0 0 2px var(--acc)}
.pc .dec .mn{font-size:30px;font-weight:700;line-height:1}
.pc .dec .tm{font-size:11px;font-weight:700;color:var(--c)}
.pc .dec .what{font-size:13px;font-weight:700;line-height:1.55;margin-top:6px}
.pc .dec .sw{font-size:12px;line-height:1.5;margin-top:4px}
.pc .dec .bk{font-size:12px;line-height:1.7;border-top:1px dotted var(--dot);padding-top:6px;margin-top:8px}
.pc .extra{padding:10px 0;border-top:1px dotted var(--dot);font-size:13.5px;line-height:1.8;color:var(--ink2)}
.pc .pl-card{padding:14px 0;border-top:1px dotted var(--dot)}
.pc footer{background:var(--ink);color:#e9eae6;padding:36px 40px 44px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:48px}
.pc footer .h{font-size:11px;letter-spacing:.12em;font-weight:700;color:#aeb3bb}
.pc footer a{color:#e9eae6;text-decoration-color:#6b717a}
.pc footer p{font-size:12px;line-height:1.85;margin:10px 0 0;color:#cfd2d6}
.pc footer .row{font-size:12px;line-height:1.6;margin-top:7px;color:#cfd2d6;overflow-wrap:anywhere}
@media (max-width: 900px){
  :root{--S:min(94vw, 640px)}
  .pc .layout{grid-template-columns:1fr}
  .pc .dialcol{position:relative;top:0;height:auto;padding:16px 0 20px;border-right:0;border-bottom:1px solid var(--line)}
  .pc .flow{padding:0 16px 32px}
  .pc .now{margin:0 -16px;padding:10px 16px}
  .pc .mast .s{display:none}
  .pc footer{grid-template-columns:1fr;padding:28px 16px 36px;gap:28px}
  .pc .dec{grid-template-columns:1fr}
}

/* =============================== phone: c2 =============================== */
.ph .app{height:100dvh;min-height:560px;display:flex;flex-direction:column}
.ph .hd{flex:none;height:var(--hd);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;background:var(--paper);border-bottom:1px solid var(--ink)}
.ph .hd .sc{display:flex;align-items:baseline;gap:6px;font-weight:900;font-size:13px;white-space:nowrap;min-width:0;overflow:hidden}
.ph .hd .sc .num{font-size:21px;line-height:1}
.ph .hd .sc .tn{overflow:hidden;text-overflow:ellipsis;max-width:34vw}
.ph .ai{gap:5px;font-size:10.5px;padding:3px 6px}
.ph .stage{flex:none;display:flex;justify-content:center;padding:6px 6px 4px;background:var(--paper);border-bottom:1px solid var(--line)}
.ph .stage svg{display:block;width:min(100%, 600px, calc((100dvh - var(--hd) - var(--nav) - 300px) * 600 / 466));height:auto;overflow:visible}
.ph .hit{cursor:pointer;touch-action:none}
.ph .pl{transition:opacity .35s ease}
.ph .panel{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;position:relative;-webkit-overflow-scrolling:touch}
.ph .pin{padding:10px 16px 18px}
/* 場面の切り替え: 本文の欄全体は動かさない（大きな面の opacity は、スマホで白く光る・重い原因）。動くのは上の見出しの小さな2要素だけ */
.ph .pin.enter-f > .st-hd,.ph .pin.enter-f > h2{animation:inF .26s cubic-bezier(.2,.7,.2,1)}
.ph .pin.enter-b > .st-hd,.ph .pin.enter-b > h2{animation:inB .26s cubic-bezier(.2,.7,.2,1)}
@keyframes inF{from{opacity:.2;transform:translateX(14px)}to{opacity:1;transform:none}}
@keyframes inB{from{opacity:.2;transform:translateX(-14px)}to{opacity:1;transform:none}}
.ph .st-hd{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mute)}
.ph .st-hd .n{min-width:24px;height:24px;border-radius:12px;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;padding:0 6px}
.ph .st-hd .n.r{background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);font-size:12px}
.ph .st-hd .rg{margin-left:auto;color:var(--acc);font-weight:700;font-size:15px}
.ph h1{font-size:17px;line-height:1.5;font-weight:900;margin:6px 0 8px}
.ph h2{font-size:17px;line-height:1.45;font-weight:900;margin:6px 0 6px}
.ph .tx{font-size:14px;line-height:1.8;color:var(--ink2);margin:0}
.ph .tx:not(:first-child){margin-top:10px}
.ph .youshi{border-left:3px solid var(--ink);padding:1px 0 1px 10px;font-size:12.5px;line-height:1.75;color:var(--ink2);margin-top:10px}
.ph .src{font-size:10.5px;color:var(--mute);margin-top:2px}
.ph .note{font-size:11.5px;line-height:1.6}
.ph .rf{margin-top:8px;display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:10.5px;color:var(--mute)}
.ph .fg{margin-top:18px;padding-top:10px}
.ph .fg + .fg{margin-top:20px}
.ph .live{display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px;font-size:12px;line-height:1.5;margin:2px 0 6px;min-height:20px;color:var(--ink2)}
.ph .live .m{font-weight:700;color:var(--acc)}
.ph .live .sw{display:inline-block;width:9px;height:9px;margin-right:4px;vertical-align:-1px}
.ph .evs{margin-top:8px;display:grid;gap:5px}
.ph .ev{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:center;text-align:left;width:100%;min-height:44px;padding:6px 10px;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--c);border-radius:4px;font-size:12.5px;line-height:1.45}
.ph .ev .mn{font-size:21px;font-weight:700;line-height:1}
.ph .ev.on{border-color:var(--acc);border-left-color:var(--c);box-shadow:0 0 0 1.5px var(--acc)}
.ph .ev s{color:var(--mute)}
.ph .ev .in{color:var(--acc);font-weight:700}
.ph .ev .x{font-size:10.5px;color:var(--mute)}
.ph .ev.dc{grid-template-columns:44px minmax(0,1fr) 12px;min-height:40px;padding:5px 8px 5px 10px}
.ph .ev.dc .bd{min-width:0}
.ph .ev.dc .one{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ph .ev.dc .det{display:none;margin-top:3px}
.ph .ev.dc.open .one{white-space:normal}
.ph .ev.dc.open .det{display:block}
.ph .ev.dc .cv{width:7px;height:7px;border-right:1.6px solid var(--mute);border-bottom:1.6px solid var(--mute);transform:rotate(45deg);margin-top:-4px;transition:transform .2s}
.ph .ev.dc.open .cv{transform:rotate(-135deg);margin-top:4px}
.ph .three{margin:8px 0 0;padding:0;list-style:none}
.ph .three li{display:grid;grid-template-columns:18px 1fr;gap:6px;padding:5px 0;border-top:1px dotted var(--dot);font-size:13px;line-height:1.55}
.ph .legend{display:grid;grid-template-columns:26px 1fr;gap:6px 8px;align-items:center;margin-top:8px;padding:10px 12px;background:var(--paper);border:1px solid var(--line);font-size:12px;line-height:1.5}
.ph .foot h3{font-size:12px;letter-spacing:.1em;color:var(--mute);margin:14px 0 4px}
.ph .foot details{margin-top:10px;border-top:1px solid var(--dot)}
.ph .foot summary{cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--mute);padding:10px 0 4px;list-style-position:inside}
.ph .foot details[open] summary{color:var(--ink2)}
.ph .foot p,.ph .foot div{font-size:12px;line-height:1.75;overflow-wrap:anywhere}
.ph .navb{flex:none;height:calc(var(--nav) + env(safe-area-inset-bottom));padding:8px 8px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto 1.35fr;gap:6px;background:var(--paper);border-top:1px solid var(--ink)}
.ph .navb button{border:1px solid var(--ink);background:var(--paper);border-radius:6px;min-height:46px;display:flex;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:700;min-width:0}
.ph .navb button:disabled{opacity:.3;cursor:default}
.ph .navb .nx{background:var(--ink);color:#fff;justify-content:space-between}
.ph .navb .nx .lb,.ph .navb .pv .lb{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.2}
.ph .navb .nx .lb small,.ph .navb .pv .lb small{font-size:10.5px;font-weight:500;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ph .navb .ls{justify-content:center;gap:5px;padding:0 10px}
.ph .navb .ls .num{font-size:19px}
.ph .sheet{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(22,24,29,.42)}
.ph .sheet[hidden]{display:none}
.ph .sheet .in{background:var(--paper);border-radius:12px 12px 0 0;max-height:82dvh;overflow-y:auto;padding:6px 0 calc(10px + env(safe-area-inset-bottom));animation:up .28s cubic-bezier(.2,.7,.2,1)}
@keyframes up{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
.ph .sheet .top{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 6px;position:sticky;top:-6px;background:var(--paper)}
.ph .sheet .top button{border:1px solid var(--ink);background:var(--paper);border-radius:6px;min-height:40px;padding:0 14px;font-weight:700}
.ph .sheet .grp{font-size:11px;letter-spacing:.1em;color:var(--mute);font-weight:700;padding:10px 16px 4px}
.ph .sheet .row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;text-align:left;border:0;border-top:1px solid #ecece8;background:none;padding:9px 16px;min-height:50px;font-size:14px;font-weight:700;line-height:1.4}
.ph .sheet .row .n{width:28px;height:28px;border-radius:14px;border:1.5px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;font-size:15px}
.ph .sheet .row.on{background:#eef2fb}
.ph .sheet .row.on .n{background:var(--ink);color:#fff}
.ph .sheet .row .t{font-size:11px;color:var(--mute);font-weight:500;white-space:nowrap}
.ph .sheet .row .tt{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ph .more{position:sticky;bottom:0;height:0;pointer-events:none}
.ph .more span{position:absolute;right:10px;bottom:6px;font-size:11px;font-weight:700;color:#fff;background:var(--acc);border-radius:10px;padding:2px 9px;opacity:0;transition:opacity .25s}
.ph .more.show span{opacity:1}
@media (max-width: 379px){.ph .hd{padding:0 8px}.ph .hd .sc{font-size:11px;gap:4px}.ph .hd .sc .num{font-size:19px}.ph .ai{font-size:9.5px;padding:3px 5px;gap:4px}.fg-xg .v{font-size:28px}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
/* ---- v14: 試合の流れ（場面）と読みの囲み */
.pc .chap{position:relative;padding:22px 0 22px 20px;border-top:1px solid var(--line)}
.pc .chap::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;background:#e2e3de;transition:background-color .35s ease}
.pc .chap.on::before{background:var(--acc)}
.pc .chap .hd{display:flex;align-items:center;gap:10px}
.pc .chap .n{width:24px;height:24px;border-radius:50%;border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;transition:background-color .3s,color .3s}
.pc .chap.on .n{background:var(--ink);color:#fff}
.pc .chap h3{font-weight:900;font-size:18px;margin:8px 0 6px;line-height:1.45}
.pc .chap p{margin:0;font-size:14px;line-height:1.85;color:var(--ink2)}
.pc .chap .rf{margin-top:10px}
.pc .rd .ti{font-size:21px}
.pc .dec.nopitch{grid-template-columns:96px minmax(0,1fr)}
.bx-note{font-size:12.5px;line-height:1.75;margin-top:16px;color:var(--ink2)}
.bx-note .src{color:var(--mute)}
.bx-pl{margin-top:16px;border-top:2px solid var(--c);padding-top:8px}
.bx-pl .hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.bx-pl .hd b{font-size:15px;font-weight:900}
.bx-pl .mt{font-size:11px;color:var(--mute);font-family:"IBM Plex Mono",monospace}
.bx-pl .how{font-size:11.5px;color:var(--mute);margin-top:2px}
.bx-pl p{font-size:13.5px;line-height:1.8;margin:6px 0 0;color:var(--ink2)}
.ph .bx-note{font-size:12px;margin-top:10px}
.ph .bx-pl{margin-top:12px}
.ph .bx-pl p{font-size:13px}
.ph .ev .k{font-size:10.5px}
.bx-dec{margin-top:16px;background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--c);padding:10px 14px}
.bx-dec .hd{display:flex;gap:10px;align-items:baseline;font-size:12px}
.bx-dec .hd b{color:var(--c)}
.bx-dec .what{font-size:13.5px;font-weight:700;line-height:1.6;margin-top:4px}
.bx-dec .bk{font-size:12px;line-height:1.7;margin-top:6px;color:var(--ink2)}
.ph .bx-dec{padding:8px 10px;margin-top:10px}
.ph .bx-dec .what{font-size:13px}
/* ---- 2026-09-27 追加の部品 */
.fg-bf{display:grid;grid-template-columns:minmax(0,1fr) minmax(76px,max-content) minmax(0,1fr);gap:7px 10px;align-items:center}
.fg-bf .hd{font-size:12px;font-weight:700}
.fg-bf .l,.fg-bf .r{display:flex;align-items:center;gap:6px;min-width:0}
.fg-bf .tr{flex:1;display:flex;min-width:0}
.fg-bf .l .tr{justify-content:flex-end}
.fg-bf .bar{display:block;height:11px}
.fg-bf .m{font-size:12px;font-weight:700;text-align:center;line-height:1.3}
.fg-bf .num{font-size:15px;font-weight:500;color:var(--ink2);min-width:26px}
.fg-bf .l .num{text-align:right}
.fg-bf .num.hi{font-weight:700;color:var(--ink)}
.fg-band-h{font-size:12.5px}
.fg-band-h .num{font-size:20px}
.fg-band{display:flex;height:16px;margin-top:4px;background:#f0f0ec}
.fg-band span{display:block;height:100%}
.fg-band .rest{background:#e4e5e0}
.fg-xs{display:grid;grid-template-columns:minmax(64px,max-content) minmax(42px,max-content) minmax(0,1fr);gap:6px 10px;align-items:center;margin-top:12px}
.fg-xs .nm{font-size:12.5px;font-weight:700;line-height:1.25}
.fg-xs .nm.hl{color:var(--acc)}
.fg-xs .nm small{display:block;font-size:10px;font-weight:700;color:#9b2c2c}
.fg-xs .ic{display:flex;flex-wrap:wrap;gap:1px;max-width:96px}
.fg-xs .ic > span{display:inline-block}
.fg-xs .bb{display:grid;gap:2px;min-width:0}
.fg-xs .bars .v{font-size:13px}
.fg-xs .bars .bar{height:8px}
.fg-big{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:12px}
.fg-big .it{position:relative;border-top:2px solid #e4e5e0;padding-top:8px;min-width:0}
.fg-big .it::before{content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:var(--c);transform-origin:left center}
.fg-big .it b{display:block;font-size:40px;font-weight:700;line-height:1;color:var(--ink)}
.fg-big .it.ctx b{color:#6b7079}
.fg-big .it span{display:block;font-size:12px;font-weight:700;line-height:1.45;margin-top:6px}
.fg-big .it small{display:block;font-size:11px;color:var(--mute);line-height:1.45;margin-top:2px}
.fg.rv:not(.in) .fg-big .it::before{transform:scaleX(0)}
.fg.rv.in .fg-big .it::before{transition:transform .8s cubic-bezier(.2,.7,.2,1) var(--d,.2s)}
.fg-stk{position:relative;display:inline-block;height:12px}
.fg-stk i{position:absolute;left:0;display:block;background:var(--c)}
.fg-stk i.o{top:0;bottom:0;opacity:.3}
.fg-stk i.i{top:2px;bottom:2px}
.fg-cgb .lb{font-size:12.5px;font-weight:700}
.fg-cgb .lb .num{font-size:22px}
.fg-lsq{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 18px;margin-top:8px}
.fg-lsq .cd .n{font-size:13.5px;font-weight:900}
.fg-lsq .st{display:grid;grid-template-columns:minmax(54px,max-content) minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:5px;font-size:11.5px}
.fg-lsq .st .fg-sqs{gap:2px}
.fg-lsq .st b{font-size:12px}
.fg-lc-h{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:12.5px;font-weight:700;margin-bottom:8px}
.fg-lc-h .num{font-size:26px;margin-right:2px}
.fg-lc{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px;align-items:start}
.fg-lc svg{max-width:400px}
.fg-lc-out .rw{display:flex;flex-direction:column;border-top:1px dotted #dcddd8;padding:5px 0;font-size:12.5px;line-height:1.4}
.fg-lc-out .rw span{font-size:11px;color:var(--mute)}
.fg-mh{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12px;margin-bottom:6px}
.fg-mh b{font-family:"Barlow Condensed",sans-serif;font-size:18px}
.fg-mh .arr{color:var(--acc);font-weight:700}
.fg-mh .b{color:var(--acc)}
.fg-rp{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:var(--acc);background:#fff;border:1px solid var(--acc);border-radius:3px;padding:3px 8px;min-height:28px}
.fg-rp:hover{background:#eef3fc}
.fg-shape_morph > svg{max-width:520px}
.fg.rv:not(.in) .rv-m{transform:translate(calc(var(--mx) * 1px),calc(var(--my) * 1px))}
.fg.rv.in .rv-m{transition:transform 1.3s cubic-bezier(.45,0,.2,1) var(--d,.9s)}
.fg-career_path > svg{max-width:540px}
.fg-cp-n{font-size:12.5px;font-weight:700;margin-top:8px;color:var(--acc)}
.fg-evl{display:grid;gap:4px}
.fg-evl .rw{display:grid;grid-template-columns:44px auto minmax(0,1fr);gap:8px;align-items:center;padding:5px 8px;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--c);font-size:12.5px;line-height:1.45}
.fg-evl .mn,.fg-lad .mn{font-size:19px;font-weight:700;line-height:1}
.kd{font-size:10.5px;font-weight:700;padding:1px 5px;border-radius:2px;background:#eceee9;white-space:nowrap}
.kd.k-goal{background:#16181d;color:#fff}
.kd.k-yellow{background:#f5dc6a}
.kd.k-red{background:#d0021b;color:#fff}
.kd.k-sub{background:#dfe8f8;color:#1d55c4}
.fg-lad{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:4px 6px;align-items:center}
.fg-lad .hd{font-size:12px;font-weight:700}
.fg-lad .mn{text-align:center}
.fg-lad .c{font-size:12px;line-height:1.45;padding:4px 7px;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--c)}
.fg-evc{display:flex;flex-wrap:wrap;gap:8px 24px;margin-bottom:8px}
.fg-evc > div{display:flex;align-items:baseline;gap:8px;font-size:12px}
.fg-evc b{font-size:34px;line-height:1;color:var(--c)}
.fg-shr{display:grid;grid-template-columns:minmax(90px,max-content) minmax(0,1fr);gap:8px 12px;align-items:center}
.fg-shr .lb{font-size:12px;font-weight:700;line-height:1.3}
.fg-shr .lb span{font-weight:500;color:var(--mute)}
.fg-shr .bx{display:flex;align-items:center;gap:8px;min-width:0}
.fg-shr .bx .num{font-size:16px;min-width:22px}
.fg-shr .sb{position:relative;flex:1;display:flex;height:14px;background:#f0f0ec}
.fg-shr .sb span{display:block;height:100%}
.fg-shr .sb i{position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:#16181d}
.fg-cpair{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.fg-cpair .cd{border-top:3px solid var(--c);padding-top:8px}
.fg-cpair .tm{font-size:12px}
.fg-cpair .nm{font-size:17px;font-weight:900;margin-top:2px}
.fg-cpair .rw{display:flex;align-items:baseline;gap:8px;font-size:11.5px;color:var(--mute);margin-top:4px}
.fg-cpair .rw b{font-size:20px;color:var(--ink)}
.fg-cpair .rw .sm{font-size:11px}
.fg-cpair .ten{font-size:12px;line-height:1.6;color:#6b7079;margin-top:6px;border-left:2px solid #d7d8d2;padding-left:8px}
.fg-tbl{display:grid;font-size:12.5px;overflow-x:auto}
.fg-tbl .tr{display:grid;gap:6px;align-items:center;padding:5px 0;border-top:1px dotted #dcddd8}
.fg-tbl .tr.hd{font-size:10.5px;line-height:1.3;font-weight:700;color:var(--mute);border-top:0}
.fg-tbl .tr > span{text-align:right;min-width:0}
.fg-tbl .tr > span:first-child{text-align:left}
.fg-tbl small{display:block;font-size:10.5px;color:var(--mute);line-height:1.35}
.fg-tbl .num{font-size:16px}
.fg-tbl .num.top{font-weight:700;color:var(--acc)}
.fg-abs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.fg-abs .hd{font-size:12.5px;font-weight:700;border-bottom:2px solid var(--c);padding-bottom:4px}
.fg-abs .hd .num{font-size:20px}
.fg-abs .rw{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px dotted #dcddd8;font-size:12.5px}
.fg-abs .rw span{font-size:11.5px;color:var(--mute);text-align:right}
.fg-abs sup{font-size:9px;color:#7a3b06;margin-left:2px}
.fg-form{display:grid;grid-template-columns:minmax(70px,max-content) minmax(0,1fr);gap:8px 12px;align-items:start}
.fg-form .lb{font-size:12.5px;font-weight:700;padding-top:4px}
.fg-form .its{display:flex;flex-wrap:wrap;gap:6px}
.fg-form .it{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:52px;padding:3px;border:1px solid transparent;border-radius:3px}
.fg-form .it.cur{border-color:var(--acc)}
.fg-form .ch{font-size:11px;font-weight:700;padding:2px 6px;border:1.5px solid;border-radius:2px;white-space:nowrap}
.fg-form small{font-size:10px;color:var(--mute);white-space:nowrap}
.fg-form small.nt{color:var(--acc)}
/* pressure_share: 指数が正だった分（試合の分） */
.fg-psh{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 18px;margin-bottom:8px}
.fg-psh .it{border-top:3px solid var(--c);padding-top:6px;min-width:0}
.fg-psh .tp{display:flex;align-items:baseline;gap:4px}
.fg-psh .tp .num{font-size:34px;font-weight:700;line-height:1}
.fg-psh .tp .u{font-size:13px;font-weight:700;margin-right:6px}
.fg-psh .tp span:last-child{font-size:12.5px}
.fg-psh .br{display:flex;flex-wrap:wrap;gap:0 10px;font-size:11.5px;color:var(--mute);margin-top:3px;line-height:1.5}
.fg-psh .br span{white-space:nowrap}
.fg-pressure_share > svg{max-width:580px}
@media (max-width:760px){
  .fg-pair{grid-template-columns:minmax(0,1fr);row-gap:2px}
  .fg-pair .lb{margin-top:6px}
  .fg-pair .lb:first-child{margin-top:0}
  .fg-lc{grid-template-columns:minmax(0,1fr)}
  .fg-bf{grid-template-columns:minmax(0,1fr) minmax(64px,max-content) minmax(0,1fr);gap:6px 6px}
  .fg-bf .m{font-size:11px}
  .fg-big .it b{font-size:32px}
  .fg-tbl .num{font-size:14.5px}
}

/* 日本語の見出し・チーム名は語の途中で折らない（<wbr> の位置と句読点でだけ折る。長すぎる語は最後の手段で折る） */
h1,h2,h3,.tn,.ts,.jw{word-break:keep-all;overflow-wrap:anywhere;line-break:strict}
@supports (word-break:auto-phrase){h1,h2,h3,.tn,.ts,.jw{word-break:auto-phrase}}

/* 印刷: 描き込み前の状態を使わず、全部を見える状態で */
@media print{
  .fg.rv [class*="rv-"]{opacity:1!important;transform:none!important;stroke-dashoffset:0!important;transition:none!important}
}

/* JS なし・検索向けの静的な本文（JS が動くと page.js が取り除く） */
.seo{max-width:760px;margin:0 auto;padding:24px 16px 48px;font-size:14px;line-height:1.8}
.seo h1{font-size:22px;line-height:1.5}.seo h2{font-size:17px;margin:28px 0 8px}.seo h3{font-size:14px;margin:16px 0 2px}
.seo table{border-collapse:collapse}.seo th,.seo td{padding:3px 8px;border-top:1px solid var(--line);text-align:right}.seo dt{font-weight:700}.seo dd{margin:0 0 6px}

/* ================= 2026-10-01: 出来事の記号・時間軸・押し込んでいた分・先発比較・新しい部品 =================
   スマホ（.ph）は transform / opacity だけ。PC（761px 以上）は理解を助ける範囲で線の描画・波紋なども使う。 */
.gly{vertical-align:middle;overflow:visible;flex:none}
/* 時間軸・拡大図の印 */
.fg svg .tlm{cursor:pointer;outline:none}
.fg svg .tlm-i{transform-box:fill-box;transform-origin:center;transition:transform .25s cubic-bezier(.3,1.5,.5,1)}
.fg svg .tlm.on .tlm-i{transform:scale(1.35)}
.fg svg .tlm:focus-visible .tl-hit{stroke:#1d55c4;stroke-width:2}
.tl-hit{fill:transparent;stroke:transparent}
.tl-guide{stroke:#16181d;stroke-width:1;stroke-dasharray:3 3;opacity:0;transition:opacity .15s;pointer-events:none}
.fg.hl svg .tlm:not(.on){opacity:.4;transition:opacity .15s}
.tl-lbl{font-weight:700;paint-order:stroke;stroke:#fff;stroke-width:3.5px;stroke-linejoin:round;pointer-events:none}
.tl-rp{fill:none;stroke:#16181d;stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center;pointer-events:none}
.tl-min{pointer-events:all}
.fg-zn{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;line-height:1.5;margin-top:8px;padding:5px 8px;background:#eef3fc;border-left:3px solid #1d55c4}
.tl-tt{position:fixed;z-index:60;display:none;background:#16181d;color:#fff;border-radius:6px;padding:7px 10px;font-size:12px;line-height:1.5;max-width:260px;pointer-events:none;box-shadow:0 4px 14px rgba(0,0,0,.25);transition:opacity .12s}
.tl-r + .tl-r{border-top:1px solid #454a54;margin-top:6px;padding-top:6px}
.tl-h{display:flex;align-items:center;gap:6px}
.tl-h .tm{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:15px;color:#f5c400}
.tl-h .tn{font-size:11px;margin-left:auto;background:#fff;border-radius:3px;padding:0 5px;font-weight:700}
.tl-b{padding-left:2px;margin-top:2px}
.tl-b small{display:block;color:#b8bcc4;font-size:11px}
.t-in{color:#5fd08a;font-size:10px;font-weight:900}
.t-out{color:#aab0ba;font-size:10px;font-weight:900;margin-left:4px}
.fg-leg .it{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.fg-sub_impact > svg,.fg-pressure_zoom > svg{overflow:visible}
.fg-pressure_zoom > svg{max-width:560px}
.fg-sub_impact > svg{max-width:600px}
/* 事実の一覧（event_list）の記号 */
.kd .gly,.fg-evl .gly{margin-right:2px}
/* 押し込んでいた分 */
.fg-psh .br,.fg-psh .br span{font-size:11.5px;white-space:normal}
/* 山の高さ比べ */
.fg-pk{display:flex;flex-wrap:wrap;gap:6px 22px;margin-bottom:6px}
.fg-pk > div{border-top:3px solid var(--c);padding-top:5px}
.fg-pk b{font-size:34px;line-height:1;color:var(--c)}
.fg-pk small{display:block;font-size:11.5px;color:var(--mute)}
.fg-peaks > svg,.fg-pressure_peaks > svg{max-width:600px}
/* 期待勝点 */
.fg-xp .row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;align-items:center;margin:10px 0}
.fg-xp .tn{font-weight:900;font-size:14px}
.fg-xp .tn small{display:block;font-weight:400;font-size:11.5px;color:var(--mute)}
.fg-xp .nums{font-size:12px;color:var(--mute)}
.fg-xp .nums b{font-size:22px;color:var(--ink)}
.fg-xp svg{max-width:420px;overflow:visible}
/* 順位の推移 */
.st-wrap svg{max-width:600px;overflow:visible}
.st-dot,.st-lab{transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .3s}
.st-lab text{paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}
.st-wrap .ctl{display:flex;gap:10px;align-items:center;margin:8px 0 2px;font-size:12px}
.st-wrap .ctl input{flex:1;min-width:0}
.st-wrap .ctl button{font:inherit;font-size:12px;font-weight:700;border:1px solid var(--ink);background:#fff;padding:3px 10px;border-radius:14px;cursor:pointer;min-height:28px}
.st-wrap .st-rl{font-size:15px;min-width:3.2em;text-align:right}
/* 先発比較: ボタンで絞る・波紋 */
.fg-lc-h{gap:8px;margin-bottom:10px}
.lc-btn{flex:1 1 0;min-width:96px;text-align:left;border:1px solid var(--line);border-top:3px solid var(--k);background:#fff;padding:6px 8px;border-radius:4px;cursor:pointer;font:inherit;color:var(--ink);line-height:1.25}
.lc-btn[aria-pressed=true]{background:#f4f4f1;border-color:var(--ink);border-top-color:var(--k)}
.lc-btn:focus-visible{outline:2px solid #1d55c4;outline-offset:1px}
.lc-btn .num{font-size:28px;margin-right:2px}
.lc-btn span{font-size:12px;font-weight:700}
.lc-btn small{display:block;font-size:10.5px;font-weight:500;color:var(--mute)}
.lc-pitch svg [data-k]{transition:opacity .3s ease}
.fg[data-f="r"] .lc-pitch [data-k]:not([data-k="r"]),.fg[data-f="c"] .lc-pitch [data-k]:not([data-k="c"]){opacity:.14}
.fg[data-f="d"] .lc-pitch [data-k]{opacity:.14}
.fg[data-f="d"] .fg-lc-out .rw b,.fg[data-f="d"] .fg-lc-out .k{color:var(--ink)}
.fg[data-f="r"] .fg-lc-out,.fg[data-f="c"] .fg-lc-out{opacity:.35;transition:opacity .3s}
.lc-ring{transform-box:fill-box;transform-origin:center;opacity:0;pointer-events:none}
.lc-rp{margin-left:auto}
.fg.rv.in .lc-pitch .lc-ring{animation:lcr 1.6s ease-out var(--d,.9s) 3 forwards}
.fg.rv.in .lc-pitch .lc-ring2{animation-name:lcr}
.fg.rv.in .lc-pitch.go .lc-ring{animation-name:lcr2;animation-delay:calc(var(--d,.9s) - .8s)}
@keyframes lcr{0%{transform:scale(1);opacity:.85}100%{transform:scale(3.2);opacity:0}}
@keyframes lcr2{0%{transform:scale(1);opacity:.85}100%{transform:scale(3.2);opacity:0}}
@media (min-width:761px){
  /* PC: 波紋をさらに大きく・強く、戻った選手の丸をふくらませる */
  @keyframes lcr{0%{transform:scale(1);opacity:.9}100%{transform:scale(5.4);opacity:0}}
  @keyframes lcr2{0%{transform:scale(1);opacity:.9}100%{transform:scale(5.4);opacity:0}}
  .fg.rv.in .lc-pitch .lc-ring{animation-iteration-count:4}
  .lc-pitch svg [data-k="r"]:not(text){filter:drop-shadow(0 0 5px rgba(0,0,0,.35))}
  /* 時間軸の印: 得点の波紋、引き出し線の描画（JS が線に rv-d を付ける）、ポインタでふくらむ */
  .fg.rv.in .tl-rp{animation:tlrp 1.1s ease-out var(--d,.6s) 1 both}
  @keyframes tlrp{0%{transform:scale(1);opacity:.7}100%{transform:scale(3);opacity:0}}
  .fg svg .tlm.on .tlm-i{transform:scale(1.55)}
  .fg-sub_impact > svg,.fg-pressure_zoom > svg{max-width:640px}
}
@media (max-width:760px){
  .fg-xp .row{grid-template-columns:minmax(0,1fr);gap:2px}
  .lc-btn{min-width:0;padding:5px 6px}
  .lc-btn .num{font-size:24px}
  .fg-pk b{font-size:28px}
}
@media (prefers-reduced-motion: reduce){.lc-ring,.tl-rp{animation:none!important;opacity:0!important}}
@media print{.lc-ring,.tl-rp{display:none}}

/* 采配カード A 案: 小さなピッチ図 + 評点（動きは transform/opacity のみ） */
.dc-pitch{display:block;width:100%;height:auto}
.dc-ring{transform-box:fill-box;transform-origin:center;animation:dc-pulse 2.4s ease-out infinite}
@keyframes dc-pulse{0%{opacity:.7;transform:scale(.8)}70%,100%{opacity:0;transform:scale(2)}}
@media (prefers-reduced-motion:reduce){.dc-ring{animation:none;opacity:.3}}
.dc-rt .nw{white-space:nowrap}
.dc-rt{margin-top:6px;line-height:1.7;font-size:12px;color:var(--mute)}
.dc-rt b{color:var(--ink);font-size:14px;font-variant-numeric:tabular-nums}
.dc-rt small{font-size:10.5px}
.ph .ev.dc .dc-pitch{max-width:260px;margin:6px 0 4px}
.ph .ev.dc .dc-rt{margin-top:4px}
.pc .dec .dc-pitch{max-width:300px}

/* 選手ごとのシュートの行方（結果の記号）。動きは .rv-p（transform のみ）。 */
.fg-player_xg_shots .so-teams{display:grid;gap:22px;grid-template-columns:minmax(0,1fr)}
.so-t{display:flex;align-items:baseline;gap:8px;border-top:3px solid var(--tc);padding-top:6px;margin-bottom:6px;flex-wrap:wrap}
.so-t b{font-size:14px}.so-t small{font-size:12px;color:var(--mute)}
.so-sum{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;font-weight:700;margin:0 0 6px;align-items:center}
.so-sum span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.so-sum small{font-weight:500;color:var(--mute);font-size:11.5px}
.so-sum b{font-variant-numeric:tabular-nums;font-size:14px}
.so-r{display:grid;grid-template-columns:92px minmax(0,1fr) 34px;gap:8px;align-items:start;padding:8px 0;border-top:1px solid #ececE7}
.so-r.so-h{border:0;padding:0 0 2px;margin-top:2px}
.so-r .nm{font-size:13px;font-weight:700;line-height:1.3;max-width:none;white-space:normal;overflow:visible;overflow-wrap:anywhere}
.so-r .nm small{display:block;font-size:11px;font-weight:500;color:var(--mute);font-variant-numeric:tabular-nums}
.so-r.hl .nm{color:var(--acc)}
.so-r .mk{display:flex;flex-wrap:wrap;gap:5px 8px;align-items:flex-start;min-width:0}
.so-r .mk em{font-style:normal;color:#9a9ea6;font-size:12px}
.so-m{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:700;line-height:1.2;min-width:22px}
.so-m svg{display:block}
.so-r .xg{font-size:12px;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink2);padding-top:2px}
.so-r.so-h .xg{font-size:11px;color:var(--mute)}
@media(min-width:900px){.so-r{grid-template-columns:128px minmax(0,1fr) 44px}.so-r .mk{gap:6px 12px}}