/*
 * atlasburst.com — the app's palette, reused so the site and the game read as
 * one product. Deliberately one small stylesheet with no build step, no
 * framework and no external font: the site exists to serve legal pages and a
 * download link, and a dependency here would be a liability rather than an asset.
 */
:root{
  --bg:#0A1826; --panel:rgba(16,34,52,.88); --line:rgba(255,255,255,.10);
  --ink:#EAF2F8; --muted:#8FA6BC;
  --brass:#E8B04B; --brass-dk:#B4832C; --accent:#4FB0C6;
  --r:14px;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  background:var(--bg);color:var(--ink);line-height:1.6;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent);}
a:hover{color:var(--brass);}

/* --- chrome --------------------------------------------------------------- */
.bar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 20px;border-bottom:1px solid var(--line);
  max-width:900px;margin:0 auto;flex-wrap:wrap;
}
.wordmark{
  font-weight:800;letter-spacing:-.5px;font-size:20px;color:var(--ink);
  text-decoration:none;
}
.wordmark span{color:var(--brass);}
.bar nav a{margin-left:16px;font-size:14px;font-weight:600;text-decoration:none;}

/* --- hero ----------------------------------------------------------------- */
.hero{max-width:900px;margin:0 auto;padding:56px 20px 36px;text-align:center;}
.hero h1{font-size:clamp(34px,8vw,60px);font-weight:800;letter-spacing:-1.5px;line-height:1.05;}
.hero h1 span{color:var(--brass);}
.hero .tag{
  margin-top:12px;font-size:12px;letter-spacing:3px;text-transform:uppercase;
  color:var(--muted);font-weight:700;
}
.hero .lede{margin:22px auto 0;max-width:620px;font-size:17px;color:var(--ink);}
.cta{
  display:inline-block;margin-top:28px;padding:15px 30px;border-radius:12px;
  background:linear-gradient(180deg,var(--brass),var(--brass-dk));
  color:#1a1205;font-weight:800;font-size:17px;text-decoration:none;
}
.cta:hover{color:#1a1205;filter:brightness(1.06);}
.cta-note{margin-top:10px;font-size:12px;color:var(--muted);}

/* --- feature grid --------------------------------------------------------- */
.grid{
  max-width:900px;margin:0 auto;padding:20px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;
}
.tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px;}
.tile h3{font-size:15px;color:var(--brass);margin-bottom:7px;}
.tile p{font-size:14px;color:var(--muted);}

.counts{
  max-width:900px;margin:0 auto;padding:8px 20px 40px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;text-align:center;
}
.counts div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 8px;}
.counts b{display:block;font-size:24px;color:var(--brass);font-weight:800;}
.counts span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;}

/* --- long-form legal pages ------------------------------------------------ */
.prose{max-width:760px;margin:0 auto;padding:32px 20px 60px;}
.prose h1{font-size:30px;font-weight:800;margin-bottom:18px;letter-spacing:-.5px;}
.prose h2{font-size:19px;font-weight:700;color:var(--brass);margin:30px 0 10px;}
.prose h3{font-size:15px;font-weight:700;margin:22px 0 8px;}
.prose p{margin-bottom:13px;color:var(--ink);}
.prose ul{margin:0 0 14px 20px;}
.prose li{margin-bottom:6px;}
.prose hr{border:0;border-top:1px solid var(--line);margin:26px 0;}
.prose code{
  background:rgba(0,0,0,.3);padding:1px 5px;border-radius:5px;font-size:.9em;
}
.prose table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:14px;}
.prose th,.prose td{
  border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top;
}
.prose th{background:var(--panel);color:var(--brass);font-size:12px;
  text-transform:uppercase;letter-spacing:.6px;}

/* --- footer --------------------------------------------------------------- */
.foot{
  border-top:1px solid var(--line);padding:22px 20px 40px;text-align:center;
  max-width:900px;margin:0 auto;font-size:13px;color:var(--muted);
}
.foot a{margin:0 2px;}
.foot .fine{margin-top:6px;font-size:11px;}