*{padding:0;margin:0}body,html{width:100%;height:100%;overflow:hidden;font-family:Titillium Web,Arial,Helvetica,sans-serif;color:#f18805;font-weight:400}.svg-icon{width:1em;height:1em;fill:currentColor;stroke:currentColor}input[type=text]{border:2px solid #f18805;padding:.25rem;border-radius:0;font-size:100%;background-color:#131b23;color:#f18805}input[type=text]:focus{border-color:#f0a202;outline:none}.btn{padding:.6rem 1rem;cursor:pointer;text-align:center;display:inline-block;border:0;color:#f18805;background:url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16"><path fill="none" stroke="%23F18805" stroke-width="3px" d="M0,0 L16,16" vector-effect="non-scaling-stroke" /></svg>') no-repeat 100% 0,linear-gradient(90deg,transparent,#f18805 -2px) no-repeat .5em 100%,linear-gradient(90deg,transparent,#f18805 -2px) no-repeat 0 0,linear-gradient(45deg,transparent 50%,#f18805 50% calc(50% + 2px),transparent calc(50% + 2px)) no-repeat 0 100%,linear-gradient(90deg,transparent,#f18805 -2px) no-repeat 100% .5em,linear-gradient(90deg,transparent,#f18805 -2px) no-repeat 0 0,linear-gradient(225deg,#131b23,#131b23 calc(100% - .3535em),transparent calc(100% - .3535em)) no-repeat 0 100%,linear-gradient(90deg,#131b23,#131b23) no-repeat 0 0,linear-gradient(90deg,#131b23,#131b23) no-repeat 100% 0,linear-gradient(45deg,#131b23,#131b23) no-repeat 100% 100%;background-size:.5em .5em,calc(100% - .5em) 2px,2px calc(100% - .5em),.5em .5em,2px calc(100% - .5em),calc(100% - .5em + 1px) 2px,50% 50%,51% 51%,51% 51%,51% 51%}.btn:hover{color:#fba02e;background:url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16"><path fill="none" stroke="%23fba02e" stroke-width="3px" d="M0,0 L16,16" vector-effect="non-scaling-stroke" /></svg>') no-repeat 100% 0,linear-gradient(90deg,transparent,#fba02e -2px) no-repeat .5em 100%,linear-gradient(90deg,transparent,#fba02e -2px) no-repeat 0 0,linear-gradient(45deg,transparent 50%,#fba02e 50% calc(50% + 2px),transparent calc(50% + 2px)) no-repeat 0 100%,linear-gradient(90deg,transparent,#fba02e -2px) no-repeat 100% .5em,linear-gradient(90deg,transparent,#fba02e -2px) no-repeat 0 0,linear-gradient(225deg,#131b23,#131b23 calc(100% - .3535em),transparent calc(100% - .3535em)) no-repeat 0 100%,linear-gradient(90deg,#131b23,#131b23) no-repeat 0 0,linear-gradient(90deg,#131b23,#131b23) no-repeat 100% 0,linear-gradient(45deg,#131b23,#131b23) no-repeat 100% 100%;background-size:.5em .5em,calc(100% - .5em) 2px,2px calc(100% - .5em),.5em .5em,2px calc(100% - .5em),calc(100% - .5em + 1px) 2px,50% 50%,51% 51%,51% 51%,51% 51%}.fade-out{animation-name:fade-out;animation-duration:.2s;animation-fill-mode:forwards}@keyframes fade-out{0%{opacity:1}to{opacity:0;display:none}}.fade-in{animation-name:fade-in;animation-duration:.2s;animation-fill-mode:forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.top-in{animation-name:top-in;animation-duration:.2s}@keyframes top-in{0%{transform:translateY(-100%);opacity:0}to{transform:translate(0);opacity:1}}.top-out{animation-name:top-out;animation-duration:.2s;animation-fill-mode:forwards}@keyframes top-out{0%{transform:translate(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.tooltip-content{position:fixed;top:-100%;left:-100%;transform-origin:center left;transform:translate(-100%);border:2px solid #f18805;background-color:#131b23;padding:.5rem;color:#f18805}.tooltip-content.hidden{animation-name:tooltip-out;animation-duration:.1s;animation-fill-mode:forwards}.tooltip-content.shown{animation-name:tooltip-in;animation-duration:.1s;animation-fill-mode:forwards}@keyframes tooltip-in{0%{opacity:0}to{opacity:1}}@keyframes tooltip-out{0%{opacity:1}to{opacity:0;display:none}}.loader{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;align-items:center;justify-content:center;background-color:rgba(19,27,35,.8);min-height:5rem;transition:opacity .2s;overflow:hidden;display:none}.loader.active{opacity:1;display:flex}.loader .lds-dual-ring{display:inline-block;width:80px;height:80px}.loader .lds-dual-ring:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border-color:#f18805 transparent;border-style:solid;border-width:6px;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.result-ui{position:fixed;top:30%;left:50%;padding:2rem;text-align:center;width:20rem;margin-left:-12rem;border:4px solid #f0a202;background:#131b23;color:#f18805;animation:result-in .3s 1}.result-ui .title{font-size:300%;text-transform:uppercase;font-weight:700}.result-ui .actions{position:absolute;bottom:0;left:0;right:0;text-align:center;margin-bottom:-2rem;animation:actions-in .3s 1;animation-delay:.3s;animation-fill-mode:forwards;opacity:0;transform:translateY(200%)}.result-ui.closing{animation-name:result-out;animation-duration:.3s;animation-fill-mode:forwards}@keyframes result-in{0%{opacity:0;transform:scale(1) translateY(-20%)}to{opacity:1;transform:scale(1) translate(0)}}@keyframes result-out{0%{opacity:1;transform:scale(1) translate(0)}to{opacity:0;transform:scale(1) translateY(100%)}}@keyframes actions-in{0%{opacity:0;transform:translateY(200%)}60%{opacity:1;transform:translateY(-20%)}to{opacity:1;transform:translate(0)}}.editor-ui{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center}.editor-ui .panels-container{flex:1;max-width:900px;max-height:800px;position:relative;height:100%}.editor-ui .left-panel,.editor-ui .right-panel{background-color:rgba(19,27,35,.95);padding:.5rem}.editor-ui .left-panel{left:0;animation-name:go-in-left}.editor-ui .left-panel,.editor-ui .right-panel{position:absolute;top:0;bottom:0;display:flex;align-items:center;animation-duration:.4s}.editor-ui .right-panel{right:0;justify-content:center;animation-name:go-in-right}.editor-ui .center-panel{top:0;animation-name:go-in-up;display:flex;justify-content:center}.editor-ui .bottom-panel,.editor-ui .center-panel{position:absolute;width:400px;margin-left:-200px;left:50%;animation-duration:.4s}.editor-ui .bottom-panel{bottom:0;animation-name:go-in-down}.editor-ui .bottom-panel .health{color:#ff4b4b;display:flex;align-items:center;justify-content:center;padding:.1rem .2rem;font-size:150%;font-weight:700}.editor-ui .bottom-panel .health .svg-icon{margin-right:.5rem;font-size:75%}.editor-ui .body{border:2px solid #8d5003;margin:.2rem;color:#f18805;text-align:center}.editor-ui .body .health{color:#ff4b4b;display:flex;align-items:center;justify-content:center;padding:.2rem}.editor-ui .body .health .svg-icon{margin-right:.2rem;font-size:.8rem}.editor-ui .body.selected{border-color:#f18805;background-color:rgba(241,136,5,.2)}.editor-ui .gadget,.editor-ui .wheel{border-bottom:2px solid #f18805;padding:.25rem}.editor-ui .gadget:last-child,.editor-ui .wheel:last-child{border-bottom:0}.editor-ui .gadget .damage{color:#f0a202;display:flex;align-items:center;justify-content:center;padding:.1rem .2rem}.editor-ui .gadget .damage .svg-icon{margin-right:.2rem;font-size:.8rem}.editor-ui .wheel .health{color:#ff4b4b;display:flex;align-items:center;justify-content:center;padding:.1rem .2rem}.editor-ui .wheel .health .svg-icon{margin-right:.2rem;font-size:.8rem}.editor-ui .items{border:2px solid #f18805;z-index:2;position:relative}.editor-ui .categories{font-size:200%}.editor-ui .categories .category{display:flex;color:#8d5003;border:2px solid #8d5003;padding:.25rem;margin:.25rem 0 .25rem -2px;z-index:1;position:relative}.editor-ui .categories .category.selected{color:#f18805;border-color:#f18805}.editor-ui .btn-battle,.editor-ui .btn-league{display:inline-block;width:150px;padding:1rem;cursor:pointer;text-align:center;text-transform:uppercase;margin:0 .5rem;font-size:150%}.editor-ui .btn-battle{background:#d6d601;color:#111}.editor-ui .btn-battle:hover{background-color:#ffff71}.editor-ui.closing .left-panel{animation-name:go-out-left;animation-duration:.4s;animation-fill-mode:forwards}.editor-ui.closing .right-panel{animation-name:go-out-right;animation-duration:.4s;animation-fill-mode:forwards}.editor-ui.closing .center-panel{animation-name:go-out-up;animation-duration:.4s;animation-fill-mode:forwards}.editor-ui.closing .bottom-panel{animation-name:go-out-down;animation-duration:.4s;animation-fill-mode:forwards}@keyframes go-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-200%)}}@keyframes go-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(200%)}}@keyframes go-out-up{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes go-out-down{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(100%)}}@keyframes go-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes go-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes go-in-up{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translate(0)}}@keyframes go-in-down{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translate(0)}}.battle-ui{position:absolute;left:0;top:0;right:0;display:flex;justify-content:center;align-items:center;background-color:rgba(19,27,35,.8)}.battle-ui .timeout{font-size:400%;margin:0 2rem;font-weight:700;color:#fff}.battle-ui .timeout.done{color:#f33}.battle-ui .left-player,.battle-ui .right-player{margin:.5rem}.battle-ui .health-bar{width:20rem;height:3rem;position:relative;background-color:#666}.battle-ui .health-bar .label{line-height:3rem;color:#fff;position:absolute;left:0;right:0;top:0;bottom:0;text-align:center}.battle-ui .health-bar .inner-bar{background-color:#f66;height:100%}.login{box-sizing:border-box;position:absolute;width:20rem;margin-left:-10rem;top:20%;left:50%;padding:1rem;border:4px solid #f0a202;background:#131b23;color:#f18805}.login .loader{opacity:0;display:none;transition:opacity .1s;background-color:#f0a202;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0}.login .loader.active{opacity:1;display:flex}.login input[type=text]{width:100%;box-sizing:border-box}.login .btn-create{margin:1rem auto;display:block;width:8rem;text-align:center}.league{position:absolute;width:400px;margin-left:-200px;top:10%;left:50%;min-height:20rem;max-height:80%;padding:0 1rem;background-color:rgba(19,27,35,.8)}.league,.league .title{border:2px solid #f18805}.league .title{margin-top:-1.5rem;padding:.25rem .5rem;background-color:#131b23;font-size:125%;width:100px;margin-left:auto;margin-right:auto;text-align:center;text-transform:uppercase}.league .actions{position:absolute;bottom:0;left:0;right:0;margin-bottom:-2rem;display:flex}.league .actions .btn{margin:0 .5rem}.league .actions .btn-enter{margin-left:auto}.league .players{width:100%;margin:2rem 0}.league .players .name{text-align:right;padding:.1rem .5rem;width:50%}.league .players .score{text-align:left;padding:.1rem .5rem;width:50%}.debugger{font-size:12px}.debugger .debugger-controls{position:absolute;top:0;right:0;background:rgba(0,0,0,.8);color:#ddd;min-width:200px;bottom:0;overflow:auto}.debugger .render-layers .render-layer{margin:2px 0}.debugger .render-layers .render-layer:before{display:inline-block;width:12px;height:12px;content:"x";text-align:center;color:#000}.debugger .render-layers .render-layer.enabled:before{color:#ddd}