:root{--bg:#0d0d12;--surface:#17171f;--text:#f2f2f7;--muted:#9a9aab;--accent:#7c5cff}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;margin:0;font-family:system-ui,sans-serif;display:flex}header,main,footer{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}header{justify-content:space-between;align-items:center;gap:16px;padding-top:40px;padding-bottom:32px;display:flex}h1{margin:0;font-size:clamp(1.75rem,5vw,2.5rem)}header p{color:var(--muted);margin:4px 0 0}button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:999px;padding:8px 14px}button:hover{border-color:var(--accent)}main{flex:1}#games{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);color:inherit;border-radius:16px;text-decoration:none;transition:transform .15s;display:block;overflow:hidden}.card:hover,.card:focus-visible{outline:2px solid var(--accent);transform:translateY(-4px)}.cover{aspect-ratio:16/9;object-fit:cover;place-items:center;width:100%;font-size:3rem;font-weight:700;display:grid}.info{padding:14px 16px 18px}.info h2{margin:0 0 6px;font-size:1.15rem}.info p{color:var(--muted);margin:0;line-height:1.4}.draft{color:var(--accent);text-transform:uppercase;margin-left:8px;font-size:.75rem}#empty{color:var(--muted)}footer{padding-top:48px;padding-bottom:32px}footer a{color:var(--muted)}