.mediaSection .posterGrid { grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)); }
.mediaSection .poster.livePoster { position: relative; cursor: pointer; }
.mediaSection .poster.livePoster img { aspect-ratio: 2 / 3; width: 100%; height: auto; object-fit: cover; }
.mediaSection .regionBadge { position: absolute; top: 8px; inset-inline-start: 8px; background: rgba(8,8,8,.85); color: #f5d68c; border: 1px solid rgba(245,214,140,.5); padding: 3px 7px; border-radius: 20px; font-size: 11px; }
@media (max-width: 600px) { .mediaSection .posterGrid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; } }