@font-face {
  font-family: "Rotorlash Condensed";
  src: url("assets/fonts-20260928/RotorlashCondensed-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Rotorlash Condensed";
  src: url("assets/fonts-20260928/RotorlashCondensed-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Rotorlash Condensed";
  src: url("assets/fonts-20260928/RotorlashCondensed-Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

body,
button,
input,
select,
textarea,
.stage-count,
.count,
.play-steps li::before,
.play-template {
  font-family: "Rotorlash Condensed", sans-serif;
  letter-spacing: 0.05em;
}

/* The game's condensed letterforms need a larger size than the old UI fonts. */
body { font-size: 20px; }
.description { font-size: 24px; line-height: 1.4; }
.platforms { font-size: 20px; line-height: 1.5; }
.platforms strong { font-weight: 700; }
.community-links .community-button,
.community-button { font-size: 20px; }
footer,
.external,
.privacy-link,
.stage-count,
.count { font-size: 18px; }

.play-eyebrow { font-size: 16px; }
.play-dialog h2 { font-size: 40px; }
.play-steps h3 { font-size: 24px; }
.play-dialog p,
.play-steps p { font-size: 20px; line-height: 1.5; }
.play-steps li::before,
.play-template { font-size: 18px; }
.play-note { font-size: 18px !important; }
.play-close { font-size: 36px; }

.consent-banner h2,
.privacy-dialog h2 { font-size: 28px; }
.consent-banner p,
.privacy-dialog p,
.privacy-dialog li,
.privacy-actions button,
.privacy-option small,
.privacy-dialog summary { font-size: 20px; }
.privacy-option label,
.privacy-dialog h3 { font-size: 24px; }
.privacy-heading button { font-size: 32px; }

@media (max-width: 700px) {
  .description { font-size: 22px; }
  .community-links .community-button { font-size: 18px; }
  .play-dialog h2 { font-size: 36px; }
}
