diff --git a/static/renderer/debug.js b/static/renderer/debug.js
index 415e128cbca8d9022f35a3e09549729b86bd8c93..41ab8371a03ff613da9e1889b9df4e9eb5df4d43 100644
--- a/static/renderer/debug.js
+++ b/static/renderer/debug.js
@@ -1,7 +1,7 @@
 function render(_name, _role, _roles){
 
     if(_role in _roles) {
-        renderRole(_roles[_role]);
+        renderRole(_roles[_role], _roles["idle"]);
         return;
     }
 
@@ -15,7 +15,21 @@ function render(_name, _role, _roles){
     set_error("The role of this player has no render target.");
 }
 
-function renderRole(_definition) {
+function renderRole(_definition, _roleIdle) {
+
+    if(_roleIdle && (_definition !== _roleIdle)){
+        var old_css_idle = $("#game_css_idle");
+
+        if(old_css_idle) {
+            old_css_idle.remove();
+        }
+
+        if("css" in _roleIdle) {
+            //Add idle css
+            var css = $("<style id='game_css_idle' type='text/css'>" + sanitizeCSS(_roleIdle["css"]) + "</style>");
+            $("#current_content").append(css);
+        }
+    }
 
     var old_css = $("#game_css");