:root{--bg:#050505;--surface:#0b0b0d;--secondary:#151519;--ink:#f5f5f5;--ink-2:#f5f5f5a8;--ink-3:#85858c;--line:#f5f5f524;--accent:#9cf2cf;--gutter:clamp(20px, 4vw, 60px);--ease:cubic-bezier(.22, 1, .36, 1);--sans:"Inter Tight", "Helvetica Neue", Arial, sans-serif;--mono:"Geist Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;margin:0;font-weight:300}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.mono{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:400}.soft{color:var(--ink-2)}#gl{touch-action:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#veil{pointer-events:none;background:radial-gradient(120% 90%,#06060800 50%,#06060899 100%),linear-gradient(90deg,#0606088c 0%,#06060800 42%);transition:opacity 1s;position:fixed;inset:0}.top{padding:24px var(--gutter);z-index:20;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.wordmark{letter-spacing:.34em;align-items:center;gap:13px;font-size:13px;font-weight:500;display:inline-flex}.wordmark img{width:24px;height:auto;display:block}.nav{align-items:center;gap:28px;display:flex}.nav a{color:var(--ink-2);transition:color .3s}.nav a:hover{color:var(--ink)}.nav-cta{border:1px solid var(--line);border-radius:999px;padding:9px 16px;transition:border-color .3s,background .3s;color:var(--ink)!important}.nav-cta:hover{background:#f2f2f00d;border-color:#f2f2f080}#rail{right:var(--gutter);z-index:20;flex-direction:column;gap:4px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}#rail button{color:var(--ink-3);opacity:.45;justify-content:flex-end;align-items:center;gap:12px;padding:4px 0;font-size:10px;transition:color .4s,opacity .4s;display:flex}#rail:hover button,#rail button.on{opacity:1}#rail .rl{opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease);white-space:nowrap;transform:translate(6px)}#rail .rn{text-align:right}#rail .rn:after{content:"";vertical-align:middle;opacity:.5;width:14px;height:1px;transition:width .4s var(--ease);background:currentColor;margin-left:8px;display:inline-block}#rail button:hover,#rail button.on{color:var(--ink)}#rail button:hover .rl,#rail:hover button.on .rl{opacity:1;transform:none}#rail button.on .rn:after{opacity:1;width:26px}.progress{left:var(--gutter);color:var(--ink-3);z-index:20;align-items:center;gap:12px;display:flex;position:fixed;bottom:24px}.progress-bar{background:var(--line);width:90px;height:1px;position:relative;overflow:hidden}.progress-bar i{background:var(--ink);transform-origin:0;transform:scaleX(var(--p,0));position:absolute;inset:0}.progress-n{color:var(--ink)}.hints{color:var(--ink-3);z-index:20;white-space:nowrap;gap:26px;transition:opacity .8s;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.hints span{align-items:center;gap:9px;display:inline-flex}.hints .k{opacity:.8;border:1px solid;border-radius:7px;width:12px;height:16px;display:inline-block;position:relative}.hints .k:after{content:"";background:currentColor;border-radius:1px;width:2px;height:4px;margin-left:-1px;position:absolute;top:3px;left:50%}.hints .k-scroll:after{animation:wheel 1.8s var(--ease) infinite}.hints .k-drag{border-radius:50%;width:16px;height:16px}.hints .k-drag:after{width:6px;height:1px;margin:0 0 0 -3px;animation:2.2s ease-in-out infinite drag;top:50%}.hints .k-click{background:currentColor;border:0;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #f2f2f01f}.hints .k-click:after{display:none}@keyframes wheel{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(6px)}to{opacity:0}}@keyframes drag{0%,to{transform:translate(-3px)}50%{transform:translate(3px)}}body.moved .hints{opacity:.5}body.panel-open .hints,body.panel-open #rail{opacity:0;pointer-events:none}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#hud,#notes{transition:opacity 1s var(--ease)}body.looping #hud,body.looping #notes{opacity:0;transition-duration:.45s}.ch{opacity:0;visibility:hidden;position:absolute}.ch.on{visibility:visible}.ch a,.ch button{pointer-events:auto}.ch-left{left:var(--gutter);max-width:min(540px,42vw);top:50%;transform:translateY(-50%)}.ch-center{text-align:center;padding:0 var(--gutter);top:50%;left:0;right:0;transform:translateY(-50%)}.ch-hero{text-align:center;padding:0 var(--gutter);bottom:7vh;left:0;right:0}.ch-center.ch-giant{top:auto;bottom:9vh;transform:none}.ch-center[data-ch=question]{top:14vh;transform:none}.ch-center[data-ch=question] .q-a,.ch-center[data-ch=question] .q-b{position:absolute;top:64vh;left:0;right:0}.ch-center[data-ch=question] .q-b{top:calc(64vh + 1.25em)}.ch-build{max-width:min(560px,42vw);top:auto;bottom:60px;transform:none}[data-at]{opacity:0;transition:opacity .9s var(--ease), transform 1.1s var(--ease);transform:translateY(14px)}[data-at].in{opacity:1;transform:none}.steps{height:150px;margin:26px 0 0;padding:0;list-style:none;position:relative}.steps [data-at]{position:absolute;top:0;left:0;right:0}.eyebrow{color:var(--ink-2);margin:0 0 22px}.idx{color:var(--ink-3);margin:0 0 20px}.display{letter-spacing:-.035em;margin:0;font-size:clamp(28px,3.4vw,56px);font-weight:300;line-height:1.02}.headline{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(30px,3.4vw,54px);font-weight:300;line-height:1.04}.headline-xl{font-size:clamp(32px,4.1vw,64px)}.giant{letter-spacing:-.045em;margin:0;font-size:clamp(44px,7vw,118px);font-weight:300;line-height:.98}.sub{color:var(--ink-2);letter-spacing:-.01em;margin:16px 0 0;font-size:clamp(17px,1.5vw,23px)}.body{color:var(--ink-2);max-width:42ch;margin:20px 0 0;font-size:clamp(15px,1.1vw,17px);line-height:1.55}.lede{letter-spacing:-.025em;margin:0;font-size:clamp(24px,2.4vw,38px);line-height:1.12}.aside{color:var(--ink-3);margin:26px 0 0}.stanza{margin:26px 0 0;padding:0;list-style:none}.stanza li{color:var(--ink-2);border-top:1px solid var(--line);padding:10px 0;font-size:clamp(16px,1.3vw,20px)}.steps b{letter-spacing:-.02em;margin:10px 0 8px;font-size:clamp(22px,2vw,30px);font-weight:400;display:block}.steps span:last-child{color:var(--ink-2);font-size:16px;line-height:1.5}.steps .n{color:var(--ink-3)}.flow{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:10px 14px;margin:24px 0 0;display:flex}.flow i{color:var(--ink-3);font-style:normal}.ctas{flex-wrap:wrap;gap:12px;margin:28px 0 0;display:flex}.btn{transition:background .35s ease, border-color .35s ease, color .35s ease, opacity .9s var(--ease), transform 1.1s var(--ease);border-radius:999px;align-items:center;margin-top:26px;padding:14px 20px;display:inline-flex}.ctas .btn{margin:0}.btn-primary{background:var(--ink);color:#0a0a0c}.btn-primary:hover{background:#fff}.btn-ghost{border:1px solid var(--line);color:var(--ink)}.btn-ghost:hover{background:#f2f2f00d;border-color:#f2f2f080}.foot{border-top:1px solid var(--line);margin-top:40px;padding-top:20px}.foot-line{letter-spacing:-.01em;margin:0 0 14px;font-size:17px}.foot-links{color:var(--ink-2);gap:22px;display:flex}.foot-links a:hover{color:var(--ink)}.foot-small{color:var(--ink-3);margin:14px 0 0;font-size:10px}#notes{pointer-events:none;z-index:9;position:fixed;inset:0;overflow:hidden}.note{visibility:hidden;will-change:transform, opacity;position:absolute;top:0;left:0}.note .dot{background:var(--ink);border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;left:-3px;box-shadow:0 0 12px #ffffffb3}.note .nt{white-space:nowrap;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);border-left:1px solid var(--line);padding-left:12px;font-size:11px;transition:color .3s;position:absolute;top:-8px;left:14px}.note .nt b{color:var(--ink);font-weight:500}.note .nt span{color:var(--ink-3);text-transform:none;letter-spacing:.02em;font-family:var(--sans);margin-top:5px;font-size:13px;display:block}.note .nt em{color:var(--ink-3);margin-right:10px;font-style:normal}.note.hot .nt{color:var(--ink)}.note.go{pointer-events:auto;cursor:pointer}.note.go .nt:hover{color:var(--ink)}.note.tag .nt{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);background:#08080ab8;border-radius:2px;padding:10px 14px;top:-50px}.note.claim .nt{font-family:var(--sans);text-transform:none;letter-spacing:-.005em;color:var(--ink);font-size:15px;top:-12px}.note.claim .nt em{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 4px;font-size:10px;display:block}.note.claim.left .nt{border-left:0;border-right:1px solid var(--line);text-align:right;padding:0 12px 0 0;left:auto;right:14px}.note.hint .dot{display:none}.note.hint .nt{color:var(--ink-2);border:0;align-items:center;gap:10px;padding:0;display:inline-flex;left:0;transform:translate(-50%)}.note.hint .hold-ring{border:1px solid var(--ink-2);border-radius:50%;width:14px;height:14px;animation:1.8s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}#panel-scrim{opacity:0;pointer-events:none;transition:opacity .6s var(--ease);z-index:40;background:#06060880;position:fixed;inset:0}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-left:1px solid var(--line);width:min(560px,100vw);transition:transform .8s var(--ease);z-index:41;-webkit-user-select:text;user-select:text;background:#0a0a0ceb;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}body.panel-open .panel{transform:none}body.panel-open #panel-scrim{opacity:1;pointer-events:auto}.panel-head{border-bottom:1px solid var(--line);color:var(--ink-3);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.panel-head button{color:var(--ink-2);letter-spacing:inherit;text-transform:inherit;font-size:inherit;align-items:center;gap:10px;display:inline-flex}.panel-head button i{border:1px solid var(--line);border-radius:3px;padding:2px 6px;font-size:9px;font-style:normal}.panel-body{padding:36px 32px 80px;overflow-y:auto}.panel-body .headline{font-size:38px}.flowv{color:var(--ink-2);flex-direction:column;gap:6px;margin:28px 0 10px;display:flex}.flowv i{color:var(--ink-3);font-style:normal}.panel section{border-top:1px solid var(--line);padding:22px 0}.panel section:first-of-type{margin-top:24px}.panel section .n{color:var(--ink-3);margin:0 0 10px}.panel section p:not(.n){color:var(--ink-2);margin:0;font-size:16px;line-height:1.6;transition:color .5s}.panel section.focus .n,.panel section.focus p:not(.n){color:var(--ink)}.code{border:1px solid var(--line);text-transform:none;letter-spacing:0;color:var(--ink-2);background:#f2f2f00a;border-radius:4px;margin:18px 0 0;padding:20px 22px;font-size:12.5px;line-height:1.7;overflow-x:auto}.code .c{color:var(--ink-3)}.code .kw{color:var(--ink)}.code .f{color:#fff}.code .s{color:#c9ccd8}#intro{pointer-events:none;z-index:50;padding:26px var(--gutter) 7vh;transition:opacity 1.4s var(--ease), visibility 0s linear 1.4s;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}body.entered #intro{opacity:0;visibility:hidden;pointer-events:none}.intro-top{color:var(--ink);justify-content:space-between;display:flex}.intro-top span:first-child{letter-spacing:.34em;font-weight:500}.intro-bottom{text-align:center;flex-direction:column;align-items:center;gap:26px;display:flex}.intro-line{letter-spacing:-.02em;opacity:0;transition:opacity 1.6s var(--ease) .6s, transform 1.6s var(--ease) .6s;margin:0;font-size:clamp(20px,2vw,30px);font-weight:300;transform:translateY(10px)}body.ready .intro-line{opacity:1;transform:none}.intro-load{color:var(--ink-3);align-items:center;gap:14px;transition:opacity .6s;display:flex}.intro-bar{background:var(--line);width:140px;height:1px;position:relative;overflow:hidden}.intro-bar i{background:var(--ink);transform-origin:0;transform:scaleX(var(--load,0));transition:transform .3s;position:absolute;inset:0}body.ready .intro-load{display:none}.enter{border:1px solid var(--line);color:var(--ink);opacity:0;pointer-events:none;transition:opacity 1.2s var(--ease) 1.6s, background .35s ease, border-color .35s ease, color .35s ease;border-radius:999px;align-items:center;gap:12px;padding:15px 26px;display:inline-flex}.enter i{color:var(--ink-3);font-style:normal}body.ready .enter{opacity:1;pointer-events:auto}.enter:hover{background:var(--ink);color:#0a0a0c;border-color:var(--ink)}.enter:hover i{color:#0a0a0c}.intro-how{opacity:0;margin:0;transition:opacity 1.2s 2.2s}body.ready .intro-how{opacity:1}body:not(.entered) .top,body:not(.entered) #rail,body:not(.entered) .progress,body:not(.entered) .hints{opacity:0;pointer-events:none}.top,#rail,.progress{transition:opacity 1.2s var(--ease)}body.failed #boot:after{content:"The world could not load. Refresh the page.";color:var(--ink);margin-top:14px;display:block}@media (max-width:820px){.nav a:not(.nav-cta):not(.nav-app),#rail,.hints{display:none}.ch-left,.ch-build{max-width:none;top:auto;bottom:64px;right:var(--gutter);transform:none}#veil{background:linear-gradient(#06060800 45%,#060608d9 100%)}.body,.ch-build .flow,.note .nt span{display:none}.note .nt{letter-spacing:.1em;font-size:9.5px}.note:not(.left) .nt{text-overflow:ellipsis;max-width:38vw;overflow:hidden}.steps{height:120px}.intro-top span:last-child{display:none}}@media (prefers-reduced-motion:reduce){[data-at]{transition-duration:10ms}}body.has-cursor,body.has-cursor #gl,body.has-cursor a,body.has-cursor button{cursor:none}body.has-cursor .panel,body.has-cursor .panel *{cursor:auto}#cursor{pointer-events:none;z-index:60;position:fixed;inset:0}#cursor.away{opacity:0}.c-dot{background:var(--ink);mix-blend-mode:difference;border-radius:50%;width:5px;height:5px;position:absolute;top:-2.5px;left:-2.5px}.c-ring{width:36px;height:36px;transition:width .35s var(--ease), height .35s var(--ease), left .35s var(--ease), top .35s var(--ease), opacity .3s ease;opacity:.55;position:absolute;top:-18px;left:-18px}.c-ring svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.c-ring circle{fill:none;stroke-width:1px;vector-effect:non-scaling-stroke}.c-track{stroke:#f5f5f573}.c-fill{stroke:var(--accent);stroke-dasharray:125.7;stroke-dashoffset:calc(125.7 * (1 - var(--hold,0)))}.c-label{color:var(--ink-2);letter-spacing:.18em;opacity:0;white-space:nowrap;font-size:9px;transition:opacity .3s;position:absolute;top:0;left:0}#cursor[data-state=hold] .c-ring{opacity:1;width:54px;height:54px;top:-27px;left:-27px}#cursor[data-state=click] .c-ring,#cursor[data-state=turn] .c-ring{opacity:0}#cursor[data-state=drag] .c-ring{opacity:1;width:24px;height:24px;top:-12px;left:-12px}#cursor[data-state=click] .c-label,#cursor[data-state=turn] .c-label,#cursor[data-state=hold] .c-label,#cursor[data-state=drag] .c-label{opacity:1}#cursor.on-link .c-ring{opacity:.9;width:16px;height:16px;top:-8px;left:-8px}#cursor.on-link .c-label{opacity:0}.sound{height:14px;color:var(--ink-2);align-items:flex-end;gap:2px;padding:0 2px;display:inline-flex}.sound i{background:currentColor;width:2px;height:3px;transition:height .3s;display:block}.sound .sx{margin-left:9px;line-height:14px}body.sound-on .sound{color:var(--ink)}body.sound-on .sound i{animation:1.2s ease-in-out infinite eq}body.sound-on .sound i:nth-child(2){animation-delay:.2s}body.sound-on .sound i:nth-child(3){animation-delay:.45s}body.sound-on .sound i:nth-child(4){animation-delay:.1s}@keyframes eq{0%,to{height:3px}50%{height:12px}}#boot{width:min(420px,80vw);color:var(--ink-3);transition:opacity 1s var(--ease);position:absolute;top:50%;left:50%;transform:translate(-50%,70px)}body.ready #boot{opacity:0}.boot-lines p{opacity:0;align-items:center;gap:12px;margin:0 0 10px;transition:opacity .6s;display:flex}.boot-lines p.on{opacity:1}.b-name{color:var(--ink);min-width:9.5em}.b-rule{background:var(--line);flex:1;height:1px}.b-state{text-align:right;min-width:7em}.boot-lines p.done .b-state{color:var(--accent)}.boot-bar{background:var(--line);height:1px;margin-top:16px;overflow:hidden}.boot-bar i{background:var(--ink);transform-origin:0;height:100%;transition:transform .4s;display:block;transform:scaleX(0)}.enters{gap:12px;display:flex}.enter-ghost{color:var(--ink-2)}body.ready .enter-ghost{transition-delay:1.8s}.note.left .nt{border-left:0;border-right:1px solid var(--line);text-align:right;padding:0 12px 0 0;left:auto;right:14px}.note.accent .dot{background:var(--accent);box-shadow:0 0 14px var(--accent)}.note.accent .nt b,.note.claim .nt em{color:var(--accent)}.note.claim .dot{background:var(--accent);box-shadow:0 0 12px var(--accent)}.note.app .nt span,.note.layer .nt span{display:block}.btn,.enter,.nav-cta{transition:transform .35s var(--ease), background .35s ease, border-color .35s ease, color .35s ease, opacity .9s var(--ease)}#intro button,#intro a{pointer-events:auto}.carousel{border-top:1px solid var(--line);max-width:400px;margin:34px 0 0;padding:20px 0 0}.cz-head{color:var(--ink-3);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;font-size:10px;display:flex}.cz-n{color:var(--ink-2)}.cz-title{letter-spacing:-.025em;color:var(--ink);margin:16px 0 0;font-size:clamp(26px,2.4vw,38px);font-weight:300}.cz-line{min-height:3em;color:var(--ink-2);margin:10px 0 0;font-size:15px;line-height:1.5}.cz-nav{align-items:center;gap:18px;margin:18px 0 0;display:flex}.cz-btn{border:1px solid var(--line);width:46px;height:46px;color:var(--ink);border-radius:50%;place-items:center;font-size:15px;transition:border-color .3s,background .3s;display:grid}.cz-btn:hover{background:#f2f2f00f;border-color:#f2f2f08c}.cz-dots{gap:7px;display:flex}.cz-dots i{background:var(--ink-3);opacity:.5;width:5px;height:5px;transition:all .4s var(--ease);border-radius:50%}.cz-dots i.on{background:var(--accent);opacity:1;border-radius:3px;width:18px}@media (max-width:820px){.carousel{margin-top:18px}.cz-line{min-height:0}}.claims{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin:26px 0 0;padding:0;font-size:11px;list-style:none}.claims li{border-top:1px solid var(--line);align-items:baseline;gap:14px;padding:9px 0;display:flex}.claims li i{color:var(--accent);font-style:normal}.claims li:after{content:"Verified";color:var(--accent);letter-spacing:.18em;margin-left:auto;font-size:9px}#realm{z-index:20;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;opacity:0;transition:opacity 1s var(--ease);pointer-events:none;align-items:baseline;gap:12px;font-size:10px;display:flex;position:fixed;top:31px;left:50%;transform:translate(-50%)}body.entered #realm{opacity:1}body.panel-open #realm{opacity:0}#realm .rm-name{color:var(--ink)}#realm .rm-line{text-transform:none;letter-spacing:.02em;font-family:var(--sans);color:var(--ink-3);font-size:12px}#realm .rm-line:before{content:"· "}#realm.enc .rm-name{color:var(--accent)}@media (max-width:820px){#realm{font-size:9px;top:66px}#realm .rm-line{display:none}}body.warming #gl,body.warming #hud,body.warming #notes,body.warming #realm,body.warming #rail,body.warming .progress{opacity:0!important;transition:none!important}
