#intro-film{box-sizing:border-box;width:min(960px,96vw);max-width:960px;max-height:94dvh;padding:0;border:1px solid #9b8657;border-radius:14px;background:#09111a;color:#f6eddb;overflow:auto}
#intro-film::backdrop{background:rgba(3,8,13,.94)}
#intro-film [hidden]{display:none!important}
#intro-film .intro-film-welcome{box-sizing:border-box;min-height:min(590px,85dvh);padding:clamp(24px,6vw,64px);display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center}
#intro-film h1{font-family:Georgia,serif;font-size:clamp(32px,6vw,62px);line-height:1.1;color:#fff0d1;margin:0;text-shadow:0 2px 8px #000}
#intro-film p{color:#eee5d5;font-size:16px}
#intro-film .intro-film-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
#intro-film button{min-height:48px;padding:12px 22px;font-size:16px;border:1px solid #c0a363;border-radius:7px;background:#172638;color:#fff4db;cursor:pointer}
#intro-film [data-intro-play],#intro-film [data-intro-skip]{background:#ebcd88;color:#14202e;font-weight:700}
#intro-film button:focus-visible,#intro-film a:focus-visible{outline:3px solid #fff;outline-offset:3px}
#intro-film .intro-film-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#09111a;padding:12px}
#intro-film [role=status]{font-size:14px;flex:1;min-width:140px}
#intro-film video{display:block;width:100%;max-height:calc(94dvh - 145px);background:#000;object-fit:contain}
#intro-film .intro-film-credit{padding:0 14px;font-size:11px;line-height:1.4;color:#bfc5cd}
#intro-film a{color:#ead29b}
@media(max-height:450px){#intro-film .intro-film-welcome{min-height:85dvh;padding:20px}#intro-film h1{font-size:30px}#intro-film .intro-film-actions{margin-top:0}#intro-film .intro-film-welcome p{margin:8px 0}}

#intro-film .creator-credit{font-size:13px;line-height:1.7;color:#d1d9dc;max-width:640px;margin:12px auto 22px}#intro-film .creator-credit a{color:#f2d28e}