html,body{height:100%;margin:0}body{color:#f2f2f2;background:#0b0b12;font-family:system-ui,sans-serif;overflow:hidden}header{z-index:2;pointer-events:none;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;position:fixed;top:0;left:0;right:0}header a,.brand{pointer-events:auto}nav a{color:#9fb4ff;font-size:.9rem;text-decoration:none}.brand{color:#e8e8f0;letter-spacing:.02em;margin:0;font-size:1rem;font-weight:600}main{width:100vw;height:100vh;position:relative}canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}canvas:focus-visible{outline-offset:-4px;outline:2px solid #9fb4ff}#invite{z-index:1;color:#c9c9d8;text-align:center;pointer-events:none;margin:0;font-size:1.1rem;transition:opacity .8s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#invite.hidden{opacity:0}