:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--ink:#f2f7ff;--cyan:#78efff;--amber:#efac64;--night:#02040a;background:var(--night)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--night)}body{color:var(--ink)}button,input{font:inherit}button{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.experience{position:relative;width:100%;height:100svh;min-height:480px;overflow:hidden;isolation:isolate;background:#02040a}.procedural{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.72;transition:opacity 1.2s ease}.experience[data-phase=intro] .procedural{opacity:0}.glass{border:1px solid rgba(175,228,255,.16);background:linear-gradient(145deg,#0f1727ad,#05080f59);box-shadow:0 40px 120px #00000085,inset 0 1px #ffffff14;backdrop-filter:blur(20px) saturate(1.1)}.gate,.transmission,.finale{position:absolute;inset:0}.gate{z-index:10;display:grid;place-items:center;background:radial-gradient(circle at 50% 44%,transparent 0 8%,rgba(2,4,10,.34) 45%,rgba(2,4,10,.9) 100%);transition:opacity 1.1s ease,visibility 1.1s}.gate.exit{opacity:0;visibility:hidden;pointer-events:none}.gate__grid{position:absolute;inset:-40%;opacity:.2;background-image:linear-gradient(rgba(100,225,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(100,225,255,.16) 1px,transparent 1px);background-size:7vw 7vw;mask-image:radial-gradient(circle,#000,transparent 68%);transform:perspective(700px) rotateX(64deg) translateY(28%)}.gate__content{position:relative;width:min(90vw,680px);padding:clamp(2rem,6vw,4.5rem);text-align:center;clip-path:polygon(0 18px,18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}.eyebrow{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:0 0 1.4rem;color:#b8c7d8;font:600 clamp(.56rem,1vw,.7rem)/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.3em}.eyebrow span{width:1.8rem;height:1px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.gate h1{margin:0;font-size:clamp(4rem,13vw,9rem);line-height:.73;letter-spacing:-.075em}.gate h1 small{display:block;margin:0 0 .5em;color:transparent;-webkit-text-stroke:1px rgba(225,241,255,.72);font-size:.25em;letter-spacing:.48em;transform:translate(.24em)}.gate__lede{margin:2rem 0;color:#aeb9c9;font:italic clamp(.9rem,2vw,1.15rem)/1.4 Georgia,serif;letter-spacing:.05em}.activate{--size:clamp(7.8rem,15vw,9.5rem);position:relative;width:var(--size);aspect-ratio:1;border:1px solid rgba(120,239,255,.5);border-radius:50%;display:grid;place-content:center;gap:.35rem;margin:auto;background:#040b138c;cursor:pointer;box-shadow:inset 0 0 35px #5ce0ff0f,0 0 70px #42c7ff1f;transition:transform .3s,border-color .3s}.activate:before,.activate:after{content:"";position:absolute;inset:-11px;border:1px dashed rgba(120,239,255,.18);border-radius:50%;animation:spin 18s linear infinite}.activate:after{inset:-22px;animation-duration:31s;animation-direction:reverse}.activate:hover:not(:disabled){transform:scale(1.045);border-color:var(--cyan)}.activate:disabled{cursor:wait;opacity:.52}.activate i{position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle,rgba(120,239,255,.17),transparent 70%);animation:breathe 3s ease-in-out infinite}.activate b,.activate span{position:relative}.activate b{font-size:.9rem;letter-spacing:.34em;margin-left:.34em}.activate span{color:var(--cyan);font:500 .5rem/1 ui-monospace,monospace;letter-spacing:.1em}.gate__note{margin:1.7rem 0 0;color:#78869b;font:500 .58rem/1 ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}.coordinates{position:absolute;left:max(1.5rem,env(safe-area-inset-left));right:max(1.5rem,env(safe-area-inset-right));bottom:max(1.3rem,env(safe-area-inset-bottom));display:flex;justify-content:space-between;color:#69788e;font:500 .54rem/1 ui-monospace,monospace;letter-spacing:.16em}.transmission{z-index:5;opacity:0;visibility:hidden;background:#010205;transition:opacity 1.1s ease,visibility 1.1s}.transmission.active{opacity:1;visibility:visible}.scene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#010205;filter:saturate(.9) contrast(1.08) brightness(.83);transform:scale(1.005)}.cinema-grade{position:absolute;inset:0;background:radial-gradient(circle at 48% 42%,transparent 0 24%,rgba(2,3,8,.14) 58%,rgba(1,2,5,.72) 100%),linear-gradient(90deg,rgba(9,28,48,.18),transparent 48%,rgba(63,25,34,.1));pointer-events:none}.hud{position:absolute;z-index:7;left:max(1.4rem,calc(env(safe-area-inset-left) + 1rem));right:max(1.4rem,calc(env(safe-area-inset-right) + 1rem));top:max(1.3rem,calc(env(safe-area-inset-top) + 1rem));display:flex;justify-content:space-between;color:#bfcbdb;font:600 .58rem/1 ui-monospace,monospace;letter-spacing:.2em}.hud>span{display:flex;align-items:center;gap:.6rem}.hud i,.quality i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#79f3c7;box-shadow:0 0 12px #79f3c7;animation:pulse 1.8s ease infinite}.hud b{color:var(--cyan)}.experience[data-held=true] .hud i{background:var(--amber);box-shadow:0 0 12px var(--amber);animation:none}.caption{position:absolute;z-index:6;left:max(1.4rem,calc(env(safe-area-inset-left) + 1rem));bottom:max(4.8rem,calc(env(safe-area-inset-bottom) + 4.4rem));display:flex;flex-direction:column;gap:.32rem;max-width:min(48vw,460px);padding:.65rem .8rem;border-left:1px solid rgba(120,239,255,.6);background:linear-gradient(90deg,rgba(2,7,14,.6),transparent);opacity:0;transform:translateY(7px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.caption.visible{opacity:1;transform:translateY(0)}.caption__kicker{color:var(--amber);font:600 .5rem/1 ui-monospace,monospace;letter-spacing:.3em}.caption__text{color:#eff8ff;font:600 clamp(.82rem,1.7vw,1.08rem)/1.3 ui-monospace,monospace;letter-spacing:.08em;text-shadow:0 1px 12px #000}.caption__sub{color:#b4c1cf;font:italic clamp(.68rem,1.3vw,.82rem)/1.35 Georgia,serif}.tw-cursor{display:inline-block;width:.55ch;color:var(--cyan);animation:blink 1s steps(2) infinite;text-shadow:0 0 8px rgba(120,239,255,.6)}.corruption{position:absolute;z-index:7;right:max(1.4rem,calc(env(safe-area-inset-right) + 1rem));top:4.1rem;width:min(32vw,250px);opacity:0;transform:translate(8px);transition:opacity .16s,transform .16s;color:var(--amber);font:600 .48rem/1 ui-monospace,monospace;letter-spacing:.2em;text-align:right}.corruption.active{opacity:.9;transform:none}.corruption i{display:inline-block;width:18%;height:2px;margin:.55rem 0 0 3%;background:var(--cyan);box-shadow:0 0 8px #78efff99;animation:packet .32s steps(2) infinite}.corruption i:nth-child(2){width:30%;animation-delay:.08s}.corruption i:nth-child(3){width:11%;animation-delay:.16s}.playback{position:absolute;z-index:8;left:max(1.4rem,calc(env(safe-area-inset-left) + 1rem));right:max(1.4rem,calc(env(safe-area-inset-right) + 1rem));bottom:max(1.3rem,calc(env(safe-area-inset-bottom) + 1rem));display:grid;grid-template-columns:auto minmax(55px,8vw) minmax(120px,1fr) auto;align-items:center;gap:1rem}.sound-toggle,.replay,.finale-sound{border:0;background:none;cursor:pointer}.sound-toggle{display:flex;align-items:center;gap:.65rem;padding:.5rem 0;color:#c8d4e3;font:600 .55rem/1 ui-monospace,monospace;letter-spacing:.15em}.sound-toggle i{width:11px;height:11px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 10px #78efff59}.sound-toggle[aria-pressed=true] i{border-color:#768093;box-shadow:none}.playback label{display:flex}.volume{width:100%;height:2px;appearance:none;background:#ffffff3d;accent-color:var(--cyan)}.volume::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--cyan)}.timeline{position:relative;height:2px;background:#e6f0ff33;cursor:pointer;touch-action:none}.timeline:before{content:"";position:absolute;inset:-12px 0}.timeline:focus-visible{outline:2px solid var(--cyan);outline-offset:7px}.timeline i{position:absolute;inset:0;display:block;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--cyan),var(--amber));box-shadow:0 0 12px #78efff80}.timeline__buffer{position:absolute;inset:0;display:block;transform:scaleX(0);transform-origin:left;background:#bedef542}.buffering{position:absolute;z-index:22;left:50%;top:50%;display:flex;align-items:center;gap:.7rem;transform:translate(-50%,-50%);padding:.7rem 1.1rem;border:1px solid rgba(120,239,255,.28);background:#02060db8;color:#cfdcec;font:600 .56rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em;backdrop-filter:blur(8px)}.buffering[hidden]{display:none}.buffering i{width:11px;height:11px;border:1px solid rgba(120,239,255,.35);border-top-color:var(--cyan);border-radius:50%;animation:spin .9s linear infinite}.gate__buffer{color:var(--cyan);font-weight:600}.gate__buffer[hidden]{display:none}.playback time{color:#b8c4d4;font:500 .56rem/1 ui-monospace,monospace;letter-spacing:.08em;white-space:nowrap}.finale{z-index:8;display:grid;place-items:center;opacity:0;visibility:hidden;background:radial-gradient(circle at 50% 50%,#0e324014,#010308b8 72%);transition:opacity 1.4s,visibility 1.4s}.finale.active{opacity:1;visibility:visible}.beacon{position:absolute;width:min(70vw,720px);aspect-ratio:1;border:1px solid rgba(120,239,255,.14);border-radius:50%;animation:spin 42s linear infinite}.beacon:before,.beacon:after,.beacon i{content:"";position:absolute;border-radius:50%}.beacon:before{inset:16%;border:1px dashed rgba(239,172,100,.2)}.beacon:after{inset:34%;border:1px solid rgba(120,239,255,.24);box-shadow:0 0 60px #78efff14}.beacon i:nth-child(1){inset:49%;background:var(--cyan);box-shadow:0 0 36px 10px #78efff47}.beacon i:nth-child(2){width:7px;height:7px;left:8%;top:50%;background:var(--amber);box-shadow:0 0 15px var(--amber)}.beacon i:nth-child(3){width:4px;height:4px;right:22%;top:14%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.finale__card{position:relative;width:min(88vw,660px);padding:clamp(2rem,6vw,4.5rem);text-align:center;clip-path:polygon(0 20px,20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.finale__card>p:nth-of-type(2){margin:1.8rem 0 .8rem;color:#aab6c7;font:600 .62rem/1 ui-monospace,monospace;letter-spacing:.4em}.finale h2{margin:0;color:transparent;font-size:clamp(4rem,14vw,9rem);line-height:.8;letter-spacing:-.06em;-webkit-text-stroke:1px rgba(120,239,255,.9);text-shadow:0 0 42px rgba(120,239,255,.24)}.finale__card>small{display:block;margin:2rem 0;color:#a9b5c4;font:italic 1rem/1.4 Georgia,serif}.finale__card>div{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap}.replay,.finale-sound{min-height:42px;padding:.75rem 1rem;border:1px solid rgba(156,226,255,.23);background:#070c168c;color:#ccd8e7;font:600 .58rem/1 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.replay:hover,.finale-sound:hover{border-color:var(--cyan)}.quality{position:absolute;z-index:30;right:max(1.2rem,env(safe-area-inset-right));top:50%;display:flex;align-items:center;gap:.55rem;transform:translateY(-50%) rotate(90deg) translateY(-100%);transform-origin:top right;color:#6f8096;font:500 .5rem/1 ui-monospace,monospace;letter-spacing:.16em;pointer-events:none}.grain,.scanlines{position:fixed;inset:0;z-index:25;pointer-events:none}.grain{inset:-40%;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .24s steps(2) infinite}.scanlines{opacity:.025;background:repeating-linear-gradient(0deg,transparent 0 3px,#bcecff 4px)}.error{position:absolute;z-index:50;left:50%;top:50%;width:min(88vw,430px);transform:translate(-50%,-50%);padding:1.5rem;border:1px solid rgba(255,130,130,.4);background:#10060af2}.error strong,.error span{display:block}.error span{margin:.65rem 0 1rem;color:#d0b8c0}.error button{padding:.65rem 1rem;border:1px solid #b77c8b;background:transparent;color:#fff;cursor:pointer}.sigil{--edge:radial-gradient(circle at 50% 50%,#000 0 46%,rgba(0,0,0,.62) 53%,transparent 61%);margin:0;line-height:0}.sigil img{display:block;width:100%;height:auto;mix-blend-mode:screen;-webkit-mask-image:var(--edge);mask-image:var(--edge)}.sigil--gate{width:clamp(4.4rem,10vw,6rem);margin:0 auto 1.6rem}.sigil--gate img{opacity:.78;filter:saturate(.72) contrast(1.06) drop-shadow(0 0 22px rgba(120,239,255,.22));animation:sigil-idle 7s ease-in-out infinite}.sigil--finale{width:min(42vw,186px);margin:0 auto}.sigil--finale img{filter:drop-shadow(0 0 34px rgba(120,239,255,.34));animation:sigil-online 5.5s ease-in-out infinite}@keyframes sigil-idle{50%{opacity:.52;filter:saturate(.5) contrast(1.14) drop-shadow(0 0 10px rgba(120,239,255,.12))}}@keyframes sigil-online{50%{filter:drop-shadow(0 0 52px rgba(120,239,255,.52))}}.soon{margin:1.7rem 0 0;color:#9fb0c4;font:600 clamp(.64rem,1.5vw,.88rem)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.5em;text-indent:.5em}.soon b{color:var(--cyan);font-weight:600;text-shadow:0 0 18px rgba(120,239,255,.45);animation:soon-glow 4.5s ease-in-out infinite}@keyframes soon-glow{50%{color:#ccf9ff;text-shadow:0 0 30px rgba(120,239,255,.85)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:scale(1.22);opacity:.45}}@keyframes pulse{50%{opacity:.3}}@keyframes blink{50%{opacity:0}}@keyframes packet{50%{opacity:.2;transform:translate(-7px)}}@keyframes grain{0%{transform:translate(3%,-2%)}25%{transform:translate(-2%,4%)}50%{transform:translate(5%,2%)}75%{transform:translate(-4%,-3%)}to{transform:translate(2%,5%)}}@media(max-width:680px){.gate__content{width:92vw;padding:2rem 1.2rem}.gate h1{font-size:clamp(3.6rem,22vw,6.2rem)}.activate{--size:7rem}.coordinates span:nth-child(2){display:none}.playback{grid-template-columns:auto 1fr auto;gap:.7rem}.playback label,.sound-toggle span{display:none}.caption{max-width:68vw;bottom:max(4.2rem,calc(env(safe-area-inset-bottom) + 3.8rem))}.caption__text{font-size:.74rem}.corruption{display:none}.finale__card{padding:2rem 1.2rem}.finale h2{font-size:20vw}.quality{display:none}.sigil--gate{width:4rem;margin-bottom:1.1rem}.sigil--finale{width:38vw}.soon{margin-top:1.2rem;letter-spacing:.38em;text-indent:.38em}}@media(max-height:650px){.gate__content{padding-block:1.4rem}.gate__lede{margin:1rem 0}.activate{--size:6rem}.gate__note{margin-top:1rem}.finale__card{padding-block:1.4rem}.finale__card>p:nth-of-type(2),.finale__card>small{margin-block:1rem}.caption{bottom:max(3.8rem,calc(env(safe-area-inset-bottom) + 3.4rem))}.sigil--gate{display:none}.sigil--finale{width:min(30vw,120px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scene-video{transform:none}.grain{display:none}.tw-cursor,.sigil--gate img,.sigil--finale img,.soon b{animation:none}}