/* Fake or flip: layout only. Colours and type come from lib/base.css. */
.board.pair, .board.ask { display: grid; gap: 0.5rem; }
.board.ask { grid-template-columns: 1fr 1fr; margin-top: 0.7rem; }
.machine .board.pair button.pick.strip { display: grid; grid-template-columns: auto 1fr; gap: 0.3rem 0.6rem; align-items: center; text-align: left; padding: 0.6rem; }
.strip .tag { font-weight: 700; }
.strip .row { display: grid; grid-template-columns: repeat(16, 1fr); gap: 2px; }
.strip .f { aspect-ratio: 1; border-radius: 2px; }
.strip .f.h { background: var(--yellow); }
.strip .f.t { background: var(--c4); }
.strip .fact { grid-column: 1 / -1; font-size: 0.9rem; line-height: 1.35; }
.strip .fact:empty { display: none; }
.pick.strip .fact b { display: inline; margin: 0; font: inherit; font-weight: 700; color: var(--yellow); }
canvas#bombmap { display: block; width: 100%; aspect-ratio: 1 / 1; height: auto; }
.count table { width: 100%; border-collapse: collapse; margin-top: 0.8rem; font-size: 0.95rem; font-variant-numeric: tabular-nums; }
.count th, .count td { padding: 0.3rem 0.4rem; text-align: right; border-bottom: 1px solid var(--c4); }
.count th:first-child, .count td:first-child { text-align: left; }
#nextpair, #finish { width: 100%; margin-top: 0.9rem; }