.film-frame.trailer-enhanced{position:relative;isolation:isolate;background:#050809}
.trailer-enhanced video{cursor:pointer}
.trailer-overlay{position:absolute;left:50%;top:calc((100% - 64px)/2);transform:translate(-50%,-50%);display:grid;place-items:center;width:80px;height:80px;border:1px solid #e8eef299;border-radius:50%;background:#071014d9;color:#e8eef2;transition:background .18s,color .18s}
.trailer-overlay svg{width:34px;height:34px;fill:currentColor;stroke-width:1;margin-left:4px}
.trailer-overlay:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.trailer-controls{display:grid;grid-template-columns:44px minmax(60px,1fr) auto 44px 44px;align-items:center;gap:16px;min-height:64px;padding:10px 18px;background:#10181e;color:var(--text)}
.trailer-controls button{width:44px;height:44px;padding:10px;display:grid;place-items:center;border-radius:3px}
.trailer-controls button:hover{background:#ffffff0b}
.trailer-controls button:focus-visible,.trailer-overlay:focus-visible{outline-offset:2px}
.trailer-controls svg{width:22px;height:22px;stroke-width:1.7}
.trailer-toggle svg path[d^="m9"]{fill:currentColor;stroke:none}
.trailer-time{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.trailer-seek{width:100%;height:32px;margin:0;accent-color:var(--accent);cursor:pointer;background:transparent;min-width:0}
.trailer-seek:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.trailer-seek:disabled{opacity:.4;cursor:default}
.trailer-notice{position:absolute;bottom:78px;left:18px;right:18px;width:fit-content;max-width:calc(100% - 36px);padding:10px 14px;background:#071014ed;color:var(--text);font-size:13px;line-height:1.5}
.trailer-notice a{display:inline-block;margin-left:12px;min-height:28px;text-decoration:underline;color:var(--accent)}
.trailer-enhanced:fullscreen{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;background:#000}
.trailer-enhanced:fullscreen video{height:calc(100% - 64px);min-height:0;object-fit:contain;flex:1}
.trailer-enhanced:fullscreen .trailer-controls{flex:none;width:100%}
@media(max-width:600px){
 .trailer-controls{grid-template-columns:44px 1fr 44px 44px;gap:0 10px;padding:0 10px 8px;min-height:84px}
 .trailer-seek{grid-column:1/-1;grid-row:1;height:28px}
 .trailer-toggle{grid-column:1;grid-row:2}.trailer-time{grid-column:2;grid-row:2;font-size:11px}.trailer-mute{grid-column:3;grid-row:2}.trailer-fullscreen{grid-column:4;grid-row:2}
 .trailer-overlay{width:64px;height:64px;top:calc((100% - 84px)/2)}
 .trailer-overlay svg{width:28px;height:28px}
 .trailer-notice{bottom:92px;left:10px;right:10px;font-size:12px;max-width:calc(100% - 20px);padding:8px 10px}
 .trailer-enhanced:fullscreen video{height:calc(100% - 84px)}
}
@media(prefers-reduced-motion:reduce){.trailer-overlay{transition:none}}

@media(min-width:701px){.trailer-enhanced:not(:fullscreen) video{max-height:calc(100svh - 270px);min-height:240px;object-fit:contain}}