@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;600;800&family=JetBrains+Mono:wght@400;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;margin:0;padding:0;font-family:JetBrains Mono,Fira Code,Courier New,monospace;overflow:hidden}body{color:#8b949e;background-color:#000;margin:0;padding:0}.matrix-canvas{z-index:2;opacity:.15;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.three-canvas{z-index:1;width:100vw;height:100vh;transition:opacity .5s ease-in-out;position:fixed;top:0;left:0}.three-canvas.dimmed{opacity:.15}.hud-overlay{z-index:10;pointer-events:none;box-sizing:border-box;flex-direction:column;width:100vw;height:100vh;padding:2rem;display:flex;position:fixed;top:0;left:0}.glass-panel{pointer-events:auto;background:#0a0e17;border:1px solid #1a2333}.header{background:#0009;border-bottom:1px solid #00e5ff4d;justify-content:space-between;align-items:center;width:100%;padding:.8rem 2rem;display:flex}.brand h1{color:#fff;text-transform:uppercase;letter-spacing:2px;margin:0;font-family:Barlow,sans-serif;font-size:1.6rem;font-weight:800}.top-metrics{align-items:center;gap:1.5rem;font-size:.9rem;display:flex}.status-pill{color:#00e5ff;background:#00e5ff1a;border:1px solid #00e5ff4d;border-radius:0;align-items:center;gap:.6rem;padding:.4rem 1.2rem;font-weight:700;display:flex}.status-pill.alert{color:#f05;background:#ff00551a;border-color:#ff00554d}.led-dot{background:currentColor;width:8px;height:8px;animation:1.5s infinite blink;box-shadow:0 0 8px}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.separator{color:#1a2333}.latency-indicator{color:#8b949e}.controls{gap:1rem;display:flex}.mode-select,.ws-input{color:#00e5ff;background:#000;border:1px solid #1a2333;border-radius:0;outline:none;padding:.5rem 1rem;font-family:inherit;font-size:.8rem}.ws-input{width:260px}.raw-data-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#000000bf;border:1px solid #00e5ff;flex-direction:row;gap:2rem;padding:1.5rem;display:flex;position:absolute;inset:5rem 2rem;box-shadow:0 0 30px #00e5ff1a}.close-raw-btn{color:#8b949e;cursor:pointer;z-index:100;background:0 0;border:none;font-size:1.8rem;line-height:1;transition:color .2s;position:absolute;top:.5rem;right:1rem}.close-raw-btn:hover{color:#f05}.raw-panel-section{border-right:1px solid #00e5ff33;flex-direction:column;flex:1;padding-right:2rem;display:flex}.raw-panel-section:last-child{border-right:none;padding-right:0}.raw-panel-section h2{color:#fff;text-transform:uppercase;border-bottom:1px solid #ffffff1a;margin-top:0;padding-bottom:.5rem;font-family:Barlow,sans-serif;font-weight:600}.large-terminal{background:#000;border:1px solid #1a2333;flex:1;padding:1rem;overflow-y:auto}.middle-section{flex:1;justify-content:space-between;width:100%;margin-top:1rem;display:flex}.left-panel{pointer-events:auto;background:#000;border:1px solid #00e5ff33;align-self:flex-start;width:270px;padding:1rem}.left-panel h3{color:#fff;text-transform:uppercase;letter-spacing:1px;margin-top:0;margin-bottom:1rem;font-family:Barlow,sans-serif;font-size:1rem}.entropy-graph-container{background:#000;border:1px solid #1a2333;width:100%;height:80px;margin-bottom:1rem}.entropy-svg{width:100%;height:100%}.metrics-list{flex-direction:column;gap:.5rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.metrics-list li{justify-content:space-between;display:flex}.metrics-list .label{color:#8b949e}.metrics-list .val{color:#00e5ff}.center-actions{pointer-events:none;flex:1;justify-content:center;align-self:flex-end;margin-bottom:1.5rem;display:flex}.toolbar-panel{pointer-events:auto;background:#000;border:1px solid #00e5ff4d;flex-direction:row;align-items:center;gap:1rem;padding:.6rem 1.2rem;display:flex;box-shadow:0 4px 15px #000c}.toolbar-btn{letter-spacing:1px;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:0;padding:.4rem .8rem;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;transition:all .2s}.toolbar-btn.green-btn{color:#10ff88}.toolbar-btn.green-btn:hover{background:#10ff8826}.toolbar-btn.red-btn{color:#ff2e63}.toolbar-btn.red-btn:hover:not(.disabled){background:#ff2e6326}.toolbar-btn.disabled{opacity:.4;cursor:not-allowed}.separator-v{background:#ffffff26;width:1px;height:24px}.action-btn{color:#00e5ff;letter-spacing:1px;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:0 0;border:1px solid #00e5ff80;border-radius:4px;padding:.5rem 1.2rem;font-family:inherit;font-size:.75rem;font-weight:700;transition:all .2s}.action-btn:hover:not(.disabled){background:#00e5ff1a}.alert-btn{color:#ff2e63;border-color:#ff2e63}.alert-btn:hover:not(.disabled){background:#ff2e631a}.stress-btn{color:#ffb300;border-color:#ffb300}.stress-btn:hover:not(.disabled){background:#ffb3001a}.stability-btn{color:#00ffa3;border-color:#00ffa3}.stability-btn:hover:not(.disabled){background:#00ffa31a}.action-btn.disabled{opacity:.3;cursor:not-allowed}.pulse-red{animation:2s infinite pulse-red-anim}.pulse-cyan{animation:3s infinite pulse-cyan-anim}@keyframes pulse-red-anim{0%{box-shadow:0 0 #ff2e6366}70%{box-shadow:0 0 0 10px #ff2e6300}to{box-shadow:0 0 #ff2e6300}}@keyframes pulse-cyan-anim{0%{box-shadow:0 0 #00e5ff4d}70%{box-shadow:0 0 0 8px #00e5ff00}to{box-shadow:0 0 #00e5ff00}}.right-panel{pointer-events:auto;align-self:flex-start;width:310px;max-height:250px;overflow-y:auto}.terminal{flex-direction:column;display:flex}.terminal::-webkit-scrollbar{width:4px}.terminal::-webkit-scrollbar-thumb{background:#1a2333}.log-entry{align-items:flex-start;gap:.4rem;margin-bottom:.6rem;font-family:Courier New,Courier,monospace;font-size:.75rem;line-height:1.4;display:flex}.log-entry .time{color:#ffffff80;white-space:nowrap;flex-shrink:0}.log-entry .msg{word-wrap:break-word;flex:1}.log-entry.info .msg{color:#8b949e}.log-entry.warn .msg{color:#ff2e63}.log-entry.critical .msg{color:#ff2e63;font-weight:700}.log-entry.success .msg{color:#00e5ff}@media (width<=1024px){.hud-overlay{pointer-events:auto;box-sizing:border-box;flex-direction:column;height:100dvh;padding:.5rem;display:flex;overflow:hidden}.header{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:.8rem;height:auto;padding:.8rem}.top-metrics,.controls{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.middle-section{flex-direction:column;flex:1;align-items:stretch;gap:1.5rem;padding-bottom:2rem;display:flex;overflow-y:auto}.left-panel,.right-panel{align-self:stretch;width:100%;max-width:100%}.center-actions{align-self:center;width:100%;margin-top:1.5rem}.toolbar-panel{box-sizing:border-box;flex-wrap:wrap;justify-content:center;width:100%}.raw-data-panel{flex-direction:column;gap:1rem;inset:1rem;overflow-y:auto}.raw-panel-section{border-bottom:1px solid #00e5ff33;border-right:none;padding-bottom:1rem;padding-right:0}}@media (width<=480px){.hud-overlay{padding:.5rem}.brand h1{letter-spacing:1px;text-align:center;font-size:1.2rem}.header{align-items:center;gap:.6rem;padding:.6rem}.top-metrics{flex-flow:wrap;justify-content:center;gap:.4rem;width:100%;font-size:.75rem}.status-pill{padding:.2rem .5rem;font-size:.7rem}.latency-indicator{font-size:.7rem}.controls{flex-direction:row;gap:.4rem;width:100%}.mode-select,.controls button{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;padding:.4rem;font-size:.7rem;overflow:hidden}.left-panel,.right-panel{box-sizing:border-box;max-width:100%;padding:.8rem}.metrics-list{font-size:.75rem}.toolbar-panel{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:.5rem;width:100%;padding:.5rem}.ws-input{box-sizing:border-box;width:100%!important;max-width:100%!important}.toolbar-btn{text-align:center;width:100%;padding:.5rem;font-size:.7rem}.separator-v{display:none}.center-actions{box-sizing:border-box;width:100%;margin-top:1rem;padding:0 .5rem}}