/* docs/features/game-engine/tower-of-legends/ */

.town-field.game-stage .tower-root {
  box-sizing: border-box;
  padding: calc(var(--gs-u-h) * 0.5) calc(var(--gs-u-w) * 0.85) calc(var(--gs-u-h) * 0.55);
}

.town-field--stub:has(.game-wallet-hud) .tower-root .game-mode-bar__inner {
  padding-right: clamp(calc(var(--gs-u-w) * 10), calc(var(--gs-u-w) * 20), calc(var(--gs-u-w) * 14));
}

.town-field.game-stage .tower-root > .game-mode-bar {
  margin-bottom: 0;
}

/* Fight stage: 15% | 70% | 15% — symmetric gutters; reward tease in trailing column. */
.tower-stage__specials {
  grid-column: 3;
  align-self: center;
  justify-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
  overflow: visible;
  padding: calc(var(--gs-u-h) * 0.75);
}

.tower-stage__specials-title {
  width: 100%;
  margin: 0 0 calc(var(--gs-u-h) * 0.4);
  font-size: calc(var(--gs-text-xs) * 0.88);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: center;
  color: #d4c4a0;
  text-shadow: 0 1px 2px rgb(0 0 0 / 0.45);
}

.tower-stage__specials ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--gs-u-h) * 0.4);
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

.tower-stage__special {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  gap: calc(var(--gs-u-h) * 0.15);
}

.tower-stage__special > .game-card-sizing {
  --game-card-width: min(100%, calc(var(--gs-u-w) * 11));
  width: min(100%, calc(var(--gs-u-w) * 11));
  max-width: 100%;
  margin-inline: auto;
}

.tower-stage__special > .armory-equip__tile-wrap {
  margin-inline: auto;
}

.tower-stage__special-art {
  width: min(100%, calc(var(--gs-u-w) * 11));
  max-width: 100%;
  margin-inline: auto;
  aspect-ratio: 250 / 169;
  object-fit: cover;
}

.tower-stage__special-qty {
  font-size: calc(var(--gs-text-xs) * 0.9);
  color: #fff2d8;
  border: 1px solid rgb(255 218 156 / 0.45);
  border-radius: 999px;
  padding: calc(var(--gs-u-h) * 0.08) calc(var(--gs-u-h) * 0.42);
  background: rgb(25 13 31 / 0.92);
  box-shadow: 0 2px 6px rgb(0 0 0 / 0.35);
}

.tower-stage__gutter:first-child {
  grid-column: 1;
}

.tower-stage__gutter:last-child {
  grid-column: 3;
}