/* Optional cinema experiment. Remove its two includes to restore the existing layout. */
.cinema-view-controls{display:flex;align-items:center;gap:8px;margin:0 0 24px;flex-wrap:wrap}
.cinema-view-controls button,.reel-controls button{font:12px var(--font-main);color:#c9bbd8;background:#ffffff05;border:1px solid #ffffff25;border-radius:6px;padding:9px 14px;cursor:pointer}
.cinema-view-controls button[aria-pressed=true]{color:#a6eef0;border-color:#a6eef075;background:#a6eef00b}
.cinema-view-controls small{color:#93869f;font-size:11px;margin-left:8px}
#page-movies.cinema-reel .section-pad{max-width:none}
#page-movies.cinema-reel .add-btn-container{position:static}
#page-movies.cinema-reel .card-grid{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;padding:28px max(24px,calc((100% - 310px)/2)) 24px;scroll-snap-type:none;scrollbar-width:none;align-items:center;perspective:1400px}
#page-movies.cinema-reel .movie-card{flex:0 0 310px;scroll-snap-align:center;transform:scale(.9);opacity:.55;transition:transform .45s ease,opacity .45s ease,border-color .3s;border-radius:6px}
#page-movies.cinema-reel .movie-card.reel-current{transform:scale(1);opacity:1;border-color:#b08bd866;box-shadow:0 18px 40px #0005}
#page-movies.cinema-reel .movie-card:hover{opacity:1}
#page-movies.cinema-reel .movie-card[hidden]{display:none}
#page-movies.cinema-reel .movie-card-cover{height:clamp(280px,47vh,465px);aspect-ratio:auto;object-fit:cover}
#page-movies.cinema-reel .movie-card-overlay{padding:65px 22px 24px}
#page-movies.cinema-reel .game-card-title{font-size:23px;line-height:1.3;white-space:normal}
.reel-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:18px}
.reel-position{min-width:90px;text-align:center;font:12px monospace;letter-spacing:3px;color:#c3afcf}
.reel-controls button:disabled{opacity:.3;cursor:default}
#page-movies:not(.cinema-reel) .reel-controls{display:none}
@media(max-width:760px){#page-movies.cinema-reel .card-grid{gap:14px;padding-inline:max(12px,calc((100% - 240px)/2))}#page-movies.cinema-reel .movie-card{flex-basis:240px}#page-movies.cinema-reel .movie-card-cover{height:340px}.cinema-view-controls small{width:100%;margin:4px 0 0}}
@media(prefers-reduced-motion:reduce){#page-movies.cinema-reel .movie-card{transform:none;transition:none}}

#page-movies.cinema-reel .card-grid::-webkit-scrollbar{display:none}