.intro-splash{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#040b12;color:#fff;opacity:1;transition:opacity .22s ease}.intro-splash[hidden]{display:none!important}.intro-splash.is-leaving{opacity:0;pointer-events:none}.intro-mark{width:min(360px,65vw);text-align:center;animation:intro-mark-in 1.3s cubic-bezier(.2,.7,.2,1) both}.intro-mark img{width:100%;height:auto;display:block;filter:drop-shadow(0 0 18px #5cb8da18)}.intro-line{display:block;width:64px;height:1px;background:#78c7e0;margin:30px auto 0;transform-origin:center;animation:intro-line-in 2.6s ease both}.intro-audio,.intro-skip{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));border:1px solid #4b616e;border-radius:999px;padding:9px 16px;background:transparent;color:#c7d6e0;font:13px/1.3 Arial,sans-serif;cursor:pointer}.intro-audio{left:28px}.intro-skip{right:28px}.intro-audio:focus-visible,.intro-skip:focus-visible{outline:2px solid #8fdcf7;outline-offset:4px}.intro-splash~*{--intro-present:1}@keyframes intro-mark-in{from{opacity:0;transform:scale(.93);filter:blur(5px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes intro-line-in{from{opacity:0;transform:scaleX(0)}40%{opacity:1}to{opacity:1;transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.intro-mark,.intro-line{animation:none}.intro-splash{transition:none}}
