.platform-page {
  padding-bottom: 70px;
}
.page-trail {
  display: flex;
  align-items: center;
  gap: 11px;
  padding-top: 27px;
  font-size: 11px;
  color: #87977a;
}
.page-trail span:last-child {
  color: #c1cfb4;
}
.page-trail a:hover {
  color: var(--lime);
}
.community-page-heading {
  padding: 43px 0 37px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
}
.community-page-heading h1 {
  font: 700 clamp(47px, 4.6vw, 66px)/1.04 var(--display);
  letter-spacing: -0.5px;
  margin-top: 18px;
}
.community-page-heading h1 span {
  color: var(--lime);
}
.community-page-heading > div > p:last-child {
  color: #a0af93;
  font-size: 14px;
  line-height: 1.8;
  margin-top: 19px;
  max-width: 590px;
}
.connection-art {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-right: 35px;
  transform: rotate(-6deg);
}
.connection-art > span {
  width: 75px;
  height: 75px;
  display: grid;
  place-items: center;
  border: 1px solid #617f3e;
  background: #25341b;
  border-radius: 15px;
  box-shadow: 0 0 40px #a5d4670b;
}
.connection-art > span:last-child {
  transform: rotate(12deg);
  background: #303b21;
}
.connection-art .icon {
  width: 36px;
  height: 36px;
  color: #c8e9a2;
  stroke-width: 1.4;
}
.connection-art > i {
  color: #8ca671;
  font-size: 22px;
  letter-spacing: 2px;
  font-style: normal;
}
.connection-steps {
  display: flex;
  align-items: center;
  gap: 22px;
  border-top: 1px solid #34432a;
  border-bottom: 1px solid #34432a;
  padding: 20px 0;
  margin-bottom: 35px;
}
.connection-steps > span {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #8ea379;
  font-size: 11px;
}
.connection-steps > span.complete {
  color: #c1e69a;
}
.connection-steps .icon {
  width: 16px;
  height: 16px;
}
.connection-steps > i {
  width: 60px;
  height: 1px;
  background: #4e6238;
}
.link-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 30px;
  align-items: start;
}
.link-card,
.connected-profile {
  padding: 32px;
  border: 1px solid #3c4c2e;
  background: #191f14;
  border-radius: 6px;
}
.section-kicker {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 28px;
}
.section-kicker > span {
  width: 29px;
  height: 29px;
  border: 1px solid #4b6533;
  background: #293a1d;
  display: grid;
  place-items: center;
  color: #b9d697;
  border-radius: 4px;
  font: 10px monospace;
}
.section-kicker .eyebrow {
  font-size: 8px;
  letter-spacing: 1.5px;
}
.section-kicker h2 {
  font: 700 31px/1.15 var(--display);
  margin-top: 6px;
}
.link-login-prompt {
  padding: 33px 20px 25px;
  border: 1px dashed #526b3b;
  background: #1c2913;
  border-radius: 5px;
  text-align: center;
}
.link-login-prompt > .icon {
  width: 45px;
  height: 45px;
  color: #bedf9b;
  stroke-width: 1.3;
}
.link-login-prompt h3 {
  font: 700 29px var(--display);
  margin-top: 20px;
}
.link-login-prompt p {
  font-size: 13px;
  line-height: 1.9;
  color: #a3b88e;
  max-width: 380px;
  margin: 12px auto 0;
}
.link-login-prompt > .button {
  margin-top: 25px;
  font-size: 12px;
}
.discord-connected {
  display: flex;
  align-items: center;
  gap: 9px;
  background: #27361c;
  border: 1px solid #4b6134;
  border-radius: 4px;
  padding: 13px 15px;
  font-size: 12px;
  color: #bfd6a6;
  margin-bottom: 25px;
}
.discord-connected > .icon {
  width: 16px;
  height: 16px;
  color: #bfe38e;
}
.discord-connected > a {
  margin-left: auto;
  display: flex;
  gap: 6px;
  align-items: center;
  font-size: 10px;
}
.discord-connected > a .icon {
  width: 12px;
  height: 12px;
}
.player-field {
  margin-top: 22px;
}
.player-field > label {
  font-size: 12px;
  color: #d1dec4;
  font-weight: 600;
  display: block;
  margin-bottom: 9px;
}
.player-field input {
  width: 100%;
  background: #10170a;
  border: 1px solid #41582e;
  color: #dce8cf;
  padding: 13px 15px;
  min-height: 46px;
  font-size: 13px;
  border-radius: 4px;
}
.player-field input::placeholder {
  color: #758d60;
}
.player-field input:focus {
  outline: 1px solid var(--lime);
  outline-offset: 2px;
}
.player-field > small {
  display: block;
  color: #8fa77a;
  font-size: 11px;
  line-height: 1.9;
  margin-top: 9px;
}
.player-field kbd {
  color: #c9dfae;
  font-size: 10px;
}
.pin-input {
  display: flex;
  border: 1px solid #41582e;
  border-radius: 4px;
  background: #10170a;
}
.pin-input input {
  border: 0;
  min-width: 0;
}
.pin-input > button {
  border: 0;
  border-left: 1px solid #41582e;
  background: #29391c;
  color: #bfdb9d;
  font-size: 11px;
  min-width: 64px;
  padding: 8px 15px;
  border-radius: 0 3px 3px 0;
}
.link-submit {
  margin-top: 26px;
  width: 100%;
  font-size: 13px;
}
.link-fine {
  text-align: center;
  font-size: 10px;
  color: #8fa77a;
  line-height: 1.9;
  margin-top: 15px;
}
.link-reward-card {
  padding: 26px;
  border: 1px solid #58743a;
  border-radius: 6px;
  background: linear-gradient(135deg, #293c1c, #1b2812);
}
.reward-symbol {
  width: 49px;
  height: 49px;
  background: #3d5528;
  border: 1px solid #799750;
  color: #cee8aa;
  display: grid;
  place-items: center;
  border-radius: 50%;
  margin-bottom: 23px;
  box-shadow: 3px 3px 0 #19260e;
}
.reward-symbol .icon {
  width: 25px;
  height: 25px;
}
.link-reward-card .eyebrow {
  font-size: 8px;
  letter-spacing: 1.2px;
}
.link-reward-card h2 {
  font: 700 47px/1.1 var(--display);
  margin-top: 16px;
  color: var(--lime);
}
.link-reward-card h2 > span {
  display: block;
  color: #e3eed5;
  font-size: 30px;
}
.link-reward-card p:not(.eyebrow) {
  font-size: 12px;
  color: #a8bf92;
  line-height: 1.9;
  margin-top: 16px;
}
.link-benefits {
  padding: 27px 5px;
  border-bottom: 1px solid #33452a;
}
.link-benefits h3 {
  font: 700 24px/1.2 var(--display);
  margin-bottom: 23px;
}
.link-benefits > span {
  display: flex;
  gap: 10px;
  font-size: 11px;
  line-height: 1.8;
  color: #a0b78b;
  margin-top: 16px;
  align-items: flex-start;
}
.link-benefits .icon {
  width: 16px;
  height: 16px;
  color: #a8ca82;
  margin-top: 3px;
}
.link-support {
  padding: 25px 5px;
}
.link-support > .icon {
  width: 24px;
  height: 24px;
  color: #a4c77d;
}
.link-support h3 {
  font: 700 24px/1.2 var(--display);
  margin-top: 14px;
}
.link-support p {
  font-size: 12px;
  color: #9eb48b;
  line-height: 1.9;
  margin-top: 12px;
}
.link-support .text-link {
  font-size: 11px;
  margin-top: 17px;
}
.link-instructions {
  padding: 39px 5px 0;
  scroll-margin-top: 110px;
}
.link-instructions h2,
.setup-section h2 {
  font: 700 34px/1.12 var(--display);
  margin-top: 13px;
}
.instruction-steps {
  margin-top: 29px;
}
.instruction-steps article {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  border-bottom: 1px solid #324226;
  padding: 20px 0;
}
.instruction-steps article:first-child {
  padding-top: 0;
}
.instruction-steps article:last-child {
  border-bottom: 0;
}
.instruction-steps article > span {
  width: 29px;
  height: 29px;
  border: 1px solid #445f2e;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font: 9px monospace;
  color: #b6d393;
  flex-shrink: 0;
}
.instruction-steps h3 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}
.instruction-steps p {
  font-size: 12px;
  color: #9ab087;
  line-height: 1.9;
  margin-top: 7px;
}
.instruction-steps p a {
  color: #c7e2a8;
}
.game-command-pair {
  display: flex;
  gap: 12px;
  margin-top: 13px;
}
.game-command-pair button,
.setup-copy {
  display: flex;
  gap: 28px;
  align-items: center;
  border: 1px solid #486631;
  color: #c6e5a4;
  border-radius: 4px;
  background: #1e2b14;
  padding: 9px 13px;
  font-size: 11px;
}
.game-command-pair button .icon,
.setup-copy .icon {
  width: 13px;
  height: 13px;
}
.setup-copy {
  margin-top: 13px;
  max-width: 100%;
}
.setup-copy code {
  overflow-wrap: anywhere;
}
.player-notice {
  border: 1px solid #7a633b;
  color: #edcea0;
  background: #302719;
  padding: 16px 20px;
  font-size: 13px;
  line-height: 1.9;
  border-radius: 5px;
  margin-bottom: 27px;
}
.notice-success {
  border-color: #63863f;
  background: #273b1b;
  color: #c8e6a9;
}
.connected-profile + .connected-profile {
  margin-top: 24px;
}
.connected-profile-top {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}
.connected-profile-top .eyebrow {
  font-size: 8px;
  letter-spacing: 1.1px;
}
.connection-check {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  color: var(--lime);
  background: #314921;
  border-radius: 50%;
}
.connection-check .icon {
  width: 15px;
  height: 15px;
}
.connected-pill {
  padding: 4px 9px;
  border: 1px solid #566f3c;
  color: #badb95;
  background: #2b3c1f;
  border-radius: 3px;
  font-size: 9px;
  margin-left: auto;
}
.profile-name-row {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 28px;
}
.profile-monogram {
  width: 59px;
  height: 59px;
  display: grid;
  place-items: center;
  background: #2c3d20;
  color: #c4e39d;
  border: 1px solid #5e7b3e;
  border-radius: 12px;
  flex-shrink: 0;
}
.profile-monogram .icon {
  width: 28px;
  height: 28px;
}
.profile-name-row h2 {
  font: 700 35px/1.15 var(--display);
  overflow-wrap: anywhere;
}
.profile-name-row p {
  font-size: 11px;
  color: #a0b98a;
  margin-top: 7px;
}
.profile-name-row p > span {
  padding: 0 7px;
  color: #647d50;
}
.profile-numbers {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 25px 0;
  margin-top: 25px;
  border-top: 1px solid #3b4e2f;
  border-bottom: 1px solid #3b4e2f;
}
.profile-numbers > div {
  padding-left: 1px;
}
.profile-numbers > div + div {
  border-left: 1px solid #3b4e2f;
  padding-left: 25px;
}
.profile-numbers span {
  display: block;
  font-size: 10px;
  color: #9db487;
}
.profile-numbers strong {
  font: 700 38px/1.3 var(--display);
  color: #d4ebb5;
  display: block;
  margin-top: 5px;
}
.profile-numbers small {
  font-size: 10px;
  color: #91a77c;
  display: block;
  margin-top: 3px;
}
.profile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 25px;
}
.profile-actions .button {
  font-size: 12px;
}
.unlink-area {
  margin-top: 27px;
  padding-top: 24px;
  border-top: 1px solid #34472a;
  display: flex;
  align-items: center;
  gap: 22px;
  justify-content: space-between;
}
.unlink-area h3 {
  font-size: 12px;
  font-weight: 600;
}
.unlink-area p {
  font-size: 10px;
  line-height: 1.9;
  color: #93aa7e;
  max-width: 430px;
  margin-top: 7px;
}
.button-unlink {
  background: transparent;
  border-color: #615138;
  color: #dbc39d;
  font-size: 10px;
  padding: 9px 13px;
  white-space: nowrap;
  min-height: 37px;
}
.button-unlink:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}
.return-link {
  margin-top: 24px;
}
.stats-heading-mark {
  width: 160px;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 23px;
  border: 1px dashed #58743b70;
  border-radius: 14px;
  transform: rotate(-6deg);
  margin-right: 38px;
}
.stats-heading-mark > .icon {
  width: 65px;
  height: 65px;
  stroke-width: 1.1;
  color: #c0df9a;
}
.stats-heading-mark > span {
  color: #90ab73;
  font: 7px monospace;
  letter-spacing: 1px;
}
.stats-mode-tabs {
  display: flex;
  align-items: center;
  gap: 9px;
  padding-bottom: 24px;
  border-bottom: 1px solid #34462a;
}
.stats-mode-tabs > a {
  display: inline-flex;
  gap: 9px;
  align-items: center;
  border: 1px solid #3c4f2d;
  color: #aabd98;
  background: #182011;
  padding: 12px 19px;
  border-radius: 4px;
  font-size: 12px;
}
.stats-mode-tabs > a.selected {
  color: #d1eab5;
  background: #2a3a1d;
  border-color: #7b9d51;
}
.stats-mode-tabs .icon {
  width: 17px;
  height: 17px;
}
.stats-season-tag {
  margin-left: auto;
  font-size: 9px;
  letter-spacing: 1.7px;
  color: #93a87b;
}
.stats-overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 21px;
  margin-top: 27px;
}
.stats-overview > article {
  padding: 22px 25px;
  border: 1px solid #3c4e2d;
  border-radius: 5px;
  background: #192113;
}
.stats-overview article > span {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 11px;
  color: #a5bc8e;
}
.stats-overview article > span .icon {
  width: 15px;
  height: 15px;
}
.stats-overview strong {
  font: 700 42px/1.3 var(--display);
  display: block;
  color: #e0eccf;
  margin-top: 9px;
}
.stats-overview small {
  font-size: 10px;
  color: #809c68;
  display: block;
  margin-top: 2px;
}
.player-search-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  background: #202d16;
  border: 1px solid #506c34;
  border-radius: 5px;
  padding: 24px 26px;
  margin: 27px 0 35px;
}
.player-search-panel h2 {
  font: 700 25px var(--display);
}
.player-search-panel p {
  font-size: 11px;
  color: #a0b78c;
  margin-top: 6px;
}
.player-search-panel form {
  display: flex;
  gap: 10px;
  align-items: center;
}
.player-search-panel input {
  width: 245px;
  min-height: 45px;
  border: 1px solid #58723c;
  border-radius: 4px;
  padding: 12px 14px;
  background: #111a0a;
  color: #d8e8c6;
  font-size: 12px;
}
.player-search-panel input::placeholder {
  color: #78985e;
}
.player-search-panel .button {
  font-size: 12px;
  padding: 12px 16px;
  min-height: 45px;
  white-space: nowrap;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.searched-player {
  padding: 27px;
  border: 1px solid #668d3f;
  background: #213317;
  border-radius: 6px;
  margin-bottom: 34px;
}
.searched-player-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.searched-player-heading .eyebrow {
  font-size: 8px;
  letter-spacing: 1.6px;
}
.searched-player-heading h2 {
  font: 700 35px/1.2 var(--display);
  margin-top: 10px;
  overflow-wrap: anywhere;
}
.searched-player-heading > div > span {
  font-size: 10px;
  color: #a7c38e;
  margin-top: 6px;
  display: block;
}
.searched-player-heading > a {
  white-space: nowrap;
  font-size: 11px;
}
.player-stat-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  border-top: 1px solid #496935;
  padding-top: 21px;
  margin-top: 23px;
}
.player-stat-grid > div > span {
  font-size: 9px;
  display: block;
  color: #a7c18e;
}
.player-stat-grid strong {
  font: 700 28px/1.3 var(--display);
  display: block;
  color: #d5edb7;
  margin-top: 4px;
}
.weapon-breakdown {
  margin-top: 23px;
}
.weapon-breakdown summary {
  color: #bfdc9f;
  font-size: 11px;
  cursor: pointer;
}
.leaderboard-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 40px 0 27px;
}
.leaderboard-heading .eyebrow {
  font-size: 9px;
}
.leaderboard-heading h2 {
  font: 700 35px/1.1 var(--display);
  margin-top: 11px;
}
.stats-filters {
  display: flex;
  align-items: flex-end;
  gap: 11px;
}
.stats-filters label {
  display: block;
  font-size: 9px;
  color: #92ab79;
  margin-bottom: 7px;
}
.stats-filters select {
  border: 1px solid #425d2c;
  border-radius: 4px;
  padding: 10px 30px 10px 12px;
  min-height: 41px;
  background: #17210f;
  color: #cbe2af;
  font-size: 11px;
  max-width: 165px;
}
.stats-filters .button {
  font-size: 11px;
  min-height: 41px;
  padding: 10px 15px;
}
.leader-podium {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 25px;
}
.podium-card {
  position: relative;
  padding: 24px;
  border: 1px solid #425d2d;
  background: #1a2513;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
}
.podium-card.podium-first {
  border-color: #8aa952;
  background: linear-gradient(145deg, #31451f, #1b2913);
}
.podium-rank {
  position: absolute;
  top: 10px;
  right: 17px;
  font: 700 75px/1 var(--display);
  color: #62833b25;
}
.podium-medal {
  display: grid;
  place-items: center;
  width: 35px;
  height: 35px;
  background: #2a3d1c;
  border: 1px solid #5a783c;
  border-radius: 50%;
  color: #bddf97;
}
.podium-medal .icon {
  width: 18px;
  height: 18px;
}
.podium-card > a {
  margin-top: 20px;
  font: 700 25px/1.2 var(--display);
  overflow-wrap: anywhere;
  max-width: 100%;
}
.podium-card > a:hover {
  color: var(--lime);
}
.podium-card > small {
  color: #92b075;
  font-size: 9px;
  margin-top: 6px;
}
.podium-card > strong {
  color: #d4eeb4;
  font: 700 36px/1.15 var(--display);
  margin-top: 22px;
}
.podium-label {
  font-size: 9px;
  color: #a0bd83;
  margin-top: 4px;
}
.leaderboard-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid #3b512a;
  border-radius: 5px;
  background: #151e0f;
}
.leaderboard-table {
  width: 100%;
  min-width: 700px;
  border-collapse: collapse;
  text-align: left;
}
.leaderboard-table th {
  background: #23331a;
  color: #a8c78b;
  font-size: 9px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  padding: 17px 20px;
  border-bottom: 1px solid #4b6832;
  font-weight: 600;
}
.leaderboard-table td {
  padding: 15px 20px;
  border-bottom: 1px solid #2d4221;
  color: #bdcfae;
  font-size: 12px;
}
.leaderboard-table tr:last-child td {
  border-bottom: 0;
}
.leaderboard-table tr:hover td {
  background: #23351a;
}
.leaderboard-table .table-rank {
  font: 12px monospace;
  color: #87a969;
}
.table-player-name {
  color: #e0ecd6;
  font-weight: 600;
}
.table-player-name:hover {
  color: var(--lime);
}
.leaderboard-table td > small {
  display: block;
  color: #86a16f;
  font-size: 9px;
  margin-top: 4px;
}
.leaderboard-table .selected-column {
  color: #c9e9a3;
  background: #7194420b;
}
.table-profile-link {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid #405a2e;
  border-radius: 4px;
  color: #aacd85;
}
.table-profile-link .icon {
  width: 15px;
  height: 15px;
}
.leaderboard-table .empty-leaderboard {
  padding: 40px 20px;
  text-align: center;
  color: #9eb78a;
}
.leaderboard-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: 22px;
}
.leaderboard-pagination > p {
  font-size: 10px;
  color: #91ad7c;
}
.leaderboard-pagination > p > span {
  padding: 0 8px;
  color: #5e784a;
}
.leaderboard-pagination > div {
  display: flex;
  gap: 9px;
}
.leaderboard-pagination .button {
  font-size: 10px;
  min-height: 36px;
  padding: 8px 12px;
}
.stats-eligibility {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #819c6c;
  font-size: 10px;
  line-height: 1.9;
  margin-top: 24px;
}
.stats-eligibility .icon {
  height: 13px;
  width: 13px;
}
.downloads-section {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  border: 1px solid #4b5e32;
  border-radius: 6px;
  background: #1c2614;
  overflow: hidden;
  margin-bottom: 65px;
}
.download-art {
  min-height: 330px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 32px;
  background:
    linear-gradient(0deg, #101a0ae8, #101a0a44 70%),
    url("/assets/images/hero.jpg") 75% 55% / cover;
  border-right: 1px solid #4b5e32;
}
.download-art-label {
  font: 700 41px/1 var(--display);
  color: #f0f6e7;
  letter-spacing: 1px;
}
.download-art-label b {
  color: var(--lime);
}
.download-art > small {
  font-size: 8px;
  letter-spacing: 2px;
  color: #bed1a4;
  margin-top: 9px;
}
.download-art-corner {
  position: absolute;
  top: 25px;
  left: 28px;
  color: #d0dfbb;
  font: 8px monospace;
  letter-spacing: 1.6px;
}
.download-copy {
  padding: 42px;
}
.download-copy .eyebrow {
  font-size: 9px;
  letter-spacing: 1.6px;
}
.download-copy h2 {
  font: 700 43px/1.1 var(--display);
  margin-top: 17px;
}
.download-copy h2 > span {
  color: var(--lime);
}
.download-copy > p:not(.eyebrow) {
  color: #a1b58e;
  font-size: 13px;
  line-height: 1.9;
  max-width: 420px;
  margin-top: 15px;
}
.download-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 25px;
}
.download-actions .button {
  font-size: 12px;
  padding: 13px 17px;
  min-height: 45px;
}
.download-actions .icon {
  width: 15px;
  height: 15px;
}
.download-help-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  font-size: 10px;
  color: #b8d09c;
  margin-top: 22px;
}
.download-help-links > a {
  display: flex;
  gap: 7px;
  align-items: center;
}
.download-help-links .icon {
  width: 12px;
  height: 12px;
}
.download-help-links > span {
  color: #5f7a49;
}
.setup-section {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  align-items: start;
  gap: 85px;
}
.setup-section .text-link {
  font-size: 11px;
  margin-top: 25px;
}
.setup-section .instruction-steps {
  margin-top: 0;
}
@media (max-width: 1100px) {
  .link-layout {
    grid-template-columns: minmax(0, 1fr) 275px;
    gap: 23px;
  }
  .link-card,
  .connected-profile {
    padding: 27px;
  }
  .connection-art {
    margin-right: 10px;
    transform: scale(0.9) rotate(-6deg);
  }
  .stats-heading-mark {
    margin-right: 15px;
  }
  .download-copy {
    padding: 34px;
  }
  .download-copy h2 {
    font-size: 37px;
  }
  .download-actions {
    gap: 9px;
  }
  .download-actions .button {
    font-size: 11px;
    padding: 12px 14px;
  }
  .download-art {
    padding: 27px;
  }
  .download-art-label {
    font-size: 35px;
  }
  .player-search-panel {
    gap: 20px;
    padding: 22px;
  }
  .player-search-panel input {
    width: 205px;
  }
  .player-search-panel h2 {
    font-size: 23px;
  }
  .player-search-panel .button {
    padding: 12px;
    font-size: 11px;
  }
  .leaderboard-heading h2 {
    font-size: 31px;
  }
  .stats-filters select {
    max-width: 145px;
    padding-right: 19px;
  }
  .unlink-area {
    flex-direction: column;
    align-items: flex-start;
    gap: 17px;
  }
  .setup-section {
    gap: 50px;
  }
}
@media (max-width: 850px) {
  .connection-art {
    display: none;
  }
  .community-page-heading h1 {
    font-size: 55px;
  }
  .link-layout {
    grid-template-columns: 1fr;
  }
  .link-sidebar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    margin-top: 10px;
  }
  .link-support {
    padding: 0 5px;
  }
  .link-benefits {
    border-bottom: 0;
    padding-top: 0;
  }
  .connection-steps {
    gap: 15px;
  }
  .connection-steps > i {
    width: 35px;
  }
  .connection-steps > span {
    font-size: 10px;
  }
  .player-search-panel {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .player-search-panel form {
    width: 100%;
  }
  .player-search-panel input {
    flex: 1;
    width: 100%;
    min-width: 0;
  }
  .leaderboard-heading {
    flex-direction: column;
    align-items: flex-start;
  }
  .stats-filters {
    width: 100%;
    gap: 12px;
  }
  .stats-filters > div {
    flex: 1;
  }
  .stats-filters select {
    width: 100%;
    max-width: none;
  }
  .downloads-section {
    grid-template-columns: 0.85fr 1.15fr;
  }
  .download-copy {
    padding: 30px;
  }
  .download-copy .eyebrow {
    font-size: 8px;
  }
  .download-copy h2 {
    font-size: 35px;
  }
  .download-art-label {
    font-size: 29px;
  }
  .download-art > small {
    font-size: 6px;
  }
  .stats-overview strong {
    font-size: 35px;
  }
  .stats-overview > article {
    padding: 20px;
  }
  .podium-card {
    padding: 21px;
  }
  .podium-card > a {
    font-size: 23px;
  }
  .player-stat-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .setup-section {
    gap: 35px;
  }
}
@media (max-width: 650px) {
  .platform-page {
    padding-bottom: 45px;
  }
  .page-trail {
    padding-top: 21px;
    font-size: 10px;
  }
  .community-page-heading {
    padding: 33px 0 28px;
  }
  .community-page-heading .eyebrow {
    font-size: 8px;
    letter-spacing: 1.4px;
  }
  .community-page-heading h1 {
    font-size: clamp(40px, 10vw, 53px);
    line-height: 1.06;
  }
  .community-page-heading > div > p:last-child {
    font-size: 12px;
    margin-top: 15px;
    line-height: 1.9;
  }
  .stats-heading-mark {
    display: none;
  }
  .connection-steps {
    flex-direction: column;
    align-items: flex-start;
    padding: 18px 0;
    gap: 14px;
    margin-bottom: 25px;
  }
  .connection-steps > i {
    display: none;
  }
  .connection-steps > span {
    font-size: 10px;
  }
  .link-card,
  .connected-profile {
    padding: 24px 21px;
  }
  .section-kicker {
    gap: 11px;
    margin-bottom: 23px;
  }
  .section-kicker h2 {
    font-size: 27px;
  }
  .section-kicker .eyebrow {
    font-size: 7px;
    letter-spacing: 1px;
  }
  .link-login-prompt {
    padding: 27px 16px;
  }
  .link-login-prompt h3 {
    font-size: 26px;
  }
  .link-login-prompt p {
    font-size: 12px;
  }
  .link-login-prompt > .button {
    font-size: 11px;
    padding: 13px;
  }
  .discord-connected {
    flex-wrap: wrap;
    gap: 8px;
    font-size: 11px;
    padding: 12px;
  }
  .player-field > small {
    font-size: 10px;
  }
  .link-submit {
    font-size: 12px;
    padding: 14px 12px;
  }
  .link-instructions {
    padding-top: 32px;
  }
  .link-instructions h2,
  .setup-section h2 {
    font-size: 30px;
  }
  .instruction-steps article {
    gap: 14px;
  }
  .instruction-steps h3 {
    font-size: 13px;
  }
  .instruction-steps p {
    font-size: 11px;
  }
  .link-sidebar {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .link-reward-card {
    padding: 26px;
  }
  .link-benefits {
    padding-top: 25px;
    padding-bottom: 23px;
    border-bottom: 1px solid #33452a;
  }
  .link-support {
    padding-top: 24px;
  }
  .player-notice {
    font-size: 12px;
    padding: 15px 18px;
    margin-bottom: 23px;
  }
  .connected-profile-top .eyebrow {
    font-size: 7px;
  }
  .connected-pill {
    font-size: 8px;
    margin-left: 0;
  }
  .profile-name-row {
    gap: 14px;
    margin-top: 24px;
  }
  .profile-monogram {
    width: 49px;
    height: 49px;
  }
  .profile-name-row h2 {
    font-size: 29px;
  }
  .profile-name-row p {
    font-size: 10px;
  }
  .profile-numbers {
    gap: 14px;
    padding: 20px 0;
  }
  .profile-numbers strong {
    font-size: 32px;
  }
  .profile-numbers > div + div {
    padding-left: 17px;
  }
  .profile-numbers small {
    font-size: 9px;
  }
  .profile-actions {
    gap: 10px;
  }
  .profile-actions .button {
    font-size: 11px;
    padding: 12px 14px;
  }
  .stats-mode-tabs {
    gap: 9px;
    flex-wrap: wrap;
    padding-bottom: 20px;
  }
  .stats-mode-tabs > a {
    flex: 1;
    justify-content: center;
    font-size: 10px;
    padding: 11px;
    white-space: nowrap;
  }
  .stats-mode-tabs .icon {
    width: 15px;
    height: 15px;
  }
  .stats-season-tag {
    font-size: 8px;
    margin-left: 0;
    flex-basis: 100%;
    margin-top: 8px;
  }
  .stats-overview {
    gap: 10px;
    margin-top: 20px;
  }
  .stats-overview > article {
    padding: 15px 11px;
  }
  .stats-overview article > span {
    font-size: 8px;
    line-height: 1.8;
    gap: 5px;
  }
  .stats-overview article > span .icon {
    width: 12px;
    height: 12px;
  }
  .stats-overview strong {
    font-size: clamp(23px, 6.4vw, 32px);
    margin-top: 8px;
  }
  .stats-overview small {
    font-size: 8px;
    line-height: 1.8;
  }
  .player-search-panel {
    padding: 21px;
    margin-top: 23px;
  }
  .player-search-panel h2 {
    font-size: 24px;
  }
  .player-search-panel p {
    font-size: 10px;
  }
  .player-search-panel form {
    flex-direction: column;
    align-items: stretch;
    gap: 11px;
  }
  .player-search-panel .button {
    min-height: 42px;
  }
  .searched-player {
    padding: 22px;
  }
  .searched-player-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
  }
  .searched-player-heading h2 {
    font-size: 29px;
  }
  .player-stat-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px 10px;
  }
  .player-stat-grid > div > span {
    font-size: 8px;
  }
  .player-stat-grid strong {
    font-size: 24px;
  }
  .leaderboard-heading {
    margin-top: 32px;
    gap: 22px;
  }
  .leaderboard-heading h2 {
    font-size: 31px;
  }
  .leaderboard-heading .eyebrow {
    font-size: 8px;
  }
  .stats-filters {
    flex-wrap: wrap;
    gap: 10px;
  }
  .stats-filters > div:first-child {
    flex: 0.8;
  }
  .stats-filters select {
    font-size: 10px;
    padding-left: 10px;
    padding-right: 15px;
  }
  .stats-filters .button {
    font-size: 10px;
    padding: 10px 12px;
  }
  .leader-podium {
    gap: 10px;
  }
  .podium-card {
    padding: 16px 12px;
  }
  .podium-card > a {
    font-size: 19px;
    margin-top: 19px;
  }
  .podium-rank {
    font-size: 50px;
    right: 8px;
    top: 12px;
  }
  .podium-medal {
    width: 28px;
    height: 28px;
  }
  .podium-medal .icon {
    width: 15px;
    height: 15px;
  }
  .podium-card > strong {
    font-size: 28px;
    margin-top: 19px;
  }
  .podium-card > small {
    font-size: 8px;
  }
  .podium-label {
    font-size: 8px;
  }
  .leaderboard-table {
    min-width: 650px;
  }
  .leaderboard-table th {
    padding: 15px;
    font-size: 8px;
  }
  .leaderboard-table td {
    padding: 14px 15px;
    font-size: 11px;
  }
  .leaderboard-pagination {
    align-items: flex-start;
  }
  .leaderboard-pagination > p {
    font-size: 9px;
    max-width: 155px;
    line-height: 1.8;
  }
  .leaderboard-pagination > p > span {
    padding: 0 5px;
  }
  .leaderboard-pagination .button {
    padding: 8px 10px;
    font-size: 9px;
  }
  .stats-eligibility {
    font-size: 9px;
    align-items: flex-start;
  }
  .stats-eligibility .icon {
    margin-top: 4px;
  }
  .downloads-section {
    grid-template-columns: 1fr;
    margin-bottom: 44px;
  }
  .download-art {
    min-height: 210px;
    border-right: 0;
    border-bottom: 1px solid #4b5e32;
    padding: 25px;
  }
  .download-art-label {
    font-size: 38px;
  }
  .download-art > small {
    font-size: 7px;
  }
  .download-art-corner {
    top: 24px;
    left: 25px;
    font-size: 7px;
  }
  .download-copy {
    padding: 29px 25px;
  }
  .download-copy h2 {
    font-size: 37px;
  }
  .download-copy > p:not(.eyebrow) {
    font-size: 12px;
  }
  .download-copy .eyebrow {
    font-size: 7px;
  }
  .download-actions {
    gap: 10px;
  }
  .download-actions .button {
    font-size: 11px;
    padding: 12px 13px;
  }
  .download-actions .button .icon:last-child:not(:first-child) {
    margin-left: 1px;
  }
  .download-help-links {
    font-size: 10px;
    gap: 11px;
  }
  .setup-section {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .setup-section .text-link {
    margin-top: 19px;
  }
}