*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--black: #0a0a0c;--black-light: #121218;--dark: #1a1a24;--dark-mid: #222233;--gray: #3a3a4a;--gray-light: #8888aa;--white: #e8e8f0;--white-pure: #ffffff;--cyan: #00f0ff;--cyan-dim: #00a0aa;--cyan-glow: rgba(0, 240, 255, .3);--magenta: #ff0066;--magenta-dim: #aa0044;--magenta-glow: rgba(255, 0, 102, .3);--green: #00ff41;--green-dim: #00aa2b;--amber: #f5a623;--amber-dim: #b87a1a;--red: #ff3344;--font-display: "Orbitron", sans-serif;--font-mono: "Share Tech Mono", monospace;--font-body: "Exo 2", sans-serif;--scanline-opacity: .03;--nav-height: 64px;--touch-min: 44px;--z-base: 1;--z-hud: 10;--z-overlay: 50;--z-nav: 1000;--z-drawer: 1100;--z-modal: 1200;--z-toast: 1300;--z-gate: 10000}html{font-size:16px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--cyan-dim) var(--black)}body{background:var(--black);color:var(--white);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}body.lobby-lock{overflow:hidden;position:fixed;width:100%;height:100%;touch-action:manipulation}html,body,#root{min-height:100%;min-height:100dvh;min-height:-webkit-fill-available}body.lobby-lock,body.lobby-lock #root{height:100%;height:100dvh;height:-webkit-fill-available}@supports (height: env(safe-area-inset-top)){body:not(.lobby-lock){padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media(max-width:768px){:root{--nav-height: 56px}html{font-size:15px}button{touch-action:manipulation;min-height:var(--touch-min)}a[role=button]{min-height:var(--touch-min);display:inline-flex;align-items:center}.operators-page-container{height:auto!important;overflow:visible!important;min-height:calc(100dvh - var(--nav-height));display:flex;flex-direction:column}.operators-page-inner{overflow:visible!important}.sessions-tab-content{overflow:visible!important;min-height:70vh}.mobile-tab-strip{display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}.mobile-tab-strip::-webkit-scrollbar{display:none}.mobile-tab-strip>*{scroll-snap-align:start;flex-shrink:0}}@media(max-width:480px){html{font-size:14px}.codex-article-content p,.codex-article-content li{font-size:clamp(14px,4vw,18px);line-height:1.75}}.body-scroll-lock{overflow:hidden;position:fixed;width:100%;top:var(--scroll-y, 0)}@media(max-width:768px){.mobile-hidden{display:none!important}.mobile-full-width{width:100%!important;max-width:100%!important}.mobile-bottom-safe{padding-bottom:max(16px,env(safe-area-inset-bottom))}.mobile-stack{flex-direction:column!important}}@media(min-width:769px){.desktop-hidden{display:none!important}}@media(hover:none)and (pointer:coarse){*{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation;min-height:44px}[role=tab],[role=button]{min-height:44px}.overflow-scroll,[style*="overflow-y: auto"],[style*="overflowY: auto"]{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}}@media(max-width:768px){::-webkit-scrollbar{width:0px;height:0px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--cyan-dim);border-radius:3px}::selection{background:var(--cyan);color:var(--black)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{max-width:100%;display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.6}97%{opacity:1}}@keyframes glitch-1{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(20% 0 60% 0);transform:translate(-3px,2px)}40%{clip-path:inset(60% 0 10% 0);transform:translate(3px,-1px)}60%{clip-path:inset(40% 0 30% 0);transform:translate(-2px,1px)}80%{clip-path:inset(80% 0 5% 0);transform:translate(1px,-2px)}}@keyframes glitch-2{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(70% 0 10% 0);transform:translate(3px,-2px)}40%{clip-path:inset(10% 0 70% 0);transform:translate(-3px,1px)}60%{clip-path:inset(50% 0 20% 0);transform:translate(2px,2px)}80%{clip-path:inset(5% 0 80% 0);transform:translate(-1px,-1px)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--cyan-glow),0 0 10px var(--cyan-glow)}50%{box-shadow:0 0 15px var(--cyan-glow),0 0 30px var(--cyan-glow),0 0 50px var(--cyan-glow)}}@keyframes text-glow{0%,to{text-shadow:0 0 5px var(--cyan-glow),0 0 10px var(--cyan-glow)}50%{text-shadow:0 0 10px var(--cyan-glow),0 0 20px var(--cyan-glow),0 0 40px var(--cyan-glow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes borderGlow{0%,to{border-color:var(--cyan);box-shadow:0 0 5px var(--cyan-glow)}50%{border-color:var(--magenta);box-shadow:0 0 5px var(--magenta-glow)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes section-glitch{0%{transform:translate(0) skew(0);opacity:1}2%{transform:translate(-4px,1px) skew(-1.5deg);opacity:.9}4%{transform:translate(4px,-1px) skew(1.5deg);opacity:1}5%{transform:translate(-2px,2px) skew(.5deg);opacity:.95}6%{transform:translate(0) skew(0);opacity:1}8%{transform:translate(3px,-2px) skew(-.8deg);opacity:.92}9%{transform:translate(0) skew(0);opacity:1}to{transform:translate(0) skew(0);opacity:1}}@keyframes section-glitch-layer1{0%{clip-path:inset(0 0 100% 0);transform:translate(0);color:var(--cyan)}2%{clip-path:inset(15% 0 70% 0);transform:translate(-5px);color:var(--cyan)}4%{clip-path:inset(55% 0 20% 0);transform:translate(5px);color:var(--magenta)}6%{clip-path:inset(30% 0 50% 0);transform:translate(-3px);color:var(--cyan)}8%{clip-path:inset(80% 0 5% 0);transform:translate(3px);color:var(--magenta)}10%{clip-path:inset(0 0 100% 0);transform:translate(0)}to{clip-path:inset(0 0 100% 0);transform:translate(0)}}@keyframes section-glitch-layer2{0%{clip-path:inset(0 0 100% 0);transform:translate(0);color:var(--magenta)}2%{clip-path:inset(60% 0 25% 0);transform:translate(5px);color:var(--magenta)}4%{clip-path:inset(10% 0 65% 0);transform:translate(-5px);color:var(--cyan)}6%{clip-path:inset(40% 0 40% 0);transform:translate(3px);color:var(--magenta)}8%{clip-path:inset(5% 0 85% 0);transform:translate(-3px);color:var(--cyan)}10%{clip-path:inset(0 0 100% 0);transform:translate(0)}to{clip-path:inset(0 0 100% 0);transform:translate(0)}}@keyframes glitch-bar-sweep{0%,to{opacity:0;transform:translateY(-100%)}3%{opacity:.06;transform:translateY(20%)}5%{opacity:.1;transform:translateY(60%)}7%{opacity:0;transform:translateY(110%)}}.section-glitch-wrap{position:relative}.section-glitch-wrap:before,.section-glitch-wrap:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;white-space:inherit;pointer-events:none}.section-glitch-wrap:before{animation:section-glitch-layer1 8s steps(1) infinite;animation-delay:0s}.section-glitch-wrap:after{animation:section-glitch-layer2 8s steps(1) infinite;animation-delay:.05s}.section-glitch-text{animation:section-glitch 8s steps(1) infinite;display:inline-block}.section-glitch-text-alt{animation:section-glitch 8s steps(1) infinite;animation-delay:4s;display:inline-block}@keyframes corrupt-flicker{0%,to{opacity:.18}10%{opacity:.35}11%{opacity:.06}12%{opacity:.28}40%{opacity:.18}41%{opacity:.04}42%{opacity:.22}70%{opacity:.18}71%{opacity:.4}72%{opacity:.08}73%{opacity:.24}}@keyframes corrupt-shift{0%,88%{transform:translate(0) skew(0)}89%{transform:translate(-4px) skew(-1.2deg)}90%{transform:translate(5px) skew(1.8deg)}91%{transform:translate(-2px) skew(-.6deg)}92%{transform:translate(0) skew(0)}to{transform:translate(0) skew(0)}}@keyframes lock-pulse{0%,to{opacity:.45}50%{opacity:.9;filter:drop-shadow(0 0 4px currentColor)}}.locked-bar{height:8px;border-radius:1px;background:currentColor;opacity:.18;animation:corrupt-flicker 6s steps(1) infinite,corrupt-shift 7s steps(1) infinite}.locked-lock-icon{animation:lock-pulse 3s ease-in-out infinite}@keyframes blink-caret{0%,to{border-color:var(--cyan)}50%{border-color:transparent}}@keyframes pulse-border{0%,to{border-color:#00f0ff66;box-shadow:0 0 #00f0ff00}50%{border-color:#00f0ffe6;box-shadow:0 0 12px #00f0ff4d}}@keyframes noise{0%,to{background-position:0 0}10%{background-position:-5% -10%}20%{background-position:-15% 5%}30%{background-position:7% -25%}40%{background-position:20% 25%}50%{background-position:-25% 10%}60%{background-position:15% 5%}70%{background-position:0% 15%}80%{background-position:25% 35%}90%{background-position:-10% 10%}}@keyframes lobby-flicker-1{0%,to{opacity:1}4%{opacity:.6}6%{opacity:1}42%{opacity:1}43%{opacity:.4}44%{opacity:.8}45%{opacity:1}82%{opacity:1}83%{opacity:.5}84%{opacity:1}}@keyframes lobby-flicker-2{0%,to{opacity:1}15%{opacity:.7}16%{opacity:1}55%{opacity:1}56%{opacity:.3}57%{opacity:.7}58%{opacity:1}90%{opacity:1}91%{opacity:.6}92%{opacity:1}}@keyframes lobby-flicker-3{0%,to{opacity:1}25%{opacity:.5}26%{opacity:1}65%{opacity:1}66%{opacity:.4}68%{opacity:1}}@keyframes lobby-monitor-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes lobby-arcade-cycle{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes lobby-arcade-text-pulse{0%,to{opacity:1}50%{opacity:.5}}.lobby-flicker-1{animation:lobby-flicker-1 4s infinite}.lobby-flicker-2{animation:lobby-flicker-2 5s infinite}.lobby-flicker-3{animation:lobby-flicker-3 3.5s infinite}.lobby-monitor-glow{animation:lobby-monitor-pulse 3s ease-in-out infinite}.lobby-arcade-glow{animation:lobby-arcade-cycle 8s linear infinite}.lobby-arcade-text{animation:lobby-arcade-text-pulse 1.5s ease-in-out infinite}.codex-article-content{text-align:left}.codex-article-content p{font-family:var(--font-body);font-size:clamp(16px,1.6vw,22px);color:var(--white);line-height:1.85;margin-bottom:1.6em;text-align:left}.codex-article-content h1,.codex-article-content h2,.codex-article-content h3,.codex-article-content h4{font-family:var(--font-display);font-weight:700;color:var(--cyan);letter-spacing:.1em;text-align:center;text-transform:uppercase;margin-top:2.4em;margin-bottom:1em}.codex-article-content h1{font-size:clamp(24px,3vw,40px)}.codex-article-content h2{font-size:clamp(20px,2.4vw,32px)}.codex-article-content h3{font-size:clamp(17px,2vw,26px);color:var(--cyan-dim)}.codex-article-content h4{font-size:clamp(15px,1.6vw,22px);color:var(--gray-light)}.codex-article-content ul,.codex-article-content ol{padding-left:2em;margin-bottom:1.6em;text-align:left}.codex-article-content li{font-family:var(--font-body);font-size:clamp(16px,1.6vw,22px);color:var(--white);line-height:1.85;margin-bottom:.6em;text-align:left}.codex-article-content ul li::marker{color:var(--cyan-dim)}.codex-article-content ol li::marker{color:var(--cyan-dim);font-family:var(--font-mono)}.codex-article-content blockquote{border-left:3px solid var(--cyan-dim);padding:.6em 0 .6em 1.4em;margin:2em 0;font-family:var(--font-mono);font-style:italic;color:var(--cyan-dim);text-align:left}.codex-article-content strong{color:var(--white-pure);font-weight:700}.codex-article-content em{color:var(--cyan-dim);font-style:italic}.codex-article-content a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.codex-article-content hr{border:none;border-top:1px solid rgba(0,240,255,.2);margin:2.4em 0}.codex-article-content code{font-family:var(--font-mono);font-size:.9em;color:var(--cyan-dim);background:#00f0ff0f;padding:2px 6px;border:1px solid rgba(0,240,255,.15)}.codex-article-content pre{background:#00000080;border:1px solid rgba(0,240,255,.15);padding:1.2em;margin-bottom:1.6em;overflow-x:auto}.codex-article-content pre code{background:none;border:none;padding:0;font-size:clamp(13px,1.2vw,16px)}.lobby-btn-wrap .lobby-btn-default,.lobby-btn-wrap .lobby-btn-hover{display:block;transition:transform .25s ease,opacity .25s ease}.lobby-btn-wrap .lobby-btn-hover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform:translateY(100%);opacity:0}.lobby-btn-wrap:hover .lobby-btn-default,.lobby-btn-wrap:active .lobby-btn-default{transform:translateY(-100%);opacity:0}.lobby-btn-wrap:hover .lobby-btn-hover,.lobby-btn-wrap:active .lobby-btn-hover{transform:translateY(0);opacity:1}
