*,:before,:after{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}main{padding:8px 12px;display:block}img,canvas{max-width:100%}.ui-panel,.ui-button{border-style:solid;border-width:6px;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated;background:0 0;border-image-slice:6 fill;border-image-width:6px;border-image-repeat:repeat}.ui-panel{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAMElEQVR42mPg5OT+T03MQDMD7e3dyML0N1BCQposPGrgqIGjBg4OA2F48Bs46EpsANmXAQPbuQWdAAAAAElFTkSuQmCC)}.ui-panel[data-active=true]{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAOElEQVR42mPg5OT+T03MQDMDFyaxk4Xpb6CyFCdJ2EmBDYxHDRw1cNTAwWEgDMMUkIrpZ+CgK7EBSpcSTxSpD5sAAAAASUVORK5CYII=)}.ui-button{color:inherit;font:inherit;cursor:pointer;border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAOElEQVR42mPg5OT+T03MQDMDCwuryML0N9De3o0kLCEhDcajBo4aOGrg4DAQhmEKSMX0M3DQldgAzEdj80ZGypYAAAAASUVORK5CYII=);padding:4px 8px}.ui-button:active:not(:disabled),.ui-button[data-selected=true]{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAOUlEQVR42mPg5OT+T03MQDMDK0z5ycL0N3BLMCdJ+Pd+FTAeNXDUwFEDB4eBMAxTQCqmn4GDrsQGAPw8wA/6RpiBAAAAAElFTkSuQmCC)}.ui-button:disabled{opacity:.45;cursor:default}.ui-chip,.ui-hpbar{border-style:solid;border-width:4px;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated;background:0 0;border-image-slice:4 fill;border-image-width:4px;border-image-repeat:repeat}.ui-hpbar{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAOElEQVR42mPg5OT+T03MQDMDJSSkycL0N1BdXYskbG/vBsajBo4aOGrg4DAQhmEKSMX0M3DQldgAeZQaUw/vBpkAAAAASUVORK5CYII=)}.ui-chip[data-tone=negative]{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAL0lEQVR42mNw5eL6T03MQDMD62VlycL0N9BeSIgkPGrgqIGjBg4uAwd/eThoDQQAXmUyv2SZ85EAAAAASUVORK5CYII=)}.ui-chip[data-tone=positive]{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAL0lEQVR42mPg8cr7T03MQDMD2SNbycL0N5DbKoQkPGrgqIGjBg4uAwd/eThoDQQA7iavUx2MiwIAAAAASUVORK5CYII=)}.ui-icon{vertical-align:-1px;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0;display:inline-block}.ui-icon[data-icon=quemado]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAOUlEQVR42mNgQAM/i8X+MxACIEUkKcSrGKbg7wN3/IphimAYq0Jk05AVYihGV4TTVKIVEu1GYoIHABI0fVb4XYsjAAAAAElFTkSuQmCC)}.ui-icon[data-icon=escudo]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAMUlEQVR42mPgW/ryPzGYAUTUXv6DF9NIIQjgUwxXRJJCXIoxFJGkEF0xTkXIirEpAgD9S+Bvxg+gvgAAAABJRU5ErkJggg==)}.ui-icon[data-icon=aturdido]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAKklEQVR42mNgQAN/H7j/B2EGQoA6CpEl0BViaIIpQMcEFZCsgXw3Ui14AIWxfXnUsDnYAAAAAElFTkSuQmCC)}.ui-icon[data-icon=enraizado]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPklEQVR42mNggAKxVJP/2DADMgAJeN1rwIpRFBOtkGirYQqRNSCLYShCV4ihGJsJGGK4dGOwcboH3VRiFQIAXt5jBesCoIIAAAAASUVORK5CYII=)}.ui-icon[data-icon=silenciado]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQklEQVR42mNgYGBgmLJ4x398mAGmiAEPeO/iAlGMTyFIEdwwXAphivAqRFaEUyG6IhR/IPsO2V0ovsbpeEI+pBgAAA/9WgFKMesHAAAAAElFTkSuQmCC)}.ui-icon[data-icon=derribado]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAKElEQVR42mNgIAf8KCz8D8JEKSJJMdGm4TWdKEVEgXpZ2f/EYAaqAwD4rE/Xng5ZMAAAAABJRU5ErkJggg==)}.ui-icon[data-icon=eliminado]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAP0lEQVR42mNggIIrV278x4YZkAEuRSiKCSmCKwYREhLSYIwuiSxOmkJckhhWE+VGon2NHEQwK5GtZkAHhEwDAJAqC0DrzdSWAAAAAElFTkSuQmCC)}