:root { --bg:#f6f7fb; --fg:#1d2330; --card:#fff; --accent:#3b6ef5; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#14171f; --fg:#e8ebf2; --card:#1e232e; --accent:#7a9bff; }
}
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, sans-serif; background:var(--bg); color:var(--fg); }
main { max-width: 640px; margin: 0 auto; padding: 32px 16px; }
.games { list-style:none; padding:0; display:grid; gap:12px; }
.games li { background:var(--card); border-radius:10px; padding:16px; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.games a { color:var(--accent); font-weight:600; font-size:1.1rem; text-decoration:none; }
.games span { opacity:.65; font-size:.9rem; }
.back { display:inline-block; margin-bottom:12px; color:var(--accent); text-decoration:none; }