.stake-soon-banner {
  max-width: 760px;
  margin: 0 auto 30px;
  padding: 14px 22px;
  border: 3px solid #000;
  background: var(--pf-mint);
  box-shadow: 3px 4px 0 #000;
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  transform: rotate(-.4deg);
}

.mint-wallet:disabled {
  opacity: .4;
  cursor: not-allowed;
  transform: none !important;
}

.stake-layout {
  display: grid;
  grid-template-columns: minmax(0, .55fr) minmax(0, 1.45fr);
  gap: clamp(28px, 5vw, 60px);
  align-items: start;
  text-align: left;
  margin-top: 10px;
}

.stake-panel-wrap { position: relative; }

.stake-panel { transform: rotate(-.6deg); }

.stake-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(20px, 3vw, 32px);
}

.stake-col__title {
  font: inherit;
  text-transform: uppercase;
  font-size: clamp(19px, 2.1vw, 25px);
  margin: 0 0 14px;
  color: var(--pf-ink);
}

.stake-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 60px;
  padding: 14px;
  border: 3px solid #000;
  background: var(--pf-paper);
  box-shadow: 3px 4px 0 #000;
  margin-bottom: 16px;
}

.stake-empty {
  text-transform: uppercase;
  font-size: 14px;
  opacity: .6;
}

.stake-cell {
  border: 2px solid #000;
  background: var(--pf-cyan);
  box-shadow: 1px 2px 0 #000;
  padding: 8px 12px;
  font: inherit;
  font-size: 15px;
  cursor: pointer;
  transition: transform .1s ease, background .1s ease;
}

.stake-cell:hover { transform: translateY(-2px); }

.stake-cell--selected {
  background: var(--pf-pink);
  transform: translateY(-2px) rotate(-1deg);
}

.stake-action { min-height: 54px; font-size: clamp(18px, 2vw, 24px); }

@media (max-width: 980px) {
  .stake-layout { grid-template-columns: 1fr; max-width: 640px; margin: 30px auto 0; }
  .stake-columns { grid-template-columns: 1fr; }
}