/* Заставка логотипа: отдельный изолированный слой, без сдвига содержимого сайта.
   Занавес ставится крошечным скриптом в голове страницы, до загрузки картинок. */
html.intro-pending { background:#100d15; }
html.intro-pending body { visibility:hidden; }
html.intro-pending body.intro-playing { visibility:visible; }
body.intro-playing { overflow:hidden; }
.intro-dialog { position:fixed; inset:0; margin:0; width:100vw; max-width:none; height:100dvh; max-height:none; padding:0; border:0; background:#100d15; color:#f5f1f8; overflow:hidden; }
.intro-dialog::backdrop { background:#100d15; }
.intro-stage { width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.intro-canvas { width:min(100%,1160px); height:auto; aspect-ratio:16/9; display:block; }
.intro-skip { position:absolute; right:max(24px,env(safe-area-inset-right)); bottom:max(28px,env(safe-area-inset-bottom)); min-height:46px; padding:10px 18px; border:1px solid #715281; color:#e9d9f2; background:none; font:14px 'Segoe UI',Arial,sans-serif; cursor:pointer; }
.intro-skip:focus-visible { outline:2px solid #d2a6ed; outline-offset:5px; }
.intro-caption { position:absolute; bottom:36px; left:32px; margin:0; color:#ab94ba; font:12px 'Segoe UI',Arial,sans-serif; letter-spacing:.13em; }
.intro-actions { display:flex; gap:10px; flex-wrap:wrap; }
@media(max-width:580px) { .intro-caption { left:18px; bottom:95px; font-size:11px; } .intro-skip { right:18px; } }
@media(prefers-reduced-motion:reduce) { .intro-dialog { animation:none!important; } }