/* Chocolate Cures: layout only. Colours and type come from lib/base.css. */
.board.opts { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; margin-top: 0.8rem; }
.board.opts.four { grid-template-columns: repeat(4, 1fr); }
.board.opts.three { grid-template-columns: 1fr; }
.machine .board button.chosen { outline: 2px dashed var(--paper-ink); outline-offset: 2px; }
.picks { grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr)); }
.machine button.pick.hit { border-color: var(--red); box-shadow: inset 0 0 0 2px var(--red); opacity: 1; }
.pick.hit small { color: var(--red); font-weight: 700; }
#recruit, #runlab { margin-top: 0.8rem; }
.paper { margin: 1rem 0 0; padding: 0.8rem 1rem; border-top: 3px double var(--paper-ink); border-bottom: 1px solid var(--paper-ink); color: var(--paper-ink); }
.paper small { display: block; text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.7rem; color: var(--paper-soft); }
.paper b { display: block; font: 700 1.5rem/1.15 var(--display); margin: 0.2rem 0 0.4rem; }
.paper span { font-size: 0.9rem; color: var(--paper-soft); }
canvas.chart { display: block; width: 100%; height: 15rem; margin-top: 1rem; }
.star { margin: 0.8rem 0 0; color: var(--paper-ink); }
#lab { margin-top: 1rem; }