/* V64.26 — Home proportions from the owner reference.
   Home only: no change to turn/result layouts, skin assets or game state. */
.reference-home {
  --home-logo-height: 126px;
  --home-logo-lockup-height: 147px;
  --home-badge-art-size: 110px;
}

.reference-home .reference-logo-lockup {
  height: var(--home-logo-lockup-height);
}
.reference-home .reference-neon-logo {
  width: min(88%, 290px);
  height: var(--home-logo-height);
}

/* Explicitly beat the legacy 72/73% premium-skin rules. The motion canvas
   follows this native image's dimensions through its existing ResizeObserver.
   Retain the approved independent upward lift in character-placement.css. */
.reference-home .reference-scene.reference-scene-home .reference-character {
  width: 100%;
  height: 100%;
  bottom: 0;
  object-position: center bottom;
}

.reference-home .reference-level-badge {
  width: var(--home-badge-art-size);
  height: var(--home-badge-art-size);
}

/* One fixed value row across all three stats, independent of card width.
   The last line of Hottest / Survival shares the side captions' baseline. */
.reference-home .reference-stat-row .reference-stat-value {
  height: 24px;
  min-height: 24px;
}
.reference-home .reference-stat-danger > small {
  align-self: end;
  transform: none;
}

/* Secondary invitation copy should not compete with the Start action. */
#app .reference-home .reference-incoming strong {
  font-weight: 400;
  color: var(--spark-copy, #b5d5fb);
}

@media (max-height: 740px) {
  .reference-home {
    --home-logo-height: 96px;
    --home-logo-lockup-height: 117px;
    --home-badge-art-size: 104px;
  }
}

/* The desktop preview has 24px outer padding above and below its phone.
   Reserve it so the last Home card cannot slip behind the fixed navigation. */
@media (min-width: 700px) {
  .reference-home-main {
    height: calc(var(--tg-viewport-stable-height, var(--spark-viewport-height)) - 54px - var(--spark-nav-height) - 48px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  }
}