body.intro-playing{overflow:hidden}
#site-intro{position:fixed;inset:0;z-index:2147483647;background:#000;display:grid;place-items:center;opacity:1;transition:opacity .5s ease}
#site-intro.is-finished{opacity:0;pointer-events:none}
#intro-video{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;background:#000;cursor:pointer}
#intro-play{position:absolute;left:50%;bottom:max(30px,env(safe-area-inset-bottom));transform:translateX(-50%);white-space:nowrap;background:#050505dd;border:1px solid #999;border-radius:24px;color:#fff;padding:12px 20px;font:15px Arial,sans-serif;cursor:pointer}
#intro-play[hidden]{display:none}
#intro-skip{position:absolute;right:20px;bottom:20px;opacity:0;pointer-events:none;background:#050505;border:1px solid #999;border-radius:24px;color:#fff;padding:10px 18px}
#intro-skip:focus-visible,#site-intro.needs-play #intro-skip{opacity:1;pointer-events:auto}
#site-intro button:focus-visible{outline:2px solid #18ef16;outline-offset:4px}