dialog.intro-cinema{position:fixed;inset:0;margin:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;padding:0;border:0;background:#05090b;overflow:hidden;color:#e8efe9}
dialog.intro-cinema[open]{display:grid;place-items:center}
dialog.intro-cinema::backdrop{background:#05090b}
.intro-cinema video{display:block;width:100%;height:100%;object-fit:contain}
.intro-cinema .intro-cinema-close{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));bottom:auto;min-height:48px;min-width:112px;padding:12px 22px;border:1px solid #ffffff50;border-radius:8px;background:#0c1418e8;color:#e8efe9;font:600 16px system-ui;cursor:pointer}
.intro-cinema-close:focus-visible{outline:2px solid #f1cb64;outline-offset:3px}

.intro-cinema-sound{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));min-height:48px;padding:12px 22px;border:1px solid #f4cf63;border-radius:8px;background:#102631ee;color:#f4cf63;font:600 16px system-ui;cursor:pointer}
.intro-cinema-sound:focus-visible{outline:3px solid white;outline-offset:3px}
.intro-cinema .caption-error{position:absolute;bottom:70px;inset-inline:20px;text-align:center;background:#102631ee;padding:12px}
.intro-cinema video::cue{font-family:Arial,sans-serif;font-size:1.1em;background:#05121dea;color:white}