html,body{margin:0;border:0;overflow:hidden;display:block;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-webkit-crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:pixelated}#c{background-color:#000;z-index:-1}.loading_screen{background-color:#3eabb8;width:100%;height:100%;overflow:hidden;position:absolute;padding-top:10%;text-align:center}.loading_text{font-family:Tahoma,Geneva,sans-serif;font-size:3em;text-shadow:0 4px grey;color:#fff}#text_canvas{background-color:transparent;z-index:-1;width:100%;height:100%}#wrapper{width:100%;height:100%;margin:0;border:none;overflow:hidden;position:absolute;font-family:Tahoma,Geneva,sans-serif}#joingame{background-color:#3eabb8;width:100%;height:100%;display:none;text-align:center;padding-top:10%;color:#fff;font-size:1.5em;text-shadow:0 3px grey}#crazy_games_logo{width:20%;position:absolute;left:3px;top:3px;image-rendering:auto}#title{font-size:3em;text-shadow:0 6px grey}#username{text-align:center;width:30%;font-size:1.5em;border:1px solid #ccc;border-radius:10px;box-sizing:border-box}#username::placeholder{font-size:.75em;color:lightgrey}#startgame{-webkit-animation-name:green_pulse;-webkit-animation-duration:1s;-webkit-animation-count:infinite;animation-name:green_pulse;animation-duration:1s;animation-iteration-count:infinite}#error_message{display:none;font-size:.5em;color:DarkRed;text-shadow:none;z-index:1}#changelog{width:40%;position:fixed;font-size:.5em;text-shadow:none;left:2%;bottom:20%;display:none}#credits{font-size:.5em;text-shadow:none;color:lightgrey}#credits a{color:#add8e6}#audio_icon{width:3em}#audio_dropup{position:relative;display:inline-block}#audio_menu{font-size:.6em;color:#fff;display:none;position:absolute;bottom:50px;min-width:160px;padding-top:30px;padding-right:30px}#audio_dropup:hover #audio_menu{display:block}.slider,.small_slider{-webkit-appearance:none;appearance:none;background:#d3d3d3;outline-style:solid;outline-color:#fff;outline-width:1px}.slider:focus,.small_slider:focus{outline-offset:0}.slider{width:100%;height:10px}.small_slider{width:66%;height:6px}.slider::-webkit-slider-thumb,.small_slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:20px;background:#2fc604;cursor:pointer;outline-style:solid;outline-color:#fff;outline-width:1px}.small_slider::-webkit-slider-thumb{width:7px;height:12px}.slider::-moz-range-thumb,.small_slider::-moz-range-thumb{width:10px;height:20px;background:#2fc604;cursor:pointer;outline-style:solid;outline-color:#fff;outline-width:1px}.small_slider::-moz-slider-thumb{width:7px;height:14px}#options{display:inline;position:fixed;left:0;bottom:0}#bottom_text{text-decoration:none;display:inline;color:grey;font-size:.7em;position:fixed;bottom:0;left:4.5em}#bottom_text a{color:grey}#bottom_text a:visited{color:grey}#bottom_text a:hover{color:#fff}#bottom_text a:active{color:#fff}.noclick{pointer-events:none,}#hud{display:none;top:0;right:0;width:100%;height:100%;z-index:0}#stats{text-align:right;position:fixed;right:110px;background-color:rgba(0,0,0,.3)}#maxhp{background-color:rgba(0,0,0,.5);top:15px;outline-style:solid;outline-color:#fff;outline-width:1px}#hp_low{top:15px;width:50px;background-color:red}#hp_high{top:15px;width:50px;background-color:#fff}#maxenergy{background-color:rgba(0,0,0,.5);outline-style:solid;outline-color:#fff;outline-width:1px;margin-left:60px;top:30px;width:40px;height:5px}#energy_low{width:20px;background-color:#2fc604;margin-left:60px;top:30px;height:5px}#energy_high{width:30px;background-color:#fff;margin-left:60px;top:30px;height:5px}.bar{width:100px;height:10px;position:fixed}#leaderboard{width:13em;background-color:rgba(0,0,0,.3);color:#fff;border-radius:3px;padding:.5em;right:.5em;top:50px;position:absolute;text-align:right}#resourcelist{width:20%;bottom:0;list-style-type:none;margin:1%;padding:1%;line-height:1.6;color:#fff}.resource{background-color:rgba(0,0,0,.3);border-radius:3px;padding:.5em;display:none}#toolbar{width:100%;position:fixed;bottom:.6em;text-align:center;font-size:2em}#help{color:#fff;text-align:right;position:fixed;bottom:.6em;right:.6em;padding:.5em;border-radius:.2em;background-color:rgba(0,0,0,.3);-webkit-animation-name:pulse;-webkit-animation-duration:1s;-webkit-animation-count:infinite;animation-name:pulse;animation-duration:1s;animation-iteration-count:infinite}@keyframes pulse{0%{background-color:rgba(0,0,0,.2)}; 50%{background-color:rgba(0,0,0,.4)}; 99%{background-color:rgba(0,0,0,.2)}; } .tool_select { } #tool_dropdown { text-align: center; display: none; } #wall_hover:hover #tool_dropdown {display: block;} .dropdown { background-color: rgba(0,0,0,0.3); border-radius: 0px; } .action { background-color: #2FC604; padding: 1% 1%; text-align: center; font-size: 1em; color: white; margin: 4px 2px; display: inline-block; text-decoration: none; cursor: pointer; outline-style: solid; outline-color: white; outline-width: 1px; border-top: 0px none #67AD20; border-left: 0px none #67AD20; border-right: 0px none #67AD20; border-bottom: 5px solid #67AD20; } .action:hover { background-color: #34B916 } .action:active { transform: translateY(5px); border-bottom: 0px none #32A118; } @keyframes green_pulse { 0%{background-color:#3fb614}50%{background-color:#2fc604}}