/* Farthest Frontier lane styles. Shared tokens come from site.css; this file only touches FF pages. */

/* Hub hero: the official logo is dark navy and unreadable on the painted hero, and on phones it
   crowded the kicker. Show it light with a shadow, smaller on narrow screens. */
.game-hero .game-logo { filter: brightness(0) invert(1) drop-shadow(0 2px 6px rgba(0, 0, 0, 0.75)); max-height: 96px; }
@media (max-width: 600px) {
  .game-hero { min-height: 170px; background-position: 30% center; }
  .game-hero .game-logo { max-width: 62vw; max-height: 64px; margin-bottom: 4px; }
}

/* Tool pages: the Steam header art has the logo baked in, which sits half-cut in the 64px strip.
   Use the logo-free library hero instead. */
.tool-strip { background-image: url("/games/farthest-frontier/hero.webp"); background-position: center 45%; }

/* Calculator tables: keep icon + name on one line. */
.calc td img.ico { vertical-align: -5px; margin-right: 6px; }
.calc td { white-space: normal; }