.cinematic-player {
    width: min(960px, 94vw);
    max-height: 94dvh;
    padding: 1.25rem;
    border: 1px solid #49677e;
    border-radius: 12px;
    background: #09121e;
    color: #f1f6fc;
    text-align: center;
    font-family: inherit;
}
.cinematic-player::backdrop { background: rgba(0, 0, 0, .92); }
.cinematic-player h2 { font-size: 1.15rem; margin: 0 0 1rem; }
.cinematic-player video { display: block; width: 100%; max-height: 65dvh; background: #000; }
.cinematic-player p { margin: 1rem 0; }
.cinematic-player p:empty { display: none; }
.cinematic-player button {
    padding: .7rem 1.4rem;
    border: 1px solid #83cfff;
    border-radius: 6px;
    background: #153750;
    color: #fff;
    cursor: pointer;
}
.cinematic-player button:focus-visible { outline: 3px solid #c3e7ff; outline-offset: 3px; }