.library-page{padding:54px 0 70px}.library-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:28px;align-items:end;margin-bottom:22px}.library-hero h1{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(42px,7vw,78px);line-height:.95;letter-spacing:-3px}.library-hero p{margin:0;color:var(--muted);font-size:13px}.library-summary{display:flex;flex-wrap:wrap;gap:10px 18px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.7px}.library-controls{display:grid;gap:14px;margin:22px 0 18px}.library-chips{display:flex;flex-wrap:wrap;gap:8px}.library-chip{appearance:none;border:1px solid var(--line);border-radius:999px;background:#111419;color:var(--muted);font:inherit;font-size:10px;padding:7px 10px;cursor:pointer}.library-chip:hover{color:var(--accent)}.library-chip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.library-chip.is-active{border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:var(--accent)}.library-list{display:grid;gap:13px}.library-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:22px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#101319,#0c0e11);padding:20px}.library-card[hidden]{display:none}.library-repo{margin:0 0 5px;color:var(--accent);font-size:10px;overflow-wrap:anywhere}.library-category{display:inline-flex;margin-left:8px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px;color:var(--accent);font-size:8px;padding:2px 6px;vertical-align:middle}.library-card h2{margin:0 0 8px;font-size:18px;line-height:1.35;letter-spacing:-.4px}.library-description{margin:0 0 13px;color:var(--text);font-size:12px}.library-games{display:flex;flex-wrap:wrap;gap:7px}.library-games span{border:1px solid #343941;border-radius:999px;color:var(--muted);font-size:9px;padding:4px 7px}.library-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0}.library-meta div{min-width:0}.library-meta dt{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.7px}.library-meta dd{margin:2px 0 0;font-size:11px;overflow-wrap:anywhere}.library-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px}.library-actions a{display:inline-flex;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:10px}.library-actions a:hover{border-color:var(--accent)}.hub-section{margin:24px 0 26px;padding:18px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#11151b,#0d1014)}.hub-heading{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:14px}.hub-heading h2{margin:0;font:700 22px/1 Arial,Helvetica,sans-serif;letter-spacing:-.7px}.hub-heading p{margin:0;color:var(--muted);font-size:11px}.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hub-card a{min-height:112px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center;padding:14px;border:1px solid #ffffff12;border-radius:10px;background:#0c0f13;text-decoration:none}.hub-card a:hover{border-color:var(--accent);color:var(--text)}.hub-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#ffffff0d;overflow:hidden}.hub-mark img{max-width:100%;max-height:100%;object-fit:contain}.hub-body{display:grid;gap:5px}.hub-body strong{font-size:13px;letter-spacing:-.2px}.hub-body span{color:var(--text);font-size:10px;line-height:1.45}.hub-body small{color:var(--accent);font-size:9px}.library-pagination{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.library-pagination a{border:1px solid var(--line);border-radius:999px;padding:8px 11px;text-decoration:none;font-size:10px}.library-pagination a[aria-current="page"]{border-color:var(--accent);color:var(--accent)}@media(max-width:780px){.library-page{padding-top:34px}.library-hero,.library-card{grid-template-columns:1fr}.library-hero h1{font-size:clamp(38px,14vw,64px)}.library-meta{grid-template-columns:1fr 1fr}.hub-heading{display:block}.hub-heading p{margin-top:6px}.hub-grid{grid-template-columns:1fr}}@media(max-width:520px){.library-card{padding:16px}.library-meta{grid-template-columns:1fr}.library-summary{font-size:9px}.hub-section{padding:14px}.hub-card a{min-height:0}}
