.flush { margin-top: 0; }
.card { margin-bottom: 20px; }
.fgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin-bottom: 12px; }
.board-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.field-note { margin-bottom: 14px; }
.teams-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); gap: 12px; margin-bottom: 14px; }
.team-pane { background: var(--chip); border: 1px solid var(--line); border-radius: 12px; padding: 14px 12px; text-align: center; }
.team-name { font-weight: 700; font-size: 18px; overflow-wrap: anywhere; }
.big-score { font-size: clamp(44px, 10vw, 64px); font-weight: 800; line-height: 1.1; margin: 8px 0 12px; font-family: var(--mono); }
.score-btns { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.score-btn { min-height: 44px; font-weight: 700; font-size: 16px; }
.board-actions { padding-top: 4px; }
.list { list-style: none; padding: 0; margin: 10px 0 0; }
.list li { background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; margin-bottom: 8px; display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
.list .title { font-weight: 600; overflow-wrap: anywhere; }
.list .meta { font-size: 13px; color: var(--muted); font-family: var(--mono); }
.table-wrap { overflow-x: auto; }
.warn-box { background: var(--chip); border: 1px solid var(--warn); color: var(--warn); padding: 10px 12px; border-radius: 8px; }
code { font-family: var(--mono); font-size: 13px; }