* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  background: #08080c;
  background-image: radial-gradient(ellipse at 50% 0%, #0e1a33 0%, #08080c 62%);
  color: #c7cdd8;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.65;
  min-height: 100vh;
  padding: 40px 20px 56px;
}
a { color: #8fb8ff; }
b { color: #e8ecf2; }
.wrap { max-width: 760px; margin: 0 auto; }
.center { text-align: center; max-width: 880px; }

/* landing */
.logo { width: min(260px, 64vw); height: auto; filter: drop-shadow(0 0 40px rgba(30,144,255,0.25)); }
h1 { color: #e8ecf2; font-size: clamp(26px, 5vw, 38px); letter-spacing: 1px; margin-top: 14px; }
.tag { color: #8fb8ff; letter-spacing: 3px; font-size: 13px; margin-top: 4px; }
.lead { max-width: 560px; margin: 20px auto 0; font-size: 17px; }
.stores { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 26px; }
.store {
  display: inline-block; padding: 10px 20px; border-radius: 10px; line-height: 1.3;
  border: 1px solid #2a3550; background: #10162a; color: #e8ecf2; text-decoration: none; font-size: 15px;
}
.store small { display: block; color: #8a929e; font-size: 11px; letter-spacing: 1px; }
.game {
  margin: 46px auto 0; max-width: 640px; text-align: left;
  border: 1px solid #22283a; border-radius: 14px; overflow: hidden; background: #10131c;
}
.game .art { height: 210px; background: #000 url(/assets/city-sin-bg.jpg) center/cover; position: relative; }
.game .art img { position: absolute; left: 18px; bottom: 12px; width: 58%; filter: drop-shadow(0 4px 12px rgba(0,0,0,.7)); }
.game .body { padding: 16px 18px 18px; font-size: 15px; }
.game b { color: #ffd977; }
.game .play { display: block; margin-top: 8px; color: #ffd977; }

/* documents (privacy / support) */
.doc h1 { font-size: 30px; margin-top: 0; }
.doc .meta { color: #8a929e; margin: 8px 0 32px; font-size: 14px; }
.doc h2 { color: #8fb8ff; font-size: 18px; letter-spacing: 1px; margin: 32px 0 10px; }
.doc p, .doc li { font-size: 15px; }
.doc p + p { margin-top: 10px; }
.doc ul { margin: 8px 0 0 22px; }
.doc li + li { margin-top: 6px; }
.doc .home { display: inline-block; margin-bottom: 24px; }
.doc .home img { width: 64px; height: 64px; }
.note { border: 1px solid #22283a; border-radius: 10px; background: #10131c; padding: 14px 16px; margin-top: 12px; }

footer { margin-top: 48px; color: #6b7280; font-size: 13px; }
footer a { text-decoration: none; margin: 0 8px; }