.wargm-bonus-panel > div > span:nth-child(2) {
  min-width: 0;
}

.wargm-bonus-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

.wargm-mark,
.wargm-login {
  flex: none;
}

.wargm-bonus-panel strong,
.wargm-bonus-panel small {
  overflow-wrap: anywhere;
}

.wargm-login {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  margin: 0;
  padding: 0 14px;
  border-color: #74a6e2;
  background: #fff;
  box-shadow: 0 5px 14px #3478d418;
  white-space: nowrap;
}

.wargm-login:hover {
  box-shadow: 0 8px 18px #3478d42b;
}

.boosty-support {
  color: #fff;
  border-color: #23a979;
  background: linear-gradient(135deg, #25b984, #15966a);
  box-shadow: 0 7px 18px #168b6429;
  transition: transform .16s, box-shadow .16s;
}

.boosty-support:hover {
  color: #fff;
  background: linear-gradient(135deg, #2bc78f, #188d66);
  transform: translateY(-1px);
  box-shadow: 0 10px 24px #168b6438;
}

/* Donation actions: separate the project support CTA from the Boosty link. */
#support-buy {
  border: 1px solid #d4a52c;
  background: linear-gradient(135deg, #f2c653, #d99818);
  color: #3d2a08;
  box-shadow: 0 7px 18px #b27b1629;
}

#support-buy:hover {
  background: linear-gradient(135deg, #f7d46e, #e2a52a);
  color: #302006;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px #b27b1638;
}

.boosty-support {
  border-color: #7860c9;
  background: linear-gradient(135deg, #8068d8, #5d46b4);
  color: #fff;
}

.boosty-support:hover {
  background: linear-gradient(135deg, #937be8, #6b52c9);
  color: #fff;
}

.donation-wallet-credit {
  display: grid;
  gap: 12px;
  margin: 14px 0;
  padding: 15px;
  border: 1px solid #b9ddcb;
  border-radius: 12px;
  background: linear-gradient(135deg, #f2fbf7, #edf8f2);
}

.donation-credit-heading {
  display: flex;
  align-items: center;
  gap: 11px;
}

.donation-credit-heading > span:last-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.donation-credit-heading strong {
  font-size: 13px;
}

.donation-credit-heading small,
.donation-wallet-guest > small,
.donation-wallet-auth {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}

.donation-credit-heading small b {
  color: var(--green);
}

.donation-coin {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: 50%;
  color: #fff3b5;
  background: linear-gradient(145deg, #ffd75c, #eca920);
  border: 4px solid #ffea9a;
  box-shadow: 0 5px 14px #d89a2335;
}

.donation-wallet-auth {
  margin: 0 0 0 49px;
}

.donation-wallet-guest {
  margin: 1px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}

.donation-wallet-guest label span {
  font-weight: 500;
  color: var(--muted);
}

.discord-community-card {
  border-color: #9ed8bd;
  background: linear-gradient(135deg, #f7fffb 0%, #e9f9f1 58%, #ddf5e9 100%);
  box-shadow: 0 12px 30px #16855d1c;
}

.discord-community-card:hover {
  border-color: #55b98d;
  box-shadow: 0 17px 36px #16855d28;
}

.discord-community-card:focus-visible {
  outline-color: #78caa5;
}

.discord-community-icon {
  background: linear-gradient(145deg, #32bf88, #15865f);
  box-shadow: 0 8px 18px #16855d35;
}

.discord-community-copy > span {
  color: #147b59;
}

.discord-community-arrow {
  color: #147b59;
  background: #d3f1e2;
}

[data-theme="dark"] .discord-community-card {
  border-color: #434d7a;
  background: linear-gradient(135deg, #162721, #1b2035);
  box-shadow: 0 12px 30px #5865f218;
}

[data-theme="dark"] .discord-community-card:hover {
  border-color: #59679a;
  box-shadow: 0 17px 36px #5865f22a;
}

[data-theme="dark"] .discord-community-icon {
  background: #5865f2;
  box-shadow: 0 8px 18px #5865f238;
}

[data-theme="dark"] .discord-community-copy > span {
  color: #aab2ff;
}

[data-theme="dark"] .discord-community-arrow {
  background: #252c55;
  color: #b7bdff;
}

[data-theme="dark"] .boosty-support {
  color: #e8fff6;
  border-color: #378a6c;
  background: linear-gradient(135deg, #1d7455, #195c46);
}

[data-theme="dark"] #support-buy {
  border-color: #b88923;
  background: linear-gradient(135deg, #c89a32, #9b6a16);
  color: #fff7dc;
  box-shadow: 0 7px 20px #9b6a162e;
}

[data-theme="dark"] #support-buy:hover {
  background: linear-gradient(135deg, #d9ad45, #ae791d);
  color: #fffbea;
}

[data-theme="dark"] .boosty-support {
  border-color: #7865c2;
  background: linear-gradient(135deg, #6653b5, #473681);
  color: #f7f4ff;
}

[data-theme="dark"] .boosty-support:hover {
  background: linear-gradient(135deg, #7863ca, #554194);
  color: #fff;
}

[data-theme="dark"] .donation-wallet-credit {
  border-color: #3e755d;
  background: linear-gradient(135deg, #1d332a, #203c30);
}

[data-theme="dark"] .wargm-login {
  border-color: #4d83ba;
  background: #173653;
  color: #a9d2ff;
  box-shadow: none;
}

@media (max-width: 560px) {
  .wargm-bonus-panel > div {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
  }

  .wargm-bonus-panel {
    grid-template-columns: 1fr;
  }

  .wargm-login {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    text-align: center;
  }
}