/* Hidden Message: 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; }
#hunt { margin-top: 1rem; }
#form { display: flex; gap: 0.5rem; flex-wrap: wrap; }
#name { flex: 1 1 10rem; min-width: 0; font: 600 1rem var(--body); padding: 0.6rem; border: 2px solid var(--paper-soft); background: #000; color: var(--paper-ink); }
.picks { grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr)); margin-top: 0.6rem; }
#found { margin: 0.8rem 0 0; color: var(--paper-ink); }
.grid { display: grid; grid-template-columns: repeat(var(--w), 1fr); max-width: 100%; margin-top: 0.8rem; font: 600 clamp(0.6rem, 3.6vw, 1rem) / 1.5 ui-monospace, Menlo, Consolas, monospace; text-align: center; text-transform: uppercase; color: var(--c3); }
.grid span { min-width: 0; }
.grid .w { color: #000; background: var(--yellow); }
.grid .x { color: #000; background: var(--red); }
#cross { margin-top: 0.5rem; }
#totrade { margin-top: 1rem; }
#room { margin-top: 1rem; }
canvas.chart { display: block; width: 100%; height: 15rem; margin-top: 1rem; }
.star { margin: 0.8rem 0 0; color: var(--paper-ink); }