/* Pitch counter (kind "pitch") */
[data-pitch] .pitch-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
[data-pitch] .pitch-head .pill.round { width: 48px; height: 48px; font-size: 26px; background: var(--canvas); }
[data-pitch] .pitch-name { flex: 1 1 140px; }
[data-pitch] .pitch-tap { min-height: clamp(170px, 32vh, 340px); }
[data-pitch] .target-info.pitch-near { background: #ffc043; color: #000; }
[data-pitch] .target-info.pitch-over { background: #e11900; color: #fff; }
[data-pitch] .pitch-count { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; text-align: center; }
[data-pitch] .pitch-cnt { display: flex; flex-direction: column; align-items: center; gap: 2px; }
[data-pitch] .pitch-cnt .big { font-size: clamp(34px, 9vw, 60px); }
[data-pitch] .pitch-btns { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
[data-pitch] .pitch-btns .pill { min-width: 0; padding: 8px 4px; font-size: 17px; font-weight: 600; }
[data-pitch] .pitch-btns .pill-ink { min-height: 64px; font-size: 19px; }
[data-pitch] .pitch-btns .pill:not(.pill-ink) { background: var(--canvas); }
[data-pitch] .pitch-btns .pill:not(.pill-ink):hover { background: var(--pressed); }
[data-pitch] .pitch-stats { display: flex; flex-wrap: wrap; gap: 4px 16px; padding: 0 4px; color: var(--body); font-size: 15px; }
[data-pitch] .pitch-stats b { color: var(--ink); font-variant-numeric: tabular-nums; }
[data-pitch] .pitch-table th, [data-pitch] .pitch-table td { padding: 6px 5px; white-space: nowrap; }
[data-pitch] .pitch-currow td { background: var(--soft); }
[data-pitch] .pitch-pick { border: 0; background: none; font: inherit; font-weight: 600; color: var(--ink); cursor: pointer; padding: 6px 0; text-align: left; text-decoration: underline; text-underline-offset: 3px; min-height: 32px; }
[data-pitch] .pitch-note { font-size: 13px; margin: 6px 0 0; }
[data-pitch] .settings .pitch-set-note { grid-column: 1 / -1; margin: 0; font-size: 14px; }
body.is-focus [data-pitch] .pitch-tools .pill { display: inline-flex; }
body.is-focus [data-pitch] .pitch-tap { flex: 1; min-height: 0; }
@media (max-width: 520px) {
  [data-pitch] .pitch-btns { grid-template-columns: repeat(2, 1fr); gap: 6px; }
  [data-pitch] .pitch-stats { font-size: 14px; gap: 2px 12px; }
}