/* Reward route shared styles */
.reward-route{overflow:hidden}
.reward-route-head{align-items:flex-start;gap:18px}
.reward-row{margin-top:18px}
.reward-wallet{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0 20px}
.reward-wallet>div{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 12px;border:1px solid rgba(255,255,255,.62);border-radius:18px;background:rgba(255,255,255,.66);box-shadow:0 12px 28px rgba(55,35,82,.08)}
.reward-wallet img{width:28px;height:28px;object-fit:contain;flex:0 0 auto}
.reward-wallet span{font-size:12px;font-weight:850;color:var(--muted);white-space:nowrap}
.reward-wallet strong{margin-left:auto;font-size:18px;color:var(--text)}
.reward-exp-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ffe3a7,#ffb8cf);color:#8a4a16;font-size:10px;font-weight:950}
@media (max-width:900px){.reward-wallet{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.reward-wallet{grid-template-columns:1fr}}
.reward-wallet-item{position:relative;overflow:visible}
@media (max-width:560px){.reward-wallet{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:12px 0}.reward-wallet>div{display:grid;grid-template-columns:1fr;justify-items:center;gap:3px;padding:7px 3px;border-radius:14px}.reward-wallet img,.reward-exp-icon{width:23px;height:23px}.reward-wallet span{font-size:10px}.reward-wallet strong{margin-left:0;font-size:14px}}
.reward-wallet-panel{display:inline-flex;align-items:center;gap:12px;margin:16px 0 20px;padding:10px 12px;border:1px solid rgba(255,255,255,.66);border-radius:999px;background:rgba(255,255,255,.52);box-shadow:0 12px 30px rgba(55,35,82,.08)}
.reward-wallet-heading{flex:0 0 auto;color:var(--text);font-size:13px;font-weight:950;white-space:nowrap}
.reward-wallet-status{display:inline-grid;grid-template-columns:repeat(5,max-content);gap:8px;margin:0}
.reward-wallet-status>.reward-wallet-item{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:76px;padding:8px 10px;border-radius:999px}
.reward-wallet-status>.reward-wallet-item strong{margin-left:0;min-width:4ch;text-align:center;font-variant-numeric:tabular-nums}
.reward-wallet-status>.reward-wallet-item img,.reward-wallet-status .reward-exp-icon{width:26px;height:26px}
@media (max-width:900px){.reward-wallet-panel{display:flex;width:max-content;max-width:100%;margin:12px auto 14px;padding:8px 10px;gap:8px}.reward-wallet-heading{font-size:12px}.reward-wallet-status{grid-template-columns:repeat(5,max-content);gap:5px}.reward-wallet-status>.reward-wallet-item{min-width:54px;padding:6px 6px}.reward-wallet-status>.reward-wallet-item img,.reward-wallet-status .reward-exp-icon{width:22px;height:22px}.reward-wallet-status>.reward-wallet-item strong{min-width:3ch;font-size:13px}}
@media (max-width:560px){.reward-wallet-panel{border-radius:22px;padding:7px 8px;gap:6px}.reward-wallet-heading{font-size:11px}.reward-wallet-status{gap:4px}.reward-wallet-status>.reward-wallet-item{min-width:42px;padding:5px 4px;border-radius:999px}.reward-wallet-status>.reward-wallet-item img,.reward-wallet-status .reward-exp-icon{width:19px;height:19px}.reward-wallet-status>.reward-wallet-item strong{font-size:12px}}
@media (max-width:390px){.reward-wallet-panel{width:100%;justify-content:center}.reward-wallet-status>.reward-wallet-item{min-width:38px}.reward-wallet-status>.reward-wallet-item strong{font-size:11px}}
.reward-wallet-panel{margin-left:auto;margin-right:auto;justify-content:center}
@media (max-width:900px){.reward-wallet-panel{justify-content:center}}
@media (max-width:560px){.reward-wallet-panel{margin-left:auto;margin-right:auto}}
@media (max-width:390px){.reward-wallet-panel{width:max-content;max-width:100%}}

/* unify Reward layout with Community */
.reward-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 8px;
  margin-bottom: 34px;
}

.reward-grid a {
  min-height: 122px;
  display: block;
}

.reward-grid strong {
  font-size: 18px;
}

.reward-grid span {
  line-height: 1.55;
}

@media (max-width: 760px) {
  .reward-grid {
    grid-template-columns: 1fr;
  }
}


/* reward cards width match community/connectors cards + tighten sidebar spacing */

.reward-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 8px;
  margin-bottom: 34px;
  align-items: stretch;
}

.reward-grid a {
  min-height: 122px;
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.reward-grid a:nth-child(1) {
  grid-column: 1 / 2;
}
.reward-grid a:nth-child(2) {
  grid-column: 2 / 3;
}

/* On smaller layouts, keep the same visual rhythm as community cards */
@media (max-width: 760px) {
  .reward-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .reward-grid {
    grid-template-columns: 1fr;
  }
  .reward-grid a:nth-child(1),
  .reward-grid a:nth-child(2) {
    grid-column: auto;
  }
}