:root{--cyan: #00ffff;--blue: #0088ff;--dark-blue: #003366;--bg-dark: #000510;--white: #ffffff}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:Rajdhani,Courier New,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-dark);color:var(--cyan)}canvas{display:block;cursor:grab}canvas:active{cursor:grabbing}:root{--cyan: #00ffff;--blue: #0088ff;--dark-blue: #003366;--bg-dark: #000510;--white: #ffffff;--green: #00ff88}.hud-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1000;font-family:Courier New,Consolas,monospace;color:var(--cyan);font-size:12px;letter-spacing:1px}.hud-top-bar{position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(180deg,rgba(176,38,255,.1) 0%,transparent 100%);border-bottom:1px solid var(--purple);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 0 20px #b026ff33}.hud-section{flex:1}.hud-center{text-align:center}.hud-right{text-align:right}.hud-label{font-size:11px;opacity:.7;text-transform:uppercase;color:var(--cyan)}.hud-status-message{font-size:14px;font-weight:700;text-transform:uppercase;animation:pulse 2s ease-in-out infinite;text-shadow:0 0 10px var(--pink);color:var(--pink)}.hud-time{font-size:13px;font-weight:700;text-shadow:0 0 10px var(--cyan)}.hud-corner{position:absolute;pointer-events:auto}.hud-top-left{top:60px;left:20px}.hud-top-right{top:60px;right:20px}.hud-bottom-left{bottom:20px;left:20px}.hud-bottom-right{bottom:20px;right:20px}.hud-panel{background:#050014d9;border:1px solid var(--purple);padding:12px 16px;min-width:220px;box-shadow:0 0 20px #b026ff1a,inset 0 0 20px #b026ff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-title{font-size:11px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--purple);color:var(--white);text-shadow:0 0 8px var(--cyan);font-weight:700}.panel-line{display:flex;align-items:center;margin:6px 0;gap:8px}.panel-key{flex:0 0 100px;opacity:.7;font-size:10px}.panel-value{flex:1;text-align:right;font-weight:700;font-size:11px}.panel-value.cyan{color:var(--cyan);text-shadow:0 0 8px var(--cyan)}.panel-value.green{color:var(--pink);text-shadow:0 0 8px var(--pink)}.panel-bar{flex:1;height:4px;background:#b026ff33;border:1px solid var(--purple);position:relative;overflow:hidden}.panel-bar-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));box-shadow:0 0 10px var(--purple);transition:width .5s ease}.blink{animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(176,38,255,.02) 50%);background-size:100% 4px;pointer-events:none;animation:scanline 8s linear infinite}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(4px)}}.hud-panel:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent,var(--purple),transparent);opacity:0;transition:opacity .3s;pointer-events:none;z-index:-1;filter:blur(10px)}.hud-panel:hover:before{opacity:.3}.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{font-family:monospace;-webkit-user-select:text;user-select:text;white-space:pre}.xterm .xterm-accessibility-tree>div{transform-origin:left;width:fit-content}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;background:#0000;transition:opacity .1s linear;z-index:11}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{position:absolute;display:none}.xterm .xterm-scrollable-element>.shadow.top{display:block;top:0;left:3px;height:3px;width:100%;box-shadow:var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.left{display:block;top:3px;left:0;height:100%;width:3px;box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.top-left-corner{display:block;top:0;left:0;height:3px;width:3px}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}.terminal-container{position:absolute;bottom:2rem;right:2rem;width:600px;height:400px;background:#05050ae6;border:1px solid #00ffff;border-radius:8px;padding:1rem;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 25px #00ffff26;font-family:Courier New,Courier,monospace;z-index:100;transition:all .3s ease}.terminal-header{display:flex;justify-content:space-between;margin-bottom:.8rem;border-bottom:1px solid rgba(0,255,255,.3);padding-bottom:.5rem;font-size:.85rem;letter-spacing:2px;color:#0ff;text-transform:uppercase}.terminal-status{font-weight:700}.terminal-status.connected{color:#00ff41;text-shadow:0 0 5px #00ff41}.terminal-status.disconnected{color:#f05}.terminal-xterm-container{flex-grow:1;width:100%;height:100%;overflow:hidden;background:#000;position:relative;border-radius:4px}.ssh-form{display:flex;flex-direction:column;gap:10px;color:#0ff;height:100%;justify-content:center;padding:0 20px}.ssh-input{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);color:#fff;padding:8px;border-radius:4px;font-family:inherit;outline:none;transition:border-color .2s}.ssh-input:focus{border-color:#0ff;box-shadow:0 0 10px #0ff3}.ssh-button{background:#0ff3;border:1px solid #00ffff;color:#0ff;padding:10px;cursor:pointer;margin-top:10px;font-weight:700;text-transform:uppercase;transition:all .2s}.ssh-button:hover{background:#0ff;color:#000;box-shadow:0 0 15px #0ff9}.ssh-button:disabled{opacity:.5;cursor:not-allowed}:root{--cyan: #00ffff;--blue: #2600ff;--purple: #b026ff;--pink: #ff00cc;--dark-bg: #050014;--white: #ffffff}body.theme-matrix{--cyan: #00ff41;--blue: #003b00;--purple: #008f11;--pink: #ccff00;--dark-bg: #000500}body.theme-fire{--cyan: #ffcc00;--blue: #330000;--purple: #ff4500;--pink: #ff0000;--dark-bg: #1a0500}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Rajdhani,Courier New,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--dark-bg);color:var(--cyan);overflow:hidden}.app{width:100vw;height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at center,#1a0033 0%,var(--dark-bg) 100%)}.boot-screen{width:100vw;height:100vh;background:var(--dark-bg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.boot-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(176,38,255,.1) 0%,transparent 50%);animation:pulse-bg 3s ease-in-out infinite}@keyframes pulse-bg{0%,to{opacity:.3}50%{opacity:.6}}.boot-container{max-width:600px;padding:40px;position:relative;z-index:1}.boot-logo{display:flex;justify-content:center;margin-bottom:30px}.boot-hexagon{color:var(--cyan);animation:rotate 20s linear infinite,glow 2s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 20px var(--cyan)) drop-shadow(0 0 40px var(--purple))}50%{filter:drop-shadow(0 0 40px var(--cyan)) drop-shadow(0 0 60px var(--purple))}}.hex-outer,.hex-inner{animation:pulse-stroke 2s ease-in-out infinite}.hex-inner{animation-delay:.3s}.hex-core{animation:pulse-core 1.5s ease-in-out infinite;color:var(--pink)}@keyframes pulse-stroke{0%,to{opacity:.4;stroke:var(--cyan)}50%{opacity:1;stroke:var(--purple)}}@keyframes pulse-core{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}}.boot-title{text-align:center;font-size:24px;font-weight:700;margin-bottom:40px;letter-spacing:4px;text-transform:uppercase;background:linear-gradient(90deg,var(--cyan),var(--white));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px var(--cyan));animation:flicker 3s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1;filter:drop-shadow(0 0 10px var(--cyan))}50%{opacity:.8;filter:drop-shadow(0 0 5px var(--purple))}55%{opacity:1}57%{opacity:.9}60%{opacity:1}}.boot-messages{min-height:150px;margin-bottom:30px}.boot-message{font-size:13px;margin:8px 0;opacity:.7;letter-spacing:1px;transition:opacity .3s;color:var(--cyan)}.boot-message.active{opacity:1;animation:text-glow 1s ease-in-out infinite;color:var(--white)}@keyframes text-glow{0%,to{text-shadow:0 0 10px var(--purple)}50%{text-shadow:0 0 20px var(--purple),0 0 30px var(--pink)}}.boot-prompt{color:var(--pink);margin-right:8px}.boot-progress{width:100%;height:2px;background:#b026ff33;border:1px solid var(--purple);position:relative;overflow:hidden;box-shadow:0 0 10px #b026ff4d}.boot-progress-bar{height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));transition:width .8s ease;box-shadow:0 0 20px var(--cyan);position:relative}.boot-progress-bar:after{content:"";position:absolute;top:0;right:0;width:30px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8));animation:shimmer 1s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--dark-bg);border:1px solid var(--purple)}::-webkit-scrollbar-thumb{background:var(--purple);border:1px solid var(--cyan)}::-webkit-scrollbar-thumb:hover{background:var(--pink);box-shadow:0 0 10px var(--pink)}.holographic-tooltip{background:#0a1428d9;border:1px solid var(--theme-active);padding:10px;border-radius:4px;font-family:Rajdhani,sans-serif;color:var(--theme-active);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;min-width:150px;box-shadow:0 0 15px #00000080;transform:translate3d(20px,-50%,0)}.tooltip-header{font-weight:700;border-bottom:1px solid var(--theme-secondary);margin-bottom:5px;padding-bottom:2px;font-size:.9em;letter-spacing:1px}.tooltip-row{display:flex;justify-content:space-between;font-size:.8em;color:#ccc;margin-bottom:2px}.tooltip-value{color:#fff;font-family:monospace}