.mcp-world {
  color-scheme: inherit;
  --world-accent: #e18ba1;
}

.mcp-world .site-header { flex-wrap: wrap; }
.mcp-world .site-header .brand__divider { background: var(--world-accent); }
.mcp-world .site-header .brand__name,
.mcp-world main h1 { font-family: var(--world-display); }

.mcp-world main h1 {
  border-inline-start: 3px solid #8b1e2d;
  padding-inline-start: .65rem;
}

.mcp-world main :is(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
  outline-color: #8b1e2d;
}

.mcp-world :is(.command-arrival, .hero) {
  background: linear-gradient(90deg, #141826 15%, #141826cc 56%, #1418264d),
    url("command-orbit.22a11b99faef.svg") right center / cover no-repeat, #141826;
  color: #f8edf0;
  border: 1px solid #5d4957;
}

.mcp-world .command-arrival {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 26rem);
  gap: clamp(1.5rem, 5vw, 5rem);
  align-items: center;
  padding: clamp(1.25rem, 6vw, 5.5rem);
  border-radius: 12px;
}

.mcp-world .command-arrival .login-card {
  width: 100%;
  margin: 0;
  background: #f8f3f0;
  color: #182233;
  border-radius: 8px;
}

.mcp-world .command-display {
  margin: .55rem 0 1rem;
  font: 700 clamp(2.45rem, 6vw, 5rem)/1.05 var(--world-display);
  letter-spacing: -.045em;
}

.mcp-world :is(.command-intro, .hero) .eyebrow { color: #f3a6b8; }
.mcp-world .hero h1 { border: 0; padding: 0; }
.mcp-world .hero-count strong { color: #f3a6b8; }

@media (max-width: 720px) {
  .mcp-world .command-arrival { grid-template-columns: 1fr; }
}