.trailer-dialog{width:min(960px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;margin:auto;border:1px solid #d8b47c45;border-radius:18px;color:var(--text);background:#17161a;box-shadow:0 24px 100px #000b;overflow:auto;overscroll-behavior:contain}
.trailer-dialog::backdrop{background:#08070be8;backdrop-filter:blur(14px)}
.trailer-dialog>header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #ffffff12;background:linear-gradient(115deg,#292017,#17161a)}
.trailer-dialog header>div{min-width:0}.trailer-dialog header span{display:block;font-size:9px;letter-spacing:2px;font-weight:700;color:var(--accent);margin-bottom:5px}.trailer-dialog h2{font-size:17px;line-height:1.4;overflow-wrap:anywhere;margin:0}
.trailer-close{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #ffffff1c;border-radius:50%;background:#ffffff08;color:#eee}.trailer-close:hover{background:#ffffff18}.trailer-close .icon{width:20px;height:20px}
.trailer-stage{width:100%;aspect-ratio:16/9;min-height:200px;max-height:calc(100dvh - 116px);background:#050506}.trailer-stage iframe{display:block;width:100%;height:100%;border:0}.trailer-message{padding:50px 20px;text-align:center;font-size:13px;color:#bcb2bc}
html.trailer-is-open{overflow:hidden}
@media(max-width:480px){.trailer-dialog{border-radius:13px}.trailer-dialog>header{padding:14px;gap:12px}.trailer-dialog h2{font-size:14px}.trailer-dialog header span{font-size:8px;letter-spacing:1.5px}.trailer-message{padding:40px 15px}}