/* Home-only warm paper theme. Fonts, component geometry and native corner shapes are inherited. */
body[data-run-page="leaderboard"] {
  --color-primary: #64523b;
  --color-primary-hover: #4f402e;
  --color-primary-soft: #f0e6d4;
  --color-primary-ink: #715b3c;
  --color-primary-light: #d9c7a7;
  --color-secondary: #927044;
  --color-neutral-0: #fffdf9;
  --color-neutral-50: #faf7f0;
  --color-neutral-100: #f2ece1;
  --color-neutral-200: #e7dfd1;
  --color-neutral-300: #d6cab6;
  --color-neutral-400: #ab9e89;
  --color-neutral-500: #81796b;
  --color-neutral-700: #655d50;
  --color-neutral-900: #312e29;
  --color-neutral-950: #25211b;
  --text-1: #312e29;
  --text-2: #81796b;
  --text-3: #928775;
  --border: 1px solid #e7dfd1;
  --border-soft: 1px solid #eee7dc;
  --border-strong: 1px solid #d6cab6;
  --shadow-1: 0 2px 6px rgba(99, 76, 43, .045), 0 8px 20px rgba(99, 76, 43, .035);
  --shadow-2: 0 4px 12px rgba(99, 76, 43, .06), 0 14px 32px rgba(99, 76, 43, .065);
  --focus: 2px solid #927044;
  --home-canvas: #faf7f0;
  --home-surface: #fffdf9;
  --home-hover: #f4ecde;
  --home-pressed: #ece1ce;
  --home-raised-shadow: 0 2px 5px rgba(99, 76, 43, .04), 0 10px 28px rgba(99, 76, 43, .055);
  background: var(--home-canvas);
  color: var(--text-1);
}

