.intro{display:none}html[data-intro=play] .intro{z-index:var(--z-intro);place-items:center;animation:1.45s step-end both intro-overlay;display:grid;position:fixed;inset:0}.intro-curtain{background-color:var(--bg);animation:intro-wipe .45s var(--ease-in-out-quart) 1s both;position:absolute;inset:0}.intro-skip{inset-inline:0;bottom:max(2rem, env(safe-area-inset-bottom));width:max-content;margin-inline:auto;position:absolute}.intro-flight{animation:intro-fly .45s var(--ease-in-out-quart) 1s both}@keyframes intro-overlay{0%{visibility:visible}to{visibility:hidden}}@keyframes intro-wipe{0%{clip-path:polygon(-30% 0,130% 0,130% 100%,0 100%)}to{clip-path:polygon(100% 0,130% 0,130% 100%,130% 100%)}}@keyframes intro-fly{to{transform:translate(var(--intro-x,0px), var(--intro-y,0px)) scale(var(--intro-s,.4))}}