html,body{height:100%;padding:0;margin:0}.container{overflow:hidden;border-radius:2px}.container .toolbar{position:fixed;top:20px;left:20px}.container .toolbar .color-theme{transition:background .6s ease-in-out;cursor:pointer;float:left;margin-right:15px;margin-top:10px;width:35px;height:35px;border-radius:2px;background:#666}.container .toolbar .element{float:left;margin-right:5px}.container .toolbar .element .caption{transition:color .6s ease-in-out;margin-top:-20px;color:#999;font-size:12px;font-weight:200;text-transform:uppercase}.container .toolbar .element text{transition:fill .6s ease-in-out;font-family:"Monaco" monospace;fill:#1ECD97;font-size:20px}.container .toolbar .healthbar .bar-background{fill:rgba(0,0,0,0.05)}.container .toolbar .healthbar .bar-health{fill:#1ECD97}.container .toolbar .healthbar .label{text-anchor:middle;fill:white;font-size:12px;font-family:'monaco' monospace}.container .modal{transition:color .6s ease-in-out;position:fixed;top:110px;left:20px;color:#333;font-weight:200;width:370px;height:320px;overflow:hidden}.container .modal button{transition:all .1s ease-in-out;cursor:pointer;display:block;width:100%;padding:10px;border:none;color:#fff;background-color:rgba(30,205,151,0.8);border-radius:4px;font-size:20px}.container .modal button:active,.container .modal button:focus{outline:none}.container .modal button:hover{background-color:#1ecd97}.container .modal button:active{box-shadow:inset 0 2px 1px rgba(0,0,0,0.1)}.container .modal a{text-decoration:none;color:dodgerblue}.container .modal a:hover{text-decoration:underline}.container .modal table{border:none}.container .modal table td{padding:5px}.container .modal table tr>td:first-child{text-align:right}.container .modal .hotkey{transition:color .6s ease-in-out;background:rgba(0,0,0,0.1);border-radius:2px;border:1px solid rgba(0,0,0,0.2);padding:2px 5px;font-family:"monaco" monospace;font-size:12px}.container .main{transition:background .6s ease-in-out;cursor:crosshair}.container .main .bg-circle{transition:fill .6s ease-in-out;fill:#999;stroke:none}.container .main text{font-family:"Monaco" monospace;stroke:none;fill:#E74C3C}.container .main .game-over{text-anchor:middle;font-size:30px;fill:#999;opacity:0.1}.container .main .blue .lg{fill:cornflowerblue}.container .main .purple .lg{fill:mediumslateblue}.container .main .marine .lg{fill:mediumaquamarine}.container .main .sm{fill:rgba(0,0,0,0.1)}.container.dark .element text{fill:yellow}.container.dark .color-theme{background:white}.container.dark .modal{color:whitesmoke}.container.dark .modal .hotkey{color:whitesmoke}.container.dark .main{background:#333}.container.dark .main .bg-circle{fill:whitesmoke}.container.dark text{fill:yellow}.cannon .body{opacity:0;stroke-width:1;stroke:lightsteelblue;fill:#1ECD97}.red{stroke-width:4;stroke:red;fill:none}.orange{fill:orange;stroke:none}.warhead{opacity:1;fill:coral}.cannon line{opacity:0;stroke:#1ECD97;stroke-width:8}.rocket #exhaust{opacity:0}.footer{padding:10px;font-size:12px}