@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;700;900&family=Share+Tech+Mono&display=swap";:root{--neon-blue: #00f3ff;--neon-pink: #ff00ff;--bg-dark: #050505}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);overflow:hidden;font-family:Rajdhani,sans-serif;color:#fff;width:100vw;height:100vh}#canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;display:flex;justify-content:center;align-items:center;transition:transform .5s cubic-bezier(.7,0,.3,1),opacity .5s}#loader.zoom-out{transform:scale(5);opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%);background-size:100% 4px;pointer-events:none}.loader-content{width:400px;text-align:center;position:relative;z-index:2}.glitch-title{font-family:Share Tech Mono,monospace;font-size:2.5rem;font-weight:700;letter-spacing:5px;color:#fff;text-shadow:2px 0 var(--neon-pink),-2px 0 var(--neon-blue);animation:jitter .2s infinite;margin-bottom:20px}.terminal-window{height:130px;background:#001400e6;border:1px solid var(--neon-blue);padding:10px;margin-bottom:20px;overflow:hidden;text-align:left;font-family:Share Tech Mono,monospace;font-size:.8rem;color:var(--neon-blue);box-shadow:0 0 20px #00f3ff33;border-radius:10px}.progress-container{width:100%;height:4px;background:#222;position:relative}.progress-bar{width:0%;height:100%;background:var(--neon-blue);box-shadow:0 0 10px var(--neon-blue);transition:width .1s linear}.progress-text{position:absolute;right:0;top:-20px;font-family:Share Tech Mono;color:var(--neon-blue);font-size:.8rem}nav{position:fixed;top:0;left:0;width:100%;padding:20px 50px;display:flex;justify-content:space-between;align-items:center;z-index:100;background:linear-gradient(to bottom,rgba(0,0,0,.9),transparent);transform:translateY(-100%);opacity:0;transition:transform 1s cubic-bezier(.19,1,.22,1),opacity 1s;font-family:Chokokutai}.nav-middle a{text-decoration:none;color:#fff9;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin:0 20px;transition:.3s}.nav-middle a:hover{color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue)}.sidebar{position:fixed;top:50%;transform:translateY(-50%) translate(0);width:90px;height:60vh;background-color:#020202;background-image:linear-gradient(rgba(0,243,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.05) 1px,transparent 1px),repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,243,255,.03) 10px,rgba(0,243,255,.03) 11px);background-size:20px 20px,20px 20px,100% 100%;border:1px solid rgba(0,243,255,.3);box-shadow:0 0 20px #000c,inset 0 0 30px #000000e6;z-index:90;transition:transform 1s cubic-bezier(.19,1,.22,1),opacity 1s,border-color .3s;opacity:0}.sidebar:before{content:"";position:absolute;top:15%;bottom:15%;width:2px;background:var(--neon-blue);box-shadow:0 0 8px var(--neon-blue);opacity:.6;pointer-events:none}.left_sidebar{left:0;border-left:none;border-top-right-radius:40px;border-bottom-right-radius:40px;transform:translateY(-50%) translate(-150%);-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 100%);mask-image:linear-gradient(to bottom,black 80%,transparent 100%)}.left_sidebar:before{right:8px}.right_sidebar{right:0;border-right:none;border-top-left-radius:40px;border-bottom-left-radius:40px;transform:translateY(-50%) translate(150%);-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 100%);mask-image:linear-gradient(to bottom,black 80%,transparent 100%)}.right_sidebar:before{left:8px}.sidebar-content{display:flex;flex-direction:column;justify-content:space-evenly;height:100%;align-items:center;width:100%}.horizontal{display:flex;justify-content:space-evenly;height:100%;align-items:center;width:100%}.icon-box{width:55px;height:55px;display:flex;justify-content:center;align-items:center;transition:.3s cubic-bezier(.68,-.55,.27,1.55);flex-direction:column;cursor:pointer;border-radius:12px;gap:2px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);position:relative}.icon-box:after{content:"";position:absolute;top:5px;right:5px;width:4px;height:4px;background:#333;border-radius:50%;transition:.3s}.icon-box img{width:22px;opacity:.7;transition:.3s}.icon-box:hover{background:#00f3ff1a;border-color:var(--neon-blue);box-shadow:0 0 15px #00f3ff66;transform:scale(1.11);padding:15px}.icon-box:hover img{opacity:1;filter:drop-shadow(0 0 5px var(--neon-blue));transform:scale(1.1)}.icon-box:hover:after{background:#0f0;box-shadow:0 0 5px #0f0}body.loaded nav{transform:translateY(0);opacity:1}body.loaded .left_sidebar,body.loaded .right_sidebar{transform:translateY(-50%) translate(0);opacity:1}@keyframes jitter{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}to{transform:translate(0)}}body{cursor:none}.cursor-dot{width:8px;height:8px;background-color:#fc0;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%);z-index:2147483647;pointer-events:none;box-shadow:0 0 10px #fc0}.cursor-outline{width:40px;height:40px;border:2px solid #00f3ff;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%);z-index:2147483646;pointer-events:none;box-shadow:0 0 15px #00f3ff33;transition:width .2s,height .2s,background-color .2s}body.hovering .cursor-outline{width:60px;height:60px;background-color:#00f3ff1a;border-color:#fc0}.status-live{width:10px;height:10px;background-color:#0f0;border-radius:50%;margin-right:10px;position:relative;box-shadow:0 0 5px #0f0}.nav-right{display:flex;align-items:center;gap:12px}.status-reactor{position:relative;width:14px;height:14px;display:flex;justify-content:center;align-items:center}.reactor-core{width:6px;height:6px;background-color:#00ff41;border-radius:50%;box-shadow:0 0 10px #00ff41,0 0 20px #00ff41;z-index:2;animation:reactor-pulse 2s infinite ease-in-out}.reactor-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:1px dashed rgba(0,243,255,.6);border-radius:50%;animation:reactor-spin 4s infinite linear}.status-reactor:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:1px solid rgba(0,255,65,.3);border-radius:50%;animation:reactor-wave 2s infinite ease-out;z-index:0}@keyframes reactor-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.8);opacity:.7}}@keyframes reactor-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes reactor-wave{0%{width:100%;height:100%;opacity:.8;border-width:1px}to{width:300%;height:300%;opacity:0;border-width:0px}}.nav-right h3{color:#00ff41;text-shadow:0 0 5px rgba(0,255,65,.5);font-size:.8rem;letter-spacing:2px}.bottom_sidebar{position:fixed;bottom:0;left:50%;top:auto;transform:translate(-50%) translateY(120%);opacity:0;transition:transform .9s cubic-bezier(.19,1,.22,1),opacity .6s ease;width:50vw;height:110px;border-top-left-radius:50px;border-top-right-radius:50px;background-color:#080808;background-image:radial-gradient(circle at 50% 0%,rgba(0,243,255,.06) 0%,transparent 60%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 100%,24px 24px,24px 24px;border-top:5px solid rgba(0,243,255,.7);box-shadow:0 -8px 30px #000000bf,inset 0 8px 16px #00f3ff08;z-index:95}body.loaded .bottom_sidebar{transform:translate(-50%) translateY(0);opacity:1;transition-delay:1.05s}.sidebar-content.horizontal{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 50px;width:100%}#game__relocate{cursor:pointer;perspective:500px;z-index:10}.launch-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:220px;height:70px;background:linear-gradient(180deg,#00f3ff0d,#0006);border:1px solid rgba(0,243,255,.3);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #00f3ff0d}#game__relocate:hover .launch-button{background:#00f3ff26;border-color:#00f3ff;box-shadow:0 0 30px #00f3ff4d;transform:translateY(-4px) scale(1.02)}.deck-title{color:#fff;font-family:Montserrat;font-weight:700;font-size:1.4rem;letter-spacing:3px;text-shadow:0 0 5px rgba(0,0,0,.5)}.deck-status{font-family:Share Tech Mono,monospace;color:#00f3ff;font-size:.7rem;opacity:.7;letter-spacing:1px;margin-top:2px}#game__relocate:hover .deck-title{text-shadow:0 0 10px white}#game__relocate:hover .deck-status{opacity:1;letter-spacing:2px}.screen-box{background:#00000080;border:1px solid rgba(255,255,255,.1);padding:8px 15px;border-radius:6px;min-width:120px}.tech-label{font-family:Share Tech Mono;font-size:.6rem;color:#666;border-bottom:1px solid #333;margin-bottom:5px;padding-bottom:2px;display:block}.signal-bars{display:flex;gap:3px;align-items:flex-end;height:20px}.bar{width:4px;background:#00f3ff;border-radius:2px;animation:equalize 1s infinite alternate;animation-delay:var(--d);box-shadow:0 0 5px #00f3ff}.data-readout{font-family:Share Tech Mono;font-size:.7rem;color:#aaa;text-align:right;line-height:1.3}.blink{color:#00ff41;animation:blink 1s infinite}@keyframes equalize{0%{height:4px;opacity:.3}to{height:18px;opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:768px){.bottom_sidebar{width:95vw;height:90px;border-radius:30px}.deck-group.left,.deck-group.right{display:none}.sidebar-content.horizontal{justify-content:center;padding:0}.launch-button{width:100%;border:none;background:transparent;box-shadow:none}}.nav-left{display:flex;align-items:center;gap:10px}.logo{aspect-ratio:1/1;width:50px;transition-duration:2s}.logo:hover{filter:drop-shadow(0 0 5px var(--neon-blue));transform:rotate(360deg) scale(1.5)}.sys-toast{position:fixed;top:30px;left:50%;transform:translate(-50%) translateY(-100px);background:#0a0505f2;border:1px solid #ff0055;box-shadow:0 0 20px #f053;color:#f05;padding:15px 25px;font-family:Share Tech Mono,monospace;font-size:1rem;z-index:99999;display:flex;align-items:center;gap:15px;opacity:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.sys-toast.active{transform:translate(-50%) translateY(0);opacity:1}.sys-toast .icon{font-size:1.2rem;filter:drop-shadow(0 0 5px #ff0055)}.sys-toast:after{content:"";position:absolute;bottom:0;left:0;height:2px;background:#f05;width:100%;animation:toast-timer 3s linear forwards}@keyframes toast-timer{0%{width:100%}to{width:0%}}body.red-alert-mode:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:red;mix-blend-mode:overlay;z-index:99998;pointer-events:none;animation:alert-flash .8s infinite alternate}body.red-alert-mode:after{content:"WARNING: SYSTEM FAILURE";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Share Tech Mono,monospace;font-size:5rem;color:#f003;z-index:0;pointer-events:none;white-space:nowrap;animation:glitch-text .2s infinite}body.red-alert-mode{animation:screen-shake .5s infinite}body.red-alert-mode nav,body.red-alert-mode .sidebar,body.red-alert-mode .hud-container{filter:sepia(100%) hue-rotate(-50deg) saturate(500%) contrast(1.2)}@keyframes alert-flash{0%{opacity:.3;background:#f006}to{opacity:.8;background:#ff0000e6}}@keyframes screen-shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes glitch-text{0%{opacity:.1;transform:translate(-50%,-50%) skew(0)}20%{opacity:.4;transform:translate(-52%,-48%) skew(-20deg)}40%{opacity:.1;transform:translate(-48%,-52%) skew(20deg)}60%{opacity:.4;transform:translate(-50%,-50%) skew(0)}80%{opacity:.1;transform:translate(-51%,-49%) skew(-10deg)}to{opacity:.1;transform:translate(-50%,-50%) skew(0)}}.theme-toggle-btn{border:2px solid var(--neon-blue);padding:5px 20px;border-radius:30px}#mobile-firewall{display:none}@media screen and (max-width:768px){#loader,#canvas,nav,.sidebar,.bottom_sidebar{display:none!important}#mobile-firewall{display:flex;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#05080c;z-index:999999;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}.brick-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.15;background-image:linear-gradient(335deg,rgba(0,243,255,.3) 23px,transparent 23px),linear-gradient(155deg,rgba(0,243,255,.3) 23px,transparent 23px),linear-gradient(335deg,rgba(0,243,255,.3) 23px,transparent 23px),linear-gradient(155deg,rgba(0,243,255,.3) 23px,transparent 23px);background-size:58px 58px;background-color:#0b0f14;pointer-events:none}.firewall-content{position:relative;z-index:2;padding:40px;max-width:90%}.lock-icon{font-size:50px;margin-bottom:20px;animation:pulse 2s infinite}.firewall-content h1{font-family:Chokokutai,system-ui;color:#ff5f56;font-size:24px;margin-bottom:20px;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 10px rgba(255,95,86,.5)}.firewall-content p{font-family:Montserrat,sans-serif;color:#e0e0e0;font-size:16px;line-height:1.6;margin-bottom:10px}.firewall-content .sub-text{color:#8aaec2;font-size:14px;margin-bottom:40px}.studio-btn{display:inline-block;background:transparent;color:#0f8;border:1px solid #00ff88;padding:15px 30px;font-family:Inter,sans-serif;font-weight:700;text-decoration:none;letter-spacing:1px;transition:all .3s ease;box-shadow:0 0 15px #0f83}.studio-btn:active{background:#0f8;color:#000;box-shadow:0 0 30px #0f89}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}}
