/* Screenshots */
.screenshots-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
gap: 8px;
margin-top: 10px;
}
.screenshots-grid img {
width: 100%;
border-radius: 4px;
cursor: pointer;
transition: opacity 0.15s;
}
.screenshots-grid img:hover { opacity: 0.8; }
/* Toast */
.toast {
display: none;
position: fixed;
bottom: 24px;
right: 24px;
background: #333;
color: #fff;
padding: 10px 20px;
border-radius: 6px;
font-size: 13px;
z-index: 9999;
box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
/* Poster in sidebar */
.poster-img {
width: 100%;
border-radius: 8px;
margin-bottom: 16px;
}
@media (max-width: 640px) {
.page-wrap { padding: 0 10px; }
.title-bar h1 { font-size: 16px; }
.action-row { flex-direction: column; align-items: flex-start; }
.meta-left { flex-wrap: wrap; }
.actions-right { width: 100%; justify-content: flex-start; flex-wrap: wrap; }
.rel-thumb { width: 140px; height: 79px; }
}
