/* Same Birthday: 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; }
#fillbtn { margin-top: 0.8rem; }
.count { margin: 0.8rem 0 0.3rem; color: var(--paper-ink); font-weight: 700; min-height: 1.2em; }
.cal { display: grid; gap: 2px; }
.cal .month { display: grid; grid-template-columns: 2rem repeat(31, 1fr); gap: 2px; align-items: center; }
.cal .month span { font-size: 0.75rem; color: var(--paper-soft); }
.cal i { display: block; aspect-ratio: 1; background: var(--paper-line); border-radius: 1px; }
.cal i.none { background: transparent; }
.cal i.one { background: var(--yellow); }
.cal i.two { background: var(--red); outline: 2px solid var(--paper-ink); }
canvas.chart { display: block; width: 100%; height: 14rem; margin-top: 1rem; }
.star { margin: 0.8rem 0 0; color: var(--paper-ink); }
#desk { margin-top: 1rem; }