html,body{background:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#app{width:100vw;height:100vh}canvas{display:block}#intro{text-align:center;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;padding:17vh 24px 0;font-family:system-ui,Segoe UI,Roboto,sans-serif;transition:opacity .5s;display:flex;position:fixed;inset:0}#intro h1{opacity:0;margin:0;transition:opacity 1s,transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}#intro p{opacity:0;margin:0}#intro p.ready{opacity:1}#intro .line{display:block}#intro .word{opacity:0;transition:opacity .75s,transform .75s cubic-bezier(.16,1,.3,1);display:inline-block;transform:translateY(20px)}#intro .word.in{opacity:1;transform:none}#intro h1{text-transform:uppercase;color:#a3abb8eb;font-size:clamp(13px,1.25vw,17px);font-weight:700}#intro p{letter-spacing:-.015em;color:#fff;text-shadow:0 0 45px #78b4ff73;max-width:min(92vw,940px);font-size:clamp(26px,3.7vw,54px);font-weight:300;line-height:1.12}#intro.visible h1{opacity:1;transform:none}