:root { color-scheme: dark; --bg:#090909; --panel:#101010; --text:#f4f1eb; --muted:#a9a49b; --accent:#c78a50; --line:#292724; }
* { box-sizing:border-box; }
html,body { margin:0; min-height:100%; background:var(--bg); color:var(--text); font-family:Arial,Helvetica,sans-serif; }
body { min-height:100vh; background:radial-gradient(circle at 50% 25%, #1a1511 0, #0d0c0b 36%, #070707 72%); }
.wrap { min-height:100vh; display:grid; place-items:center; padding:40px 20px; }
.hero { width:min(680px,100%); text-align:center; }
.logo { display:block; width:min(560px,92vw); max-height:460px; object-fit:contain; margin:0 auto -55px; mix-blend-mode:screen; }
.tagline { margin:0 auto 18px; max-width:620px; font-size:clamp(1.1rem,2.5vw,1.45rem); line-height:1.45; font-weight:600; }
.games { margin:0 0 34px; color:var(--muted); font-size:.82rem; font-weight:700; letter-spacing:.28em; }
.games span { color:var(--accent); margin:0 .45em; }
.links { display:grid; gap:14px; justify-items:center; }
a { color:inherit; text-decoration:none; }
.primary { min-width:min(340px,90vw); padding:16px 28px; border:1px solid var(--accent); background:var(--accent); color:#0b0907; font-weight:900; letter-spacing:.12em; border-radius:7px; transition:.18s ease; }
.primary:hover { transform:translateY(-2px); filter:brightness(1.08); }
.socials { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
.socials a { min-width:150px; padding:12px 22px; border:1px solid var(--line); background:rgba(16,16,16,.75); border-radius:7px; font-weight:700; }
.socials a:hover { border-color:var(--accent); }
footer { margin-top:48px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font-size:.9rem; display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
footer a { color:var(--text); }
@media (max-width:520px) { .wrap{padding:24px 16px;} .logo{width:100%; margin-bottom:-30px;} .socials{width:100%;} .socials a{flex:1; min-width:130px;} footer{margin-top:36px;} }