.home-page .leaderboard-placeholder { display: block; min-width: 0; text-align: left; }
.home-page .leaderboard-placeholder .tag,.home-page .leaderboard-placeholder h2 { text-align: center; }
.home-page .leaderboard-placeholder h2 { margin: 8px 0 16px; color: #eaf4ff; font-size: 1rem; }
.game-leaderboard-list { list-style: none; margin: 0; padding: 0; }
.game-leaderboard-list li { display: grid; grid-template-columns: 24px minmax(0,1fr) auto; gap: 8px; align-items: center; padding: 11px 0; border-bottom: 1px solid #a2b8ca38; color: #eef5ff; font-size: .9rem; }
.game-rank { color: #9bb2c9; font-weight: 800; }.game-racer { overflow-wrap: anywhere; line-height: 1.35; }
.game-leaderboard-list strong { font-variant-numeric: tabular-nums; color: #cce9ff; white-space: nowrap; font-size: .9rem; }
.game-leaderboard-list li:first-child .game-rank,.game-leaderboard-list li:first-child strong { color: #ffe198; }
.home-page .leaderboard-placeholder .game-leaderboard-note { margin: 14px 0 0; color: #bfd0df; font-size: .8rem; line-height: 1.5; }
.game-leaderboard-refresh { display: block; margin: 12px auto 0; min-height: 40px; padding: 8px 14px; border: 1px solid #8497a9; border-radius: 7px; background: #182c40; color: #f1f6ff; font: inherit; cursor: pointer; }
.tree-member-bar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; padding: 13px 16px; border: 1px solid #9bb1c6; border-radius: 12px; background: #edf5fc; color: #1d3d5a; font-size: .9rem; }
.tree-member-bar p { margin: 0; line-height: 1.5; }.tree-member-bar a { display: inline-flex; min-height: 40px; align-items: center; color: #075aa0; font-weight: 800; text-decoration: underline; }
.tree-member-bar [data-tree-best] { flex-basis: 100%; font-variant-numeric: tabular-nums; font-weight: 800; }
.home-page .hold-button:disabled { opacity: .6; cursor: not-allowed; animation: none; }
.game-leaderboard-refresh:focus-visible,.tree-member-bar a:focus-visible { outline: 3px solid #389cdb; outline-offset: 3px; }
.member-card .game-profile { margin: 28px 0; padding: 20px; border: 1px solid #a8bed2; border-radius: 12px; background: #e6f0f9; }
.member-card .game-profile h2 { margin-top: 0; }.member-card select { min-height: 48px; padding: 10px 12px; border: 1px solid #94acc3; border-radius: 8px; background: #fff; color: #142f49; font: inherit; width: 100%; }
.member-card .game-profile small { margin: 0; }.member-card .game-profile a { display: inline-flex; min-height: 44px; align-items: center; font-weight: 800; }
@media(max-width:600px){.tree-member-bar { padding: 12px; }.game-leaderboard-list li { padding-block: 12px; }}

/* Fit the launch control below the logo at every artwork width. */
.home-page .game-visual { container-type: inline-size; }
.home-page .tree-art .game-visual .tree-controls { bottom: 2%; }
.home-page .tree-controls .hold-button {
  width: clamp(44px, 8cqw, 72px); height: clamp(44px, 8cqw, 72px);
  min-width: 0; min-height: 0; max-width: 72px; padding: 4px;
  font-size: clamp(.5rem, 1.1cqw, .7rem); line-height: 1.15;
}

.home-page .leaderboard-placeholder .tag { display: block; width: 100%; text-align: center; box-sizing: border-box; }
.tree-member-bar [data-tree-tries] { flex-basis: 100%; margin: 0; }
