:root{--bg:#f6f6f4;--surface:#fff;--text:#1c1c1e;--muted:#6b6b70;--border:#e2e2df;--accent:#2f5fd0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}@media (prefers-color-scheme:dark){:root{--bg:#121214;--surface:#1c1c1f;--text:#f2f2f4;--muted:#9a9aa2;--border:#2c2c31;--accent:#7b9dff}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}main{max-width:560px;padding:max(32px, env(safe-area-inset-top)) 16px max(32px, env(safe-area-inset-bottom));margin:0 auto}header{margin-bottom:24px}h1{letter-spacing:-.01em;margin:0;font-size:28px}header p{margin:4px 0 0}.muted{color:var(--muted)}.games{gap:12px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:14px;align-items:center;gap:16px;padding:16px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.card:hover{border-color:var(--accent)}.card:active{transform:scale(.99)}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon{font-size:36px;line-height:1}.body{flex-direction:column;flex:1;min-width:0;display:flex}.name{font-size:18px;font-weight:600}.body .muted{font-size:14px}.meta{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;font-size:14px;display:flex}.play{color:var(--accent);font-weight:600}