/* Same tabs as the private room screen in the client. */
.board-tabs{display:flex;margin:0 0 14px;background:#222a2e;border-bottom:2px solid #090c0d}
.board-tabs a{flex:1;padding:12px 8px;text-align:center;color:#c9d1d1;text-decoration:none;border-right:1px solid #0e1316}
.board-tabs a:last-child{border-right:0}.board-tabs a:hover{background:#2e383d;color:#fff}
.board-tabs a[aria-current=page]{background:#3d484e;color:#fff;box-shadow:inset 0 -3px #91c767}
.record-toolbar{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}.record-toolbar select{flex:none;min-width:200px;width:auto}.record-toolbar #record-period{min-width:0}.record-toolbar #record-section{margin-left:auto}
.record-table td:nth-child(2),.record-table th:nth-child(2){text-align:left}
.record-time{color:var(--yellow);font-variant-numeric:tabular-nums}
.record-table tr.own-outside td{border-top:3px solid #91c767}
/* Matchup: two players' head-to-head. */
.matchup-form{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) 180px;align-items:center;gap:10px;margin:0 0 14px}.matchup-form input{width:100%;min-width:0;margin:0}.matchup-form .button{width:100%;margin:0}.matchup-vs{color:var(--muted)}
.matchup-field{position:relative;min-width:0}.matchup-suggest{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);display:grid;background:var(--panel,#16201f);border:2px solid #000;box-shadow:0 6px 16px #0008}.matchup-suggest[hidden]{display:none}.matchup-option{all:unset;box-sizing:border-box;padding:8px 10px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matchup-option:hover,.matchup-option:focus-visible{background:#ffffff1f;color:var(--yellow)}
.matchup-card{margin:0 0 14px}.matchup-score{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin-bottom:12px}
.matchup-player{display:grid;justify-items:center;gap:6px;min-width:0;text-align:center;overflow-wrap:anywhere}.matchup-player .head-empty{width:64px;height:64px;display:grid;place-items:center}
.matchup-record{display:grid;justify-items:center;gap:4px;text-align:center}.matchup-record strong{font-size:44px;color:var(--yellow);line-height:1}.matchup-record span{color:var(--muted);font-size:16px}
.matchup-table{width:100%}.matchup-table th{color:var(--muted);font-weight:normal;text-align:center}.matchup-table td{width:30%;font-variant-numeric:tabular-nums}.matchup-left{text-align:left}.matchup-right{text-align:right}
.matchup-heading{margin:0 0 10px;text-align:center}.matchup-recent td:nth-child(2),.matchup-recent th:nth-child(2){text-align:left}
@media(max-width:640px){.matchup-form{grid-template-columns:minmax(0,1fr)}.matchup-vs{display:none}.matchup-record strong{font-size:34px}.matchup-card table,.matchup-recent table{min-width:0;font-size:15px}.matchup-table td{width:32%;padding:8px 2px}.matchup-table th{padding:8px 2px;white-space:normal}.matchup-recent .matchup-date,.matchup-recent .matchup-winner{display:none}.matchup-recent th,.matchup-recent td{padding:8px 4px;white-space:normal;overflow-wrap:anywhere}}
.board-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:0 0 14px}
.board-filters[hidden]{display:none}.board-filters label{display:flex;align-items:center;gap:10px}.board-filters select{width:auto;min-width:200px}.board-active input{width:auto}
@media(max-width:640px){.record-table th:nth-child(3),.record-table td:nth-child(3){display:none}.record-table th.record-watch,.record-table td.record-watch{display:table-cell}}
/* The leaderboard filter. */
.modal-back{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.66)}
.modal{width:min(100%,780px);max-height:100%;overflow:auto;margin:0;display:grid;gap:10px;background:#141816f7}
.modal h2{margin:0;text-align:center}.modal h3{margin:6px 0 0;color:var(--muted);font-size:17px}
.modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-auto-rows:42px;gap:2px;min-height:130px;max-height:230px;overflow:auto}
.modal-row{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.modal-grid a,.modal-row a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 8px;text-align:center;background:#222a2e;color:#c9d1d1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.modal-grid a:hover,.modal-row a:hover{background:#2e383d;text-decoration:none}
.modal-grid a.on,.modal-row a.on{background:#3d484e;color:#fff;box-shadow:inset 0 -3px #91c767}
.modal-actions{display:grid;grid-template-columns:1fr 1.7fr;gap:10px;margin-top:6px}
@media(max-width:640px){.modal-row{grid-template-columns:1fr 1fr}.modal-grid{grid-template-columns:1fr 1fr}}