/* Home v2, site layer. Everything visual comes from design-system/tokens.css and
   design-system/components/bundle.css; this file holds only what belongs to this site. */

/* The display face, self-hosted: weight 800, optical sizes 12-96, Latin. */
@font-face {
  font-family: "Bricolage Grotesque";
  src: url(bricolage-grotesque-800-latin.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* The top bar floats over the billboard; with no featured game, the page clears it instead. */
.v2-home:has(> .hv-billboard[hidden]) { padding-top: 72px; }
/* The footer runs edge to edge with its content on the page gutter. */
.v2-foot { margin-top: 40px; }
.v2-foot .site-footer { margin: 0; padding: 24px var(--hv-gutter) calc(24px + env(safe-area-inset-bottom)); }
.footer-legal { justify-self: end; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px 16px; font-size: .85rem; }
.footer-legal a { color: var(--muted); text-decoration: none; }
.footer-legal a:hover, .footer-legal a:focus-visible { color: var(--ink); text-decoration: underline; }
.footer-legal a[hidden] { display: none; }
/* Ron's floating Tide Wheel and Leaderboard buttons (fo-extras.js markup, built by portal-v2.js):
   only on a desktop with a mouse, where the page has room beside the column. index.html hides
   them while a game is open. */
.fox-fab.hv-fab { display: none; }
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) { .fox-fab.hv-fab { display: flex; } }