@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Roboto+Condensed:wght@400;500;600;700;800&display=swap');

/*
 * RetroDad Gaming — Typography Preview 1.1
 *
 * The original pixel type remains available for short arcade accents. Long
 * headings, navigation, buttons, descriptions, and controls use a condensed
 * display face that keeps the retro proportions while improving readability.
 * Remove this stylesheet link to return to the previous typography.
 */
:root {
  --pixel: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;
  --pixel-font: 'Press Start 2P', monospace;
  --pixel-accent: 'Press Start 2P', monospace;
  --body: 'Roboto Condensed', Arial, sans-serif;
}

body {
  font-family: var(--body);
  font-size: 18px;
  line-height: 1.55;
  letter-spacing: .005em;
}

button,
input,
textarea,
select {
  font-family: var(--body);
}

h1,
h2,
h3,
h4,
h5,
h6,
.main-nav a,
.btn,
.panel-button {
  font-weight: 700;
  letter-spacing: .015em;
}

/*
 * Use the Live Hub navigation treatment everywhere. The extra specificity is
 * intentional: several legacy pages contain their own compact header rules.
 */
html body .site-header .main-nav a {
  font-family: var(--pixel) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .015em !important;
}

.btn {
  font-size: 14px;
  line-height: 1.2;
}

.btn.small {
  font-size: 12px;
}

.section-title {
  line-height: 1.18;
}

.lead,
.hero p {
  font-size: clamp(19px, 2vw, 23px);
  line-height: 1.5;
}

.card h3 {
  font-size: 18px;
  line-height: 1.25;
}

/* Homepage card titles: clearer, larger, and safely contained to two lines. */
.dashboard-card h2 {
  min-width: 0;
  font-size: clamp(17px, 1.45vw, 22px) !important;
  font-weight: 800;
  line-height: 1.12 !important;
  letter-spacing: .01em;
  white-space: normal;
  overflow-wrap: anywhere;
}

.home-page [data-home-card='featured-video'] h2,
.home-page [data-home-card='featured-video-2'] h2 {
  min-height: 2.3em;
}

.home-page [data-home-card='featured-video'] h2 > span:last-child,
.home-page [data-home-card='featured-video-2'] h2 > span:last-child {
  max-height: 2.3em;
  -webkit-line-clamp: 2;
}

/* Keep short labels and status readouts unmistakably arcade-styled. */
.section-kicker,
.eyebrow,
.about-eyebrow,
.lh2-eyebrow,
.quest-kicker,
.home-live-heading-status,
.home-live-status-badge,
.lh2-status-badge,
.quest-live-chip,
.quest-status-chip,
.quest-card-status,
.broadcast-kicker,
.platform-label,
.show-format-heading > span {
  font-family: var(--pixel-accent);
  font-size: 9px;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: .08em;
}

/* Page-specific readable title and control sizes. */
.quest-card h3,
.home-quest-card strong,
.value-card h3 {
  font-size: 17px;
  line-height: 1.25;
}

.quest-action,
.quest-filter button,
.quest-link,
.home-quest-heading a {
  font-size: 12px;
  line-height: 1.25;
}

.lh2-hero-lead {
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.45;
}

.lh2-platform,
.lh2-console-action,
.lh2-replay-actions a,
.lh2-viewer-links a {
  font-size: 11px;
  line-height: 1.3;
}

.lh2-replay-card-copy > span,
.platform-card p,
.broadcast-copy p,
.collection-highlights p {
  font-size: 18px;
  line-height: 1.5;
}

.about-btn {
  font-size: 14px;
}

@media (max-width: 900px) {
  html body .site-header .main-nav a {
    font-size: 13px !important;
  }
}

@media (max-width: 680px) {
  body {
    font-size: 17px;
  }

  .dashboard-card h2 {
    font-size: 19px !important;
  }
}