#lb-controls {
    margin: 1rem 0;
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

#lb-film-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 16px;
}

.lb-film {
    text-align: center;
    background: #111;
    border-radius: 8px;
    padding: 8px;
    transition: transform .2s ease;
}
.lb-film:hover {
    transform: translateY(-2px);
}

.lb-film img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,.3);
}

.lb-title {
    margin-top: 8px;
    font-size: .95rem;
    font-weight: 700;
    color: #fff;
}

.lb-stars {
    margin-top: 4px;
}

/* Sterne (inline SVG als Data-URL) */
.lb-star {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
}

.lb-star.full {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='gold' viewBox='0 0 24 24'><path d='M12 .7l3.7 7.5 8.2 1.2-6 5.8 1.4 8.2L12 18.9 4.6 23.4 6 15.2 0 9.4l8.3-1.2z'/></svg>");
}
.lb-star.half {
    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='g'><stop offset='50%' stop-color='gold'/><stop offset='50%' stop-color='lightgray'/></linearGradient></defs><path fill='url(%23g)' d='M12 .7l3.7 7.5 8.2 1.2-6 5.8 1.4 8.2L12 18.9 4.6 23.4 6 15.2 0 9.4l8.3-1.2z'/></svg>\");
}
.lb-star.empty {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='lightgray' viewBox='0 0 24 24'><path d='M12 .7l3.7 7.5 8.2 1.2-6 5.8 1.4 8.2L12 18.9 4.6 23.4 6 15.2 0 9.4l8.3-1.2z'/></svg>");
}

/* Mobile */
@media (max-width: 480px) {
    #lb-film-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .lb-title {
        font-size: .85rem;
    }
}