:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16161a;--panel:#202026;--line:#2e2e36;--text:#ececf1;--muted:#8b8b98;--accent:#e4002b;--star:#f5c542;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:720px;padding:env(safe-area-inset-top) 0 2rem;margin:0 auto}input,button{font:inherit;color:inherit}input{border:1px solid var(--line);background:var(--panel);border-radius:10px;width:100%;padding:.7rem .9rem}button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;padding:.7rem 1rem}button[type=submit]{background:var(--accent);border-color:var(--accent);font-weight:600}.center{place-items:center;min-height:100dvh;padding:1rem;display:grid}.card{gap:.8rem;width:min(360px,100%);display:grid}.card h1{margin:0 0 .4rem}.names{flex-wrap:wrap;gap:.5rem;display:flex}.error{color:#ff6b6b;margin:0}header{z-index:1;background:var(--bg);border-bottom:1px solid var(--line);padding:.8rem 1rem .5rem;position:sticky;top:0}.bar{gap:.5rem;display:flex}.person{white-space:nowrap;font-weight:600}.filters{align-items:center;gap:.4rem;margin-top:.6rem;display:flex}.filters button{border-radius:999px;padding:.35rem .8rem;font-size:.9rem}.filters button.on{background:var(--text);border-color:var(--text);color:var(--bg)}.count{color:var(--muted);margin-left:auto;font-size:.9rem}ul{margin:0;padding:0;list-style:none}li{border-bottom:1px solid var(--line);align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.game{flex:1;min-width:0;display:grid}.title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.meta{color:var(--muted);font-size:.85rem}.status{gap:.4rem;margin-top:.35rem;display:flex}.status button{color:var(--muted);border-radius:999px;padding:.2rem .65rem;font-size:.8rem}.status button.on{color:#fff;background:#2f6f3e;border-color:#2f6f3e}.status button.on+button.on,.status button:last-child.on{background:#6b4fa0;border-color:#6b4fa0}.more{height:1px}.mark{width:2.6rem;height:2.6rem;color:var(--muted);border-radius:50%;padding:0;font-size:1.1rem}.mark.on{background:var(--accent);border-color:var(--accent);color:#fff}.mark.star.on{background:var(--star);border-color:var(--star);color:#16161a}.empty,.footer{text-align:center;color:var(--muted);padding:1rem}.link{color:var(--muted);background:0 0;border:0;text-decoration:underline}