Welcome to the World Cup

Nine nations will compete in five group stage matches this summer, plus two more in a knockout game on July 4. Here’s what you need to know about those countries and their fans — and what those fans need to know about Philly.

Photo illustration of World Cup players that will play in the World Cup
story continues after advertisement
story continues after advertisement

Staff Contributors

  • Design & Illustration: Julia Duarte
  • Development: Julia Duarte & Matt Mullin
  • Reporting: Kerith Gabriel, Jonathan Tannenwald, Owen Hewitt, Craig LaBan, Beatrice Forman, Hira Qureshi, and Kiki Aranita
  • Editing: Kerith Gabriel & Jenn Ladd
  • QA: Inquirer sports staff
  • Digital Editing: Kerith Gabriel & Maria McIlwain
  • Copy Editing: Maria McIlwain

Subscribe to The Philadelphia Inquirer

Our reporting is directly supported by reader subscriptions. If you want more journalism like this story, please subscribe today

Topics mentioned in this story

.inno { –color-background: #ecf8ff; –color-background-secondary: #47b160; –color-text-link: #47b160;–color-faint: #222;–color-accent: #1a1ac7 !important;}@media (min-width: 600px) { .inno-card .inno-p { font-size: 20px; line-height: 1.6; padding-left: 20px; padding-right: 20px; }}/* LINKY */.inno-p a { transition: box-shadow .25s ease; text-decoration: none;}/* HERO */.inno-hero–style-transparent .inno-hero__content { background: rgb(0 0 0 / 38%);padding: 0;}.inno-hero__headline { color: #ffffff; text-transform: uppercase; font-weight: 700;}.inno-hero__subheadline {color: #ffffff;font-weight: 500;}.inno-hero { position: relative;}.inno-hero__content { padding-block: 24px; text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; color: white; display: flex; margin: auto; flex-direction: column; justify-content: center;}.inno-hero .inno-hero__layout-default .inno-hero__style-transparent .inno-hero__has-media .inno-layout__align-full { background: black; position: relative;}/* APPENDIX */.inno-appendix__item { position: relative; font-size: 15px; line-height: 1.4; text-transform: uppercase; font-weight: bold; font-family: Grot12}.inno-appendix__heading-content {font-family: ‘Inquirer Headline’; font-size: 24px;color: white;}.inno-appendix__item a:before { background-color: var(–color-background-secondary);}.inno-appendix__item a:after { background-color: #222;}.inno-appendix__static-content.is-collapsed:after { content: “”; position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; width: 100%; height: 50px; background-image: linear-gradient(rgba(255, 255, 255, 0), var(–color-background));}.inno-hero__media { position: relative; z-index: 2; margin: 0;}/* BUTTON */.inno-button {border-radius: 0px;background-color: #000000;}.inno-button–primary:hover { background-color: #ffffff;color: #000000;}.inno-button–secondary { color: white;} /* Make the More block look nicer in a Card */ .inno-card .inno-more__header{ display: none; } .inno-card .inno-more__stories { flex-direction: column; } .inno-card .inno-more__story { border-top: solid 2px #000000; padding-top: 8px } .inno-card .inno-more .inno-image{ display: none; } .inno-card .inno-more__stories .inno-related { height: 100%; border: 0; padding: 6px 18px 0;}.inno-card .inno-more__stories .inno-more__story:first-of-type { border-top: 0;} .inno-card .inno-more__story:after { content: “”; position: absolute; z-index: 2; background: none;} .inno-card .inno-more__stories .inno-related{ background: none;}.inno-card__title { text-align: center; text-transform: uppercase;font-weight: 700;color: var(–color-accent); }@media (min-width: 768px) { .inno-card__title { font-size: 35px; } .inno-hero__headline { font-size: 100px; }}/* MOBILE */@media (max-width: 768px) { .inno-hero__subheadline { color: #ffffff; font-size: 16px; font-weight: 500; padding-left: 20px;}.inno-hero__headline { color: #ffffff; text-transform: uppercase; font-weight: 700; font-size: 32px; padding-top: 40px;} .inno-p { padding-left: 20px; padding-right: 20px; }}.inno-card__body-content > .inno-related { display: flex; flex-direction: column; background: none; border: none;padding: 0; }.inno-card { background: white; position: relative; border: 2px solid #000000; padding-top: 10px; padding-bottom: 24px; padding-left: 0px; padding-right: 0px; filter: drop-shadow(5px 5px 0px #000000);}.inno-card .inno-p { margin-top: 12px;}}.inno-related { position: relative; display: block; z-index: 2; padding: 0px; max-width: min(650px, 100vw – 32px); text-decoration: none; color: var(–color-text-primary); transition: transform .3s ease-in-out, box-shadow .3s ease-in-out; font-family: “Grot 10″, sans-serif; box-sizing: border-box;}.inno-card__body { margin-top: 0;}.inno-card__body-content > .inno-related {display: flex;flex-direction: column;padding-top: 0;}.inno-card__body-content > .inno-related .inno-image { margin-top: 0; margin-bottom: 0; order: 2;}.inno-card__body-content > .inno-related .inno-related__headline { text-transform: uppercase; font-weight: 700; text-align: center; font-size: 35px; color: var(–color-accent);}.inno-card__body-content > .inno-related .inno-related__description { display: none;}.inno-card__body-content > .inno-related .inno-image { margin-top: 0; margin-bottom: 0; order: 2; padding-top: 20px; padding-left: 0px; padding-right: 0px;}.inno-card__body-content .inno-layout__stack { padding: 30px;}.inno-card__title:not([id=”more”], [id=”schedule”]) { text-align: center; text-transform: uppercase; font-weight: 700; height: 0; opacity: 0; margin: 0;}.inno-card__title, .inno-card__body-content > .inno-related .inno-related__headline {margin-top: 12px;margin-bottom: 6px;}.inno-combo>.inno-layout__isolate { margin-block-start: initial; padding-left: 0; padding-right: 0;}.inno-related__headline { font-family: “Inquirer Headline”, “Times New Roman”, serif; line-height: 1.2; transition: color .3s ease-in-out; text-wrap: pretty;color: var(–color-accent);}.inno-layout-__align-default { max-width: min(650px, 100vw – 32px); margin-inline: auto; padding: 30px;}.inno-graphic, .inno-link {padding: 6px 18px;}.inno-callout__content {–color-text-primary: white;}.inno-graphic {margin-top: 8px;}