#library{padding:2em 0 4em}.library__heading{letter-spacing:8px;text-transform:uppercase;color:var(--c-font-dim);text-align:center;text-shadow:0 1px 0 var(--c-font-shadow);margin:0 0 1.5em;font-family:Roboto,sans-serif;font-size:2em;font-weight:300}.library__row{margin-bottom:2.5em}.library__row-title{letter-spacing:5px;text-transform:uppercase;color:var(--c-font-dim);text-shadow:0 1px 0 var(--c-font-shadow);margin:0;padding:0 1.5em .6em;font-family:Roboto,sans-serif;font-size:1.1em;font-weight:300}.library__shelf-wrap{position:relative}.library__shelf-wrap:after{content:"";background:linear-gradient(to right, transparent, var(--c-bg-page));pointer-events:none;width:80px;height:100%;position:absolute;top:0;right:0}.library__shelf{scrollbar-width:thin;scrollbar-color:var(--c-border) transparent;gap:.75em;padding:.25em 1.5em 2.5em;display:flex;overflow-x:auto}.library__shelf::-webkit-scrollbar{height:5px}.library__shelf::-webkit-scrollbar-track{background:0 0}.library__shelf::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:3px}.library__card{background:var(--c-bg-box);border:1px solid var(--c-border);color:var(--c-font);transform-origin:top;border-radius:7px;flex:0 0 260px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:block;position:relative;overflow:hidden}.library__card:hover{border-color:var(--c-primary);z-index:1;transform:scale(1.05);box-shadow:0 12px 32px #00000080}html.light .library__card:hover{box-shadow:0 8px 20px #0000002e}.library__card-board{width:260px;height:260px;display:block}.library__card-info{border-top:1px solid var(--c-border);padding:.5em .65em .65em;font-size:.83em}.library__card-players{white-space:nowrap;text-overflow:ellipsis;color:var(--c-font-clearer);font-weight:600;line-height:1.4;overflow:hidden}.library__card-meta{color:var(--c-font-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:.15em;overflow:hidden}.library__search{padding:0 1.5em 2em}.library__search-wrap{max-width:560px;margin:0 auto;position:relative}.library__search-input{box-sizing:border-box;background:var(--c-bg-box);border:1px solid var(--c-border);width:100%;color:var(--c-font);border-radius:7px;outline:none;padding:.6em 6em .6em 1em;font-size:.95em;transition:border-color .15s}.library__search-input:focus{border-color:var(--c-primary)}.library__search-btn{background:var(--c-primary);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:.3em .8em;font-size:.85em;position:absolute;top:50%;right:.4em;transform:translateY(-50%)}.library__search-btn:hover{filter:brightness(1.1)}.library__empty{color:var(--c-font-dim);margin:0;padding:0 1.5em;font-style:italic}