:root{color-scheme:dark;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;background:#04050a;color:#d5d0c5;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:#04050a}.gate-shell{--gate-ink: #04050a;--gate-stone: #a7a2b3;--gate-dim: #646170;--gate-glow: #9678ff;--gate-cold: #67d9ff;position:relative;isolation:isolate;display:grid;width:100%;min-height:100vh;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgb(120 82 255 / 11%),transparent 25rem),radial-gradient(circle at 50% 50%,#11131d 0,var(--gate-ink) 62%)}.gate-shell:before,.gate-shell:after{position:absolute;z-index:-2;content:"";inset:1.25rem;border:1px solid rgb(167 162 179 / 10%);pointer-events:none}.gate-shell:after{inset:2rem;border-color:transparent;background:linear-gradient(var(--gate-dim),var(--gate-dim)) left top / 42px 1px no-repeat,linear-gradient(var(--gate-dim),var(--gate-dim)) left top / 1px 42px no-repeat,linear-gradient(var(--gate-dim),var(--gate-dim)) right top / 42px 1px no-repeat,linear-gradient(var(--gate-dim),var(--gate-dim)) right top / 1px 42px no-repeat,linear-gradient(var(--gate-dim),var(--gate-dim)) left bottom / 42px 1px no-repeat,linear-gradient(var(--gate-dim),var(--gate-dim)) left bottom / 1px 42px no-repeat,linear-gradient(var(--gate-dim),var(--gate-dim)) right bottom / 42px 1px no-repeat,linear-gradient(var(--gate-dim),var(--gate-dim)) right bottom / 1px 42px no-repeat;opacity:.38}.gate-noise{position:absolute;z-index:-1;inset:0;opacity:.1;pointer-events:none;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' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.gate-aura{position:absolute;z-index:-2;width:min(70vw,820px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgb(138 100 255 / 12%) 0 18%,transparent 52%),conic-gradient(from 205deg,transparent 0 18%,rgb(103 217 255 / 8%) 27%,transparent 39% 68%,rgb(150 120 255 / 9%) 78%,transparent 92%);filter:blur(34px);opacity:.9;pointer-events:none;animation:gate-aura-drift 14s ease-in-out infinite alternate}.gate-grid{position:absolute;z-index:-2;width:min(74vw,900px);height:min(74vw,900px);background-image:linear-gradient(rgb(167 162 179 / 2.8%) 1px,transparent 1px),linear-gradient(90deg,rgb(167 162 179 / 2.8%) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle,#000 0 22%,transparent 70%);mask-image:radial-gradient(circle,#000 0 22%,transparent 70%);opacity:.65;pointer-events:none;transform:perspective(700px) rotateX(64deg) translateY(21%)}.gate-orbit{position:absolute;z-index:-1;border:1px solid rgb(167 162 179 / 8%);border-radius:50%;pointer-events:none}.gate-orbit:before,.gate-orbit:after{position:absolute;content:"";background:#8d887e2e}.gate-orbit:before{top:50%;left:-8%;width:116%;height:1px}.gate-orbit:after{top:-8%;left:50%;width:1px;height:116%}.gate-orbit--outer{width:min(68vw,760px);aspect-ratio:1;box-shadow:inset 0 0 70px #7650f506;animation:gate-orbit-outer 60s linear infinite}.gate-orbit--inner{width:min(43vw,480px);aspect-ratio:1;border-style:dashed;border-color:#9678ff21;animation:gate-orbit-inner 42s linear infinite reverse}.gate-chamber{display:flex;width:min(88vw,400px);flex-direction:column;align-items:center;transform:translateY(-1vh)}.gate-sigil{width:clamp(148px,19vw,210px);filter:drop-shadow(0 28px 44px rgb(0 0 0 / 64%))}.gate-sigil svg{display:block;width:100%;overflow:visible}.gate-sigil-stone,.gate-sigil-cut,.gate-sigil-rune,.gate-sigil-core,.gate-sigil-ring,.gate-sigil-axis{fill:none;stroke-linejoin:bevel}.gate-sigil-ring{stroke:#a7a2b314;stroke-width:.8}.gate-sigil-ring--inner{stroke:#9678ff1f;stroke-dasharray:1 8;stroke-linecap:round}.gate-sigil-axis{stroke:#67d9ff21;stroke-width:.75}.gate-sigil-stone{stroke:#a7a2b37a;stroke-width:1.2}.gate-sigil-cut{stroke:#8d887e21;stroke-width:1;stroke-dasharray:2 5}.gate-sigil-rune{stroke:#aa94ffc2;stroke-width:1.6;filter:drop-shadow(0 0 10px rgb(126 88 255 / 26%))}.gate-sigil-core{fill:#754de82e;stroke:var(--gate-glow);stroke-width:1;filter:drop-shadow(0 0 12px rgb(117 77 232 / 72%));animation:gate-breathe 4.8s ease-in-out infinite}.gate-sigil-node{fill:var(--gate-ink);stroke:#a68cff7f;stroke-width:1}.gate-form{display:flex;width:100%;flex-direction:column;align-items:center;margin-top:clamp(1.65rem,4vh,2.8rem)}.gate-kicker{margin-bottom:.8rem;color:#a7a2b36b;font-size:.5rem;letter-spacing:.42em;text-indent:.42em}.gate-input{width:min(100%,320px);height:3.35rem;padding:0 1rem;border:1px solid rgb(167 162 179 / 18%);border-radius:2px;outline:0;background:linear-gradient(105deg,rgb(255 255 255 / 2.5%),transparent 32%),#05060cb8;box-shadow:0 18px 50px #00000061,inset 0 1px #ffffff08;color:#e8e3d9;font:500 1rem/1 Cascadia Code,Consolas,monospace;letter-spacing:.38em;text-align:center;caret-color:var(--gate-glow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .3s ease,box-shadow .3s ease,background .3s ease,opacity .3s ease}.gate-input:focus{border-color:#9678ff94;background-color:#080811d1;box-shadow:0 18px 54px #00000070,0 0 0 1px #754de814,0 0 30px #754de81a,inset 0 1px #ffffff0a}.gate-input::placeholder{color:#a7a2b37a;font-size:.68rem;letter-spacing:.24em;text-indent:.24em}.gate-input:disabled{cursor:wait;opacity:.5}.gate-status{min-height:1em;margin-top:.9rem;color:#a7a2b38f;font-size:.58rem;letter-spacing:.28em;text-indent:.28em}.gate-shell--denied .gate-input,.gate-shell--limited .gate-input{border-bottom-color:#ae504db3;animation:gate-refuse .42s ease}.gate-shell--denied .gate-status,.gate-shell--limited .gate-status,.gate-shell--offline .gate-status{color:#c26863b3}.gate-shell--opening .gate-sigil-core,.gate-shell--checking .gate-sigil-core{animation-duration:.9s}.gate-coordinate{position:absolute;bottom:2rem;color:#a7a2b347;font-size:.5rem;letter-spacing:.24em;writing-mode:vertical-rl}.gate-coordinate--left{left:2rem;transform:rotate(180deg)}.gate-coordinate--right{right:2rem}@keyframes gate-breathe{0%,to{opacity:.42}50%{opacity:1}}@keyframes gate-aura-drift{0%{transform:translate3d(-2%,1%,0) scale(.98) rotate(-2deg)}to{transform:translate3d(2%,-1.5%,0) scale(1.04) rotate(3deg)}}@keyframes gate-orbit-outer{0%{transform:rotate(23deg)}to{transform:rotate(383deg)}}@keyframes gate-orbit-inner{0%{transform:rotate(-17deg)}to{transform:rotate(343deg)}}@keyframes gate-refuse{0%,to{transform:translate(0)}30%{transform:translate(-4px)}65%{transform:translate(3px)}}@media(max-width:600px){.gate-shell:before{inset:.65rem}.gate-shell:after{inset:1rem}.gate-orbit--outer{width:118vw}.gate-orbit--inner{width:76vw}.gate-coordinate{display:none}}@media(prefers-reduced-motion:reduce){.gate-sigil-core,.gate-aura,.gate-orbit--outer,.gate-orbit--inner,.gate-shell--denied .gate-input,.gate-shell--limited .gate-input{animation:none}}