/* Landing-page palette, scoped so game cabinets keep their own colours. */
body.boards-page{--bg:#080808;--panel:#15110c;--line:#393229;--cream:#f2e7d2;--muted:#aaa193;--lime:#ffb029;background:#000;color:var(--cream)}
.boards-page .masthead{border-color:#ffffff12}
.boards-page .leaderboard-wordmark{font:12px/1.6 var(--pixel);color:var(--cream);text-decoration:none;white-space:nowrap}
.boards-page .leaderboard-wordmark span{color:var(--lime)}
.compact.boards-page .screen-heading h1{color:var(--cream);font-size:clamp(16px,2.4vw,27px);line-height:1.5;margin:4px 0;letter-spacing:-.04em}
.boards-page .screen-heading h1 span{color:var(--lime)}
.boards-page :is(.nav-button,.secondary-button,.period-tabs button,.mode-tabs button,.landing-sound){color:var(--cream);background:#15110c;border-color:#685137}
.boards-page :is(.nav-button,.secondary-button,.period-tabs button,.mode-tabs button,.landing-sound):hover{background:#251b0e;border-color:var(--lime);color:var(--lime)}
.boards-page :is(.board-tabs,.period-tabs,.mode-tabs) .selected{background:#ffad21;color:#251404;border-color:#ffcd70}
.boards-page .board{background:#100e0b;border-color:var(--line)}
.boards-page thead{background:#21190f}
.boards-page th{color:#bdb2a0;border-color:var(--line)}
.boards-page td{color:var(--cream);border-color:#30291f}
.boards-page tbody tr:hover{background:#20180d}
.boards-page td.rank{color:#aaa193}
.boards-page td.leader-score{color:var(--lime)}
.boards-page :is(.screen-description,.period-description,.test-disclaimer,.board-notice,.page-footer,.pagination span){color:#aaa193}
.boards-page .text-button,.boards-page .page-footer a{color:#f2e7d2}
.boards-page .text-button:hover,.boards-page .page-footer a:hover{color:var(--lime)}
.boards-page .page-footer{border-color:var(--line)}
@media(max-width:650px){.boards-page .leaderboard-wordmark{font-size:10px}.compact.boards-page .screen-heading h1 span{display:block}.compact.boards-page .screen-heading h1{font-size:17px;line-height:1.4}.boards-page .site-nav{gap:5px}.boards-page .nav-button{padding:9px 7px;font-size:8px}}
@media(max-height:500px) and (min-width:651px){.compact.boards-page .screen-heading h1{font-size:17px;margin:0;line-height:1.2}}
.boards-page th{background:#21190f}
.compact.boards-page .page-footer :is(.creator-credit,.social-link){color:#aaa193}
