/* Hot Hand: layout only. Colours and type come from lib/base.css. */
.board.opts { display: grid; grid-template-columns: 1fr; gap: 0.5rem; margin-top: 0.8rem; }
.machine .board button.chosen { outline: 2px dashed var(--paper-ink); outline-offset: 2px; }
#flip, #court, #room { margin-top: 1rem; }
#flip .row button { flex: 1 1 8rem; }
#rows { margin-top: 0.8rem; }
.flips { display: flex; align-items: center; gap: 0.3rem; margin: 0.25rem 0; font: 600 1.1rem/1.4 ui-monospace, Menlo, Consolas, monospace; color: var(--c3); }
.flips span { width: 1.6rem; text-align: center; }
.flips .a { color: #000; background: var(--yellow); }
.flips em { margin-left: 0.5rem; font: 400 0.9rem var(--body); font-style: normal; color: var(--paper-soft); }
canvas.chart { display: block; width: 100%; height: 15rem; margin-top: 1rem; }
#runtext, #courttext, .star { margin: 0.8rem 0 0; color: var(--paper-ink); }