.map-title-row { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; width: min(100%,1120px); }
.map-title-row .map-title { grid-column: 2; grid-row: 1; width: auto; max-width: 100%; }
.map-title { width: min(100%,1120px); margin: 0 0 6px; font-family: "Press Start 2P", monospace; font-size: clamp(14px,3.5vw,42px); font-weight: 400; line-height: 1.5; text-align: center; }
.index-page .map-title { color: inherit; font-family: inherit; }
.map-title span { background: linear-gradient(90deg,#00ff29 0%,#b8ed00 38%,#ff9b00 68%,#ff2418 100%); background-clip: text; color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.map-description { width: min(100%,780px); margin: 0 0 18px; color: var(--muted); font-size: 15px; line-height: 1.6; text-align: center; }
.section-title { width: min(100%,1120px); margin: 0; font-size: clamp(24px,3.2vw,32px); text-align: center; }
.maps-title { margin-top: 22px; }
.beta-title { margin-top: 8px; }
.map-link-button { display: inline-flex; align-items: center; justify-content: center; margin: 18px auto 0; padding: 13px 24px; border: 1px solid rgba(255,255,255,.34); border-radius: 999px; background: linear-gradient(145deg,#758092,#697486); box-shadow: 0 8px 20px rgba(30,38,52,.2), inset 0 1px 0 rgba(255,255,255,.18); color: var(--ink); text-align: center; transition: .2s ease; }
.map-link-button:hover, .map-link-button:focus-visible { border-color: rgba(255,255,255,.58); background: linear-gradient(145deg,#808b9d,#737f91); transform: translateY(-2px); }
