:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f4efe4;background:#07070d;font-synthesis:none;--milk: #f4efe4;--gold: #e9ca78;--line: rgba(244, 239, 228, .19);--mono: ui-monospace, "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#07070d}button,a{color:inherit;font:inherit}button{cursor:pointer}#world{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.ink{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.ink path{fill:none;stroke:#f3cf78;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #ffd970) drop-shadow(0 0 12px rgba(255,205,92,.72));opacity:0;transition:opacity .65s ease}.weaving .ink path{opacity:.9;transition:none}.cursor-light{position:fixed;z-index:11;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;opacity:0;border:1px solid rgba(255,238,187,.9);border-radius:50%;background:#f4ce75;box-shadow:0 0 7px #f4ce75,0 0 26px #f4ce75b8;pointer-events:none;transition:opacity .3s,transform .2s}.started .cursor-light{opacity:.8}.weaving .cursor-light{transform:scale(1.8)}.threshold{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(24px,4vw,58px);background:linear-gradient(90deg,#05050aeb,#05050a99 46%,#05050a14 74%);transition:opacity 1.2s ease,transform 1.4s cubic-bezier(.16,.8,.2,1)}.threshold[hidden]{display:none}.threshold.is-leaving{opacity:0;transform:scale(1.035);pointer-events:none}.threshold__top{display:flex;justify-content:space-between;font:9px/1 var(--mono);letter-spacing:.19em;color:#f4efe47a}.threshold__copy{align-self:center;max-width:820px;margin-top:-2vh}.kicker{margin:0 0 22px;font:10px/1 var(--mono);letter-spacing:.28em;color:var(--gold)}h1{margin:0;font:300 clamp(58px,8vw,126px)/.85 Georgia,"Times New Roman",serif;letter-spacing:-.065em}h1 em{color:transparent;font-weight:400;-webkit-text-stroke:1px rgba(244,239,228,.66)}.intro{max-width:390px;margin:36px 0 48px;color:#f4efe49e;font:300 15px/1.6 Georgia,serif}#enter{display:flex;align-items:center;gap:48px;padding:15px 17px 15px 21px;border:1px solid rgba(244,239,228,.6);background:#07070d26;font:9px/1 var(--mono);letter-spacing:.15em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.25s ease}#enter i{display:grid;place-items:center;width:27px;height:27px;color:#14110a;background:var(--gold);font: 15px/1 serif}#enter:hover,#enter:focus-visible{color:#121009;background:var(--gold);outline:none;transform:translateY(-2px)}#enter:hover i{background:#121009;color:var(--gold)}.threshold__note{align-self:end;margin:0;font:8px/1 var(--mono);letter-spacing:.11em;color:#f4efe459}.threshold:not([hidden])~.blessing,.threshold:not([hidden])~.cursor-light{opacity:0!important}.veil{position:fixed;z-index:4;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 51% 42%,transparent 15%,rgba(3,3,8,.08) 52%,rgba(1,1,4,.68) 125%)}.grain{position:fixed;z-index:15;top:-40%;right:-40%;bottom:-40%;left:-40%;opacity:.055;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");animation:grain .3s steps(2) infinite}@keyframes grain{25%{transform:translate(3%,-2%)}50%{transform:translate(-3%,3%)}75%{transform:translate(2%,2%)}}.hud{opacity:0;transition:opacity .8s ease,transform .8s ease;pointer-events:none}body:not(.started) .hud,.threshold:not([hidden])~.hud{visibility:hidden;opacity:0!important}.started .hud{visibility:visible;opacity:1;pointer-events:auto}.hud--top{position:fixed;z-index:12;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:25px 30px;border-bottom:1px solid var(--line)}.wordmark{display:flex;gap:11px;align-items:center;color:inherit;text-decoration:none;font:500 9px/1 var(--mono);letter-spacing:.18em}.wordmark i{width:10px;height:10px;border:1px solid var(--gold);border-radius:50%;box-shadow:0 0 14px var(--gold),inset 0 0 0 2px #08080d;background:var(--gold)}.location{display:flex;gap:17px;margin:0;font:8px/1 var(--mono);letter-spacing:.12em;color:#f4efe46b}.location b{color:var(--gold);font-weight:400}.text-button{padding:0;border:0;background:none;font:8px/1 var(--mono);letter-spacing:.12em}.text-button:hover,.text-button:focus-visible{color:var(--gold);outline:none}#sound{justify-self:end}.meter{position:fixed;z-index:12;top:105px;left:30px;width:96px}.meter>p{margin:0 0 13px;font:7px/1 var(--mono);letter-spacing:.15em;color:#f4efe461}.meter__marks{display:flex;gap:4px}.meter__marks i{display:block;width:8px;height:2px;background:#f4efe42e;transition:.5s ease}.meter__marks i.on{background:var(--gold);box-shadow:0 0 8px #e9ca78a6}.meter strong{display:block;margin-top:8px;font:300 21px/1 Georgia,serif}.meter small{color:#f4efe459;font-size:9px}.prompt{position:fixed;z-index:11;top:50%;left:50%;width:min(540px,80vw);text-align:center;transform:translate(-50%,calc(-50% + 20px));transition:opacity .6s,transform .8s}.started .prompt{transform:translate(-50%,-50%)}.prompt.faded{opacity:0;transform:translate(-50%,calc(-50% - 16px))}.prompt__eyebrow{display:flex;justify-content:center;align-items:center;gap:9px;margin:0 0 12px;color:var(--gold);font:7px/1 var(--mono);letter-spacing:.2em}.prompt__eyebrow span{width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);animation:pulse 2s ease-in-out infinite}.prompt h2{margin:0;font:italic 300 clamp(28px,4vw,56px)/1 Georgia,serif;letter-spacing:-.035em}.prompt>p:last-child{margin:13px 0 0;color:#f4efe46e;font:9px/1.5 var(--mono);letter-spacing:.05em}@keyframes pulse{50%{opacity:.28;transform:scale(.7)}}.gesture{position:fixed;z-index:11;right:29px;top:50%;display:flex;flex-direction:column;align-items:center;gap:9px;transform:translateY(-50%);color:#f4efe457;font:7px/1 var(--mono);letter-spacing:.16em}.gesture i{display:block;width:1px;height:72px;background:linear-gradient(var(--line),var(--gold),var(--line))}.weaving .gesture{color:var(--gold)}.hud--bottom{position:fixed;z-index:12;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:21px 30px 25px;border-top:1px solid var(--line)}.hud--bottom p{display:flex;gap:9px;align-items:center;margin:0;color:#f4efe459;font:7px/1 var(--mono);letter-spacing:.1em}.hud--bottom p span{color:#f4efe4bf}.hud--bottom p i{width:2px;height:2px;margin:0 5px;background:#f4efe459}.hud--bottom>div{display:flex;gap:25px}kbd{margin-left:6px;padding:4px 5px;border:1px solid var(--line);border-radius:2px;font:inherit}.blessing{position:fixed;z-index:18;left:50%;bottom:92px;display:grid;gap:5px;min-width:220px;padding:13px 17px;opacity:0;transform:translate(-50%,15px);text-align:center;color:#18130a;background:var(--gold);transition:.5s ease;pointer-events:none}.blessing.show{opacity:1;transform:translate(-50%)}.blessing span{font:7px/1 var(--mono);letter-spacing:.17em}.blessing strong{font:italic 400 19px/1.2 Georgia,serif}.ui-hidden .hud,.ui-hidden .grain{opacity:0!important;pointer-events:none!important}.ui-hidden .cursor-light{opacity:0!important}@media (max-width: 700px){.threshold{padding:24px 20px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(0deg,#05050ae8,#05050a29)}.threshold__top span:last-child{display:none}.threshold__copy{align-self:end;margin-bottom:12vh}h1{font-size:clamp(54px,17vw,84px)}.intro{margin:26px 0 34px}.hud--top{grid-template-columns:1fr auto;padding:19px 17px}.location{display:none}.meter{top:82px;left:17px}.gesture{right:16px}.prompt{top:44%;width:86vw}.prompt>p:last-child{max-width:260px;margin:12px auto 0}.hud--bottom{padding:16px 17px calc(19px + env(safe-area-inset-bottom))}.hud--bottom p{display:none}.hud--bottom>div{width:100%;justify-content:space-between}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}