.copy-feedback-actions {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
}

.copy-feedback-actions[hidden] { display: none; }

.copy-feedback-actions a,
.copy-feedback-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid rgb(187 247 208 / 35%);
  border-radius: 6px;
  background: rgb(255 255 255 / 7%);
  color: inherit;
  font: inherit;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.copy-feedback-actions .save-toggle[aria-pressed="true"] {
  border-color: currentcolor;
  background: rgb(255 255 255 / 12%);
}

html.light .copy-feedback-actions .save-toggle[aria-pressed="true"] {
  background: rgb(22 101 52 / 10%);
}

.copy-feedback-actions a:hover,
.copy-feedback-actions button:hover { background: rgb(255 255 255 / 14%); }

html.light .copy-feedback-actions a,
html.light .copy-feedback-actions button {
  border-color: rgb(22 101 52 / 25%);
  background: rgb(22 101 52 / 6%);
}

.collection-jump {
  margin: 0 0 24px;
  padding: 12px;
  border: 1px solid #24302f;
  border-radius: 10px;
  background: #090d0c;
}

html.light .collection-jump {
  border-color: #dce5e3;
  background: #f8fbfa;
}

.collection-jump-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.collection-jump-heading strong { font-size: 13px; }

.collection-jump-heading span {
  color: #8f9b99;
  font-size: 11px;
}

.collection-jump-links {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.collection-jump-link {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 6px;
  max-width: 320px;
  padding: 7px 10px;
  overflow: hidden;
  border: 1px solid #2d3d3b;
  border-radius: 7px;
  background: #111817;
  color: #d7dfdd;
  font: inherit;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.collection-jump-link > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #20302e;
  color: #8adbd2;
  font-size: 10px;
  font-weight: 700;
}

.collection-jump-link small {
  color: #8f9b99;
  font-size: 10px;
}

.collection-jump-link:hover { border-color: #26a69a; }

.collection-jump-link[aria-current="true"] {
  border-color: #26a69a;
  background: rgb(38 166 154 / 12%);
}

html.light .collection-jump-link {
  border-color: #c9d7d4;
  background: #fff;
  color: #26322f;
}

html.light .collection-jump-link > span {
  background: #e2f2ef;
  color: #00796b;
}

.action-more-mobile-label,
.mobile-showdown-action { display: none; }

@media (width <= 600px) {
  body { padding-bottom: 74px; }

  .header-controls {
    position: fixed;
    inset: auto 0 0;
    z-index: 1100;
    align-items: stretch;
    padding: 10px 12px;
    border-top: 1px solid #263331;
    background: rgb(0 0 0 / 96%);
    box-shadow: 0 -8px 24px rgb(0 0 0 / 35%);
  }

  html.light .header-controls {
    border-top-color: #d8e1df;
    background: rgb(255 255 255 / 96%);
    box-shadow: 0 -8px 24px rgb(0 0 0 / 10%);
  }

  [id="cloneShowdownBtn"] { display: none; }

  .header-controls > [id="copyTeamBtn"],
  .header-controls > [id="saveTeamBtn"],
  .header-controls > .action-more { flex: 1 1 0; }

  .action-more-label { display: none; }

  .action-more-mobile-label { display: inline; }

  .mobile-showdown-action { display: block; }

  .action-more-menu {
    inset: auto 0 calc(100% + 8px) auto;
    width: min(260px, calc(100vw - 24px));
  }

  .copy-feedback { bottom: 78px; }

  .collection-jump { margin-bottom: 20px; }

  .collection-jump-link { max-width: min(280px, calc(100vw - 56px)); }
}