.rbvg{--rbvg-red:#ee182b;--rbvg-text:#f5f5f5;--rbvg-muted:#b7bdc6;max-width:1200px;margin:0 auto;padding:24px;background:#0d1014;color:var(--rbvg-text);border-radius:12px;font-family:inherit;box-sizing:border-box}
.rbvg *{box-sizing:border-box}.rbvg .rbvg-header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px}.rbvg .rbvg-header h2{margin:0;padding-left:14px;border-left:5px solid var(--rbvg-red);color:var(--rbvg-text);font-size:clamp(21px,3vw,29px);line-height:1.4}
.rbvg .rbvg-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0}.rbvg .rbvg-controls input[type=search],.rbvg .rbvg-controls select{width:auto;min-height:44px;margin:0;border:1px solid #343a45;border-radius:8px;background:#1b2028;color:#fff;padding:9px 12px;font:inherit;font-size:14px}.rbvg .rbvg-controls input[type=search]{width:230px;max-width:100%}.rbvg input::placeholder{color:#adb4bf}.rbvg .rbvg-controls button{min-height:44px;border:0;border-radius:8px;background:var(--rbvg-red);color:#fff;padding:9px 16px;font:inherit;cursor:pointer}
.rbvg .rbvg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px}.rbvg .rbvg-card{min-width:0;overflow:hidden;background:#171b22;border:1px solid #272d36;border-radius:8px;transition:border-color .18s}.rbvg .rbvg-card:hover{border-color:var(--rbvg-red)}.rbvg a.rbvg-link{display:block;color:var(--rbvg-text);text-decoration:none;height:100%}.rbvg a.rbvg-link:hover{color:#fff}
.rbvg .rbvg-poster{position:relative;aspect-ratio:278/395;overflow:hidden;background:#080a0d}.rbvg img.rbvg-image{display:block!important;width:100%!important;height:100%!important;max-width:100%;object-fit:contain;border:0;border-radius:0;margin:0}.rbvg .rbvg-placeholder{display:flex;height:100%;align-items:center;justify-content:center;color:var(--rbvg-muted);font-size:14px}.rbvg .rbvg-badges{position:absolute;left:8px;right:8px;top:8px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:5px;pointer-events:none}.rbvg .rbvg-badges span{max-width:100%;font-size:11px;font-weight:700;line-height:1.4;padding:3px 6px;border-radius:4px;overflow-wrap:anywhere;color:#fff}.rbvg .rbvg-quality{background:#c81225}.rbvg .rbvg-sound{background:rgba(0,0,0,.82)}
.rbvg .rbvg-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.7);border:2px solid var(--rbvg-red);color:#fff;opacity:0;transition:opacity .18s}.rbvg-link:hover .rbvg-play,.rbvg-link:focus-visible .rbvg-play{opacity:1}.rbvg .rbvg-info{padding:11px 12px 13px}.rbvg .rbvg-info h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em;margin:0 0 6px;color:#fff;font-size:15px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}.rbvg .rbvg-info p{margin:0;color:var(--rbvg-muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.rbvg .rbvg-info .rbvg-code{margin-top:3px;font-size:11px}
.rbvg .rbvg-pagination{margin-top:26px}.rbvg .rbvg-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;list-style:none;margin:0;padding:0}.rbvg .rbvg-pagination li{list-style:none;margin:0;padding:0}.rbvg .rbvg-pagination .page-numbers:not(ul){display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border-radius:7px;background:#242a33;color:#fff;text-decoration:none}.rbvg .rbvg-pagination .page-numbers.current,.rbvg .rbvg-pagination a:hover{background:var(--rbvg-red)}.rbvg .rbvg-empty{padding:24px 0;color:var(--rbvg-muted)}.rbvg :is(a,input,select,button):focus-visible{outline:3px solid #ff6875;outline-offset:3px}.rbvg .rbvg-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.rbvg .rbvg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rbvg .rbvg-controls{width:100%}.rbvg .rbvg-controls input[type=search]{flex:1;min-width:150px}}
@media(max-width:600px){.rbvg{padding:16px 12px;border-radius:8px}.rbvg .rbvg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.rbvg .rbvg-header{gap:14px;margin-bottom:16px}.rbvg .rbvg-controls input[type=search]{width:100%;flex-basis:100%;min-width:0}.rbvg .rbvg-controls select{flex:1;min-width:0}.rbvg .rbvg-info{padding:9px}.rbvg .rbvg-info h3{font-size:13px}.rbvg .rbvg-info p{font-size:11px}.rbvg .rbvg-badges{left:5px;right:5px;top:5px;gap:3px}.rbvg .rbvg-badges span{font-size:10px;padding:2px 4px}}
@media(prefers-reduced-motion:reduce){.rbvg *{transition:none!important}}