:root{--bg: #050508;--ink: #e6e6f0;--mid: #8a8a9e;--dim: #4a4a5e;--hair: rgba(230, 230, 240, .08);--signal: #9ef3e4;--signal-muted: rgba(158, 243, 228, .72);--sans: "Space Grotesk", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg)}body{color:var(--mid);font:300 16px/1.6 var(--sans);letter-spacing:.02em;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}::selection{background:#9ef3e440;color:var(--ink)}a:focus-visible{outline:1px solid var(--signal);outline-offset:4px}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-4%,3%)}66%{transform:translate(3%,-2%)}to{transform:translate(-2%,4%)}}main,footer{position:relative;z-index:2}@keyframes fade{to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}.hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;transition:opacity .6s ease,filter .6s ease}.scan{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 52% 48% at 50% 52%,#050508d1,#05050873 62%,#05050800),linear-gradient(rgba(5,5,8,0) 70%,var(--bg))}.hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:72px 16px 104px;text-align:center}.mark{position:relative;width:clamp(96px,14vw,140px);aspect-ratio:1}.mark-electric{position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%}.sigil{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 18px rgba(158,243,228,.12));transition:opacity 1.4s ease}.mark.live .sigil{opacity:0}.sigil .hex{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round;stroke-dasharray:230;stroke-dashoffset:230;animation:draw 2.4s cubic-bezier(.6,0,.2,1) .2s forwards}.sigil .spokes line{stroke:var(--ink);stroke-width:.7;opacity:0;animation:spoke 1.4s ease 1.6s forwards}.sigil .core{fill:var(--ink);opacity:0;animation:core 3.6s ease-in-out 2.4s infinite}@keyframes draw{to{stroke-dashoffset:0}}@keyframes spoke{to{opacity:.4}}@keyframes core{0%,to{opacity:.35;r:3.2}50%{opacity:.85;r:4}}.scroll-cue{position:absolute;z-index:2;bottom:24px;left:50%;transform:translate(-50%);width:40px;height:56px;opacity:0;animation:fade 1.4s ease 5.4s forwards}.scroll-cue span{position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(var(--hair),var(--mid))}.scroll-cue span:after{content:"";position:absolute;left:-2px;width:5px;height:5px;border-radius:50%;background:var(--signal);animation:fall 2.6s ease-in-out infinite}@keyframes fall{0%{top:0;opacity:0}20%{opacity:1}to{top:100%;opacity:0}}.wordmark{margin:26px -.62em 0 0;font:400 clamp(26px,4.6vw,44px)/1 var(--sans);letter-spacing:.62em;color:var(--ink)}.sub{margin:18px -.42em 0 0;font:300 clamp(9.5px,1.6vw,11px)/1.6 var(--mono);letter-spacing:.42em;color:var(--mid);opacity:0;animation:fade 1.6s ease 2.2s forwards}.headline{margin:clamp(48px,9vh,88px) 0 0;font:300 clamp(24px,4.2vw,40px)/1.25 var(--sans);letter-spacing:.01em;color:var(--ink);opacity:0;animation:rise 1.6s cubic-bezier(.2,.8,.2,1) 2.5s forwards}.residual{margin:14px 0 0;font:300 clamp(17px,2.5vw,24px)/1.35 var(--sans);letter-spacing:.01em;color:var(--signal-muted);opacity:0;animation:rise 1.6s cubic-bezier(.2,.8,.2,1) 3.4s forwards}.enter{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:clamp(40px,7vh,64px);padding:0 22px;font:400 13px/1 var(--mono);letter-spacing:.32em;color:var(--ink);text-decoration:none;border:1px solid rgba(230,230,240,.18);opacity:0;animation:fade 1.2s ease 4.2s forwards;transition:color .4s ease,border-color .4s ease,background .4s ease}.enter-label{margin-right:-.32em}.enter:focus-visible{opacity:1;animation:none}.enter-trace{position:absolute;left:-1px;bottom:-1px;height:1px;width:0;background:var(--signal);box-shadow:0 0 10px var(--signal)}.enter:hover,.enter:focus-visible{color:var(--signal);border-color:#9ef3e473;background:#9ef3e40a}.enter:hover .enter-trace,.enter:focus-visible .enter-trace{animation:trace 1.1s cubic-bezier(.5,0,.2,1) forwards}.enter:hover .enter-label,.enter:focus-visible .enter-label{animation:blink .32s steps(2) 2}@keyframes trace{0%{width:0;opacity:1}80%{width:calc(100% + 2px);opacity:1}to{width:calc(100% + 2px);opacity:.35}}@keyframes blink{50%{opacity:.45}}.meta{margin:22px -.3em 0 0;font:300 10.5px/1.6 var(--mono);letter-spacing:.3em;color:var(--mid);opacity:0;animation:fade 1.2s ease 4.7s forwards}.sound-toggle{position:fixed;z-index:20;top:12px;right:12px;min-height:40px;padding:0 12px;background:#0505088c;border:1px solid var(--hair);color:var(--mid);font:300 10px/1 var(--mono);letter-spacing:.24em;cursor:pointer;opacity:0;animation:fade 1.2s ease 2.4s forwards;transition:color .3s,border-color .3s}.sound-toggle:hover,.sound-toggle:focus-visible{color:var(--signal);border-color:#9ef3e466}.sound-toggle:focus-visible{outline:1px solid var(--signal);outline-offset:2px}.sound-toggle[aria-pressed=false]{color:var(--dim)}body.leaving .sound-toggle{opacity:0;transition:opacity .3s}.array{position:relative;height:100svh;min-height:640px;overflow:hidden}.array:before{content:"";position:absolute;inset:0 0 auto;height:18%;z-index:1;pointer-events:none;background:linear-gradient(var(--bg),rgba(5,5,8,0))}.array-head{position:absolute;z-index:2;top:40px;left:0;right:0;padding:0 16px;text-align:center;pointer-events:none}.array-label{margin:0;font:300 10.5px/1.6 var(--mono);letter-spacing:.3em;color:var(--mid)}.array-label.shift{animation:label-shift .9s steps(1) both}@keyframes label-shift{0%,30%,60%{opacity:.15;color:var(--signal)}15%,45%,75%{opacity:1}to{opacity:1}}.array-clue{margin:10px 0 0;font:300 9.5px/1.6 var(--mono);letter-spacing:.24em;color:var(--dim)}.array .cubes{position:absolute;top:104px;right:0;bottom:0;left:0}.observer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:minmax(0,1fr) 168px}.obs-stage{position:relative;min-height:0}.obs-eye{position:absolute;z-index:0;pointer-events:none}.obs-stage .obs-cubes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.obs-cubes .cubes-canvas{pointer-events:none}.obs-cells{position:absolute;z-index:2;display:grid;grid-template-columns:repeat(var(--n, 13),1fr);grid-template-rows:repeat(var(--n, 13),1fr)}.obs-cells button{all:unset;display:block;cursor:crosshair;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.obs-cells button[data-hint]{position:relative;outline:1px dashed rgba(255,196,92,.75);outline-offset:-3px}.obs-cells button[data-hint]:after{content:attr(data-hint);position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:600 12px/1 var(--mono);color:#ffc45c;text-shadow:0 0 6px #000,0 0 2px #000}.obs-cells button[data-hint][aria-pressed=true]{outline-color:#9ef3e4b3}.obs-cells button[data-hint][aria-pressed=true]:after{color:var(--signal)}.obs-cells button.hint-next{outline:2px solid #ffc45c;animation:hint-pulse 1s ease-in-out infinite}@keyframes hint-pulse{50%{box-shadow:inset 0 0 14px #ffc45c99}}.obs-cells button:focus-visible{outline:1px solid var(--signal);outline-offset:-2px;box-shadow:inset 0 0 12px #9ef3e440}.observer.is-open .obs-cells button{cursor:default}.observer.no-gl .obs-cells,.observer:has(.cubes-lost) .obs-cells{gap:3px}.observer.no-gl .obs-cells button,.observer:has(.cubes-lost) .obs-cells button{border:1px solid #2a2a38;background:#07070b}.observer.no-gl .obs-cells button[aria-pressed=true],.observer:has(.cubes-lost) .obs-cells button[aria-pressed=true]{border-color:var(--signal);box-shadow:inset 0 0 10px #9ef3e459}.observer.no-gl.is-open .obs-cells,.observer.is-open:has(.cubes-lost) .obs-cells{opacity:.35;transition:opacity 1.4s}.observer[data-phase=containment_failure] .obs-stage{animation:obs-flicker 2.6s steps(1) both}@keyframes obs-flicker{0%,9%,23%,41%,58%,77%{opacity:1}6%,19%,37%,55%{opacity:.55}31%,70%{opacity:.8}}.obs-hud{position:absolute;z-index:3;margin:0;pointer-events:none;font:300 9.5px/1.7 var(--mono);letter-spacing:.2em;color:var(--mid)}.obs-hud p,.obs-hud dl{margin:0;animation:hud-in .5s steps(4) both}.obs-hud .warn{color:var(--signal-muted)}.obs-hud .gap{height:1.7em}.obs-hud dl{display:flex;justify-content:space-between;gap:18px;padding:5px 0;border-bottom:1px solid var(--hair)}.obs-hud dt{color:var(--dim)}.obs-hud dd{margin:0;color:var(--ink)}.obs-hud dl:nth-child(2) dd,.obs-hud dl:nth-child(4) dd{color:var(--signal)}.obs-hud.wide{top:50%;transform:translateY(-50%);width:236px}.obs-left.wide{left:clamp(24px,4vw,64px)}.obs-right.wide{right:clamp(24px,4vw,64px)}.obs-hud:not(.wide){left:16px;right:16px;display:grid;grid-template-columns:1fr 1fr;column-gap:16px;font-size:8.5px;letter-spacing:.14em;line-height:1.55}.obs-left:not(.wide){top:6px;grid-template-rows:repeat(3,auto);grid-auto-flow:column;letter-spacing:.08em}.obs-left:not(.wide) .gap{display:none}.obs-right:not(.wide){bottom:6px}.obs-right:not(.wide) dl{padding:2px 0}@keyframes hud-in{0%{opacity:0}to{opacity:1}}.obs-foot{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 16px 0;text-align:center;font:300 10px/1.6 var(--mono);letter-spacing:.24em}.obs-log{min-height:3.2em;color:var(--signal-muted)}.obs-log p{margin:0;animation:hud-in .35s steps(3) both}.obs-after p{margin:0 0 8px;animation:hud-in 1.6s ease both}.obs-complete{color:var(--mid)}.obs-truth{color:var(--ink);letter-spacing:.28em}.obs-recover,.obs-replay,.obs-close{all:unset;cursor:pointer;padding:10px 6px;color:var(--signal);letter-spacing:.3em;animation:hud-in 1s ease both}.obs-replay{color:var(--dim)}.obs-recover:hover,.obs-replay:hover,.obs-close:hover,.obs-recover:focus-visible,.obs-replay:focus-visible,.obs-close:focus-visible{color:var(--ink)}.obs-recover:focus-visible,.obs-replay:focus-visible,.obs-close:focus-visible{outline:1px solid var(--signal);outline-offset:2px}.obs-archive{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100% - 32px));max-height:calc(100% - 140px);overflow:auto;box-sizing:border-box;padding:26px 26px 14px;border:1px solid rgba(158,243,228,.28);background:#050508f0;box-shadow:0 0 60px #9ef3e414;font:300 11px/1.75 var(--mono);letter-spacing:.06em;color:var(--mid);animation:hud-in .6s steps(6) both}.obs-archive h3{margin:0 0 16px;font:400 11px/1.4 var(--mono);letter-spacing:.3em;color:var(--signal);outline:none}.obs-record{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;margin:0 0 18px;font-size:10px;letter-spacing:.16em}.obs-record dt{color:var(--dim)}.obs-record dd{margin:0;color:var(--ink)}.obs-archive p{margin:0 0 12px}.obs-subject{color:var(--signal);letter-spacing:.24em;margin-top:18px!important}.obs-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:0 18px}.obs-reseal{all:unset;cursor:pointer;padding:10px 6px;color:#ff6a7c;letter-spacing:.3em;animation:hud-in 1s ease both}.obs-reseal:hover,.obs-reseal:focus-visible{color:#ffd0d6}.obs-reseal:focus-visible{outline:1px solid #ff6a7c;outline-offset:2px}.obs-cells.watched button{cursor:crosshair}.obs-cells button.logged{animation:obs-logged .9s ease-out}@keyframes obs-logged{0%{box-shadow:inset 0 0 0 1px #ff465ff2,inset 0 0 18px #ff28468c}to{box-shadow:inset 0 0 0 1px #ff465f00,inset 0 0 18px #ff284600}}.obs-scan{position:absolute;left:-2%;right:-2%;top:0;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(158,243,228,.85) 20%,rgba(158,243,228,.85) 80%,transparent);box-shadow:0 0 14px 2px #9ef3e473;animation:obs-scan 2.4s cubic-bezier(.4,0,.6,1) forwards}@keyframes obs-scan{0%{transform:translateY(0);opacity:0}8%{opacity:1}92%{opacity:1}to{transform:translateY(100cqh);opacity:0}}.obs-cells{container-type:size}.observer.fx-hit .obs-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at center,rgba(255,30,60,.22),transparent 62%);animation:obs-hit .45s ease-out forwards}@keyframes obs-hit{0%{opacity:1}to{opacity:0}}.observer.fx-glitch .obs-stage{animation:obs-glitch 1.4s steps(1) both}@keyframes obs-glitch{0%,14%,38%,62%,to{transform:none;filter:none}7%{transform:translate(-6px,2px);filter:hue-rotate(140deg) saturate(2)}22%{transform:translate(5px,-3px) skew(-2deg);filter:invert(.85)}46%{transform:translate(-3px);filter:contrast(2.4) brightness(1.5)}70%{filter:brightness(.2)}}.obs-archive.deep{border-color:#ff465f80;box-shadow:0 0 70px #ff1e3c24}.obs-archive.deep h3,.obs-archive.deep .obs-subject{color:#ff6a7c}.obs-fine{font-size:9px;letter-spacing:.12em;color:var(--dim);margin-top:14px!important}@media(prefers-reduced-motion:reduce){.observer.fx-glitch .obs-stage,.obs-scan{animation:none}.obs-scan{display:none}}.obs-close{display:block;margin:8px 0 0 -6px;font-size:10px}.foot{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 22px;padding:24px 16px 32px;font:300 10.5px/1 var(--mono);letter-spacing:.28em;color:var(--mid)}.foot p{margin:0}.foot a{display:inline-block;padding:8px 2px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--hair);transition:color .4s,border-color .4s}.foot a:hover,.foot a:focus-visible{color:var(--signal);border-color:#9ef3e473}.foot .links{display:flex;gap:4px}.foot a.icon{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;color:var(--mid)}.foot a.icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3}.foot a.icon svg .fill{fill:currentColor;stroke:none}.foot a.icon:hover,.foot a.icon:focus-visible{color:var(--signal)}.foot a.icon:focus-visible{outline-offset:0}.handoff{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-content:center;pointer-events:none;opacity:0;background:var(--bg);transition:opacity .5s ease .25s}.handoff-line{font:300 11px/1 var(--mono);letter-spacing:.42em;margin-right:-.42em;color:var(--signal-muted)}body.leaving .handoff{opacity:1}body.leaving .hero-inner,body.leaving .array,body.leaving .foot,body.leaving .veil{opacity:0;filter:blur(2px);transition:opacity .45s ease,filter .45s ease}body.leaving .scan{animation:flicker .5s steps(5) forwards}@keyframes flicker{0%{opacity:1}20%{opacity:.25}40%{opacity:.9}60%{opacity:.15}to{opacity:0}}@media(max-width:600px){.sub{letter-spacing:.3em;margin-right:-.3em}.meta,.array-label{letter-spacing:.2em;margin-right:-.2em}.array-clue{letter-spacing:.16em;font-size:8.5px}.array-head{top:66px}.array .cubes{top:132px}}@media(prefers-reduced-motion:reduce){.grain,.sigil .core,.enter-label{animation:none!important}.sigil .hex{stroke-dashoffset:0;animation:none}.sigil .spokes line{opacity:.4;animation:none}.sigil .core{opacity:.6}.sub,.headline,.residual,.enter,.meta,.scroll-cue,.sound-toggle{opacity:1;animation:none}.scroll-cue span:after{animation:none;display:none}.enter:hover .enter-trace,.enter:focus-visible .enter-trace{animation:none;width:calc(100% + 2px)}.array-label.shift,.observer[data-phase=containment_failure] .obs-stage{animation:none}}.grid-scan{position:relative;width:100%;height:100%;overflow:hidden}.grid-scan-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.grid-scan-preview{position:absolute;right:12px;bottom:12px;width:168px;aspect-ratio:4 / 3;overflow:hidden;border-radius:14px;background:#0b0b0e;box-shadow:0 0 0 1px #ffffff14,0 8px 24px #00000059;pointer-events:none}.grid-scan-video{display:block;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.grid-scan-status{position:absolute;left:8px;bottom:8px;padding:3px 8px;border-radius:8px;background:#0a0a0c99;color:#fff;font:500 11px/1.4 system-ui,-apple-system,sans-serif;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.grid-scan-hidden{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.electric-logo{position:relative;width:100%;height:100%;overflow:hidden}.cubes-container{position:relative;width:100%;height:100%;overflow:hidden;touch-action:pan-y}.cubes-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}