*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,Arial}
:root{--bg:#0b1220;--fg:#e6ecff;--muted:#90a4c9;--card:#121a2b;--accent:#5dd6ff}
body{background:linear-gradient(180deg,#0b1220,#0e1730)}
.container{max-width:1000px;margin:0 auto;padding:24px}
.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.brand{font-weight:800;color:var(--fg);font-size:22px}
.nav a{color:var(--muted);margin-left:12px;text-decoration:none}
.card{background:var(--card);padding:16px;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.35);}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.game-card{display:flex;flex-direction:column;gap:8px}
.btn{background:var(--accent);color:#001927;border:none;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}
.badge{background:#1e2a44;color:var(--muted);padding:3px 8px;border-radius:999px;font-size:12px}
.footer{color:var(--muted);text-align:center;margin:24px 0}
.ad{background:#0a1222;border:1px dashed #324267;color:#8aa0cf;border-radius:12px;padding:16px;text-align:center}
small.note{color:#8aa0cf}