/* The legal pages. Plain, readable, and in the game's colours so they do not
   feel like they belong to somebody else's website. Deliberately not the game
   stylesheet: these pages must render even if the game's CSS changes. */
:root{
  --bg:#070a14; --panel:rgba(255,255,255,.045); --line:rgba(255,255,255,.14);
  --text:#e9edff; --dim:#98a1cb; --accent:#8f7bff; --cy:#39e6ff;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:
    radial-gradient(1100px 560px at 80% -10%,#22174f 0%,transparent 60%),
    radial-gradient(900px 500px at -10% 110%,#0a3346 0%,transparent 55%),
    var(--bg);
  color:var(--text);
  font-family:'Segoe UI',system-ui,-apple-system,sans-serif;
  line-height:1.65;
  padding:34px 18px 70px;
}
.wrap{max-width:760px;margin:0 auto}
.back{display:inline-block;font-size:12px;letter-spacing:1.5px;color:var(--dim);
  text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:6px 14px;margin-bottom:24px}
.back:hover{color:var(--text);border-color:var(--accent)}
h1{font-size:24px;letter-spacing:1px;margin-bottom:6px;
  background:linear-gradient(90deg,#ff5edb,#8f7bff,#39e6ff);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.updated{font-size:12px;color:var(--dim);margin-bottom:26px}
h2{font-size:15px;letter-spacing:.5px;margin:26px 0 8px;color:#cfd6ff}
/* A third level, for a page whose sections have steps inside them. Smaller than
   h2 and in the dim colour rather than the bright one, so the hierarchy is read
   from weight and colour rather than from size alone -- there is not much room
   between 15px and body text to say it with size. */
h3{font-size:13px;letter-spacing:.6px;margin:18px 0 5px;color:var(--dim);text-transform:uppercase}
p,li{font-size:14px;color:#c3cbe8}
code{font-family:ui-monospace,'Cascadia Mono',Consolas,monospace;font-size:13px;
  background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--text)}
ul{margin:8px 0 8px 20px}
li{margin-bottom:6px}
a{color:var(--cy)}
strong{color:var(--text)}
.box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:18px 0}
.box p{margin-bottom:0}
.foot{margin-top:40px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--dim)}
.foot a{margin-right:14px}