.ss-trailer-player { position: relative; width: 100%; min-width: 0; scroll-margin-block: 5rem; }
.ss-trailer-player[hidden], .ss-trailer-player [hidden] { display: none !important; }
.ss-trailer-frame { position: relative; width: 100%; aspect-ratio: 89 / 60; overflow: hidden; border: 1px solid var(--line, #667); background: #030b13; }
.trail-grid .ss-trailer-frame { aspect-ratio: 1371 / 1148; }
.ss-trailer-player video, .ss-trailer-cover { display: block; width: 100%; height: 100%; }
.ss-trailer-player video { object-fit: contain; background: #030b13; }
.ss-trailer-cover { position: absolute; inset: 0; }
.ss-trailer-cover img { display: block; width: 100%; height: 100%; object-fit: contain; }
.ss-trailer-cover .play { pointer-events: none; }
.ss-trailer-cover:focus-visible, .ss-trailer-player video:focus-visible { outline: 3px solid #e7c880; outline-offset: -4px; }
.ss-trailer-player [data-trailer-status] { margin: .5rem 0; }
.card .ss-trailer-player, .article-panel .ss-trailer-player { margin-top: 1rem; }