#cinematicDialog{position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:#fff;background:#07151f;overflow:hidden}
#cinematicDialog[open]{display:flex;flex-direction:column}
#cinematicDialog::backdrop{background:#07151f}
.cinematicTop{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;font:18px Georgia,serif}
.cinematicTop button,.cinematicError button{border:1px solid #ffffff60;background:#ffffff18;color:#fff;border-radius:999px;min-height:44px;padding:10px 14px;font:600 14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
#cinematicVideo{display:block;flex:1 1 0;min-height:0;width:100%;object-fit:contain;background:#000}
.cinematicCredit{flex-shrink:0;text-align:center;font:11px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:8px 12px calc(8px + env(safe-area-inset-bottom));color:#c8d5de}
.cinematicCredit a{color:inherit;text-underline-offset:2px}
.cinematicCredit small{font-size:10px}
.cinematicError:not([hidden]){position:absolute;top:45%;left:8%;right:8%;text-align:center;padding:20px;border-radius:16px;background:#07151feb;font:15px/1.5 -apple-system,sans-serif}
.cinematicOpen{display:block;margin:18px auto 0;font-size:13px}
@media(max-height:450px){.cinematicTop{padding:4px 12px;font-size:14px}.cinematicTop button{min-height:36px;padding:6px 12px}.cinematicCredit{padding:3px 8px;font-size:9px}.cinematicCredit small{display:none}}