:root{color-scheme:light dark;--bg:#fbfaf7;--fg:#1d1c1a;--mut:#6b6862;--acc:#0b7a4b;--card:#fff;--line:#e6e2da}
@media(prefers-color-scheme:dark){:root{--bg:#141413;--fg:#ecebe6;--mut:#a09d95;--acc:#5fd39a;--card:#1d1d1b;--line:#2c2c29}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.55 -apple-system,Segoe UI,Roboto,sans-serif}
main{max-width:760px;margin:0 auto;padding:32px 20px 64px}header{display:flex;flex-wrap:wrap;gap:16px;align-items:baseline;justify-content:space-between;margin-bottom:28px}
header a{color:var(--fg);text-decoration:none}header .brand{font-weight:700;font-size:22px}nav a{margin-left:14px;color:var(--mut)}
h1{font-size:30px;margin:0 0 6px}h2{font-size:21px;margin:30px 0 8px}p,li{margin:6px 0}a{color:var(--acc)}
.lang{font-size:14px;color:var(--mut);margin-bottom:18px}.games{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:18px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}.card b{display:block;margin-bottom:4px}.card small{color:var(--mut)}
footer{margin-top:44px;color:var(--mut);font-size:14px;border-top:1px solid var(--line);padding-top:16px}