@font-face{font-family:plain;src:url(../media/Geist_Variable-s.p.175rzww1hghhr.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:plain Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.vIL5MG_className{font-family:plain,plain Fallback}.vIL5MG_variable{--font-plain:"plain", "plain Fallback"}
@font-face{font-family:mono;src:url(../media/GeistMono_Variable-s.p.29txv0wq9-da0.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:mono Fallback;src:local(Arial);ascent-override:76.43%;descent-override:22.43%;line-gap-override:0.0%;size-adjust:131.49%}._5LarcW_className{font-family:mono,mono Fallback}._5LarcW_variable{--font-mono:"mono", "mono Fallback"}
:root{--ink:#1d2b24;--mist:#eef2ee;--signal:#ffc45c}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;width:100%;height:100%;color:var(--mist);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;-webkit-font-smoothing:antialiased;background:#c5cfcb;font-size:12px;overflow:hidden}.experience{--lit:0;--hud:color-mix(in srgb, var(--ink), var(--mist) calc(var(--lit) * 100%));--back:color-mix(in srgb, var(--mist), var(--ink) calc(var(--lit) * 100%));--halo:color-mix(in srgb, #eef2ee80, #14231cbf calc(var(--lit) * 100%));--mark:color-mix(in srgb, #a9620a, var(--signal) calc(var(--lit) * 100%));color:var(--hud)}.stage{touch-action:none;position:fixed;inset:0;overflow:hidden}.stage canvas{display:block}.frame{z-index:8;pointer-events:none;position:fixed;inset:14px}.frame i{border:0 solid;width:16px;height:16px;position:absolute}.frame i:first-child{border-width:1px 0 0 1px;top:0;left:0}.frame i:nth-child(2){border-width:1px 1px 0 0;top:0;right:0}.frame i:nth-child(3){border-width:0 1px 1px 0;bottom:0;right:0}.frame i:nth-child(4){border-width:0 0 1px 1px;bottom:0;left:0}@property --on{syntax:"<number>";inherits:false;initial-value:0}.key{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;--corner:currentColor;--fill:var(--hud);--arm:calc(7px + 4px * var(--on));background:linear-gradient(var(--corner), var(--corner)) 0 0 / var(--arm) 1px, linear-gradient(var(--corner), var(--corner)) 0 0 / 1px var(--arm), linear-gradient(var(--corner), var(--corner)) 100% 0 / var(--arm) 1px, linear-gradient(var(--corner), var(--corner)) 100% 0 / 1px var(--arm), linear-gradient(var(--corner), var(--corner)) 0 100% / var(--arm) 1px, linear-gradient(var(--corner), var(--corner)) 0 100% / 1px var(--arm), linear-gradient(var(--corner), var(--corner)) 100% 100% / var(--arm) 1px, linear-gradient(var(--corner), var(--corner)) 100% 100% / 1px var(--arm), linear-gradient(var(--fill), var(--fill)) 50% 50% / calc((100% - 10px) * var(--on)) calc(100% - 10px);background-repeat:no-repeat;border:0;padding:1.05em 1.5em;transition:--on .16s cubic-bezier(.2,1,.3,1),color 0s 40ms}.key:hover,.key:focus-visible{color:var(--back);text-shadow:none;--corner:color-mix(in srgb, var(--ink), var(--signal) calc(var(--lit) * 100%));--on:1;outline:none}.signature,.readout,.reticle,.rail,.keys,.scroll-hint,.ending{z-index:8;text-shadow:0 0 3px var(--halo), 0 0 14px var(--halo);position:fixed}.frame,.reticle svg,.rail{filter:drop-shadow(0 0 2px var(--halo))}.frame,.signature,.readout,.reticle,.rail,.keys{animation:1.6s ease-out both soft-in}.signature{color:inherit;align-items:center;gap:.8em;text-decoration:none;transition:opacity .15s;display:flex;top:34px;right:36px}.signature svg{fill:none;stroke:currentColor;stroke-width:1.1px;width:1.05em;height:1.05em;filter:drop-shadow(0 0 2px var(--halo))}.signature:hover{opacity:.7}.readout{pointer-events:none;font-variant-numeric:tabular-nums;gap:.5em;display:grid;top:34px;left:36px}.readout div{gap:1.2em;display:flex}.readout dt{opacity:.62;width:3.6em}.reticle{pointer-events:none;width:0;height:0;transition:opacity .8s;top:0;left:0}.reticle.is-off{opacity:0}.reticle svg{fill:none;stroke:currentColor;width:30vmin;height:30vmin;position:absolute;top:-15vmin;left:-15vmin;overflow:visible}.reticle path{vector-effect:non-scaling-stroke;stroke-width:1px}.reticle-ticks{stroke:var(--mark)}.reticle span{white-space:nowrap;position:absolute;top:calc(15vmin + .9em);left:-15vmin}.rail{border-right:1px solid;width:11px;top:24vh;bottom:24vh;right:36px}.rail i{opacity:.7;background:currentColor;width:4px;height:1px;position:absolute;right:0}.rail i:nth-child(4n+1){width:9px}.rail b{background:var(--mark);width:22px;height:1px;position:absolute;right:-1px}.keys{gap:.9rem;display:flex;bottom:34px;right:36px}.scroll-hint{pointer-events:none;transition:opacity .8s;animation:1.6s ease-out .6s both soft-in;bottom:11vh;left:50%;translate:-50%}.scroll-hint:after{content:"";background:var(--mark);transform-origin:top;width:1px;height:22px;margin:.9em auto 0;animation:1.6s ease-in-out infinite plumb;display:block}.ending{opacity:0;visibility:hidden;flex-direction:column;align-items:center;gap:1.4rem;transition:opacity 1.4s,visibility 0s 1.4s;display:flex;bottom:12vh;left:50%;translate:-50%}.ending.is-on{opacity:1;visibility:visible;transition:opacity 1.8s .8s}.ending p,.veil h1,.loader-name{font-family:var(--font-plain), system-ui, sans-serif;letter-spacing:-.035em;text-transform:none;font-weight:500;line-height:1.02}.ending p{white-space:nowrap;font-size:clamp(1.9rem,3.4vw,3.4rem)}@keyframes soft-in{0%{opacity:0;filter:blur(6px)}}@keyframes plumb{0%,to{scale:1 .25}50%{scale:1}}.veil{z-index:20;text-align:center;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;padding:24px;display:flex;position:fixed;inset:0}.veil.is-waiting{cursor:default}.veil .frame{filter:none;animation:none}.veil-haze{z-index:-1;background:radial-gradient(at 50% 48%,#eef2ee8c,#eef2ee00);position:absolute;inset:0}.veil h1{max-width:16em;font-size:clamp(2.6rem,6.4vw,6.6rem)}.veil h1 .word{white-space:nowrap;display:inline-block}.veil h1 .ch{white-space:pre;opacity:0;display:inline-block}.veil .key{--fill:var(--ink)}.veil .key:hover,.veil .key:focus-visible{color:var(--mist);--corner:var(--ink)}.veil .enter{opacity:0;cursor:inherit;margin-top:.6rem}.veil-hint{opacity:0}.loader{background:radial-gradient(at 50% 42%,#e3e9e5 0%,#c5cfcb 70%,#b3bfba 100%);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.loader-card{flex-direction:column;align-items:center;max-width:30rem;display:flex}.loader-name{font-size:clamp(3rem,7vw,6rem)}.loader-about{margin-top:1.6rem;line-height:1.7}.loader-bar{background:#1d2b2438;width:min(24rem,78vw);height:1px;margin-top:2.4rem}.loader-bar i{background:var(--ink);transform-origin:0;height:3px;margin-top:-1px;display:block}.loader-line{font-variant-numeric:tabular-nums;justify-content:space-between;width:min(24rem,78vw);margin-top:.9rem;display:flex}.credits-toggle{animation:.6s ease-out 2.8s both soft-in;position:fixed;bottom:34px;left:50%;translate:-50%}.credits{z-index:9;text-align:left;width:min(32rem,100vw - 32px);color:var(--mist);text-shadow:none;cursor:default;-webkit-backdrop-filter:blur(14px);background:#14201b80;border:1px solid #eef2ee80;padding:1.3rem 1.5rem;line-height:1.7;position:fixed;bottom:86px;left:50%;translate:-50%}.credits-pop .credits{left:auto;right:36px;translate:none}.credits p+p{letter-spacing:.01em;text-transform:none;margin-top:.8em}.credits a{color:inherit;text-underline-offset:3px}@media (max-width:640px){html,body{font-size:11px}.signature,.readout{top:max(28px, env(safe-area-inset-top))}.readout{left:28px}.signature,.keys,.rail{right:28px}.keys{bottom:max(28px, env(safe-area-inset-bottom))}.reticle svg{width:42vmin;height:42vmin;top:-21vmin;left:-21vmin}.reticle span{top:calc(21vmin + .9em);left:-21vmin}.credits-pop .credits{width:auto;left:16px;right:16px}}
