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}.cta-row{pointer-events:auto;opacity:0;gap:12px;margin-top:10px;transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(14px)}#intro.cta-visible .cta-row{opacity:1;transform:none}.cta{appearance:none;letter-spacing:.01em;color:#eaf4ffeb;-webkit-backdrop-filter:blur(20px)saturate(160%);cursor:pointer;background:#10121680;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;padding:11px 26px;font:600 13px/1 Segoe UI,system-ui,sans-serif;text-decoration:none;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 8px 24px #0006}.cta:hover{border-color:#ffffff4d;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff1f,0 10px 30px #00000080}.cta:active{transform:translateY(0)}.cta:focus-visible{outline-offset:2px;outline:2px solid #8fc4ffa6}.cta-primary{background:#1a1e2699}.cta-primary:hover{background:#8fc4ff24;border-color:#8fc4ff73;box-shadow:inset 0 1px #ffffff1f,0 10px 30px #5aa0ff40}.cta-secondary{background:#ffffff0b}.cta-secondary:hover{background:#ffffff17}#variants{z-index:5;justify-content:center;gap:14px;display:flex;position:fixed;bottom:14px;left:0;right:0}#variants a{letter-spacing:.08em;text-transform:uppercase;color:#96a0b48c;font-family:system-ui,Segoe UI,sans-serif;font-size:10px;text-decoration:none;transition:color .25s}#variants a:hover{color:#dce8f5e6}#variants a[aria-current=page]{color:#eaf4ff}#hud{z-index:5;position:fixed;top:12px;right:14px}#hud button{appearance:none;color:#aab6c8bf;letter-spacing:.08em;cursor:pointer;background:#0a0e168c;border:1px solid #96a5be47;border-radius:3px;margin:0;padding:5px 9px;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;transition:color .15s,border-color .15s,background-color .15s}#hud button:hover{color:#eef4fcf2;background:#121824b3;border-color:#b4c8e680}#hud button.ok{color:#9ff0c4;border-color:#78dcaa80}