.leaderboard-landscape {
  position: absolute;
  z-index: -2;
  inset: 0 0 auto;
  height: 100svh;
  overflow: hidden;
  pointer-events: none;
  background: linear-gradient(#071225, #182c4c 55%, #0c1b35);
  mask-image: linear-gradient(#000 80%, transparent);
}
.leaderboard-landscape > svg { display: block; width: 100%; height: 100%; }
.leaderboard-star { animation: leaderboard-twinkle 6s ease-in-out infinite alternate; }
.leaderboard-cloud { animation: leaderboard-drift 120s linear infinite; }
body[data-theme="leaderboard"] .page-shell,
body[data-theme="leaderboard"] .board-shell { pointer-events: none; }
body[data-theme="leaderboard"] .site-header,
body[data-theme="leaderboard"] .board-shell > * { pointer-events: auto; }
.leaderboard-peak-crown {
  pointer-events: all;
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.leaderboard-peak-crown:focus { outline: none; }
.leaderboard-peak-crown:hover,
.leaderboard-peak-crown:focus-visible { opacity: 1; filter: drop-shadow(0 0 5px #e7bd5280); outline: none; }
.leaderboard-peak-crown:focus-visible .leaderboard-crown-hit { stroke: #ffdb7d; stroke-width: 2px; }
.leaderboard-trophy {
  position: absolute;
  top: 115px;
  left: max(18px, calc((100% - 1160px) / 2));
  z-index: 1;
  display: grid;
  width: 92px;
  height: 100px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  padding: 8px;
  background: radial-gradient(ellipse, #e7bd521a, transparent 70%);
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.leaderboard-trophy svg {
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%;
  filter: drop-shadow(0 5px 12px #0007) drop-shadow(0 0 6px #e7bd5233);
}
.leaderboard-trophy:hover svg { filter: drop-shadow(0 0 12px #e7bd5270); }
.leaderboard-trophy:focus-visible { outline: 3px solid #e7bd52; outline-offset: 4px; }
.leaderboard-trophy:disabled { cursor: default; }
.leaderboard-trophy[hidden] { display: none; }
.leaderboard-trophy-status {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.leaderboard-crown-rain {
  position: fixed;
  z-index: 30;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.leaderboard-crown-rain svg { position: absolute; top: -48px; filter: drop-shadow(0 2px 3px #0004); }
html:not([data-color-mode="dark"]) .leaderboard-landscape,
html:not([data-color-mode="dark"]) .leaderboard-trophy { display: none; }
.leaderboard-landscape.is-paused * { animation-play-state: paused !important; }
@keyframes leaderboard-twinkle { from { opacity: .25; } to { opacity: .8; } }
@keyframes leaderboard-drift { to { transform: translateX(var(--cloud-travel)); } }
@media (max-width: 1100px) {
  .board-shell { padding-top: 100px; }
  .leaderboard-trophy { top: 100px; left: 22px; width: 76px; height: 84px; }
}
@media (prefers-reduced-motion: reduce) {
  .leaderboard-landscape * { animation: none !important; }
}
@media (max-width: 600px) {
  .leaderboard-trophy, .leaderboard-crown-rain { display: none; }
  .board-shell { padding-top: 0; }
}