/* v1.10.8 — persistent family leaderboard and post-game rematch actions. */
.landing-leaderboard{
  margin-top:18px;
  padding:18px;
  border-color:rgba(198,145,67,.58)!important;
}
.landing-leaderboard-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:5px;
}
.landing-leaderboard-head>div{display:flex;flex-direction:column;gap:2px}
.landing-leaderboard-head span{color:#a98553;font-size:8px;font-weight:900;letter-spacing:.2em}
.landing-leaderboard-head h3{margin:0;color:#f0d3a0;font:800 clamp(20px,2vw,28px)/1.05 Georgia,"Noto Serif SC",serif}
.landing-leaderboard>.subtle{margin:0 0 13px;color:#a8957c}
.leaderboard-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.leaderboard-board{
  min-width:0;
  padding:10px;
  border:1px solid rgba(166,119,57,.45);
  border-radius:12px;
  background:linear-gradient(155deg,rgba(31,22,17,.9),rgba(8,8,8,.94));
  box-shadow:inset 0 1px rgba(255,225,164,.04),0 7px 18px rgba(0,0,0,.28);
}
.leaderboard-board h4{
  margin:0 0 8px;
  color:#e2b968;
  font:800 13px/1.15 Georgia,"Noto Serif SC",serif;
}
.leaderboard-board>div{display:flex;flex-direction:column;gap:4px}
.leaderboard-row{
  min-width:0;
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  grid-template-areas:'rank name value' 'rank games value';
  align-items:center;
  column-gap:6px;
  padding:5px 6px;
  border-radius:7px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.035);
}
.leaderboard-rank{grid-area:rank;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#24170e;color:#d7a954;font:900 9px Georgia,serif}
.leaderboard-row strong{grid-area:name;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f2e1c5;font-size:10px}
.leaderboard-row b{grid-area:value;color:#f0c970;font:900 13px/1 Georgia,serif;white-space:nowrap}
.leaderboard-row b small{color:#a68f70;font:700 6px/1 sans-serif}
.leaderboard-row em{grid-area:games;color:#806f5c;font-size:6px;font-style:normal}
.leaderboard-loading,.leaderboard-empty{grid-column:1/-1;padding:22px;text-align:center;color:#9d8970;font-size:11px}

.scoreboard-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid rgba(190,143,75,.28);
}
.scoreboard-actions button{min-width:150px;min-height:40px}
.waiting-rematch{margin-right:auto;color:#ae997b;font-size:10px}

@media(max-width:1050px){
  .leaderboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .leaderboard-grid{grid-template-columns:1fr}
}
@media(orientation:landscape) and (max-height:620px){
  .landing-leaderboard{padding:12px;margin-top:10px}
  .leaderboard-grid{grid-template-columns:repeat(4,minmax(150px,1fr));overflow-x:auto;padding-bottom:4px}
  .leaderboard-board{padding:7px}
  .leaderboard-board h4{font-size:10px}
  .leaderboard-row{padding:3px 4px;grid-template-columns:18px minmax(0,1fr) auto}
  .leaderboard-rank{width:16px;height:16px;font-size:7px}
  .leaderboard-row strong{font-size:8px}.leaderboard-row b{font-size:10px}
  .scoreboard-actions{margin-top:8px;padding-top:8px}
  .scoreboard-actions button{min-width:120px;min-height:32px;font-size:9px}
}