:root { --bg:#fbf7f0; --fg:#1d1a16; --muted:#6b6259; --card:#fff; --line:#e6ded2; --accent:#e0592a; }
@media (prefers-color-scheme: dark) { :root { --bg:#16140f; --fg:#f2ece3; --muted:#a39a8e; --card:#211e18; --line:#342f27; --accent:#ff7a45; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:17px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif; }
main { max-width:640px; margin:0 auto; padding:48px 16px 64px; }
h1 { font-size:2.2rem; line-height:1.1; margin:0 0 8px; letter-spacing:-.02em; }
p.lead { color:var(--muted); margin:0 0 32px; }
a { color:var(--accent); }
.games { display:grid; gap:14px; }
.game { display:flex; gap:16px; align-items:center; padding:16px; background:var(--card); border:1px solid var(--line); border-radius:16px; color:inherit; text-decoration:none; transition:transform .12s; }
.game:hover { transform:translateY(-2px); }
.game img { width:140px; height:72px; object-fit:contain; flex:none; }
.game h2 { margin:0; font-size:1.2rem; }
.game p { margin:2px 0 0; color:var(--muted); font-size:.95rem; }
footer { margin-top:48px; color:var(--muted); font-size:.85rem; }