.performance-leaderboard-head {
  align-items: start;
  flex-direction: column;
}

#glory-range {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  gap: 10px !important;
  width: 100%;
  align-items: end;
}

#glory-range .field {
  min-width: 0;
  margin: 0;
}

#glory-range :is(input, select) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 44px;
}

#glory-range > small { grid-column: 1 / -1; }
#glory-range > button { min-height: 44px; }

@media (max-width: 660px) {
  #glory-range { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #glory-range > :first-child,
  #glory-range > button,
  #glory-range > label:nth-child(2):has(+ [hidden]) { grid-column: 1 / -1; }

  .performance-leaderboard .performance-podium {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr) minmax(0, 1fr);
    align-items: end;
    gap: 4px;
  }

  .performance-leaderboard .performance-podium:not(:has(.rank-3)) {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  }

  .performance-leaderboard .performance-podium .glory-podium-card {
    min-width: 0;
    min-height: 152px;
    padding: 8px 4px;
    gap: 4px;
    border-radius: 6px 6px 0 0;
    align-content: end;
    overflow-wrap: anywhere;
  }

  .performance-leaderboard .performance-podium .rank-1 { order: 2; min-height: 184px; }
  .performance-leaderboard .performance-podium .rank-2 { order: 1; min-height: 164px; }
  .performance-leaderboard .performance-podium .rank-3 { order: 3; }
  .performance-leaderboard .performance-podium .podium-rank { padding-bottom: 2px; }
  .performance-leaderboard .performance-podium .podium-place { font-size: 26px; }
  .performance-leaderboard .performance-podium .rank-1 .podium-place { font-size: 34px; }
  .performance-leaderboard .performance-podium .glory-podium-card > strong { margin: 0; font-size: 13px; }
  .performance-leaderboard .performance-podium .glory-podium-card .podium-metric { font-size: 12px; }
  .performance-leaderboard .performance-podium .glory-podium-card small { font-size: 11px; }
}

#workspace-module { box-sizing: border-box; max-width: 100%; min-width: 0; }

@media(max-width: 660px) {

  #glory-range .field { display: grid; grid-template-columns: minmax(0,1fr); gap: 6px; }
  #glory-range .field[hidden] { display: none; }
  #glory-range select { height: 44px; font-size: 16px; }
}