/* Where next: layout only. Colours and type come from lib/base.css. */
.year { font: 300 1.5rem/1 var(--display); color: var(--paper-ink); margin: 0 0 0.6rem; font-variant-numeric: tabular-nums; }
canvas.tape { display: block; width: 100%; height: 15rem; }
.chartist { min-height: 6.5rem; margin: 0.7rem 0; padding: 0.6rem 0.75rem; border-left: 3px solid var(--paper-soft); color: var(--paper-ink); font-size: 0.92rem; }
.chartist .who { margin: 0 0 0.3rem; }
.chartist ul { margin: 0; padding-left: 1.1rem; color: var(--paper-soft); }
.chartist li { margin: 0.1rem 0; }
.board { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }
.machine .board button { min-height: 3rem; font: 600 1.05rem/1 var(--body); }
.machine .board button.chosen { outline: 2px dashed var(--paper-ink); outline-offset: 2px; }
.board.readers { grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr)); margin-top: 0.7rem; }
.machine .board.readers button { min-height: 2.6rem; font-size: 0.9rem; }
#next { margin-top: 0.8rem; width: 100%; }
.axis-note { margin: 1rem 0 0.6rem; font-size: 0.85rem; color: var(--paper-soft); }
canvas.rounds { display: block; width: 100%; aspect-ratio: 20 / 10; height: auto; }
.score { font: 600 1.05rem/1.4 var(--body); margin: 0.8rem 0 0; min-height: 1.5em; }