body[data-run-page="leaderboard"]::selection { background: #eadbbf; color: #312e29; }
body[data-run-page="leaderboard"] .home-page { width: 100%; min-width: 0; }
body[data-run-page="leaderboard"] .home-ranks-wrap { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 32px; scroll-margin-top: 24px; }

/* Shared controls keep their original size, radius, typography and focus outline. */
body[data-run-page="leaderboard"] .btn {
  border-color: #e7dfd1;
  background: var(--home-surface);
  color: #312e29;
  box-shadow: 0 2px 5px rgba(99, 76, 43, .045);
}
body[data-run-page="leaderboard"] .btn:hover:not(:disabled):not([aria-disabled="true"]) {
  border-color: #d6c7ad;
  background: var(--home-hover);
}
body[data-run-page="leaderboard"] .btn:active:not(:disabled):not([aria-disabled="true"]) {
  border-color: #c8b596;
  background: var(--home-pressed);
  box-shadow: inset 0 1px 3px rgba(99, 76, 43, .09);
}
body[data-run-page="leaderboard"] .btn--primary {
  border-color: #64523b;
  background: #64523b;
  color: #fffdf9;
  box-shadow: 0 3px 8px rgba(99, 76, 43, .12);
}
body[data-run-page="leaderboard"] .btn--primary:hover:not(:disabled):not([aria-disabled="true"]) {
  border-color: #51422f;
  background: #51422f;
}
body[data-run-page="leaderboard"] .btn--primary:active:not(:disabled):not([aria-disabled="true"]) {
  border-color: #433625;
  background: #433625;
  box-shadow: inset 0 1px 3px rgba(40, 29, 16, .18);
}
body[data-run-page="leaderboard"] .btn.is-done { border-color: #a58c64; color: #715b3c; }

body[data-run-page="leaderboard"] .select select,
body[data-run-page="leaderboard"] .switch,
body[data-run-page="leaderboard"] .acc-input,
body[data-run-page="leaderboard"] .acc-affix {
  border-color: #e7dfd1;
  background-color: var(--home-surface);
  color: #312e29;
  box-shadow: 0 2px 5px rgba(99, 76, 43, .035);
}
body[data-run-page="leaderboard"] .select select:hover:not(:disabled),
body[data-run-page="leaderboard"] .switch:hover,
body[data-run-page="leaderboard"] .acc-input:hover:not(:disabled),
body[data-run-page="leaderboard"] .acc-affix:hover {
  border-color: #d6c7ad;
  background-color: #fffaf0;
}
body[data-run-page="leaderboard"] .acc-input::placeholder { color: #a2947e; }
body[data-run-page="leaderboard"] .acc-input:focus,
body[data-run-page="leaderboard"] .acc-affix:focus-within { border-color: #a18863; }
body[data-run-page="leaderboard"] .select::after { border-color: #81796b; }
body[data-run-page="leaderboard"] .switch__track { background: #d7ccba; }
body[data-run-page="leaderboard"] .switch input:checked + .switch__track { background: #9a825c; }
body[data-run-page="leaderboard"] .switch__track::after { background: #fffdf9; }
body[data-run-page="leaderboard"] .check { border-color: #cabea8; background-color: #fffdf9; }
body[data-run-page="leaderboard"] .check:checked { border-color: #7d6747; background-color: #7d6747; }

body[data-run-page="leaderboard"] .seg,
body[data-run-page="leaderboard"] .acc-seg { background: #eee5d6; }
body[data-run-page="leaderboard"] .seg button,
body[data-run-page="leaderboard"] .acc-seg span,
body[data-run-page="leaderboard"] .tab { color: #81796b; }
body[data-run-page="leaderboard"] .seg button:hover,
body[data-run-page="leaderboard"] .acc-seg span:hover,
body[data-run-page="leaderboard"] .tab:hover { background: #f4ecde; color: #312e29; }
body[data-run-page="leaderboard"] .seg button[aria-pressed="true"],
body[data-run-page="leaderboard"] .acc-seg input:checked + span,
body[data-run-page="leaderboard"] .tab[aria-selected="true"] {
  background: #fffdf9;
  color: #514635;
  box-shadow: 0 1px 4px rgba(99, 76, 43, .09);
}
body[data-run-page="leaderboard"] .seg button:active,
body[data-run-page="leaderboard"] .tab:active { background: #ece1ce; }

body[data-run-page="leaderboard"] .av,
body[data-run-page="leaderboard"] .logo--letter { background: #f0e7d8; color: #81715b; }
body[data-run-page="leaderboard"] .tag { border-color: #e7dfd1; color: #81796b; }
body[data-run-page="leaderboard"] .tag--ok { border-color: transparent; background: #eee5d2; color: #77603c; }
body[data-run-page="leaderboard"] .tag--warn { border-color: transparent; background: #f6e8ca; color: #906f31; }
body[data-run-page="leaderboard"] .tag--you { border-color: transparent; background: #eee6d8; color: #65543a; }
body[data-run-page="leaderboard"] .acct { color: #897047; }
body[data-run-page="leaderboard"] .skel,
body[data-run-page="leaderboard"] .rows-skel span::after { background-color: #eee7dc; }

/* The provider rail and account dock deliberately remain ordinary round capsules. */
body[data-run-page="leaderboard"] .nav__inner,
body[data-run-page="leaderboard"] .account-dock {
  border-color: #e7dfd1;
  border-radius: 999px;
  corner-shape: round;
  background: rgba(255, 253, 248, .97);
  box-shadow: 0 3px 10px rgba(99, 76, 43, .055), 0 10px 28px rgba(99, 76, 43, .085);
}
body[data-run-page="leaderboard"] .nav__links a { color: #9b8e77; }
body[data-run-page="leaderboard"] .nav__links a:hover { color: #514635; background: #f5eddf; }
body[data-run-page="leaderboard"] .nav__links a[aria-current="page"] { color: #312e29; background: #eee2cd; }
body[data-run-page="leaderboard"] .nav__links a:active { background: #e7d8be; }
body[data-run-page="leaderboard"] .nav__label {
  border-color: #e7dfd1;
  background: #fffdf9;
  color: #514635;
  box-shadow: var(--shadow-1);
}
body[data-run-page="leaderboard"] .account-dock .nav__account { color: #81796b; }
body[data-run-page="leaderboard"] .account-dock .nav__account:hover { color: #312e29; background: #f5eddf; }
body[data-run-page="leaderboard"] .account-dock .nav__account:active { background: #e7d8be; }
body[data-run-page="leaderboard"] .account-dock .nav__account[aria-current="page"] { color: #312e29; }

/* Footer attribution keeps the product site's Instrument Sans wordmark untouched. */
body[data-run-page="leaderboard"] .foot { color: #81796b; }
body[data-run-page="leaderboard"] .foot__inner { border-color: #e7dfd1; }
body[data-run-page="leaderboard"] .foot__fine { color: #928775; }
body[data-run-page="leaderboard"] .foot__copyright,
body[data-run-page="leaderboard"] .foot__powered { color: #81796b; }
body[data-run-page="leaderboard"] .foot__links a:hover,
body[data-run-page="leaderboard"] .foot .run-lang,
body[data-run-page="leaderboard"] .foot__powered strong { color: #312e29; }
body[data-run-page="leaderboard"] .foot .run-lang:hover { background: #f0e7d8; }
body[data-run-page="leaderboard"] .foot__powered:hover,
body[data-run-page="leaderboard"] .foot__powered:hover strong { color: #514635; }

/* The full board is a secondary disclosure below the two always-visible rankings. */
body[data-run-page="leaderboard"] .home-full-board {
  width: 100%;
  max-width: 1440px;
  min-width: 0;
  margin: 24px auto 48px;
  padding: 0 32px;
  overflow: visible;
}
body[data-run-page="leaderboard"] .home-full-board__toggle {
  --sq-r: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 56px;
  padding: 16px 24px;
  border: 1px solid #e7dfd1;
  border-radius: calc(var(--sq-r) * .54);
  background: #fffdf9;
  color: #514635;
  box-shadow: var(--home-raised-shadow);
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  list-style: none;
  cursor: pointer;
}
body[data-run-page="leaderboard"] .home-full-board__toggle::-webkit-details-marker { display: none; }
body[data-run-page="leaderboard"] .home-full-board__toggle::after {
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 4px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  flex: none;
}
body[data-run-page="leaderboard"] .home-full-board__toggle:hover { border-color: #d6c7ad; background: #fffaf0; }
body[data-run-page="leaderboard"] .home-full-board__toggle:active { background: #f4ecde; }
body[data-run-page="leaderboard"] .home-full-board[open] > .home-full-board__toggle { border-color: #d6c7ad; }
body[data-run-page="leaderboard"] .home-full-board[open] > .home-full-board__toggle::after { transform: rotate(225deg); }
body[data-run-page="leaderboard"] .home-full-board .board-main__inner { padding: 24px 0 0; }

@supports (corner-shape: squircle) {
  body[data-run-page="leaderboard"] .home-full-board__toggle { border-radius: var(--sq-r); corner-shape: squircle; }
}
@media (max-width: 1100px) {
  body[data-run-page="leaderboard"] .home-ranks-wrap { padding-left: 24px; padding-right: 24px; }
  body[data-run-page="leaderboard"] .home-full-board { padding-left: 24px; padding-right: 24px; }
}
@media (max-width: 760px) {
  body[data-run-page="leaderboard"] .home-ranks-wrap { padding-left: 16px; padding-right: 16px; }
  body[data-run-page="leaderboard"] .home-full-board { margin-top: 16px; margin-bottom: 32px; padding-left: 16px; padding-right: 16px; }
  body[data-run-page="leaderboard"] .home-full-board__toggle { padding: 16px; }
}