html:has(.intro-film[open]){overflow:hidden;scrollbar-gutter:stable}
.intro-film{width:min(960px,calc(100vw - 32px),calc((100dvh - 40px)*16/9));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:0;border-radius:18px;background:#081525;color:white;box-shadow:0 28px 100px #071a3459;overflow:visible}
.intro-film::backdrop{background:rgb(10 25 44 / .58);backdrop-filter:blur(8px)}
.intro-film-player{position:relative;border-radius:inherit;overflow:hidden;background:#081525}
.intro-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#081525}
.intro-film button{font-family:inherit;cursor:pointer}
.intro-film-close{position:absolute;z-index:2;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff80;border-radius:50%;background:rgb(255 255 255 / .9);color:#152d4d;box-shadow:0 3px 16px #071a3426;backdrop-filter:blur(8px)}
.intro-film-close svg{width:21px;height:21px}
.intro-film-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);align-items:center;gap:14px;padding:14px 22px;border:1px solid #ffffff80;border-radius:40px;background:#fff;color:#152d4d;font-size:15px;font-weight:600;box-shadow:0 6px 30px #0004;white-space:nowrap}
.intro-film-start:not([hidden]){display:flex}
.intro-film button:focus-visible{outline:3px solid #4b93df;outline-offset:3px}
.intro-film-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:600px){.intro-film{width:min(calc(100vw - 24px),calc((100dvh - 32px)*16/9));border-radius:14px}.intro-film-close{top:8px;right:8px}}