:root {
  color-scheme: dark;
  --ink: #f2f3f8;
  --muted: #bac1d1;
  --link: #c6a7ee;
  --line: rgba(178, 157, 211, .24);
  --deep: #080b17;
  --surface: #0e1525;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --serif: Georgia, "Times New Roman", serif;
}

* { box-sizing: border-box; }
html { background: var(--deep); }
body { margin: 0; color: var(--ink); background: radial-gradient(circle at 82% 0%, rgba(89, 47, 116, .18), transparent 36rem), var(--deep); font-family: var(--sans); }
.legal-page { width: min(1120px, calc(100% - 56px)); margin: 0 auto; padding: clamp(58px, 8vw, 110px) 0 clamp(90px, 10vw, 150px); }
.legal-copy { padding-top: clamp(24px, 4vw, 52px); border-top: 1px solid var(--line); }
.legal-copy h3 { margin: 3.2rem 0 1rem; color: var(--ink); font: 700 clamp(1.45rem, 2.4vw, 2.15rem)/1.2 var(--serif); letter-spacing: -.02em; }
.legal-copy h3:first-child { max-width: 920px; margin-top: 0; padding-bottom: clamp(28px, 4vw, 48px); border-bottom: 1px solid var(--line); font-size: clamp(2.35rem, 5.2vw, 4.8rem); line-height: 1.02; }
.legal-copy h4 { margin: 2.4rem 0 .8rem; color: #d9c7ef; font-size: clamp(1.1rem, 1.8vw, 1.35rem); line-height: 1.35; }
.legal-copy p, .legal-copy li { color: var(--muted); font-size: clamp(.98rem, 1.2vw, 1.08rem); line-height: 1.82; }
.legal-copy p { margin: 0 0 1.3rem; }
.legal-copy ul, .legal-copy ol { margin: 0 0 1.6rem; padding-left: 1.5rem; }
.legal-copy li + li { margin-top: .55rem; }
.legal-copy a { color: var(--link); font-weight: 650; text-underline-offset: .22em; }
.legal-copy strong { color: var(--ink); }
:focus-visible { outline: 3px solid var(--link); outline-offset: 4px; }

@media (max-width: 650px) {
  .legal-page { width: min(100% - 38px, 1120px); padding-top: 42px; }
  .legal-copy h3 { margin-top: 2.5rem; }
  .legal-copy p, .legal-copy li { line-height: 1.72; }
}

/* Breadcrumbs, same as the game pages (Jason, 30 Sep 2026: breadcrumbs on every page). */
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; color: #a6bacb; font-size: .82rem; }
.breadcrumbs a { color: #c5d3df; text-decoration: none; }
.breadcrumbs a:hover, .breadcrumbs a:focus-visible { text-decoration: underline; text-underline-offset: 4px; }

/* Space glass inside the site (approved 30 Sep 2026): the page opens up to the site's stars and every panel is the same dark glass. Only inside the site shell. */
html.shell-embedded {
  --sg-glass: linear-gradient(160deg, rgba(14, 20, 40, .78), rgba(6, 10, 22, .74));
  --sg-line: rgba(255, 236, 190, .12);
  --sg-radius: 22px;
  --sg-shadow: 0 24px 60px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .05);
}
html.shell-embedded,
html.shell-embedded body { background: transparent; }
html.shell-embedded .legal-copy { padding: clamp(24px, 4vw, 52px); background: var(--sg-glass); border: 1px solid var(--sg-line); border-radius: var(--sg-radius); box-shadow: var(--sg-shadow); }