@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--ink:#fff8ee;--ink-dim:#fff8eea8;--glass:#1c161061;--bg:#1b1612;--card:#261f19;--line:#fff8ee1a;--accent:#d8c08a}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Inter,system-ui,sans-serif}main{max-width:1040px;margin:0 auto;padding:96px 16px 64px}header h1{letter-spacing:-.03em;margin:0;font-size:clamp(40px,8vw,72px);font-weight:700;line-height:1}header h1 span{color:var(--accent)}header p{max-width:32ch;color:var(--ink-dim);margin:16px 0 0;font-size:18px;line-height:1.45}.games{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;margin-top:56px;display:grid}.game{border:1px solid var(--line);background:var(--card);color:inherit;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .16s,border-color .16s;display:flex;overflow:hidden}.game:hover,.game:focus-visible{border-color:#d8c08a80;transform:translateY(-3px)}.game img{aspect-ratio:8/5;object-fit:cover;width:100%;height:auto;display:block}.game-body{padding:16px 18px 18px}.game h2{margin:0;font-size:18px;font-weight:600}.game p{color:var(--ink-dim);margin:6px 0 14px;font-size:14px;line-height:1.45}.play{color:var(--accent);font-size:14px;font-weight:600}