@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{--bg-color: #020101;--text-color: #d0d0d0;--neon-primary: #ff003c;--neon-accent: #ff3c00;--grid-speed: 3s;--font-tech: "Share Tech Mono", "Courier New", monospace}body.theme-mkly{--neon-primary: #00f3ff;--neon-accent: #0066ff;--grid-speed: 8s}body.theme-untrusted{--neon-primary: #ff0000;--neon-accent: #ffae00;--grid-speed: 1s;--bg-color: #1a0000}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-tech);overflow:hidden;width:100vw;height:100vh;transition:background-color .5s ease}#root{width:100%;height:100%}.app-container,.ui-layer{position:relative;width:100%;height:100%}.tron-scene{position:absolute;top:0;left:0;width:100%;height:100%;perspective:800px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#14000080,#000 90%);transition:background .5s ease}.tron-grid-container{position:absolute;top:-50%;left:-50%;width:200%;height:200%;transform-style:preserve-3d}.tron-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:80px 80px;box-shadow:0 0 120px var(--neon-primary);border-color:var(--neon-primary);animation:grid-scroll var(--grid-speed) linear infinite;mask-image:linear-gradient(to bottom,transparent 5%,black 40%,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 5%,black 40%,black 100%)}.tron-grid-floor{background-image:linear-gradient(var(--neon-primary) 1px,transparent 1px),linear-gradient(90deg,var(--neon-primary) 1px,transparent 1px);transform:rotateX(80deg) translateY(0) translateZ(0);transform-origin:50% 50%;top:25%;opacity:.8;transition:opacity .5s ease}.tron-grid-ceiling{background-image:linear-gradient(var(--neon-primary) 1px,transparent 1px),linear-gradient(90deg,var(--neon-primary) 1px,transparent 1px);transform:rotateX(-80deg) translateY(0) translateZ(0);transform-origin:50% 50%;top:-25%;opacity:.3;transition:opacity .5s ease}.tron-sun{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:120px;background:radial-gradient(ellipse,var(--neon-primary) 0%,transparent 70%);z-index:1;pointer-events:none;filter:blur(30px);animation:pulse-core 4s ease-in-out infinite alternate;transition:background .5s ease}@keyframes pulse-core{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}to{opacity:.9;transform:translate(-50%,-50%) scale(1.1)}}.tron-horizon-glow{position:absolute;top:49%;left:0;width:100%;height:2%;background:#fff;box-shadow:0 0 40px var(--neon-primary),0 0 80px var(--neon-primary);opacity:.7;transition:box-shadow .5s ease}@keyframes grid-scroll{0%{background-position:0 0}to{background-position:0 80px}}.cinematic-stream-container{position:absolute;top:calc(var(--header-height, 70px) + 20px);left:50%;transform:translate(-50%);width:80%;max-width:1000px;height:calc(100% - var(--header-height, 70px) - 120px);z-index:50;display:flex;flex-direction:column;pointer-events:auto}.cinematic-stream-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff08,#ffffff03,#ffffff0a);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff0d,0 0 40px rgba(var(--neon-primary-rgb, 255, 0, 60),.03),0 4px 30px #0000004d;z-index:-1;pointer-events:none}.cinematic-stream-container.revealing:before{animation:lightsaber-reveal .8s ease-out forwards}.cinematic-stream-container.revealing .stream-content,.cinematic-stream-container.revealing .stream-status{opacity:0}.cinematic-stream-container.revealed .stream-content,.cinematic-stream-container.revealed .stream-status{animation:fade-in .4s ease forwards}@keyframes lightsaber-reveal{0%{clip-path:inset(100% 0 0 0);box-shadow:inset 0 1px #ffffff0d,0 0 40px rgba(var(--neon-primary-rgb, 255, 0, 60),.03),0 4px 30px #0000004d}50%{box-shadow:inset 0 1px #ffffff26,0 0 60px rgba(var(--neon-primary-rgb, 0, 243, 255),.15),0 -4px 20px rgba(var(--neon-primary-rgb, 0, 243, 255),.1),0 4px 30px #0000004d}to{clip-path:inset(0 0 0 0);box-shadow:inset 0 1px #ffffff0d,0 0 40px rgba(var(--neon-primary-rgb, 255, 0, 60),.03),0 4px 30px #0000004d}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.stream-content{flex:1;overflow-y:auto;font-family:Share Tech Mono,monospace;font-size:1.2rem;line-height:1.6;color:var(--neon-primary);text-shadow:0 0 5px var(--neon-primary);padding:20px 25px}.stream-content::-webkit-scrollbar{display:none}.stream-cursor{display:inline-block;animation:blink 1s step-end infinite;vertical-align:middle;margin-left:5px}@keyframes blink{50%{opacity:0}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.stream-scanline{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--neon-primary);box-shadow:0 0 10px var(--neon-primary);opacity:.5}.stream-status{margin-top:10px;padding:0 25px 15px;display:flex;justify-content:space-between;font-size:.8rem;color:var(--neon-accent);opacity:.7}.stream-content h2,.stream-content h3{border-bottom:1px solid var(--neon-primary);color:#fff;text-shadow:0 0 10px #fff;margin-top:40px}.stream-content code{background:#ffffff1a;color:#fff;padding:2px 6px}.stream-content pre{background:#000c;border:1px solid var(--neon-primary);padding:15px;margin:20px 0}.nav-bar{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:20px;background:#000c;border:1px solid var(--neon-primary);padding:10px 20px;border-radius:4px;z-index:100;box-shadow:0 0 20px #00000080;transition:border-color .5s ease;max-width:calc(100vw - 40px);overflow-x:auto;white-space:nowrap}.nav-tab{background:transparent;border:none;color:#666;font-family:var(--font-tech);font-size:1rem;font-weight:700;cursor:pointer;padding:5px 15px;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;position:relative;flex:0 0 auto}.nav-tab:hover{color:#fff;text-shadow:0 0 5px #fff}.nav-tab.active{color:var(--neon-primary);text-shadow:0 0 10px var(--neon-primary)}.nav-tab.active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:var(--neon-primary);box-shadow:0 0 5px var(--neon-primary)}.cyber-box-container{position:absolute;filter:drop-shadow(0 0 5px rgba(0,0,0,.8));z-index:10;transition:opacity .5s ease}.cyber-box-frame{background:#0a0101;border:1px solid var(--neon-primary);position:relative;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.5) 0px,rgba(0,0,0,.5) 2px,transparent 2px,transparent 4px),linear-gradient(to bottom,#100,#000);box-shadow:inset 0 0 20px #000c;transition:all .2s cubic-bezier(.4,0,.2,1)}.cyber-box-frame:before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.1);clip-path:inherit;pointer-events:none}.cyber-box-container.critical .cyber-box-frame{border-color:var(--neon-accent)}.particle-ash{position:absolute;background:var(--neon-primary);width:2px;height:2px;border-radius:50%;pointer-events:none;z-index:2;opacity:0;box-shadow:0 0 4px var(--neon-primary)}.glitch-text{position:relative;color:#fff}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{left:2px;text-shadow:-1px 0 var(--neon-primary);clip:rect(24px,550px,90px,0);animation:glitch-anim-1 .5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-1px 0 #fff;clip:rect(85px,550px,140px,0);animation:glitch-anim-1 .3s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip:rect(20px,9999px,10px,0)}to{clip:rect(45px,9999px,86px,0)}}.scanline{display:block;position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:900;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000001a 50%,#0000001a);background-size:100% 4px;animation:scanline-scroll 10s linear infinite;opacity:.6}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:800;background:radial-gradient(circle,transparent 40%,rgba(0,0,0,.8) 100%)}@keyframes scanline-scroll{0%{background-position:0 0}to{background-position:0 100%}}.city-skyline,.invasion-container{display:none}.docs-content{color:#e0e0e0;font-size:.95rem;line-height:1.6;font-family:Share Tech Mono,monospace;background:#0003}.markdown-body h2{font-size:1.1rem;color:var(--neon-primary);border-bottom:1px dashed rgba(255,255,255,.2);padding-bottom:5px;margin-top:10px;margin-bottom:10px;font-weight:400;text-transform:uppercase;letter-spacing:1px}.markdown-body h3{font-size:.9rem;color:#fff;background:#ffffff0d;display:inline-block;padding:2px 8px;border-left:2px solid var(--neon-primary);margin-top:15px;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.markdown-body p{margin-bottom:10px;opacity:.9}.markdown-body ul{padding-left:15px;margin-bottom:10px}.markdown-body li{margin-bottom:4px;list-style:none;position:relative;padding-left:10px}.markdown-body li:before{content:"•";color:var(--neon-primary);position:absolute;left:-5px;font-size:1.2em;line-height:1}.markdown-body strong{color:#fff;font-weight:400;text-shadow:0 0 2px rgba(255,255,255,.5)}.markdown-body code{background:#111;color:#adf;padding:2px 5px;font-family:Courier New,monospace;font-size:.9em;border-radius:2px}.markdown-body pre{background:#080808;border-left:3px solid #333;padding:10px;overflow-x:auto;margin:10px 0}.markdown-body pre code{color:#ccc;background:transparent;padding:0;border:none}.cyber-box-container.critical .cyber-box-frame{border-color:#ffffffd9;box-shadow:0 0 15px #ffffff1a,inset 0 0 20px #ff3c0033;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 2px,transparent 2px,transparent 4px),linear-gradient(to bottom,#1a0505,#000)}.cyber-box-container.critical{filter:drop-shadow(0 0 25px rgba(255,60,0,.5))}.cyber-box-container.critical .markdown-body h2,.cyber-box-container.critical .markdown-body h3{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.6);border-color:#ffffff80}.cyber-box-container.critical .markdown-body li:before{color:#fff}.cyber-box-container.critical .markdown-body code{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.btn-terminal-access{position:relative;background:var(--btn-color);color:#000;border:none;padding:10px 30px;font-family:var(--font-tech);font-weight:800;font-size:.95rem;text-transform:uppercase;letter-spacing:2px;cursor:pointer;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.2) 2px,rgba(0,0,0,.2) 4px);display:flex;align-items:center;gap:12px;transition:all .3s ease;overflow:hidden}.btn-terminal-access:hover{filter:brightness(1.2);transform:translate(2px);box-shadow:0 0 20px var(--btn-color)}.btn-terminal-access .icon{font-size:1.2rem;font-weight:700}.btn-terminal-secondary{width:45px;height:100%;min-height:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--btn-color);color:var(--btn-color);background:transparent;cursor:pointer;transition:all .2s ease;position:relative}.btn-terminal-secondary:hover{background:#ffffff0d;box-shadow:inset 0 0 10px #ffffff1a}.btn-terminal-secondary:before,.btn-terminal-secondary:after{content:"";position:absolute;width:6px;height:6px;border:1px solid var(--btn-color);transition:all .2s ease}.btn-terminal-secondary:before{top:0;left:0;border-right:none;border-bottom:none}.btn-terminal-secondary:after{bottom:0;right:0;border-left:none;border-top:none}.overview-stack{position:absolute;top:calc(var(--header-height, 70px) + 12px);left:0;right:0;bottom:92px;padding:12px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;z-index:40}.overview-stack .cyber-box-container{position:relative!important;width:100%}.overview-stack .cyber-box-frame{width:100%}.overview-stack .cyber-box-frame>div{width:100%;box-sizing:border-box}.overview-stack .cyber-box-frame>div>div{width:100%}.overview-stack .glitch-text:before,.overview-stack .glitch-text:after{display:none}.nav-bar::-webkit-scrollbar{height:6px}.nav-bar::-webkit-scrollbar-thumb{background:#fff3}@media(max-width:980px){.tron-grid-floor{opacity:.55}.tron-grid-ceiling{opacity:.2}.tron-sun{width:min(70vw,360px);height:90px}.cinematic-stream-container{top:calc(var(--header-height, 90px) + 8px);width:calc(100% - 20px);max-width:none;height:calc(100% - var(--header-height, 90px) - 84px)}.stream-content{font-size:1rem;line-height:1.5;padding:14px 16px}.stream-status{padding:0 16px 12px;font-size:.65rem;gap:10px}.nav-bar{left:10px;right:10px;transform:none;bottom:max(12px,env(safe-area-inset-bottom));padding:8px 10px;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-tab{font-size:.74rem;padding:4px 8px;letter-spacing:1px;white-space:nowrap;flex-shrink:0}}@media(max-width:600px){.overview-stack{padding:10px;gap:10px}.overview-stack .cyber-box-frame>div{padding:16px!important}.overview-stack .btn-terminal-access{font-size:.8rem;letter-spacing:1px;padding:9px 16px}}