/* The leaderboard page (leaderboard.html): big box buttons like the game's own menus. */
.board-button {display: flex; align-items: center; justify-content: center; text-align: center; font-family: BarcadeBrawl; font-size: 16px; line-height: 1.4; color: white; background: black; text-decoration: none; border: blue 4px solid; padding: 12px 8px; min-height: 56px;}
.board-button:hover, .board-button:focus {border-color: yellow; color: yellow;}
.board-button[aria-pressed="true"] {background: blue;}
/* The one menu button: Go back. */
.board-back {padding: 8px;}
.board-back .board-button {max-width: 20rem; margin: 0 auto;}
/* Today / Yesterday side by side; the four maze sizes 2 by 2 on phones, in one row when there is room. */
.board-controls {display: grid; gap: 8px; margin-bottom: 8px;}
.board-picks {display: grid; gap: 8px;}
.board-days, .board-types {grid-template-columns: repeat(2, 1fr);}
@media (min-width: 600px) {.board-types {grid-template-columns: repeat(4, 1fr);}}
/* Narrow phones: tighter table cells so all four columns fit inside the box. */
@media (max-width: 599px) {.page table.board th, .page table.board td {padding: 4px 6px;}}