/* The privacy and terms pages (tvg-9oafw.1). Same look as the shared-game page (src/share/page.ts) and the invite sheets:
   iOS dark charcoal, the system font, links in the lifted system blue. */
:root {
  color-scheme: dark;
  --ink: #fff;
  --label-2: rgba(235, 235, 245, 0.62);
  --label-3: rgba(235, 235, 245, 0.5);
  --separator: rgba(84, 84, 88, 0.6);
  --tint: #6CB4FF;
  --ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --display-ui: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; background: #101010; }
body {
  margin: 0; min-height: 100svh; color: var(--ink); font: 400 17px/1.5 var(--ui);
  -webkit-font-smoothing: antialiased;
  background: linear-gradient(177.4deg, #1C1C1E -21.7%, #101010 119%);
}
.page {
  max-width: 640px; margin: 0 auto;
  padding: max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));
}
.home { display: inline-block; color: var(--label-2); font: 500 15px/1 var(--ui); text-decoration: none; padding: 8px 0; }
h1 { margin: 24px 0 4px; font: 700 34px/40px var(--display-ui); letter-spacing: 0.36px; text-wrap: balance; }
.meta { margin: 0 0 24px; color: var(--label-2); font-size: 15px; line-height: 20px; }
h2 { margin: 36px 0 8px; padding-top: 24px; border-top: 1px solid var(--separator); font: 600 22px/28px var(--display-ui); letter-spacing: 0.35px; text-wrap: balance; }
h3 { margin: 24px 0 4px; font: 600 17px/24px var(--ui); letter-spacing: -0.43px; }
p { margin: 0 0 12px; max-width: 62ch; }
a { color: var(--tint); text-underline-offset: 2px; }
a:focus-visible { outline: 2px solid var(--tint); outline-offset: 3px; border-radius: 4px; }
.legal {
  margin: 48px 0 0; padding-top: 16px; border-top: 1px solid var(--separator);
  color: var(--label-3); font-size: 13px; line-height: 18px; max-width: 62ch;
}
.legal a { color: inherit; }
@media (hover: hover) and (pointer: fine) { .home:hover { color: var(--ink); } }
@media (prefers-contrast: more) {
  :root { --label-2: rgba(235, 235, 245, 0.8); --label-3: rgba(235, 235, 245, 0.75); }
}