.movie-grid .movie-cover { position: relative; padding-top: 140%; overflow: hidden; }
.movie-grid .movie-poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.movie-grid .movie-poster img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.movie-grid .movie-card:hover .movie-poster img { transform: scale(1.05); }
.movie-grid .poster-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0); transition: background 0.3s; display: flex; align-items: center; justify-content: center; }
.movie-grid .movie-card:hover .poster-overlay { background: rgba(0,0,0,0.3); }
.movie-grid .poster-overlay .play-icon { width: 50px; height: 50px; background: rgba(255,255,255,0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #333; opacity: 0; transition: opacity 0.3s; }
.movie-grid .movie-card:hover .poster-overlay .play-icon { opacity: 1; }
.movie-grid .movie-meta { padding: 12px; }
.movie-grid .movie-name { font-size: 14px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1024px) { .movie-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 768px) { .movie-grid { grid-template-columns: repeat(3, 1fr); gap: 15px; } .guess-section, .play-list-section { padding: 20px; } }
@media (max-width: 480px) { .movie-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } }