.hbplay-library{margin:30px 0}.hbplay-library-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.hbplay-library h2{font-size:28px;margin:0}.hbplay-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px}.hbplay-item{display:block;text-decoration:none;color:inherit;background:#111827;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;transition:.2s}.hbplay-item:hover{transform:translateY(-3px);border-color:#e50925}.hbplay-item .poster{display:block;aspect-ratio:16/9;background-size:cover;background-position:center;background-color:#222}.hbplay-item strong{display:block;padding:12px;font-size:15px}.hbplay-player video{width:100%;border-radius:18px;background:#000}.hbplay-empty{padding:18px;border-radius:12px;background:#241414;color:#fff}@media(max-width:600px){.hbplay-grid{grid-template-columns:repeat(2,1fr);gap:12px}.hbplay-library h2{font-size:22px}}