/* Шрифты лендинга для игры и профиля, включая вход и персональный итог. */
:root {
  --game-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --game-font-heading: 'Arial Black', Arial, sans-serif;
}

body {
  font: 16px/1.55 var(--game-font-body);
}

.game-header .logo {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 28px;
  letter-spacing: -1.7px;
  line-height: 1.55;
}

.logo .logo-dot {
  width: 6px;
  height: 6px;
  background: #ff1828;
  align-self: flex-end;
  margin-bottom: 10px;
}

.intro {
  max-width: 590px;
}

.emotion-currency {
  color: var(--gold);
  font-weight: 700;
  white-space: nowrap;
}

.length-option small .emotion-currency {
  display: block;
  margin-top: 4px;
}

.length-option input:checked + span .emotion-currency,
.player-button .emotion-currency,
.report-action .emotion-currency,
.story-report .emotion-currency {
  color: #8b5c10;
}

.logo,
.intro h1,
.auth-gate h1,
.profile-heading h1,
#profile-login h1,
.player-card h2,
.ending h2,
.reflection-card h3,
.story-report h3 {
  font-family: var(--game-font-heading);
  font-weight: 900;
  letter-spacing: -.05em;
  line-height: 1.08;
}

.intro h1,
.ending h2 {
  font-size: clamp(34px, 5vw, 54px);
  text-wrap: balance;
}

.intro > p:not(.eyebrow) {
  font-size: 18px;
  line-height: 1.6;
}

.eyebrow,
.intro > .eyebrow {
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .11em;
}

.theme-group h2 {
  font-family: var(--game-font-body);
  font-weight: 750;
}

#scene-text,
.reflection-summary,
.story-report .report-question,
.story-report select,
.story-report svg text {
  font-family: var(--game-font-body);
}

.emotion-self-report h3 {
  font-family: var(--game-font-body);
  font-weight: 700;
}

@media (max-width: 760px) {
  .game-header .logo {
    font-size: 25px;
  }
}

@media (max-width: 600px) {
  .intro > p:not(.eyebrow) {
    font-size: 16px;
  }
}