.arena-hero {
  padding: 86px 0 72px;
  background:
    radial-gradient(circle at 14% 12%, rgba(245,173,66,.14), transparent 34%),
    radial-gradient(circle at 88% 40%, rgba(85,212,157,.07), transparent 30%);
}

.arena-hero-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 52px;
  align-items: center;
}

.arena-copy {
  max-width: 720px;
  color: var(--muted);
  font-size: 1.06rem;
}

.coming-soon-badge {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin-bottom: 16px;
  padding: 5px 11px;
  border: 1px solid rgba(243,201,105,.45);
  border-radius: 999px;
  background: rgba(243,201,105,.07);
  color: var(--warning);
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.arena-points {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}

.arena-points span {
  padding: 7px 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: #dce4f1;
  font-size: .76rem;
  font-weight: 750;
}

.arena-storage-note {
  margin-top: 18px;
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #0a1322;
}

.arena-storage-note p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: .82rem;
}

.arena-form {
  position: relative;
}

#arenaSubmissionStatus {
  margin: 0;
  color: var(--muted);
  font-size: .85rem;
}

#arenaSubmissionStatus.success { color: var(--good); }
#arenaSubmissionStatus.error { color: var(--danger); }
#arenaSubmissionStatus.warning { color: var(--warning); }

.site-nav a[aria-current="page"] {
  color: var(--accent);
}

@media (max-width: 900px) {
  .arena-hero-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .arena-hero {
    padding: 60px 0 52px;
  }
}