.map-card,
.weapon-card {
  padding: 12px;
  border-radius: 10px;
  text-align: left;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.map-card h4,
.weapon-card h4 {
  margin-bottom: 6px;
}

.map-card p,
.weapon-card p {
  color: var(--muted);
  font-size: 0.88rem;
}

.weapon-card.locked {
  border-color: rgba(255, 123, 99, 0.45);
}

.weapon-card.unlocked {
  border-color: rgba(22, 196, 127, 0.45);
}

.weapon-card.selected {
  outline: 2px solid #6ad8ff;
}

#lanManualHostInput {
  min-width: min(560px, 70vw);
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(8, 24, 38, 0.75);
  color: #e8f5ff;
}

.lan-room {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(122, 205, 255, 0.32);
}

.balance-summary {
  margin: 0 auto;
  width: min(620px, 92vw);
  padding: 12px 14px;
  border-radius: 10px;
  text-align: left;
  background: rgba(8, 23, 36, 0.72);
  border: 1px solid rgba(128, 203, 255, 0.32);
  display: grid;
  gap: 6px;
  font-size: 0.88rem;
}

.balance-summary h4 {
  margin: 0 0 4px;
}

.balance-summary .balance-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.ranking-preview {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(5, 18, 30, 0.48);
  border: 1px solid rgba(255, 211, 110, 0.34);
  color: #dcefff;
  font-size: 0.84rem;
}

.ranking-preview strong {
  color: #ffe2a0;
}

.ranking-preview span {
  overflow-wrap: anywhere;
}