/* Stand-in for the lost shared heroes.css (never archived): the page, logo, hero menu and stage.
   Each hero's own stylesheet (batman.css etc.) is the original. */
html, body { margin: 0; text-align: center; background: #111; color: #ccc; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; }
.nav { padding: 28px 0 8px; text-align: center; }
.nav .logo svg { width: 56px; height: auto; }
.heromenu { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; max-width: 680px; margin: 12px auto 8px; padding: 0 16px; }
.heromenu a { padding: 8px 16px; border-radius: 999px; border: 1px solid rgba(239,235,228,.22); color: #efebe4; text-decoration: none; font-size: 13px; letter-spacing: .04em; transition: background .3s, color .3s; }
.heromenu a:hover, .heromenu a.here { background: #efebe4; color: #111; }
.herobox { padding: 20px 16px 120px; }
.herobox + *, .herobox ~ p, .herobox ~ div { max-width: 640px; margin-left: auto; margin-right: auto; text-align: center; font-size: 13px; color: #8d8a83; }
.herobox ~ * a { color: #94b8da; }

/* the rights line links in the site's chosen accent (the pages read the same saved choice as vuild.com) */
.marvel a { color: var(--ember, #c6ff3d); }
.marvel a:hover { color: #efebe4; }