/* Small screens use a native swipe gallery, with the same direct controls. */
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
 .cinema-window{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;align-items:stretch;padding-bottom:8px}
 .cinema-window::-webkit-scrollbar{display:none}
 .cinema-panel,.cinema-panel.is-current{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;min-width:0;display:flex;gap:20px}
 .cinema-image{flex:none}
 .cinema-caption{flex:1}
 .cinema-navigation{display:flex;margin-top:18px;padding-top:12px;gap:16px}
 .scene-select{gap:4px}
 .scene-select button{width:32px;height:36px;justify-content:center;padding:0}
 .scene-select button>span:first-child{width:6px;height:6px}
 .scene-button-title{display:none}
 .cinema-arrows{gap:12px}
 .cinema-arrows button{width:32px;height:32px}
}