:root{--bg:#f4f6fb;--card:#fff;--text:#182033;--muted:#5d6880;--line:#e1e6ef;--brand:#6c4cff}@media (prefers-color-scheme:dark){:root{--bg:#0f1420;--card:#171f2f;--text:#e8edf6;--muted:#8d99ae;--line:#263047;--brand:#9b85ff}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.hero{text-align:center;padding:56px 16px 24px}.hero h1{letter-spacing:-.02em;margin:0;font-size:clamp(36px,7vw,64px);line-height:1.05}.hero h1 span{color:var(--brand)}.hero p{color:var(--muted);margin:10px 0 0;font-size:18px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;max-width:1000px;margin:24px auto;padding:0 16px;display:grid}.game{--accent:var(--brand);background:var(--card);border:1px solid var(--line);border-top:5px solid var(--accent);color:inherit;border-radius:16px;padding:20px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}a.game:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000001f}.game.soon{opacity:.55;border-top-color:var(--line)}.game .emoji{font-size:40px}.game .meta{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.game h2{margin:4px 0 6px;font-size:22px}.game p{color:var(--muted);margin:0;font-size:14px}.tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tags span{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:12px}footer{text-align:center;color:var(--muted);padding:24px 16px 48px;font-size:14px}