:root { --gap: 12px; --bg:#0b0d10; --fg:#e8eaed; --muted:#9aa0a6; --card:#151a20; }
*{ box-sizing:border-box; }
body{ margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial; background:var(--bg); color:var(--fg);}
header{ display:flex; gap:var(--gap); align-items:center; padding:16px; border-bottom:1px solid #223; }
header h1{ font-size:20px; margin:0; }
.btn, button{ background:#225; color:#cbd5ff; border:1px solid #334; padding:8px 12px; border-radius:8px; cursor:pointer; }
.filters{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:var(--gap); padding:16px; }
fieldset{ background:var(--card); border:1px solid #223; border-radius:10px; padding:12px; }
legend{ color:var(--muted); font-size:12px; padding:0 6px; }
.results{ display:grid; gap:8px; padding:16px; }
.row{ display:grid; grid-template-columns: 100px 70px 180px 1fr 280px 120px; gap:10px; align-items:center; background:var(--card); border:1px solid #223; border-radius:10px; padding:10px; }
@media (max-width: 920px){ .row{ grid-template-columns: 90px 60px 1fr; grid-auto-rows:minmax(24px,auto);} .meta,.prize{ grid-column: 1 / -1; } }