@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg:#0a0a0a;--text:#00ff41;--warn:#ffb000;--crit:#f33;--inactive:#555;--accent:#0cf;--dim:#00ff4180;--glow:0 0 1px;--font:"JetBrains Mono", monospace;--fs:15px}@media (width<=600px){:root{--fs:13px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font);font-size:var(--fs);line-height:1.5;overflow:hidden}#root:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 1px,#00000005 1px 2px);position:fixed;inset:0}.glow{text-shadow:var(--glow) var(--text)}.glow-warn{text-shadow:var(--glow) var(--warn);color:var(--warn)}.glow-crit{text-shadow:var(--glow) var(--crit);color:var(--crit)}.glow-accent{text-shadow:var(--glow) var(--accent);color:var(--accent)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.cursor{animation:1s infinite blink}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#333}.btn{border:1px solid var(--text);color:var(--text);font-family:var(--font);font-size:var(--fs);cursor:pointer;text-shadow:var(--glow) var(--text);background:0 0;min-width:44px;min-height:44px;padding:10px 20px;transition:all .15s}.btn:hover,.btn:active{background:var(--text);color:var(--bg);text-shadow:none}.btn-accent{border-color:var(--accent);color:var(--accent);text-shadow:var(--glow) var(--accent)}.btn-accent:hover,.btn-accent:active{background:var(--accent);color:var(--bg);text-shadow:none}.btn-warn{border-color:var(--warn);color:var(--warn);text-shadow:var(--glow) var(--warn)}.btn-warn:hover,.btn-warn:active{background:var(--warn);color:var(--bg);text-shadow:none}.btn-small{font-size:calc(var(--fs) - 2px);padding:6px 12px}.btn[disabled],.btn-disabled{color:#555!important;text-shadow:none!important;cursor:not-allowed!important;opacity:1!important;border-color:#555!important}.btn[disabled]:hover,.btn-disabled:hover{color:#555!important;background:0 0!important}.btn-group{flex-wrap:wrap;gap:8px;display:flex}.screen{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;overflow-y:auto}.screen-scroll{justify-content:flex-start;padding-top:40px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.5s ease-in fadeIn}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:1s ease-out forwards fadeOut}input[type=range]{-webkit-appearance:none;background:#333;border-radius:2px;outline:none;width:100%;max-width:400px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);cursor:pointer;border-radius:50%;width:16px;height:16px}.option-group{flex-wrap:wrap;gap:8px;margin:4px 0;display:flex}.option{cursor:pointer;font-family:var(--font);font-size:var(--fs);color:var(--inactive);background:0 0;border:1px solid #555;align-items:center;min-height:44px;padding:8px 16px;transition:all .15s;display:flex}.option.active{border-color:var(--text);background:var(--text);color:#0a0a0a;text-shadow:none;font-weight:700}.option:hover{border-color:var(--text)}.checkbox{cursor:pointer;font-family:var(--font);font-size:var(--fs);color:var(--inactive);background:0 0;border:1px solid #555;align-items:center;gap:8px;min-height:44px;padding:8px 16px;transition:all .15s;display:flex}.checkbox.checked{border-color:var(--text);background:var(--text);color:#0a0a0a;text-shadow:none;font-weight:700}.checkbox:hover{border-color:var(--text)}.progress-bar{font-size:calc(var(--fs) - 2px);color:var(--inactive);align-items:center;gap:8px;display:flex}.progress-track{background:#333;flex:1;height:2px;position:relative}.progress-fill{background:var(--text);height:100%;transition:width .3s}.terminal{flex-direction:column;width:100%;max-width:900px;height:100%;margin:0 auto;display:flex}.terminal-header{font-size:calc(var(--fs) - 2px);color:var(--dim);border-bottom:1px solid #333;flex-shrink:0;padding:8px 16px}.terminal-header .value{color:var(--text)}.terminal-header .warn-val{color:var(--warn)}.tab-bar{border-bottom:1px solid #333;flex-shrink:0;display:flex;overflow-x:auto}.tab{cursor:pointer;color:var(--inactive);white-space:nowrap;font-family:var(--font);font-size:calc(var(--fs) - 1px);background:0 0;border:none;min-height:44px;padding:10px 16px;transition:color .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);text-shadow:var(--glow) var(--accent);border-bottom:2px solid var(--accent)}.tab-content{flex:1;padding:16px;overflow-y:auto}@media (width<=600px){.terminal{flex-direction:column}.tab-bar{background:var(--bg);z-index:100;border-top:1px solid #333;border-bottom:none;order:99;justify-content:space-around;position:fixed;bottom:0;left:0;right:0}.tab{padding:10px 8px;font-size:11px}.tab-content{padding-bottom:60px}.terminal-header{white-space:nowrap;font-size:11px;overflow-x:auto}}.sys-row{font-size:calc(var(--fs) - 1px);grid-template-columns:80px 120px 1fr 60px 50px 80px;align-items:center;gap:8px;padding:4px 0;display:grid}@media (width<=600px){.sys-row{grid-template-columns:60px 80px 1fr 40px 40px;font-size:11px}.sys-row .landing{display:none}}.bar-track{background:#222;height:8px;position:relative}.bar-fill{height:100%;transition:width .3s}.bar-ok{background:var(--text)}.bar-warn{background:var(--warn)}.bar-crit{background:var(--crit)}.event-entry{border-bottom:1px solid #1a1a1a;margin-bottom:16px;padding-bottom:16px}.event-header{color:var(--inactive);font-size:calc(var(--fs) - 2px);margin-bottom:4px}.event-key{color:var(--warn)}.entry-death,.entry-death .event-header{color:#f33}.entry-key,.entry-key .event-header{color:#ffb000}.entry-system,.entry-system .event-header{color:#888}.transmit-dialog{background:#111;border:1px solid #333;margin-bottom:16px;padding:16px}.proto-row{border-bottom:1px solid #1a1a1a;grid-template-columns:100px 1fr auto;align-items:center;gap:12px;padding:8px 0;display:grid}.cmd-slot{min-height:44px;color:var(--inactive);cursor:pointer;border:1px solid #333;align-items:center;margin:8px 0;padding:12px;display:flex}.cmd-slot.filled{border-color:var(--text);color:var(--text)}.mute-btn{color:var(--inactive);font-family:var(--font);cursor:pointer;z-index:200;background:0 0;border:1px solid #333;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:4px 8px;font-size:12px;display:flex;position:fixed;top:8px;right:8px}.mute-btn:hover{border-color:var(--text);color:var(--text)}.name-input{border:none;border-bottom:1px solid var(--text);color:var(--text);font-family:var(--font);font-size:var(--fs);width:200px;text-shadow:var(--glow) var(--text);background:0 0;outline:none;padding:4px 0}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.filter-btn{color:var(--inactive);font-family:var(--font);font-size:calc(var(--fs) - 2px);cursor:pointer;background:0 0;border:1px solid #333;min-height:36px;padding:6px 12px}.filter-btn.active{border-color:var(--accent);color:var(--accent)}.section-label{color:var(--inactive);font-size:calc(var(--fs) - 2px);text-transform:uppercase;letter-spacing:1px;margin:16px 0 8px}.ration-panel{background:#111;border:1px solid #333;margin:8px 0;padding:12px}