:root{--ink:#24323a;--muted:#5c6b73;--bg:#fbf6ec;--card:#fff;--line:#eadfca;--accent:#2a876b;--gold:#f2b134}
@media (prefers-color-scheme:dark){:root{--ink:#eef2f3;--muted:#b4c0c6;--bg:#162229;--card:#1f2e36;--line:#2c3f49;--accent:#5fd0a8}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--accent)}header,main,footer{max-width:760px;margin:0 auto;padding:0 20px}
header{display:flex;align-items:center;gap:12px;padding-top:22px;padding-bottom:6px;flex-wrap:wrap}
.logo{font-weight:800;font-size:22px;letter-spacing:.01em;color:var(--ink);text-decoration:none;background:var(--card);border:1px solid var(--line);padding:4px 12px;border-radius:12px}
nav{margin-left:auto;display:flex;gap:12px;flex-wrap:wrap;font-size:14px}main{padding-bottom:40px}
h1{font-size:30px;line-height:1.2;margin:22px 0 6px}h3{margin:26px 0 6px;font-size:18px}.muted{color:var(--muted)}
.games{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:18px 0}
.game{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:8px}
.game img{width:72px;height:72px;border-radius:16px}.game b{font-size:18px}.game small{color:var(--muted)}
.links{display:flex;gap:10px;flex-wrap:wrap;font-size:14px}.langs{font-size:14px}
.doc{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:6px 22px 18px;margin-top:14px}
footer{padding-bottom:30px;font-size:13px;color:var(--muted)}