.library-main{width:var(--container-width);max-width:calc(100% - 80px);margin:30px auto 0;min-height:65vh}
.library-heading h1{font-size:26px;line-height:1.3;font-weight:700}
.library-heading p{margin-top:7px;color:var(--text-muted,#888);font-size:13px}
.library-categories{display:flex;flex-wrap:wrap;align-items:center;gap:6px 7px;margin:17px 0 18px}
.library-categories button{min-height:30px;max-width:100%;padding:5px 12px;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-tag,7px);background:#292d31;color:#9aa7b2;font:inherit;font-size:12px;line-height:18px;overflow-wrap:anywhere;cursor:pointer;flex-shrink:0;transition:background .16s ease,border-color .16s ease,color .16s ease}
.library-categories button:hover{background:#303840;color:#dce6ed}
.library-categories button[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}
.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0 18px;border-top:1px solid var(--border-light,#272727);color:var(--text-muted,#888);font-size:13px}
.library-toolbar strong{color:var(--text-secondary,#cbd1d6);font-weight:600}
.library-toolbar select{height:38px;margin-left:8px;padding:0 34px 0 12px;border:1px solid #333;border-radius:var(--radius-tag,7px);background:#202020;color:#c8c8c8;font:inherit;color-scheme:dark}
.library-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.library-grid .game-card{display:flex;min-width:0;flex-direction:column;color:inherit;text-decoration:none}
.library-page :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.library-pagination{flex:initial;flex-wrap:wrap;gap:8px}
.library-pagination button{font:inherit;font-size:13px;cursor:pointer}
.library-pagination .active{background:var(--accent);color:#fff;box-shadow:none}
.library-pagination button:disabled{opacity:.35;cursor:default}
.library-pagination button:not(:disabled):hover{background:#303940}
.library-empty{padding:75px 16px;color:var(--text-muted,#888);text-align:center}
.library-empty h2{margin-bottom:12px;color:var(--text-secondary,#ccc);font-size:18px;font-weight:600}
.library-empty p{font-size:14px}.library-empty button{margin-top:22px;border:0;background:none;color:var(--accent);cursor:pointer}
.library-page [hidden]{display:none}.library-page .navbar a[aria-current="page"]{color:var(--accent)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[data-theme="light"] .library-categories button{background:#f1f5f8;border-color:rgba(40,70,100,.05);color:#66778a;box-shadow:none}
html[data-theme="light"] .library-categories button:hover{background:#edf6fb;border-color:rgba(33,151,221,.12);color:var(--accent-hover)}
html[data-theme="light"] .library-categories button[aria-pressed="true"]{background:#eaf6fd;border-color:var(--accent-border);color:var(--accent)}
html[data-theme="light"] .library-toolbar select{background:var(--card-bg);border-color:var(--card-border);color:var(--text-secondary);box-shadow:var(--shadow-sm);color-scheme:light}
html[data-theme="light"] .library-empty,html[data-theme="light"] .library-empty p{color:var(--text-muted)}
html[data-theme="light"] .library-empty h2{color:var(--text-secondary)}
@media(max-width:1200px){.library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.library-page .search-box{margin-right:0}.library-page .search-box input{width:220px}.library-page .navbar nav{gap:20px}}
@media(max-width:960px){.library-page .navbar{height:auto}.library-page .nav-inner{height:auto;min-height:75px;flex-wrap:wrap;gap:18px;padding:16px 0}.library-page .navbar nav{justify-content:flex-end}.library-page .search-box{width:100%}.library-page .search-box input{width:100%}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.library-main,.library-page .nav-inner{max-width:calc(100% - 28px)}.library-main{margin-top:25px}.library-page .navbar{position:relative}.library-page .navbar nav{flex-basis:100%;justify-content:flex-start;flex-wrap:wrap;gap:12px 18px}.library-page .navbar nav a{font-size:14px}.library-grid{grid-template-columns:minmax(0,1fr)}.library-categories{gap:6px}.library-categories button{min-height:29px;padding:5px 10px}.library-pagination button{padding:9px 12px}}
/* Library dark-theme surfaces align with the shared card system. */
html[data-theme="dark"] .library-heading h1{color:#f2f7fd}
html[data-theme="dark"] .library-heading p,
html[data-theme="dark"] .library-toolbar{color:#91a2b5}
html[data-theme="dark"] .library-categories button{background:#111a24;border-color:rgba(120,160,200,.10);color:#9eafc1}
html[data-theme="dark"] .library-categories button:hover{background:#162131;border-color:rgba(58,167,242,.18);color:#c7d7e7}
html[data-theme="dark"] .library-categories button[aria-pressed="true"]{background:rgba(58,167,242,.10);border-color:rgba(58,167,242,.20);color:#9dcdf1}
html[data-theme="dark"] .library-toolbar{border-color:rgba(120,160,200,.08)}
html[data-theme="dark"] .library-toolbar strong{color:#dce7f2}
html[data-theme="dark"] .library-toolbar select{background:#111a24;border-color:rgba(120,160,200,.10);color:#a9b8c9;box-shadow:none}
html[data-theme="dark"] .library-pagination button{background:#111a24;color:#a9b8c9}
html[data-theme="dark"] .library-pagination button:not(:disabled):hover{background:#162131;color:#dce7f2}
html[data-theme="dark"] .library-pagination .active{background:#3aa7f2;color:#fff}
html[data-theme="dark"] .library-empty h2{color:#eaf2fb}
html[data-theme="dark"] .library-empty,
html[data-theme="dark"] .library-empty p{color:#7e8ea3}