:root{--bg-dark: #0f0f23;--bg-panel: #1a1a2e;--accent-blue: #0f3460;--accent-red: #e94560;--accent-purple: #533483;--gold: #ffd460;--text-light: #f5f5f5;--text-dim: #a0a0b0;--success: #2ecc71;--border: #3a3a5c}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:"Press Start 2P",monospace;background:var(--bg-dark);color:var(--text-light);font-size:10px;line-height:1.6;image-rendering:pixelated}.pixel-border{border:2px solid var(--border);box-shadow:inset -2px -2px #0a0a15,inset 2px 2px #2a2a4c}.rpg-box{background:var(--bg-panel);border:3px solid var(--gold);box-shadow:0 0 0 1px #0a0a15,inset 0 0 0 1px #0a0a15,4px 4px #0000004d;padding:12px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border:1px solid var(--bg-dark)}::selection{background:var(--accent-purple);color:var(--gold)}.pixel-btn{font-family:"Press Start 2P",monospace;font-size:8px;padding:8px 16px;background:var(--accent-blue);color:var(--text-light);border:2px solid var(--border);cursor:pointer;transition:background .1s;box-shadow:2px 2px #0006}.pixel-btn:hover{background:var(--accent-purple)}.pixel-btn:active{box-shadow:none;transform:translate(1px,1px)}.pixel-input{font-family:"Press Start 2P",monospace;font-size:9px;padding:8px 10px;background:var(--bg-dark);color:var(--text-light);border:2px solid var(--border);outline:none;width:100%}.pixel-input:focus{border-color:var(--gold)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:0}.status-dot.online{background:var(--success)}.status-dot.offline{background:var(--accent-red)}.gauge-bar{height:12px;background:var(--bg-dark);border:1px solid var(--border);overflow:hidden}.gauge-fill{height:100%;transition:width .3s ease}.agent-badge{display:inline-block;padding:2px 6px;font-size:7px;border:1px solid}