/* Infinite Worlds - the document pages (privacy, support, 404)
   The home page keeps its own inline styles; this sheet dresses the pages that
   Apple's reviewer and players read. Same cosmic palette and Cinzel display as
   index.html, set for long-form reading rather than for a hero. */

:root{
  --bg:#070a14;
  --panel:rgba(255,255,255,.028);
  --line:rgba(212,169,78,.22);
  --gold:#d4a94e;
  --gold-bright:#eac97e;
  --ink:#d9dcea;
  --ink-dim:#9aa0b8;
  --serif:"Cinzel",serif;
  --sans:"Source Sans 3",system-ui,sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box}
body{
  background:var(--bg);color:var(--ink);font-family:var(--sans);
  font-size:1.06rem;line-height:1.7;overflow-x:hidden;
}
.sky{position:fixed;inset:0;z-index:-1;background:
  radial-gradient(1100px 700px at 78% -10%, rgba(56,48,110,.35), transparent 60%),
  radial-gradient(900px 600px at 12% 22%, rgba(20,42,86,.38), transparent 60%),
  var(--bg);}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
a{color:var(--gold)}
a:hover{color:var(--gold-bright)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}

/* bar ------------------------------------------------------------------- */
.bar{border-bottom:1px solid rgba(212,169,78,.14);padding:1.1rem 0}
.bar .wrap{display:flex;align-items:center;gap:1.2rem}
.home{font-family:var(--serif);font-weight:600;color:#f0e9d8;text-decoration:none;letter-spacing:.02em}
.home .glyph{color:var(--gold)}
.home .mark{width:26px;height:26px;border-radius:7px;vertical-align:-6px;margin-right:.1rem}
.bar nav{margin-left:auto;display:flex;gap:1.2rem;font-size:.95rem}
.bar nav a{text-decoration:none}
.bar nav a:hover{text-decoration:underline}

/* the document ----------------------------------------------------------- */
.doc{padding:3.2rem 24px 1rem}
.doc h1{font-family:var(--serif);font-weight:700;color:#f0e9d8;
  font-size:clamp(1.9rem,4.6vw,2.6rem);line-height:1.2;letter-spacing:.02em}
.doc .dated{color:var(--gold);font-size:.92rem;letter-spacing:.04em;margin:.6rem 0 2.4rem}
.doc h2{font-family:var(--serif);font-weight:600;color:#f0e9d8;
  font-size:clamp(1.2rem,2.6vw,1.5rem);letter-spacing:.02em;
  margin:2.6rem 0 .8rem;padding-top:1.4rem;border-top:1px solid rgba(212,169,78,.14)}
.doc h3{font-family:var(--serif);font-weight:600;color:var(--gold-bright);
  font-size:1.05rem;letter-spacing:.02em;margin:1.8rem 0 .4rem}
.doc p{margin:0 0 1.1rem}
.doc ul,.doc ol{margin:0 0 1.2rem;padding-left:1.4rem;color:var(--ink-dim)}
.doc li{margin-bottom:.55rem}
.doc strong{color:#f0e9d8}

/* 404 --------------------------------------------------------------------- */
.lost{text-align:center;padding:7rem 24px 6rem}
.lost .glyph{font-size:1.8rem;color:var(--gold);text-shadow:0 0 24px rgba(212,169,78,.55)}
.lost .mark{width:112px;height:112px;display:block;margin:0 auto 1.4rem;border-radius:24px;
  filter:drop-shadow(0 0 40px rgba(212,169,78,.34))}
.lost h1{font-family:var(--serif);font-weight:700;color:#f0e9d8;
  font-size:clamp(1.9rem,5vw,2.8rem);margin:1.2rem 0 .8rem;letter-spacing:.02em}
.lost p{color:var(--ink-dim);max-width:30em;margin:0 auto}

/* footer ------------------------------------------------------------------ */
footer{border-top:1px solid rgba(212,169,78,.14);margin-top:3rem;padding:2.4rem 0;
  text-align:center;color:var(--ink-dim);font-size:.9rem}
footer a{text-decoration:none}
footer a:hover{text-decoration:underline}